isaacclad/ladill-mini
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Simplify Paystack checkout handoff
Deploy Ladill Mini / deploy (push) Successful in 1m19s
Details

Browse Source
This commit is contained in:
isaacclad
2026-07-24 08:25:28 +00:00
parent 8db08892c7
commit fa82e8e906
2 changed files with 9 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/partials/paystack-sheet.blade.php
+8 -27
View File
@@ -854,17 +854,13 @@
this._activeCode = accessCode;
this.launching = true;
this.error = '';
// Wait for the bottomsheet/modal body to lay out, then open Paystack
// and pin its body iframe over that loading area (no reparent).
var start = function () {
if (token !== store._launchToken) return;
armPaystackMount();
setPaystackContainActive(true);
watchPaystackIframes();
waitForPinTarget(1200).then(function () {
// Paystack owns its secure checkout popup. Do not pin or reparent
// its iframe into the Ladill sheet: that produces a loader followed
// by a second checkout layer in some browsers.
var start = function () {
if (token !== store._launchToken) return;
return loadInlineJs();
}).then(function (PaystackPop) {
watchPaystackIframes();
loadInlineJs().then(function (PaystackPop) {
if (token !== store._launchToken) return;
if (!PaystackPop) throw new Error('Paystack unavailable');
try {
@@ -873,25 +869,14 @@
}
} catch (e) {}
activePopup = null;
armPaystackMount();
setPaystackContainActive(true);
syncPaystackMountBox();
// PaystackPop constructor appends iframes to document.body.
// We leave them there and pin checkout over our sheet body.
setPaystackContainActive(false);
var popup = new PaystackPop();
activePopup = popup;
ensurePaystackContained(document);
popup.resumeTransaction(accessCode, {
onLoad: function () {
if (token !== store._launchToken) return;
store.launching = false;
ensurePaystackIframePermissions(document);
ensurePaystackContained(document);
// Alpine swaps header/spinner; re-measure then re-pin.
setTimeout(function () { ensurePaystackContained(document); }, 0);
setTimeout(function () { ensurePaystackContained(document); }, 50);
setTimeout(function () { ensurePaystackContained(document); }, 150);
setTimeout(function () { ensurePaystackContained(document); }, 400);
},
onSuccess: function (transaction) {
if (token !== store._launchToken) return;
@@ -921,10 +906,6 @@
store.error = (err && err.message) ? String(err.message) : 'Could not open secure payment.';
},
});
setTimeout(function () { ensurePaystackContained(document); }, 0);
setTimeout(function () { ensurePaystackContained(document); }, 50);
setTimeout(function () { ensurePaystackContained(document); }, 200);
setTimeout(function () { ensurePaystackContained(document); }, 500);
}).catch(function (err) {
if (token !== store._launchToken) return;
store.launching = false;
@@ -1121,7 +1102,7 @@
$watch('returnUrl', () => runSync());
$nextTick(() => runSync());
"
x-show="showSheet"
x-show="showSheet && $store.ladillPayCheckout && ($store.ladillPayCheckout.frameable || $store.ladillPayCheckout.error)"
x-cloak
data-ladill-pay-sheet
x-effect="document.documentElement.style.overflow = showSheet ? 'hidden' : ''"