Present Paystack checkout in a responsive mobile sheet and desktop modal.

Standardize customer-facing Ladill Pay checkout shells across products, open them on all viewports, and escape iframe callbacks back to the product flow.
2026-07-21 16:50:06 +00:00
parent 5cdc0a046d
commit 8937e67c73
9 changed files with 240 additions and 54 deletions
@@ -248,7 +248,7 @@ Alpine.data('miniPaymentLanding', (config = {}) => ({

            // Legacy MoMo waiting page must be full-page — never trap it in the Paystack iframe
            // (cross-origin iframe is blank / looks like "Pay did nothing").
-            const useSheet = data.provider !== 'mtn_momo' && window.innerWidth < 768;
+            const useSheet = data.provider !== 'mtn_momo';
            if (useSheet) {
                this.checkoutUrl = data.checkout_url;
                this.showSheet = true;