Paywall getting dismissed automatically after the purchase

Hey ​@mehul4795 ,

from your code snippet I believe the culprit is: 

.setDismissRequest { onNavigateUp() }

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:

var showDialog by remember { mutableStateOf(!isPremiumUser) } //or similar

if (showDialog) {
    PaywallDialog(
        PaywallDialogOptions.Builder()
            .setOffering(currentOffering)
            .setDismissRequest { showDialog = false } // Only dismiss the dialog
            .setListener(object : PaywallListener {
                override fun onPurchaseCompleted(
                    customerInfo: CustomerInfo,
                    storeTransaction: StoreTransaction
                ) {
                    onPurchaseOrRestoreCompleted()
                    showDialog = false // Hide dialog, stay on screen
                }

                override fun onRestoreCompleted(customerInfo: CustomerInfo) {
                    onPurchaseOrRestoreCompleted()
                    showDialog = false
                }
            })
            .build()
    )
}

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:

if (showPaywall) { //a flag to control this visibility
    Paywall(
        PaywallOptions.Builder()
            .setOffering(currentOffering)
            .setListener(object : PaywallListener {
                override fun onPurchaseCompleted(customerInfo: CustomerInfo, storeTransaction: StoreTransaction) {
                    onPurchaseOrRestoreCompleted()
                    showPaywall = false
                }

                override fun onRestoreCompleted(customerInfo: CustomerInfo) {
                    onPurchaseOrRestoreCompleted()
                    showPaywall = false
                }
            })
            .build()
    )
}

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

Best,

Gui