Stop Paystack pre-modal flash on customer checkout.

Use the shared Inline sheet, hold busy until payment UI opens, and avoid locking page scroll during the handoff.
2026-07-24 10:14:41 +00:00
parent fa82e8e906
commit 5edbf0a677
5 changed files with 318 additions and 961 deletions
@@ -323,7 +323,11 @@ Alpine.data('miniPaymentLanding', (config = {}) => ({
                : 'Network error. Please try again.';
        } finally {
            clearTimeout(timer);
-            this.loading = false;
+            // Keep loading while the sheet is open — ladill-pay-opened / cancel / error clear it.
+            // Clearing here caused a form flash before Paystack's modal painted.
+            if (!this.showSheet) {
+                this.loading = false;
+            }
        }
    },
 }));