Paywall getting dismissed automatically after the purchase

Hey ​@mehul4795 ,

from your code snippet I believe the culprit is: 

1.setDismissRequest { onNavigateUp() }
2

mixed with the internal behavior of the PaywallDialog.

The PaywallDialog logic calls closePaywall() when a purchase or restore is completed (source), which in turn triggers the dialog (source) dismissRequest. My assumption here is that since you're navigating away there, the screen pops.

Instead of navigating in dismissRequest, you can control the dialog’s visibility using a local state flag, like showDialog.

Here’s a pattern that keeps your screen in place and just hides the dialog after purchase:

1var showDialog by remember { mutableStateOf(!isPremiumUser) } //or similar
2
3if (showDialog) {
4    PaywallDialog(
5        PaywallDialogOptions.Builder()
6            .setOffering(currentOffering)
7            .setDismissRequest { showDialog = false } // Only dismiss the dialog
8            .setListener(object : PaywallListener {
9                override fun onPurchaseCompleted(
10                    customerInfo: CustomerInfo,
11                    storeTransaction: StoreTransaction
12                ) {
13                    onPurchaseOrRestoreCompleted()
14                    showDialog = false // Hide dialog, stay on screen
15                }
16
17                override fun onRestoreCompleted(customerInfo: CustomerInfo) {
18                    onPurchaseOrRestoreCompleted()
19                    showDialog = false
20                }
21            })
22            .build()
23    )
24}
25

This way, you should see:

• the dialog still auto-dismisses after purchase (as expected);

• instead of navigating away, you just hide the dialog with showDialog = false;

• your screen stays active, so you can show plan info, premium features, etc.

Alternatively, if you want more flexibility, you can use the Paywall composable (docs here under the Manually tab) instead of the dialog. Something like this should do the trick:

1if (showPaywall) { //a flag to control this visibility
2    Paywall(
3        PaywallOptions.Builder()
4            .setOffering(currentOffering)
5            .setListener(object : PaywallListener {
6                override fun onPurchaseCompleted(customerInfo: CustomerInfo, storeTransaction: StoreTransaction) {
7                    onPurchaseOrRestoreCompleted()
8                    showPaywall = false
9                }
10
11                override fun onRestoreCompleted(customerInfo: CustomerInfo) {
12                    onPurchaseOrRestoreCompleted()
13                    showPaywall = false
14                }
15            })
16            .build()
17    )
18}
19

This gives you full control over how the paywall appears and what happens afterward,  no dialogs, no auto-dismiss, just Compose state.

Best,

Gui