Open Paystack from the Pay click gesture, not after fetch.

Paystack blocks iframes, so checkout uses a popup beside the sheet/modal chrome. Opening about:blank on the user tap keeps that window from being blocked after the async initiate response.

resources/js/app.js

@@ -231,7 +231,7 @@ Alpine.data('miniPaymentLanding', (config = {}) => ({
         }
 
         this.errorMsg = '';
-        this.loading = true;
+        this.loading = true; window.LadillPayCheckout?.prepare?.();
 
         try {
             const res = await fetch(config.payUrl, {
@@ -259,7 +259,7 @@ Alpine.data('miniPaymentLanding', (config = {}) => ({
             this.showSheet = true;
             this.loading = false;
         } catch (e) {
-            this.errorMsg = 'Network error. Please try again.';
+            window.LadillPayCheckout?.cancel?.(); this.errorMsg = 'Network error. Please try again.';
             this.loading = false;
         }
     },