ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Add Mollie checkout flow, billing UI, and payment UX polish #71

Merged
uz1mani merged 73 commits from staging into main 2026-03-28 10:28:03 +00:00
Conversation 0 Commits 73 Files Changed 39 +1097 -121
17 changed files with 1097 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8db8f65fca - Show all commits

11
components/checkout/PlanSummary.tsx
View File

@@ -78,7 +78,8 @@ export default function PlanSummary({ plan, interval, limit, country, vatId, onC
fetchVAT(country, vatId, currentInterval) fetchVAT(country, vatId, currentInterval)
} }
const isVatVerified = verifiedVatId !== '' && verifiedVatId === vatId const isVatChecked = verifiedVatId !== '' && verifiedVatId === vatId
const isVatValid = isVatChecked && vatResult?.vat_exempt === true
return ( return (
<div className="rounded-2xl border border-neutral-800 bg-neutral-900/50 backdrop-blur-xl p-5 space-y-4"> <div className="rounded-2xl border border-neutral-800 bg-neutral-900/50 backdrop-blur-xl p-5 space-y-4">
@@ -140,14 +141,14 @@ export default function PlanSummary({ plan, interval, limit, country, vatId, onC
<button <button
type="button" type="button"
onClick={handleVerifyVatId} onClick={handleVerifyVatId}
disabled={!vatId || !country || vatLoading || isVatVerified} disabled={!vatId || !country || vatLoading || isVatValid}
className="shrink-0 rounded-lg bg-neutral-700 px-4 py-2.5 text-sm font-medium text-white transition-colors hover:bg-neutral-600 disabled:opacity-40 disabled:cursor-not-allowed" className="shrink-0 rounded-lg bg-neutral-700 px-4 py-2.5 text-sm font-medium text-white transition-colors hover:bg-neutral-600 disabled:opacity-40 disabled:cursor-not-allowed"
> >
{vatLoading && vatId ? 'Verifying...' : isVatVerified ? 'Verified' : 'Verify'} {vatLoading && vatId ? 'Verifying...' : isVatValid ? 'Verified' : 'Verify'}
</button> </button>
</div> </div>
{/* Verified company info */} {/* Verified company info */}
{isVatVerified && vatResult?.company_name && ( {isVatValid && vatResult?.company_name && (
<div className="mt-2 rounded-lg bg-green-500/5 border border-green-500/20 px-3 py-2 text-xs text-neutral-400"> <div className="mt-2 rounded-lg bg-green-500/5 border border-green-500/20 px-3 py-2 text-xs text-neutral-400">
<p className="font-medium text-green-400">{vatResult.company_name}</p> <p className="font-medium text-green-400">{vatResult.company_name}</p>
{vatResult.company_address && ( {vatResult.company_address && (
@@ -155,7 +156,7 @@ export default function PlanSummary({ plan, interval, limit, country, vatId, onC
)} )}
</div> </div>
)} )}
{isVatVerified && vatResult && !vatResult.vat_exempt && ( {isVatChecked && vatResult && !vatResult.vat_exempt && (
<p className="mt-1.5 text-xs text-yellow-400">VAT ID could not be verified. 21% VAT will apply.</p> <p className="mt-1.5 text-xs text-yellow-400">VAT ID could not be verified. 21% VAT will apply.</p>
)} )}
</div> </div>