github-such-software/xmrcheckout
1
0
Fork 0
mirror of https://github.com/Such-Software/xmrcheckout.git synced 2026-10-17 05:51:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add optional post-confirmation continue URL

Browse Source
This commit is contained in:
xmrcheckout
2026-01-08 16:43:11 +00:00
parent 6eb8d381c9
commit 6a3156991a
9 changed files with 210 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/components/create-invoice-card.tsx
+16
View File
@@ -376,6 +376,22 @@ export default function CreateInvoiceCard() {
placeholder="Order 1042"
/>
</div>
<div className="grid gap-2">
<label className={labelClass} htmlFor="checkout_continue_url">
Continue URL (optional)
</label>
<input
className={inputClass}
id="checkout_continue_url"
name="checkout_continue_url"
type="url"
placeholder="https://merchant.example/thanks"
/>
<p className="text-sm text-ink-soft">
After confirmation, the hosted invoice page shows a &quot;Continue&quot; button
that navigates to this URL.
</p>
</div>
<div className="grid gap-2">
<label className={labelClass} htmlFor="qr_color">
QR accent color
ui/components/invoice-panel.tsx
+27
View File
@@ -114,6 +114,7 @@ export default function InvoicePanel({
const [expiresTime, setExpiresTime] = useState("");
const [recipientName, setRecipientName] = useState("");
const [description, setDescription] = useState("");
const [checkoutContinueUrl, setCheckoutContinueUrl] = useState("");
const [archiveModalInvoiceId, setArchiveModalInvoiceId] = useState<string | null>(null);
const [searchInput, setSearchInput] = useState(searchQuery ?? "");
const [qrLogoMode, setQrLogoMode] = useState<
@@ -260,6 +261,7 @@ export default function InvoicePanel({
setExpiresTime("");
setRecipientName("");
setDescription("");
setCheckoutContinueUrl("");
setQrLogoMode("account_default");
setQrLogoDataUrl(null);
};
@@ -1044,6 +1046,23 @@ export default function InvoicePanel({
onChange={(event) => setDescription(event.target.value)}
/>
</div>
<div className="grid gap-2">
<label className={labelClass} htmlFor="wizard_checkout_continue_url">
Continue URL (optional)
</label>
<input
className={inputClass}
id="wizard_checkout_continue_url"
name="checkout_continue_url"
type="url"
placeholder="https://merchant.example/thanks"
value={checkoutContinueUrl}
onChange={(event) => setCheckoutContinueUrl(event.target.value)}
/>
<p className="text-sm text-ink-soft">
After confirmation, the hosted invoice page can show a Continue button.
</p>
</div>
<div className="grid gap-2">
<label className={labelClass} htmlFor="wizard_qr_logo_mode">
QR logo
@@ -1118,6 +1137,11 @@ export default function InvoicePanel({
<input type="hidden" name="expires_at" value={expiryValue} />
<input type="hidden" name="recipient_name" value={recipientName} />
<input type="hidden" name="description" value={description} />
<input
type="hidden"
name="checkout_continue_url"
value={checkoutContinueUrl}
/>
<input type="hidden" name="qr_logo_mode" value={qrLogoMode} />
<input
type="hidden"
@@ -1177,6 +1201,9 @@ export default function InvoicePanel({
<p className="mt-2 text-sm text-ink">
Description: <strong>{description || "-"}</strong>
</p>
<p className="mt-2 text-sm text-ink">
Continue URL: <strong>{checkoutContinueUrl || "-"}</strong>
</p>
</div>
</div>
) : null}