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

Fix POS payment bottomsheet wrap and store reactivity.
Deploy Ladill POS / deploy (push) Successful in 40s
Details

Browse Source 
Mirror paymentCheckout into local Alpine state so the teleported sheet opens,
and restore the always-visible bottomsheet/modal shell around Inline.
This commit is contained in:
isaacclad
2026-07-21 21:43:52 +00:00
parent 54a8c91ab1
commit 26b3201822
3 changed files with 141 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/Feature/ResponsivePaystackSheetTest.php
+5 -6
View File
@@ -18,8 +18,6 @@ class ResponsivePaystackSheetTest extends TestCase
$this->assertStringContainsString('data-ladill-pay-panel', $html);
$this->assertStringContainsString('data-ladill-pay-backdrop', $html);
$this->assertStringContainsString('data-ladill-pay-handle', $html);
$this->assertStringContainsString('data-ladill-pay-loading', $html);
$this->assertStringContainsString('data-ladill-pay-shell', $html);
$this->assertStringContainsString('data-ladill-pay-inline-status', $html);
$this->assertStringContainsString('md:items-center', $html);
$this->assertStringContainsString('rounded-t-2xl', $html);
@@ -30,13 +28,13 @@ class ResponsivePaystackSheetTest extends TestCase
$this->assertStringContainsString('LadillPayCheckout', $html);
$this->assertStringContainsString('resumeTransaction', $html);
$this->assertStringContainsString('js.paystack.co/v2/inline.js', $html);
$this->assertStringContainsString('Opening payment', $html);
$this->assertStringContainsString('pointer-events-none', $html);
$this->assertStringContainsString('Starting secure checkout', $html);
$this->assertStringContainsString('Complete payment on this screen', $html);
$this->assertStringContainsString('not in a separate browser', $html);
$this->assertStringContainsString('items-end justify-center md:items-center', $html);
// Must not push Paystack to a separate browser as the primary path.
$this->assertStringNotContainsString('Continue to Paystack', $html);
$this->assertStringNotContainsString('window.open(', $html);
// Must not stack Ladill chrome under Paystack Inline (double interface).
$this->assertStringNotContainsString('Complete payment in the Paystack window', $html);
// Must not use Tailwind `hidden` + x-show on the panel (desktop stays invisible).
$this->assertStringNotContainsString('hidden w-full max-w-lg', $html);
$this->assertStringNotContainsString('Paystack checkout', $html);
@@ -70,6 +68,7 @@ class ResponsivePaystackSheetTest extends TestCase
$this->assertStringContainsString('access_code', $html);
$this->assertStringContainsString('accessCode', $html);
$this->assertStringContainsString('paymentCheckout.open', $html);
$this->assertStringContainsString('syncFromStore', $html);
$this->assertStringContainsString('partials.paystack-sheet', $html);
}
}