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
@@ -73,7 +73,7 @@
                </button>
            </form>

-            <p class="mt-3 text-center text-[11px] text-slate-400">Secured by Paystack. Powered by Ladill Pay</p>
+            <p class="mt-3 text-center text-[11px] text-slate-400">Your payment is processed securely</p>
        </div>
    </div>

@@ -116,7 +116,7 @@
                </button>
            </form>

-            <p class="mt-4 text-center text-[11px] text-slate-400">Secured by Paystack. Powered by Ladill Pay</p>
+            <p class="mt-4 text-center text-[11px] text-slate-400">Your payment is processed securely</p>
        </div>
    </main>

@@ -193,7 +193,7 @@
                            return;
                        }
                        // Legacy MoMo waiting page must be full-page — never trap it in the Paystack iframe.
-                        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;