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:07 +00:00
parent 2818edc75f
commit 4f97b6ff70
3 changed files with 110 additions and 33 deletions
@@ -12,6 +12,12 @@
            set showSheet(v) { if (!v) { $store.paymentCheckout.close() } },
            get checkoutUrl() { return $store.paymentCheckout.url },
         }">
-        @include('partials.paystack-sheet')
+        @include('partials.paystack-sheet', [
+            'audience' => 'operator',
+            'sheetTitle' => 'Customer payment',
+            'sheetSubtitle' => 'Hand this screen to the customer for card or mobile money.',
+            'sheetFooter' => 'Stay on this screen until the customer finishes. Closing only hides the sheet.',
+            'iframeTitle' => 'Customer card or mobile money checkout',
+        ])
    </div>
 </div>