@voyantjs/checkout-ui 0.34.0 → 0.37.0

package/dist/components/collect-payment-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collect-payment-dialog.d.ts","sourceRoot":"","sources":["../../src/components/collect-payment-dialog.tsx"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAaD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,YAAY,GACb,EAAE,yBAAyB,2CA8G3B"}
+{"version":3,"file":"collect-payment-dialog.d.ts","sourceRoot":"","sources":["../../src/components/collect-payment-dialog.tsx"],"names":[],"mappings":"AAuBA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAaD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,YAAY,GACb,EAAE,yBAAyB,2CA4G3B"}

package/dist/components/collect-payment-dialog.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCollectPayment } from "@voyantjs/checkout-react";
+import { formatMessage } from "@voyantjs/i18n";
 import { Button } from "@voyantjs/ui/components/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@voyantjs/ui/components/dialog";
 import { Input } from "@voyantjs/ui/components/input";
@@ -8,6 +9,7 @@ import { Label } from "@voyantjs/ui/components/label";
 import { CheckCircle2, Copy, ExternalLink, Loader2 } from "lucide-react";
 import { useMemo, useState } from "react";
 import { toast } from "sonner";
+import { useCheckoutUiMessagesOrDefault } from "../i18n/provider.js";
 import { PaymentStep } from "./payment-step.js";
 /**
  * Operator dialog defaults to immediate-charge disabled. Templates that
@@ -20,6 +22,7 @@ const CAPABILITIES = {
     newCard: false,
 };
 export function CollectPaymentDialog({ open, onOpenChange, bookingId, defaultCurrency, defaultAmountCents, defaultPayerEmail, defaultPayerName, defaultPayerLanguage, returnUrl, cancelUrl, cardProvider, }) {
+    const messages = useCheckoutUiMessagesOrDefault().collectPaymentDialog;
     const [amountCents, setAmountCents] = useState(defaultAmountCents ?? 0);
     const [choice, setChoice] = useState(null);
     const [result, setResult] = useState(null);
@@ -40,17 +43,17 @@ export function CollectPaymentDialog({ open, onOpenChange, bookingId, defaultCur
     }
     async function submit() {
         if (!choice || choice.type !== "hold") {
-            toast.error("Pick 'Hold — generate payment link' to produce a shareable link.");
+            toast.error(messages.validation.pickHold);
             return;
         }
         if (amountCents <= 0) {
-            toast.error("Enter an amount above zero.");
+            toast.error(messages.validation.amountAboveZero);
             return;
         }
         try {
             const data = await collect.mutateAsync({ choice, amountCents });
             setResult(data);
-            toast.success("Payment link ready — copy or share it with the customer.");
+            toast.success(messages.validation.linkReady);
         }
         catch (err) {
             toast.error(err.message);
@@ -60,18 +63,21 @@ export function CollectPaymentDialog({ open, onOpenChange, bookingId, defaultCur
             onOpenChange(next);
             if (!next)
                 reset();
-        }, children: _jsxs(DialogContent, { className: "max-w-xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Generate payment link" }), _jsx(DialogDescription, { children: "Hold the booking and produce a payment link the customer can open to pay by card or bank transfer. Share it however you prefer (email, chat, etc.)." })] }), result ? (_jsx(ResultPanel, { result: result })) : (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs(Label, { htmlFor: "collect-amount", children: ["Amount (", defaultCurrency, ")"] }), _jsx(Input, { id: "collect-amount", type: "number", inputMode: "decimal", step: "0.01", min: "0", value: amountInputValue, onChange: (e) => {
+        }, children: _jsxs(DialogContent, { className: "max-w-xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: messages.title }), _jsx(DialogDescription, { children: messages.description })] }), result ? (_jsx(ResultPanel, { result: result })) : (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "collect-amount", children: formatMessage(messages.amountLabel, { currency: defaultCurrency }) }), _jsx(Input, { id: "collect-amount", type: "number", inputMode: "decimal", step: "0.01", min: "0", value: amountInputValue, onChange: (e) => {
                                         const raw = Number.parseFloat(e.target.value);
                                         setAmountCents(Number.isFinite(raw) ? Math.round(raw * 100) : 0);
-                                    } }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Defaults to the booking's sell amount. Override for a deposit or partial collection." })] }), _jsx(PaymentStep, { value: choice, onChange: setChoice, capabilities: CAPABILITIES })] })), _jsx(DialogFooter, { children: result ? (_jsx(Button, { onClick: () => onOpenChange(false), children: "Done" })) : (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: collect.isPending, children: "Cancel" }), _jsxs(Button, { onClick: submit, disabled: collect.isPending || choice?.type !== "hold", children: [collect.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Generate link"] })] })) })] }) }));
+                                    } }), _jsx("p", { className: "text-muted-foreground text-xs", children: messages.amountHelp })] }), _jsx(PaymentStep, { value: choice, onChange: setChoice, capabilities: CAPABILITIES })] })), _jsx(DialogFooter, { children: result ? (_jsx(Button, { onClick: () => onOpenChange(false), children: messages.done })) : (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: collect.isPending, children: messages.cancel }), _jsxs(Button, { onClick: submit, disabled: collect.isPending || choice?.type !== "hold", children: [collect.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.generateLink] })] })) })] }) }));
 }
 function ResultPanel({ result }) {
+    const messages = useCheckoutUiMessagesOrDefault().collectPaymentDialog;
     const sessionId = result.paymentSession?.id ?? null;
     const landingUrl = sessionId && typeof window !== "undefined" ? `${window.location.origin}/pay/${sessionId}` : null;
     if (!landingUrl) {
-        return (_jsxs("div", { className: "rounded-xl border border-amber-500/40 bg-amber-500/5 p-5 text-sm", children: ["The session was created but no link could be built. Session id:", " ", _jsx("span", { className: "font-mono", children: sessionId ?? "—" }), "."] }));
+        return (_jsx("div", { className: "rounded-xl border border-amber-500/40 bg-amber-500/5 p-5 text-sm", children: formatMessage(messages.result.noLink, {
+                sessionId: sessionId ?? messages.result.noSession,
+            }) }));
     }
-    return (_jsxs("div", { className: "flex flex-col gap-4 rounded-xl border bg-card p-5", children: [_jsxs("div", { className: "flex items-center gap-2 text-emerald-700", children: [_jsx(CheckCircle2, { className: "h-5 w-5" }), _jsx("span", { className: "font-medium", children: "Payment link ready" })] }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Share this link with the customer. They'll choose card or bank transfer on the page." }), _jsxs("div", { className: "flex items-center gap-2 rounded-md border bg-muted/30 p-3 font-mono text-xs", children: [_jsx("span", { className: "flex-1 break-all", children: landingUrl }), _jsx("button", { type: "button", "aria-label": "Copy link", className: "text-muted-foreground hover:text-foreground", onClick: () => {
+    return (_jsxs("div", { className: "flex flex-col gap-4 rounded-xl border bg-card p-5", children: [_jsxs("div", { className: "flex items-center gap-2 text-emerald-700", children: [_jsx(CheckCircle2, { className: "h-5 w-5" }), _jsx("span", { className: "font-medium", children: messages.result.ready })] }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.result.body }), _jsxs("div", { className: "flex items-center gap-2 rounded-md border bg-muted/30 p-3 font-mono text-xs", children: [_jsx("span", { className: "flex-1 break-all", children: landingUrl }), _jsx("button", { type: "button", "aria-label": messages.result.copyLink, className: "text-muted-foreground hover:text-foreground", onClick: () => {
                             navigator.clipboard?.writeText(landingUrl).catch(() => undefined);
-                        }, children: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx("a", { href: landingUrl, target: "_blank", rel: "noreferrer", "aria-label": "Open link", className: "text-muted-foreground hover:text-foreground", children: _jsx(ExternalLink, { className: "h-3.5 w-3.5" }) })] })] }));
+                        }, children: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx("a", { href: landingUrl, target: "_blank", rel: "noreferrer", "aria-label": messages.result.openLink, className: "text-muted-foreground hover:text-foreground", children: _jsx(ExternalLink, { className: "h-3.5 w-3.5" }) })] })] }));
 }

package/dist/components/payment-link-landing-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"payment-link-landing-page.d.ts","sourceRoot":"","sources":["../../src/components/payment-link-landing-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAa/E,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAOhD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,oBAAoB,CAAA;IAC7B,2EAA2E;IAC3E,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;IACnD,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,yDAAyD;IACzD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACrC;AAED,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,wBAAwB,EACxB,WAAW,EACX,WAAW,EACX,WAAW,EACX,OAAO,EACP,WAAW,GACZ,EAAE,2BAA2B,2CAc7B"}
+{"version":3,"file":"payment-link-landing-page.d.ts","sourceRoot":"","sources":["../../src/components/payment-link-landing-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAc/E,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAUhD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,oBAAoB,CAAA;IAC7B,2EAA2E;IAC3E,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;IACnD,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,yDAAyD;IACzD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACrC;AAED,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,wBAAwB,EACxB,WAAW,EACX,WAAW,EACX,WAAW,EACX,OAAO,EACP,WAAW,GACZ,EAAE,2BAA2B,2CAc7B"}

package/dist/components/payment-link-landing-page.js

@@ -1,18 +1,30 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyantjs/i18n";
 import { Button } from "@voyantjs/ui/components/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@voyantjs/ui/components/tabs";
 import { cn } from "@voyantjs/ui/lib/utils";
 import { Building2, CheckCircle2, CircleAlert, Copy, CreditCard, ExternalLink, Loader2, } from "lucide-react";
 import { useState } from "react";
+import { useCheckoutUiI18nOrDefault, useCheckoutUiMessagesOrDefault } from "../i18n/provider.js";
 export function PaymentLinkLandingPage({ session, bankTransferInstructions, brandHeader, brandFooter, onPayByCard, onRetry, description, }) {
     return (_jsxs("div", { className: "mx-auto flex min-h-screen w-full max-w-2xl flex-col gap-6 px-4 py-8", children: [brandHeader, _jsx(Header, { session: session, description: description }), _jsx(Body, { session: session, bankTransferInstructions: bankTransferInstructions, onPayByCard: onPayByCard, onRetry: onRetry }), brandFooter] }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
 function Header({ session, description }) {
-    return (_jsxs("header", { className: "flex flex-col gap-2 border-b pb-4", children: [_jsx("h1", { className: "font-semibold text-2xl", children: description ?? defaultDescription(session) }), session.notes && _jsx("p", { className: "text-muted-foreground text-sm", children: session.notes }), _jsxs("div", { className: "flex items-baseline gap-3", children: [_jsx("span", { className: "font-semibold text-3xl tabular-nums", children: formatMoneyCents(session.amountCents, session.currency) }), session.expiresAt && session.status !== "paid" && (_jsxs("span", { className: "text-muted-foreground text-sm", children: ["Expires ", formatDateTime(session.expiresAt)] }))] })] }));
+    const i18n = useCheckoutUiI18nOrDefault();
+    const messages = i18n.messages.paymentLinkLandingPage;
+    return (_jsxs("header", { className: "flex flex-col gap-2 border-b pb-4", children: [_jsx("h1", { className: "font-semibold text-2xl", children: description ?? defaultDescription(session, messages) }), session.notes && _jsx("p", { className: "text-muted-foreground text-sm", children: session.notes }), _jsxs("div", { className: "flex items-baseline gap-3", children: [_jsx("span", { className: "font-semibold text-3xl tabular-nums", children: i18n.formatCurrency(session.amountCents / 100, session.currency) }), session.expiresAt && session.status !== "paid" && (_jsx("span", { className: "text-muted-foreground text-sm", children: formatMessage(messages.expires, {
+                            date: i18n.formatDateTime(session.expiresAt, {
+                                day: "numeric",
+                                month: "short",
+                                hour: "2-digit",
+                                minute: "2-digit",
+                            }),
+                        }) }))] })] }));
 }
 function Body({ session, bankTransferInstructions, onPayByCard, onRetry, }) {
+    const messages = useCheckoutUiMessagesOrDefault().paymentLinkLandingPage;
     // Terminal states — short-circuit body to a status panel.
     if (session.status === "paid")
         return _jsx(TerminalState, { status: "paid", reason: null });
@@ -33,7 +45,7 @@ function Body({ session, bankTransferInstructions, onPayByCard, onRetry, }) {
     // No method available — soft fallback (rare; signals a misconfigured
     // session that has neither a redirect URL nor a bank-transfer block).
     if (!cardAvailable && !bankAvailable) {
-        return (_jsxs("div", { className: "rounded-xl border border-amber-500/40 bg-amber-500/5 p-5 text-sm", children: [_jsx("p", { className: "font-medium", children: "No payment method available" }), _jsx("p", { className: "mt-2 text-muted-foreground", children: "This payment link doesn't have any payment methods configured. Please contact your travel agent." })] }));
+        return (_jsxs("div", { className: "rounded-xl border border-amber-500/40 bg-amber-500/5 p-5 text-sm", children: [_jsx("p", { className: "font-medium", children: messages.noMethods.title }), _jsx("p", { className: "mt-2 text-muted-foreground", children: messages.noMethods.body })] }));
     }
     // Single method — render inline without tabs.
     if (cardAvailable && !bankAvailable) {
@@ -43,9 +55,11 @@ function Body({ session, bankTransferInstructions, onPayByCard, onRetry, }) {
         return _jsx(BankTransferPanel, { session: session, instructions: bankTransferInstructions });
     }
     // Both methods — tab strip.
-    return (_jsxs(Tabs, { defaultValue: "card", className: "w-full", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsxs(TabsTrigger, { value: "card", children: [_jsx(CreditCard, { className: "mr-2 h-4 w-4" }), "Pay by card"] }), _jsxs(TabsTrigger, { value: "bank", children: [_jsx(Building2, { className: "mr-2 h-4 w-4" }), "Bank transfer"] })] }), _jsx(TabsContent, { value: "card", className: "mt-4", children: _jsx(CardPanel, { session: session, onPayByCard: onPayByCard }) }), _jsx(TabsContent, { value: "bank", className: "mt-4", children: bankTransferInstructions && (_jsx(BankTransferPanel, { session: session, instructions: bankTransferInstructions })) })] }));
+    return (_jsxs(Tabs, { defaultValue: "card", className: "w-full", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsxs(TabsTrigger, { value: "card", children: [_jsx(CreditCard, { className: "mr-2 h-4 w-4" }), messages.cardTab] }), _jsxs(TabsTrigger, { value: "bank", children: [_jsx(Building2, { className: "mr-2 h-4 w-4" }), messages.bankTab] })] }), _jsx(TabsContent, { value: "card", className: "mt-4", children: _jsx(CardPanel, { session: session, onPayByCard: onPayByCard }) }), _jsx(TabsContent, { value: "bank", className: "mt-4", children: bankTransferInstructions && (_jsx(BankTransferPanel, { session: session, instructions: bankTransferInstructions })) })] }));
 }
 function CardPanel({ session, onPayByCard, }) {
+    const i18n = useCheckoutUiI18nOrDefault();
+    const messages = i18n.messages.paymentLinkLandingPage;
     const [starting, setStarting] = useState(false);
     const [error, setError] = useState(null);
     const handleClick = async () => {
@@ -69,7 +83,7 @@ function CardPanel({ session, onPayByCard, }) {
             });
             const body = (await res.json());
             if (!res.ok || !body.data?.redirectUrl) {
-                throw new Error(body.error ?? "Card payment couldn't be prepared.");
+                throw new Error(body.error ?? messages.card.startFailed);
             }
             window.location.href = body.data.redirectUrl;
         }
@@ -78,18 +92,25 @@ function CardPanel({ session, onPayByCard, }) {
             setStarting(false);
         }
     };
-    return (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("p", { className: "mb-4 text-muted-foreground text-sm", children: "You'll be redirected to the secure payment page hosted by the card processor." }), _jsxs(Button, { className: "w-full", disabled: starting, onClick: handleClick, children: [starting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Pay ", formatMoneyCents(session.amountCents, session.currency), !starting && _jsx(ExternalLink, { className: "ml-2 h-4 w-4" })] }), error && (_jsxs("p", { className: "mt-3 text-destructive text-xs", children: [error, " If the issue persists, please pay by bank transfer or contact your travel agent."] }))] }));
+    return (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("p", { className: "mb-4 text-muted-foreground text-sm", children: messages.card.description }), _jsxs(Button, { className: "w-full", disabled: starting, onClick: handleClick, children: [starting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), formatMessage(messages.card.payAmount, {
+                        amount: i18n.formatCurrency(session.amountCents / 100, session.currency),
+                    }), !starting && _jsx(ExternalLink, { className: "ml-2 h-4 w-4" })] }), error && (_jsx("p", { className: "mt-3 text-destructive text-xs", children: formatMessage(messages.card.errorAdvice, { message: error }) }))] }));
 }
 function BankTransferPanel({ session, instructions, }) {
+    const i18n = useCheckoutUiI18nOrDefault();
+    const messages = i18n.messages.paymentLinkLandingPage;
     const reference = instructions.reference ?? session.externalReference ?? session.clientReference ?? session.id;
-    return (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("p", { className: "mb-4 text-muted-foreground text-sm", children: ["Wire ", formatMoneyCents(session.amountCents, session.currency), " to the account below. Your booking is confirmed once payment is received (typically 1\u20133 business days)."] }), _jsxs("dl", { className: "grid grid-cols-1 gap-2 text-sm", children: [_jsx(Row, { label: "Beneficiary", children: instructions.beneficiaryName }), _jsx(Row, { label: "IBAN", copyValue: instructions.iban, children: _jsx("span", { className: "font-mono", children: instructions.iban }) }), instructions.bic && (_jsx(Row, { label: "BIC / SWIFT", copyValue: instructions.bic, children: _jsx("span", { className: "font-mono", children: instructions.bic }) })), instructions.bankName && _jsx(Row, { label: "Bank", children: instructions.bankName }), _jsx(Row, { label: "Reference", copyValue: reference, children: _jsx("span", { className: "font-mono", children: reference }) })] }), instructions.notes && (_jsx("p", { className: "mt-4 text-muted-foreground text-xs", children: instructions.notes }))] }));
+    return (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("p", { className: "mb-4 text-muted-foreground text-sm", children: formatMessage(messages.bank.instructions, {
+                    amount: i18n.formatCurrency(session.amountCents / 100, session.currency),
+                }) }), _jsxs("dl", { className: "grid grid-cols-1 gap-2 text-sm", children: [_jsx(Row, { label: messages.bank.beneficiary, children: instructions.beneficiaryName }), _jsx(Row, { label: messages.bank.iban, copyValue: instructions.iban, children: _jsx("span", { className: "font-mono", children: instructions.iban }) }), instructions.bic && (_jsx(Row, { label: messages.bank.bicSwift, copyValue: instructions.bic, children: _jsx("span", { className: "font-mono", children: instructions.bic }) })), instructions.bankName && _jsx(Row, { label: messages.bank.bank, children: instructions.bankName }), _jsx(Row, { label: messages.bank.reference, copyValue: reference, children: _jsx("span", { className: "font-mono", children: reference }) })] }), instructions.notes && (_jsx("p", { className: "mt-4 text-muted-foreground text-xs", children: instructions.notes }))] }));
 }
 function Row({ label, children, copyValue, }) {
     return (_jsxs("div", { className: "flex items-baseline justify-between gap-3 border-b py-1.5 last:border-b-0", children: [_jsx("dt", { className: "text-muted-foreground text-xs uppercase tracking-wider", children: label }), _jsxs("dd", { className: "flex items-center gap-2", children: [children, copyValue && _jsx(CopyButton, { value: copyValue })] })] }));
 }
 function CopyButton({ value }) {
+    const messages = useCheckoutUiMessagesOrDefault().paymentLinkLandingPage;
     const [copied, setCopied] = useState(false);
-    return (_jsx("button", { type: "button", "aria-label": copied ? "Copied" : `Copy ${value}`, className: "text-muted-foreground transition-colors hover:text-foreground", onClick: async () => {
+    return (_jsx("button", { type: "button", "aria-label": copied ? messages.copy.copied : formatMessage(messages.copy.copyValue, { value }), className: "text-muted-foreground transition-colors hover:text-foreground", onClick: async () => {
             try {
                 await navigator.clipboard?.writeText(value);
                 setCopied(true);
@@ -102,31 +123,32 @@ function CopyButton({ value }) {
         }, children: copied ? (_jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-emerald-600" })) : (_jsx(Copy, { className: "h-3.5 w-3.5" })) }));
 }
 function TerminalState({ status, reason, onRetry, }) {
+    const messages = useCheckoutUiMessagesOrDefault().paymentLinkLandingPage;
     const [retrying, setRetrying] = useState(false);
     const [retryError, setRetryError] = useState(null);
     const cfg = {
         paid: {
             icon: _jsx(CheckCircle2, { className: "h-10 w-10 text-emerald-600" }),
-            title: "Payment received",
-            body: "Thanks — your booking is confirmed. You'll receive a confirmation email shortly.",
+            title: messages.terminal.paid.title,
+            body: messages.terminal.paid.body,
             tone: "border-emerald-500/40 bg-emerald-500/5",
         },
         failed: {
             icon: _jsx(CircleAlert, { className: "h-10 w-10 text-destructive" }),
-            title: "Payment failed",
-            body: reason ?? "The payment couldn't be processed. Please try again or contact support.",
+            title: messages.terminal.failed.title,
+            body: reason ?? messages.terminal.failed.body,
             tone: "border-destructive/40 bg-destructive/5",
         },
         expired: {
             icon: _jsx(CircleAlert, { className: "h-10 w-10 text-amber-600" }),
-            title: "Payment link expired",
-            body: "This payment link has expired. Please request a new one from your travel agent.",
+            title: messages.terminal.expired.title,
+            body: messages.terminal.expired.body,
             tone: "border-amber-500/40 bg-amber-500/5",
         },
         cancelled: {
             icon: _jsx(CircleAlert, { className: "h-10 w-10 text-muted-foreground" }),
-            title: "Payment cancelled",
-            body: "This payment was cancelled. Please contact your travel agent if this is unexpected.",
+            title: messages.terminal.cancelled.title,
+            body: messages.terminal.cancelled.body,
             tone: "border-border bg-muted/20",
         },
     }[status];
@@ -140,47 +162,12 @@ function TerminalState({ status, reason, onRetry, }) {
                                 setRetryError(err.message);
                                 setRetrying(false);
                             }
-                        }, children: [retrying && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Try again"] }), retryError && _jsx("p", { className: "text-destructive text-xs", children: retryError })] }))] }));
+                        }, children: [retrying && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.terminal.tryAgain] }), retryError && _jsx("p", { className: "text-destructive text-xs", children: retryError })] }))] }));
 }
 function ProcessingState() {
-    return (_jsxs("div", { className: "flex flex-col items-center gap-3 rounded-xl border bg-card p-8 text-center", children: [_jsx(Loader2, { className: "h-10 w-10 animate-spin text-muted-foreground" }), _jsx("h2", { className: "font-semibold text-lg", children: "Processing payment\u2026" }), _jsx("p", { className: "max-w-md text-muted-foreground text-sm", children: "We're confirming the payment with the processor. This usually takes a few seconds." })] }));
+    const messages = useCheckoutUiMessagesOrDefault().paymentLinkLandingPage;
+    return (_jsxs("div", { className: "flex flex-col items-center gap-3 rounded-xl border bg-card p-8 text-center", children: [_jsx(Loader2, { className: "h-10 w-10 animate-spin text-muted-foreground" }), _jsx("h2", { className: "font-semibold text-lg", children: messages.processing.title }), _jsx("p", { className: "max-w-md text-muted-foreground text-sm", children: messages.processing.body })] }));
 }
-function defaultDescription(session) {
-    switch (session.targetType) {
-        case "booking":
-            return "Booking payment";
-        case "booking_payment_schedule":
-            return "Booking deposit";
-        case "booking_guarantee":
-            return "Booking guarantee";
-        case "invoice":
-            return "Invoice payment";
-        case "order":
-            return "Order payment";
-        case "flight_order":
-            return "Flight payment";
-        default:
-            return "Payment";
-    }
-}
-function formatMoneyCents(cents, currency) {
-    const amount = cents / 100;
-    if (!Number.isFinite(amount))
-        return `${cents} ${currency}`;
-    return new Intl.NumberFormat(undefined, {
-        style: "currency",
-        currency,
-        maximumFractionDigits: 2,
-    }).format(amount);
-}
-function formatDateTime(iso) {
-    const d = new Date(iso);
-    if (Number.isNaN(d.getTime()))
-        return iso;
-    return new Intl.DateTimeFormat(undefined, {
-        day: "numeric",
-        month: "short",
-        hour: "2-digit",
-        minute: "2-digit",
-    }).format(d);
+function defaultDescription(session, messages) {
+    return messages.descriptions[session.targetType] ?? messages.descriptions.default;
 }

package/dist/components/payment-step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"payment-step.d.ts","sourceRoot":"","sources":["../../src/components/payment-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,IAAI,8BAA8B,EACxD,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,0BAA0B,CAAA;AAMjC,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAEhD;;;GAGG;AACH,MAAM,WAAW,sBAAuB,SAAQ,8BAA8B;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;;OAGG;IACH,YAAY,EAAE,uBAAuB,CAAA;IAErC,oFAAoF;IACpF,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAA;IAEpD,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,cAAc,GACf,EAAE,gBAAgB,2CA4BlB"}
+{"version":3,"file":"payment-step.d.ts","sourceRoot":"","sources":["../../src/components/payment-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,IAAI,8BAA8B,EACxD,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,0BAA0B,CAAA;AAOjC,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAIhD;;;GAGG;AACH,MAAM,WAAW,sBAAuB,SAAQ,8BAA8B;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;;OAGG;IACH,YAAY,EAAE,uBAAuB,CAAA;IAErC,oFAAoF;IACpF,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAA;IAEpD,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,cAAc,GACf,EAAE,gBAAgB,2CA2BlB"}

package/dist/components/payment-step.js

@@ -1,11 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyantjs/i18n";
 import { Input } from "@voyantjs/ui/components/input";
 import { Label } from "@voyantjs/ui/components/label";
 import { RadioGroup, RadioGroupItem } from "@voyantjs/ui/components/radio-group";
 import { cn } from "@voyantjs/ui/lib/utils";
 import { Banknote, CreditCard, Wallet } from "lucide-react";
 import { useState } from "react";
+import { useCheckoutUiMessagesOrDefault } from "../i18n/provider.js";
 /**
  * Admin-side payment picker. Renders the sections the parent has wired:
  *
@@ -19,18 +21,24 @@ import { useState } from "react";
  * three real choices: charge now, vertical action, or hold + share link.
  */
 export function PaymentStep({ value, onChange, capabilities, savedMethods, loadingSavedMethods, extraOptions, hideHoldOption, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: "Payment" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Pick a saved method or use a different payment option." })] }), capabilities.chargeSavedCard && (_jsx(SavedMethodsSection, { loading: loadingSavedMethods, methods: savedMethods ?? [], selectedId: value?.type === "saved_method" ? value.method.id : null, onSelect: (method) => onChange({ type: "saved_method", method }) })), _jsx(AltMethodsSection, { value: value, onChange: onChange, showNewCard: !!capabilities.newCard, extraOptions: extraOptions ?? [], hideHoldOption: hideHoldOption })] }));
+    const messages = useCheckoutUiMessagesOrDefault().paymentStep;
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: messages.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.description })] }), capabilities.chargeSavedCard && (_jsx(SavedMethodsSection, { loading: loadingSavedMethods, methods: savedMethods ?? [], selectedId: value?.type === "saved_method" ? value.method.id : null, onSelect: (method) => onChange({ type: "saved_method", method }) })), _jsx(AltMethodsSection, { value: value, onChange: onChange, showNewCard: !!capabilities.newCard, extraOptions: extraOptions ?? [], hideHoldOption: hideHoldOption })] }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
 function SavedMethodsSection({ loading, methods, selectedId, onSelect, }) {
-    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-3 flex items-center justify-between", children: [_jsx("h3", { className: "font-medium text-sm", children: "Saved payment methods" }), methods.length > 0 && (_jsxs("span", { className: "text-muted-foreground text-xs", children: [methods.length, " on file"] }))] }), loading ? (_jsx("div", { className: "h-16 animate-pulse rounded-md bg-muted/40" })) : methods.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-4 text-center text-muted-foreground text-xs", children: "No saved methods on file for this contact." })) : (_jsx("ul", { className: "flex flex-col gap-2", children: methods.map((m) => {
+    const messages = useCheckoutUiMessagesOrDefault().paymentStep.savedMethods;
+    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-3 flex items-center justify-between", children: [_jsx("h3", { className: "font-medium text-sm", children: messages.title }), methods.length > 0 && (_jsx("span", { className: "text-muted-foreground text-xs", children: formatMessage(messages.countOnFile, { count: methods.length }) }))] }), loading ? (_jsx("div", { className: "h-16 animate-pulse rounded-md bg-muted/40" })) : methods.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-4 text-center text-muted-foreground text-xs", children: messages.empty })) : (_jsx("ul", { className: "flex flex-col gap-2", children: methods.map((m) => {
                     const selected = selectedId === m.id;
                     return (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => onSelect(m), className: cn("flex w-full items-center gap-3 rounded-md border bg-background p-3 text-left transition-colors", selected
                                 ? "border-primary ring-2 ring-primary/20"
-                                : "hover:border-primary/40 hover:bg-accent/30"), children: [_jsx(BrandTile, { brand: m.brand }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [_jsxs("span", { className: "font-medium text-sm", children: [m.label, m.last4 && (_jsxs(_Fragment, { children: [" ···· ", _jsx("span", { className: "font-mono", children: m.last4 })] })), m.isDefault && (_jsx("span", { className: "ml-2 rounded-full bg-primary/10 px-1.5 py-0.5 font-medium text-[9px] text-primary uppercase tracking-wider", children: "Default" }))] }), m.expiryMonth && m.expiryYear && (_jsxs("span", { className: "text-muted-foreground text-xs", children: ["Expires ", String(m.expiryMonth).padStart(2, "0"), "/", m.expiryYear] }))] }), selected && _jsx("span", { className: "font-medium text-primary text-xs", children: "Selected" })] }) }, m.id));
+                                : "hover:border-primary/40 hover:bg-accent/30"), children: [_jsx(BrandTile, { brand: m.brand }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [_jsxs("span", { className: "font-medium text-sm", children: [m.label, m.last4 && (_jsxs(_Fragment, { children: [" ···· ", _jsx("span", { className: "font-mono", children: m.last4 })] })), m.isDefault && (_jsx("span", { className: "ml-2 rounded-full bg-primary/10 px-1.5 py-0.5 font-medium text-[9px] text-primary uppercase tracking-wider", children: messages.defaultBadge }))] }), m.expiryMonth && m.expiryYear && (_jsx("span", { className: "text-muted-foreground text-xs", children: formatMessage(messages.expires, {
+                                                month: String(m.expiryMonth).padStart(2, "0"),
+                                                year: m.expiryYear,
+                                            }) }))] }), selected && (_jsx("span", { className: "font-medium text-primary text-xs", children: messages.selected }))] }) }, m.id));
                 }) }))] }));
 }
 function AltMethodsSection({ value, onChange, showNewCard, extraOptions, hideHoldOption, }) {
+    const messages = useCheckoutUiMessagesOrDefault().paymentStep.otherOptions;
     const [newCardName, setNewCardName] = useState("");
     const [newCardNumber, setNewCardNumber] = useState("");
     const [newCardExp, setNewCardExp] = useState("");
@@ -63,28 +71,28 @@ function AltMethodsSection({ value, onChange, showNewCard, extraOptions, hideHol
             onChange({ type: "extra", optionId: id.slice("extra:".length) });
         }
     };
-    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("header", { className: "mb-3 flex items-center justify-between", children: _jsx("h3", { className: "font-medium text-sm", children: "Other payment options" }) }), _jsxs(RadioGroup, { value: activeId ?? "__none", onValueChange: (v) => {
+    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("header", { className: "mb-3 flex items-center justify-between", children: _jsx("h3", { className: "font-medium text-sm", children: messages.title }) }), _jsxs(RadioGroup, { value: activeId ?? "__none", onValueChange: (v) => {
                     if (!v)
                         return;
                     if (v === "new_card" || v === "hold" || v.startsWith("extra:")) {
                         setAlt(v);
                     }
-                }, className: "flex flex-col gap-2", children: [showNewCard && (_jsx(AltRow, { id: "new_card", icon: _jsx(CreditCard, { className: "h-4 w-4 text-muted-foreground" }), title: "New credit / debit card", body: "Charge a one-off card now.", active: activeId === "new_card", children: activeId === "new_card" && (_jsxs("div", { className: "mt-3 grid grid-cols-1 gap-3 md:grid-cols-3", children: [_jsx(Field, { label: "Cardholder name", children: _jsx(Input, { value: newCardName, onChange: (e) => {
+                }, className: "flex flex-col gap-2", children: [showNewCard && (_jsx(AltRow, { id: "new_card", icon: _jsx(CreditCard, { className: "h-4 w-4 text-muted-foreground" }), title: messages.newCard.title, body: messages.newCard.body, active: activeId === "new_card", children: activeId === "new_card" && (_jsxs("div", { className: "mt-3 grid grid-cols-1 gap-3 md:grid-cols-3", children: [_jsx(Field, { label: messages.newCard.cardholderName, children: _jsx(Input, { value: newCardName, onChange: (e) => {
                                             setNewCardName(e.target.value);
                                             if (value?.type === "new_card") {
                                                 onChange({ ...value, cardholderName: e.target.value });
                                             }
-                                        } }) }), _jsx(Field, { label: "Card number", children: _jsx(Input, { inputMode: "numeric", placeholder: "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022", value: newCardNumber, onChange: (e) => {
+                                        } }) }), _jsx(Field, { label: messages.newCard.cardNumber, children: _jsx(Input, { inputMode: "numeric", placeholder: messages.newCard.cardNumberPlaceholder, value: newCardNumber, onChange: (e) => {
                                             setNewCardNumber(e.target.value);
                                             if (value?.type === "new_card") {
                                                 onChange({ ...value, cardToken: tokenizeNewCard(e.target.value) });
                                             }
-                                        } }) }), _jsx(Field, { label: "MM/YY", children: _jsx(Input, { value: newCardExp, onChange: (e) => {
+                                        } }) }), _jsx(Field, { label: messages.newCard.expiry, children: _jsx(Input, { value: newCardExp, onChange: (e) => {
                                             setNewCardExp(e.target.value);
                                             if (value?.type === "new_card") {
                                                 onChange({ ...value, expiry: e.target.value });
                                             }
-                                        }, placeholder: "08/29" }) })] })) })), extraOptions.map((opt) => (_jsx(AltRow, { id: `extra:${opt.id}`, icon: opt.icon, title: opt.label, body: opt.description, active: activeId === `extra:${opt.id}` }, opt.id))), !hideHoldOption && (_jsx(AltRow, { id: "hold", icon: _jsx(Wallet, { className: "h-4 w-4 text-muted-foreground" }), title: "Hold \u2014 generate payment link", body: "Lock the order and generate a payment link the customer can open to pay by card or bank transfer. Share it however you prefer.", active: activeId === "hold" }))] }), showNewCard && (_jsxs("p", { className: "mt-4 flex items-start gap-1.5 text-[11px] text-muted-foreground", children: [_jsx(Banknote, { className: "mt-0.5 h-3 w-3" }), "Card numbers entered here are tokenized in production via the processor's hosted form \u2014 never sent through this UI."] }))] }));
+                                        }, placeholder: messages.newCard.expiryPlaceholder }) })] })) })), extraOptions.map((opt) => (_jsx(AltRow, { id: `extra:${opt.id}`, icon: opt.icon, title: opt.label, body: opt.description, active: activeId === `extra:${opt.id}` }, opt.id))), !hideHoldOption && (_jsx(AltRow, { id: "hold", icon: _jsx(Wallet, { className: "h-4 w-4 text-muted-foreground" }), title: messages.hold.title, body: messages.hold.body, active: activeId === "hold" }))] }), showNewCard && (_jsxs("p", { className: "mt-4 flex items-start gap-1.5 text-[11px] text-muted-foreground", children: [_jsx(Banknote, { className: "mt-0.5 h-3 w-3" }), messages.cardSecurityNote] }))] }));
 }
 function AltRow({ id, icon, title, body, active, children, }) {
     const inputId = `payment-step-${id}`;
@@ -94,7 +102,8 @@ function Field({ label, children }) {
     return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-[11px] uppercase tracking-wider text-muted-foreground", children: label }), children] }));
 }
 function BrandTile({ brand }) {
-    return (_jsx("span", { className: "flex h-9 w-12 shrink-0 items-center justify-center rounded-md border bg-muted/30 font-mono text-[10px] uppercase tracking-wider", children: (brand ?? "card").slice(0, 4) }));
+    const messages = useCheckoutUiMessagesOrDefault().paymentStep.otherOptions;
+    return (_jsx("span", { className: "flex h-9 w-12 shrink-0 items-center justify-center rounded-md border bg-muted/30 font-mono text-[10px] uppercase tracking-wider", children: (brand ?? messages.brandFallback).slice(0, 4) }));
 }
 function tokenizeNewCard(number) {
     // Demo "tokenization" — in production the processor's hosted form

package/dist/i18n/en.d.ts

@@ -0,0 +1,3 @@
+import type { CheckoutUiMessages } from "./messages.js";
+export declare const checkoutUiEn: CheckoutUiMessages;
+//# sourceMappingURL=en.d.ts.map

package/dist/i18n/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,eAAO,MAAM,YAAY,EAAE,kBAsH1B,CAAA"}

package/dist/i18n/en.js

@@ -0,0 +1,114 @@
+export const checkoutUiEn = {
+    paymentLinkLandingPage: {
+        cardTab: "Pay by card",
+        bankTab: "Bank transfer",
+        expires: "Expires {date}",
+        noMethods: {
+            title: "No payment method available",
+            body: "This payment link doesn't have any payment methods configured. Please contact your travel agent.",
+        },
+        card: {
+            description: "You'll be redirected to the secure payment page hosted by the card processor.",
+            payAmount: "Pay {amount}",
+            startFailed: "Card payment couldn't be prepared.",
+            errorAdvice: "{message} If the issue persists, please pay by bank transfer or contact your travel agent.",
+        },
+        bank: {
+            instructions: "Wire {amount} to the account below. Your booking is confirmed once payment is received (typically 1-3 business days).",
+            beneficiary: "Beneficiary",
+            iban: "IBAN",
+            bicSwift: "BIC / SWIFT",
+            bank: "Bank",
+            reference: "Reference",
+        },
+        copy: {
+            copied: "Copied",
+            copyValue: "Copy {value}",
+        },
+        terminal: {
+            paid: {
+                title: "Payment received",
+                body: "Thanks - your booking is confirmed. You'll receive a confirmation email shortly.",
+            },
+            failed: {
+                title: "Payment failed",
+                body: "The payment couldn't be processed. Please try again or contact support.",
+            },
+            expired: {
+                title: "Payment link expired",
+                body: "This payment link has expired. Please request a new one from your travel agent.",
+            },
+            cancelled: {
+                title: "Payment cancelled",
+                body: "This payment was cancelled. Please contact your travel agent if this is unexpected.",
+            },
+            tryAgain: "Try again",
+        },
+        processing: {
+            title: "Processing payment...",
+            body: "We're confirming the payment with the processor. This usually takes a few seconds.",
+        },
+        descriptions: {
+            booking: "Booking payment",
+            booking_payment_schedule: "Booking deposit",
+            booking_guarantee: "Booking guarantee",
+            invoice: "Invoice payment",
+            order: "Order payment",
+            flight_order: "Flight payment",
+            other: "Payment",
+            default: "Payment",
+        },
+    },
+    paymentStep: {
+        title: "Payment",
+        description: "Pick a saved method or use a different payment option.",
+        savedMethods: {
+            title: "Saved payment methods",
+            countOnFile: "{count} on file",
+            empty: "No saved methods on file for this contact.",
+            defaultBadge: "Default",
+            expires: "Expires {month}/{year}",
+            selected: "Selected",
+        },
+        otherOptions: {
+            title: "Other payment options",
+            newCard: {
+                title: "New credit / debit card",
+                body: "Charge a one-off card now.",
+                cardholderName: "Cardholder name",
+                cardNumber: "Card number",
+                expiry: "MM/YY",
+                cardNumberPlaceholder: ".... .... .... ....",
+                expiryPlaceholder: "08/29",
+            },
+            hold: {
+                title: "Hold - generate payment link",
+                body: "Lock the order and generate a payment link the customer can open to pay by card or bank transfer. Share it however you prefer.",
+            },
+            cardSecurityNote: "Card numbers entered here are tokenized in production via the processor's hosted form - never sent through this UI.",
+            brandFallback: "card",
+        },
+    },
+    collectPaymentDialog: {
+        title: "Generate payment link",
+        description: "Hold the booking and produce a payment link the customer can open to pay by card or bank transfer. Share it however you prefer (email, chat, etc.).",
+        amountLabel: "Amount ({currency})",
+        amountHelp: "Defaults to the booking's sell amount. Override for a deposit or partial collection.",
+        cancel: "Cancel",
+        done: "Done",
+        generateLink: "Generate link",
+        validation: {
+            pickHold: "Pick 'Hold - generate payment link' to produce a shareable link.",
+            amountAboveZero: "Enter an amount above zero.",
+            linkReady: "Payment link ready - copy or share it with the customer.",
+        },
+        result: {
+            noLink: "The session was created but no link could be built. Session id: {sessionId}.",
+            noSession: "-",
+            ready: "Payment link ready",
+            body: "Share this link with the customer. They'll choose card or bank transfer on the page.",
+            copyLink: "Copy link",
+            openLink: "Open link",
+        },
+    },
+};

package/dist/i18n/index.d.ts

@@ -0,0 +1,5 @@
+export { checkoutUiEn } from "./en.js";
+export type { CheckoutPaymentTargetType, CheckoutUiMessages } from "./messages.js";
+export { type CheckoutUiMessageOverrides, CheckoutUiMessagesProvider, checkoutUiMessageDefinitions, getCheckoutUiI18n, resolveCheckoutUiMessages, useCheckoutUiI18n, useCheckoutUiI18nOrDefault, useCheckoutUiMessages, useCheckoutUiMessagesOrDefault, } from "./provider.js";
+export { checkoutUiRo } from "./ro.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,YAAY,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClF,OAAO,EACL,KAAK,0BAA0B,EAC/B,0BAA0B,EAC1B,4BAA4B,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,iBAAiB,EACjB,0BAA0B,EAC1B,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/dist/i18n/index.js

@@ -0,0 +1,3 @@
+export { checkoutUiEn } from "./en.js";
+export { CheckoutUiMessagesProvider, checkoutUiMessageDefinitions, getCheckoutUiI18n, resolveCheckoutUiMessages, useCheckoutUiI18n, useCheckoutUiI18nOrDefault, useCheckoutUiMessages, useCheckoutUiMessagesOrDefault, } from "./provider.js";
+export { checkoutUiRo } from "./ro.js";

package/dist/i18n/messages.d.ts

@@ -0,0 +1,108 @@
+import type { PublicPaymentSession } from "@voyantjs/finance/public-validation";
+export type CheckoutPaymentTargetType = PublicPaymentSession["targetType"];
+export type CheckoutUiMessages = {
+    paymentLinkLandingPage: {
+        cardTab: string;
+        bankTab: string;
+        expires: string;
+        noMethods: {
+            title: string;
+            body: string;
+        };
+        card: {
+            description: string;
+            payAmount: string;
+            startFailed: string;
+            errorAdvice: string;
+        };
+        bank: {
+            instructions: string;
+            beneficiary: string;
+            iban: string;
+            bicSwift: string;
+            bank: string;
+            reference: string;
+        };
+        copy: {
+            copied: string;
+            copyValue: string;
+        };
+        terminal: {
+            paid: {
+                title: string;
+                body: string;
+            };
+            failed: {
+                title: string;
+                body: string;
+            };
+            expired: {
+                title: string;
+                body: string;
+            };
+            cancelled: {
+                title: string;
+                body: string;
+            };
+            tryAgain: string;
+        };
+        processing: {
+            title: string;
+            body: string;
+        };
+        descriptions: Record<CheckoutPaymentTargetType | "default", string>;
+    };
+    paymentStep: {
+        title: string;
+        description: string;
+        savedMethods: {
+            title: string;
+            countOnFile: string;
+            empty: string;
+            defaultBadge: string;
+            expires: string;
+            selected: string;
+        };
+        otherOptions: {
+            title: string;
+            newCard: {
+                title: string;
+                body: string;
+                cardholderName: string;
+                cardNumber: string;
+                expiry: string;
+                cardNumberPlaceholder: string;
+                expiryPlaceholder: string;
+            };
+            hold: {
+                title: string;
+                body: string;
+            };
+            cardSecurityNote: string;
+            brandFallback: string;
+        };
+    };
+    collectPaymentDialog: {
+        title: string;
+        description: string;
+        amountLabel: string;
+        amountHelp: string;
+        cancel: string;
+        done: string;
+        generateLink: string;
+        validation: {
+            pickHold: string;
+            amountAboveZero: string;
+            linkReady: string;
+        };
+        result: {
+            noLink: string;
+            noSession: string;
+            ready: string;
+            body: string;
+            copyLink: string;
+            openLink: string;
+        };
+    };
+};
+//# sourceMappingURL=messages.d.ts.map

package/dist/i18n/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAE/E,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAA;AAE1E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,sBAAsB,EAAE;QACtB,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE;YACT,KAAK,EAAE,MAAM,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;SACb,CAAA;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM,CAAA;YACnB,SAAS,EAAE,MAAM,CAAA;YACjB,WAAW,EAAE,MAAM,CAAA;YACnB,WAAW,EAAE,MAAM,CAAA;SACpB,CAAA;QACD,IAAI,EAAE;YACJ,YAAY,EAAE,MAAM,CAAA;YACpB,WAAW,EAAE,MAAM,CAAA;YACnB,IAAI,EAAE,MAAM,CAAA;YACZ,QAAQ,EAAE,MAAM,CAAA;YAChB,IAAI,EAAE,MAAM,CAAA;YACZ,SAAS,EAAE,MAAM,CAAA;SAClB,CAAA;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM,CAAA;YACd,SAAS,EAAE,MAAM,CAAA;SAClB,CAAA;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM,CAAA;gBACb,IAAI,EAAE,MAAM,CAAA;aACb,CAAA;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,MAAM,CAAA;gBACb,IAAI,EAAE,MAAM,CAAA;aACb,CAAA;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM,CAAA;gBACb,IAAI,EAAE,MAAM,CAAA;aACb,CAAA;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,MAAM,CAAA;gBACb,IAAI,EAAE,MAAM,CAAA;aACb,CAAA;YACD,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;SACb,CAAA;QACD,YAAY,EAAE,MAAM,CAAC,yBAAyB,GAAG,SAAS,EAAE,MAAM,CAAC,CAAA;KACpE,CAAA;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,WAAW,EAAE,MAAM,CAAA;YACnB,KAAK,EAAE,MAAM,CAAA;YACb,YAAY,EAAE,MAAM,CAAA;YACpB,OAAO,EAAE,MAAM,CAAA;YACf,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM,CAAA;gBACb,IAAI,EAAE,MAAM,CAAA;gBACZ,cAAc,EAAE,MAAM,CAAA;gBACtB,UAAU,EAAE,MAAM,CAAA;gBAClB,MAAM,EAAE,MAAM,CAAA;gBACd,qBAAqB,EAAE,MAAM,CAAA;gBAC7B,iBAAiB,EAAE,MAAM,CAAA;aAC1B,CAAA;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM,CAAA;gBACb,IAAI,EAAE,MAAM,CAAA;aACb,CAAA;YACD,gBAAgB,EAAE,MAAM,CAAA;YACxB,aAAa,EAAE,MAAM,CAAA;SACtB,CAAA;KACF,CAAA;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,MAAM,CAAA;QACZ,YAAY,EAAE,MAAM,CAAA;QACpB,UAAU,EAAE;YACV,QAAQ,EAAE,MAAM,CAAA;YAChB,eAAe,EAAE,MAAM,CAAA;YACvB,SAAS,EAAE,MAAM,CAAA;SAClB,CAAA;QACD,MAAM,EAAE;YACN,MAAM,EAAE,MAAM,CAAA;YACd,SAAS,EAAE,MAAM,CAAA;YACjB,KAAK,EAAE,MAAM,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;YACZ,QAAQ,EAAE,MAAM,CAAA;YAChB,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;KACF,CAAA;CACF,CAAA"}

package/dist/i18n/messages.js

@@ -0,0 +1 @@
+export {};

package/dist/i18n/provider.d.ts

@@ -0,0 +1,26 @@
+import { type LocaleMessageOverrides, type PackageI18nValue } from "@voyantjs/i18n";
+import type { ReactNode } from "react";
+import type { CheckoutUiMessages } from "./messages.js";
+export declare const checkoutUiMessageDefinitions: {
+    en: CheckoutUiMessages;
+    ro: CheckoutUiMessages;
+};
+export type CheckoutUiMessageOverrides = LocaleMessageOverrides<CheckoutUiMessages>;
+export declare function resolveCheckoutUiMessages({ locale, overrides, }: {
+    locale: string | null | undefined;
+    overrides?: CheckoutUiMessageOverrides | null;
+}): CheckoutUiMessages;
+export declare function getCheckoutUiI18n({ locale, overrides, }: {
+    locale?: string | null | undefined;
+    overrides?: CheckoutUiMessageOverrides | null;
+}): PackageI18nValue<CheckoutUiMessages>;
+export declare function CheckoutUiMessagesProvider({ children, locale, overrides, }: {
+    children: ReactNode;
+    locale: string | null | undefined;
+    overrides?: CheckoutUiMessageOverrides | null;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useCheckoutUiI18n: () => PackageI18nValue<CheckoutUiMessages>;
+export declare const useCheckoutUiMessages: () => CheckoutUiMessages;
+export declare function useCheckoutUiI18nOrDefault(): PackageI18nValue<CheckoutUiMessages>;
+export declare function useCheckoutUiMessagesOrDefault(): CheckoutUiMessages;
+//# sourceMappingURL=provider.d.ts.map

package/dist/i18n/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/i18n/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EAEtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAKvD,eAAO,MAAM,4BAA4B;;;CAGe,CAAA;AAExD,MAAM,MAAM,0BAA0B,GAAG,sBAAsB,CAAC,kBAAkB,CAAC,CAAA;AASnF,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,0BAA0B,GAAG,IAAI,CAAA;CAC9C,sBAOA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAClC,SAAS,CAAC,EAAE,0BAA0B,GAAG,IAAI,CAAA;CAC9C,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,CAMvC;AAED,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,0BAA0B,GAAG,IAAI,CAAA;CAC9C,2CAWA;AAED,eAAO,MAAM,iBAAiB,4CAA4B,CAAA;AAC1D,eAAO,MAAM,qBAAqB,0BAAgC,CAAA;AAElE,wBAAgB,0BAA0B,yCAEzC;AAED,wBAAgB,8BAA8B,uBAE7C"}

package/dist/i18n/provider.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createLocaleFormatters, createPackageMessagesContext, resolvePackageMessages, } from "@voyantjs/i18n";
+import { checkoutUiEn } from "./en.js";
+import { checkoutUiRo } from "./ro.js";
+const fallbackLocale = "en";
+export const checkoutUiMessageDefinitions = {
+    en: checkoutUiEn,
+    ro: checkoutUiRo,
+};
+const checkoutUiContext = createPackageMessagesContext("CheckoutUiMessages");
+const defaultCheckoutUiI18n = {
+    messages: checkoutUiEn,
+    ...createLocaleFormatters(fallbackLocale),
+};
+export function resolveCheckoutUiMessages({ locale, overrides, }) {
+    return resolvePackageMessages({
+        definitions: checkoutUiMessageDefinitions,
+        fallbackLocale,
+        locale,
+        overrides,
+    });
+}
+export function getCheckoutUiI18n({ locale, overrides, }) {
+    const resolvedLocale = locale ?? fallbackLocale;
+    return {
+        messages: resolveCheckoutUiMessages({ locale: resolvedLocale, overrides }),
+        ...createLocaleFormatters(resolvedLocale),
+    };
+}
+export function CheckoutUiMessagesProvider({ children, locale, overrides, }) {
+    return (_jsx(checkoutUiContext.ResolvedMessagesProvider, { definitions: checkoutUiMessageDefinitions, fallbackLocale: fallbackLocale, locale: locale, overrides: overrides, children: children }));
+}
+export const useCheckoutUiI18n = checkoutUiContext.useI18n;
+export const useCheckoutUiMessages = checkoutUiContext.useMessages;
+export function useCheckoutUiI18nOrDefault() {
+    return checkoutUiContext.useOptionalI18n() ?? defaultCheckoutUiI18n;
+}
+export function useCheckoutUiMessagesOrDefault() {
+    return useCheckoutUiI18nOrDefault().messages;
+}

package/dist/i18n/ro.d.ts

@@ -0,0 +1,3 @@
+import type { CheckoutUiMessages } from "./messages.js";
+export declare const checkoutUiRo: CheckoutUiMessages;
+//# sourceMappingURL=ro.d.ts.map

package/dist/i18n/ro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ro.d.ts","sourceRoot":"","sources":["../../src/i18n/ro.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,eAAO,MAAM,YAAY,EAAE,kBAuH1B,CAAA"}

package/dist/i18n/ro.js

@@ -0,0 +1,114 @@
+export const checkoutUiRo = {
+    paymentLinkLandingPage: {
+        cardTab: "Plateste cu cardul",
+        bankTab: "Transfer bancar",
+        expires: "Expira {date}",
+        noMethods: {
+            title: "Nicio metoda de plata disponibila",
+            body: "Acest link de plata nu are metode de plata configurate. Contacteaza agentul de turism.",
+        },
+        card: {
+            description: "Vei fi redirectionat catre pagina securizata a procesatorului de carduri.",
+            payAmount: "Plateste {amount}",
+            startFailed: "Plata cu cardul nu a putut fi pregatita.",
+            errorAdvice: "{message} Daca problema persista, plateste prin transfer bancar sau contacteaza agentul de turism.",
+        },
+        bank: {
+            instructions: "Transfera {amount} in contul de mai jos. Rezervarea este confirmata dupa incasarea platii (de obicei 1-3 zile lucratoare).",
+            beneficiary: "Beneficiar",
+            iban: "IBAN",
+            bicSwift: "BIC / SWIFT",
+            bank: "Banca",
+            reference: "Referinta",
+        },
+        copy: {
+            copied: "Copiat",
+            copyValue: "Copiaza {value}",
+        },
+        terminal: {
+            paid: {
+                title: "Plata incasata",
+                body: "Multumim - rezervarea este confirmata. Vei primi in curand un email de confirmare.",
+            },
+            failed: {
+                title: "Plata esuata",
+                body: "Plata nu a putut fi procesata. Incearca din nou sau contacteaza suportul.",
+            },
+            expired: {
+                title: "Link de plata expirat",
+                body: "Acest link de plata a expirat. Cere un link nou de la agentul de turism.",
+            },
+            cancelled: {
+                title: "Plata anulata",
+                body: "Aceasta plata a fost anulata. Contacteaza agentul de turism daca nu te asteptai la asta.",
+            },
+            tryAgain: "Incearca din nou",
+        },
+        processing: {
+            title: "Se proceseaza plata...",
+            body: "Confirmam plata cu procesatorul. De obicei dureaza cateva secunde.",
+        },
+        descriptions: {
+            booking: "Plata rezervare",
+            booking_payment_schedule: "Avans rezervare",
+            booking_guarantee: "Garantie rezervare",
+            invoice: "Plata factura",
+            order: "Plata comanda",
+            flight_order: "Plata zbor",
+            other: "Plata",
+            default: "Plata",
+        },
+    },
+    paymentStep: {
+        title: "Plata",
+        description: "Alege o metoda salvata sau foloseste alta optiune de plata.",
+        savedMethods: {
+            title: "Metode de plata salvate",
+            countOnFile: "{count} salvate",
+            empty: "Nu exista metode salvate pentru acest contact.",
+            defaultBadge: "Implicit",
+            expires: "Expira {month}/{year}",
+            selected: "Selectata",
+        },
+        otherOptions: {
+            title: "Alte optiuni de plata",
+            newCard: {
+                title: "Card nou de credit / debit",
+                body: "Debiteaza acum un card punctual.",
+                cardholderName: "Nume detinator card",
+                cardNumber: "Numar card",
+                expiry: "LL/AA",
+                cardNumberPlaceholder: ".... .... .... ....",
+                expiryPlaceholder: "08/29",
+            },
+            hold: {
+                title: "Retine - genereaza link de plata",
+                body: "Blocheaza comanda si genereaza un link de plata pe care clientul il poate deschide pentru plata cu cardul sau transfer bancar. Distribuie-l cum preferi.",
+            },
+            cardSecurityNote: "Numerele de card introduse aici sunt tokenizate in productie prin formularul gazduit de procesator - nu sunt trimise niciodata prin acest UI.",
+            brandFallback: "card",
+        },
+    },
+    collectPaymentDialog: {
+        title: "Genereaza link de plata",
+        description: "Retine rezervarea si genereaza un link de plata pe care clientul il poate deschide pentru plata cu cardul sau transfer bancar. Distribuie-l cum preferi (email, chat etc.).",
+        amountLabel: "Suma ({currency})",
+        amountHelp: "Implicit este suma de vanzare a rezervarii. Modifica pentru avans sau plata partiala.",
+        cancel: "Anuleaza",
+        done: "Gata",
+        generateLink: "Genereaza link",
+        validation: {
+            pickHold: "Alege 'Retine - genereaza link de plata' pentru a crea un link distribuibil.",
+            amountAboveZero: "Introdu o suma mai mare decat zero.",
+            linkReady: "Linkul de plata este gata - copiaza-l sau trimite-l clientului.",
+        },
+        result: {
+            noLink: "Sesiunea a fost creata, dar linkul nu a putut fi construit. ID sesiune: {sessionId}.",
+            noSession: "-",
+            ready: "Link de plata gata",
+            body: "Trimite acest link clientului. Va alege cardul sau transferul bancar pe pagina.",
+            copyLink: "Copiaza linkul",
+            openLink: "Deschide linkul",
+        },
+    },
+};

package/dist/index.d.ts

@@ -18,4 +18,6 @@ export type { PaymentChoice, PaymentStepCapabilities, SavedPaymentAccount, } fro
 export { CollectPaymentDialog, type CollectPaymentDialogProps, } from "./components/collect-payment-dialog.js";
 export { type BankTransferInstructions, PaymentLinkLandingPage, type PaymentLinkLandingPageProps, } from "./components/payment-link-landing-page.js";
 export { PaymentStep, type PaymentStepExtraOption, type PaymentStepProps, } from "./components/payment-step.js";
+export type { CheckoutPaymentTargetType, CheckoutUiMessages } from "./i18n/index.js";
+export { type CheckoutUiMessageOverrides, CheckoutUiMessagesProvider, checkoutUiMessageDefinitions, getCheckoutUiI18n, resolveCheckoutUiMessages, useCheckoutUiI18n, useCheckoutUiI18nOrDefault, useCheckoutUiMessages, useCheckoutUiMessagesOrDefault, } from "./i18n/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,YAAY,EACV,aAAa,EACb,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EACL,KAAK,wBAAwB,EAC7B,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,2CAA2C,CAAA;AAClD,OAAO,EACL,WAAW,EACX,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,YAAY,EACV,aAAa,EACb,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EACL,KAAK,wBAAwB,EAC7B,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,2CAA2C,CAAA;AAClD,OAAO,EACL,WAAW,EACX,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAA;AACrC,YAAY,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpF,OAAO,EACL,KAAK,0BAA0B,EAC/B,0BAA0B,EAC1B,4BAA4B,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,iBAAiB,EACjB,0BAA0B,EAC1B,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,iBAAiB,CAAA"}

package/dist/index.js

@@ -17,3 +17,4 @@
 export { CollectPaymentDialog, } from "./components/collect-payment-dialog.js";
 export { PaymentLinkLandingPage, } from "./components/payment-link-landing-page.js";
 export { PaymentStep, } from "./components/payment-step.js";
+export { CheckoutUiMessagesProvider, checkoutUiMessageDefinitions, getCheckoutUiI18n, resolveCheckoutUiMessages, useCheckoutUiI18n, useCheckoutUiI18nOrDefault, useCheckoutUiMessages, useCheckoutUiMessagesOrDefault, } from "./i18n/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/checkout-ui",
-  "version": "0.34.0",
+  "version": "0.37.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -18,6 +18,21 @@
     "./styles.css": {
       "default": "./src/styles.css"
     },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "import": "./dist/i18n/index.js",
+      "default": "./dist/i18n/index.js"
+    },
+    "./i18n/en": {
+      "types": "./dist/i18n/en.d.ts",
+      "import": "./dist/i18n/en.js",
+      "default": "./dist/i18n/en.js"
+    },
+    "./i18n/ro": {
+      "types": "./dist/i18n/ro.d.ts",
+      "import": "./dist/i18n/ro.js",
+      "default": "./dist/i18n/ro.js"
+    },
     "./components/*": {
       "types": "./dist/components/*.d.ts",
       "import": "./dist/components/*.js",
@@ -29,11 +44,12 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "sonner": "^2.0.0",
-    "@voyantjs/checkout": "0.34.0",
-    "@voyantjs/checkout-react": "0.34.0",
-    "@voyantjs/finance": "0.34.0",
-    "@voyantjs/finance-react": "0.34.0",
-    "@voyantjs/ui": "0.34.0"
+    "@voyantjs/checkout": "0.37.0",
+    "@voyantjs/checkout-react": "0.37.0",
+    "@voyantjs/finance": "0.37.0",
+    "@voyantjs/finance-react": "0.37.0",
+    "@voyantjs/i18n": "0.37.0",
+    "@voyantjs/ui": "0.37.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -45,11 +61,12 @@
     "sonner": "^2.0.7",
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
-    "@voyantjs/checkout": "0.34.0",
-    "@voyantjs/checkout-react": "0.34.0",
-    "@voyantjs/finance": "0.34.0",
-    "@voyantjs/finance-react": "0.34.0",
-    "@voyantjs/ui": "0.34.0",
+    "@voyantjs/checkout": "0.37.0",
+    "@voyantjs/checkout-react": "0.37.0",
+    "@voyantjs/finance": "0.37.0",
+    "@voyantjs/finance-react": "0.37.0",
+    "@voyantjs/i18n": "0.37.0",
+    "@voyantjs/ui": "0.37.0",
     "@voyantjs/voyant-typescript-config": "0.1.0"
   },
   "files": [