@voyantjs/bookings-ui 0.16.0 → 0.17.0

package/README.md

@@ -11,3 +11,14 @@ pnpm add @voyantjs/bookings-ui @voyantjs/bookings-react @voyantjs/ui @tanstack/r
 `@voyantjs/ui` provides the design-system primitives. `@voyantjs/bookings-react` provides the data-layer hooks. Both are required peers.
 
 All components accept a `className` prop and merge it with `cn()`. Wrap or compose to extend; use the registry copy-paste path (`npx shadcn add @voyant/...`) for components you want to fork outright.
+
+## I18n
+
+Components render English by default. To localize them, wrap your UI in
+`BookingsUiMessagesProvider` and import only the locales your app supports.
+
+```tsx
+import { BookingsUiMessagesProvider } from "@voyantjs/bookings-ui"
+import { bookingsUiEn } from "@voyantjs/bookings-ui/i18n/en"
+import { bookingsUiRo } from "@voyantjs/bookings-ui/i18n/ro"
+```

package/dist/components/booking-activity-timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-activity-timeline.d.ts","sourceRoot":"","sources":["../../src/components/booking-activity-timeline.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAA;CAClB;AA+CD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE,4BAA4B,2CAqFlF"}
+{"version":3,"file":"booking-activity-timeline.d.ts","sourceRoot":"","sources":["../../src/components/booking-activity-timeline.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAA;CAClB;AAyCD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE,4BAA4B,2CAgHlF"}

package/dist/components/booking-activity-timeline.js

@@ -5,6 +5,7 @@ import { usePublicBookingPayments } from "@voyantjs/finance-react";
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { Activity, Clock, CreditCard, ExternalLink, FileText, Pencil, Plus, RefreshCw, UserPlus, } from "lucide-react";
 import * as React from "react";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider";
 const activityIcons = {
     booking_created: Plus,
     booking_reserved: Plus,
@@ -22,11 +23,6 @@ const activityIcons = {
     passenger_update: UserPlus,
     note_added: Pencil,
 };
-const sourceLabel = {
-    activity: "Activity",
-    document: "Document",
-    payment: "Payment",
-};
 const sourceVariant = {
     activity: "outline",
     document: "secondary",
@@ -37,13 +33,21 @@ export function BookingActivityTimeline({ bookingId }) {
     const { data: activityData } = useBookingActivity(bookingId);
     const { data: documentsData } = useBookingTravelerDocuments(bookingId);
     const { data: paymentsData } = usePublicBookingPayments(bookingId);
+    const { formatNumber } = useBookingsUiI18nOrDefault();
+    const messages = useBookingsUiMessagesOrDefault();
+    const sourceLabel = {
+        activity: messages.bookingActivityTimeline.sourceLabels.activity,
+        document: messages.bookingActivityTimeline.sourceLabels.document,
+        payment: messages.bookingActivityTimeline.sourceLabels.payment,
+    };
     const events = React.useMemo(() => {
         const merged = [];
         for (const entry of activityData?.data ?? []) {
             merged.push({
                 id: `activity:${entry.id}`,
                 source: "activity",
-                title: entry.description,
+                title: messages.bookingActivityTimeline.activityTitles[entry.activityType] ?? entry.description,
+                description: entry.description,
                 actorId: entry.actorId,
                 timestamp: entry.createdAt,
                 icon: activityIcons[entry.activityType] ?? Activity,
@@ -53,31 +57,47 @@ export function BookingActivityTimeline({ bookingId }) {
             merged.push({
                 id: `document:${doc.id}`,
                 source: "document",
-                title: `${doc.type.replace(/_/g, " ")} uploaded`,
+                title: `${doc.type.replace(/_/g, " ")} ${messages.bookingActivityTimeline.documentUploadedSuffix}`,
                 description: doc.fileName,
                 timestamp: doc.createdAt,
                 icon: FileText,
-                link: { href: doc.fileUrl, label: "View file" },
+                link: { href: doc.fileUrl, label: messages.bookingActivityTimeline.viewFile },
             });
         }
         for (const payment of paymentsData?.data?.payments ?? []) {
+            const status = messages.bookingPaymentsSummary.paymentStatusLabels[payment.status] ?? payment.status;
+            const amount = `${formatNumber(payment.amountCents / 100, {
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2,
+            })} ${payment.currency}`;
+            const method = messages.bookingPaymentsSummary.paymentMethodLabels[payment.paymentMethod] ?? payment.paymentMethod;
             merged.push({
                 id: `payment:${payment.id}`,
                 source: "payment",
-                title: `Payment ${payment.status} — ${(payment.amountCents / 100).toFixed(2)} ${payment.currency}`,
-                description: `Invoice ${payment.invoiceNumber} · ${payment.paymentMethod.replace(/_/g, " ")}`,
+                title: formatMessage(messages.bookingActivityTimeline.paymentTitle, { status, amount }),
+                description: formatMessage(messages.bookingActivityTimeline.paymentDescription, {
+                    invoice: payment.invoiceNumber,
+                    method,
+                }),
                 timestamp: payment.paymentDate,
                 icon: CreditCard,
             });
         }
         merged.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
         return merged;
-    }, [activityData, documentsData, paymentsData]);
+    }, [activityData, documentsData, formatNumber, messages, paymentsData]);
     const visible = filter === "all" ? events : events.filter((e) => e.source === filter);
     const filterChips = ["all", "activity", "document", "payment"];
-    return (_jsxs(Card, { "data-slot": "booking-activity-timeline", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Activity, { className: "h-4 w-4" }), "Activity Timeline"] }), _jsx("div", { className: "flex items-center gap-1", children: filterChips.map((chip) => (_jsx(Button, { variant: filter === chip ? "default" : "ghost", size: "sm", className: "h-7 capitalize", onClick: () => setFilter(chip), children: chip === "all" ? "All" : sourceLabel[chip] }, chip))) })] }), _jsx(CardContent, { children: visible.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: "No events yet." })) : (_jsx("div", { className: "flex flex-col gap-3", children: visible.map((event) => (_jsx(TimelineEventItem, { event: event }, event.id))) })) })] }));
+    return (_jsxs(Card, { "data-slot": "booking-activity-timeline", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Activity, { className: "h-4 w-4" }), messages.bookingActivityTimeline.title] }), _jsx("div", { className: "flex items-center gap-1", children: filterChips.map((chip) => (_jsx(Button, { variant: filter === chip ? "default" : "ghost", size: "sm", className: "h-7 capitalize", onClick: () => setFilter(chip), children: chip === "all" ? messages.bookingActivityTimeline.filters.all : sourceLabel[chip] }, chip))) })] }), _jsx(CardContent, { children: visible.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: messages.bookingActivityTimeline.empty })) : (_jsx("div", { className: "flex flex-col gap-3", children: visible.map((event) => (_jsx(TimelineEventItem, { event: event, sourceLabel: sourceLabel }, event.id))) })) })] }));
 }
-function TimelineEventItem({ event }) {
+function TimelineEventItem({ event, sourceLabel, }) {
     const Icon = event.icon;
-    return (_jsxs("div", { className: "flex items-start gap-3 rounded-md border p-3", children: [_jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-sm font-medium capitalize", children: event.title }), _jsx(Badge, { variant: sourceVariant[event.source], className: "text-xs", children: sourceLabel[event.source] })] }), event.description && (_jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: event.description })), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [event.actorId && event.actorId !== "system" ? `By ${event.actorId} · ` : "", new Date(event.timestamp).toLocaleString()] }), event.link && (_jsxs("a", { href: event.link.href, target: "_blank", rel: "noopener noreferrer", className: "mt-1 inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground hover:underline", children: [event.link.label, _jsx(ExternalLink, { className: "h-3 w-3" })] }))] })] }));
+    const { formatDateTime } = useBookingsUiI18nOrDefault();
+    const messages = useBookingsUiMessagesOrDefault();
+    return (_jsxs("div", { className: "flex items-start gap-3 rounded-md border p-3", children: [_jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-sm font-medium capitalize", children: event.title }), _jsx(Badge, { variant: sourceVariant[event.source], className: "text-xs", children: sourceLabel[event.source] })] }), event.description && (_jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: event.description })), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: event.actorId && event.actorId !== "system"
+                            ? formatMessage(messages.bookingActivityTimeline.byActor, {
+                                actor: event.actorId,
+                                timestamp: formatDateTime(event.timestamp),
+                            })
+                            : formatDateTime(event.timestamp) }), event.link && (_jsxs("a", { href: event.link.href, target: "_blank", rel: "noopener noreferrer", className: "mt-1 inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground hover:underline", children: [event.link.label, _jsx(ExternalLink, { className: "h-3 w-3" })] }))] })] }));
 }

package/dist/components/booking-cancellation-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-cancellation-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-cancellation-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAGnB,MAAM,0BAA0B,CAAA;AA4CjC,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,aAAa,CAAA;IACtB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,SAAS,GACV,EAAE,8BAA8B,2CAwMhC"}
+{"version":3,"file":"booking-cancellation-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-cancellation-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAGnB,MAAM,0BAA0B,CAAA;AAkCjC,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,aAAa,CAAA;IACtB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,SAAS,GACV,EAAE,8BAA8B,2CAiPhC"}

package/dist/components/booking-cancellation-dialog.js

@@ -5,22 +5,11 @@ import { useEvaluateCancellation, useResolvePolicy } from "@voyantjs/legal-react
 import { Badge, Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Label, Textarea, } from "@voyantjs/ui/components";
 import { AlertTriangle, Loader2 } from "lucide-react";
 import * as React from "react";
-function formatAmount(cents, currency) {
-    return `${(cents / 100).toFixed(2)} ${currency}`;
-}
-function formatPercent(basisPoints) {
-    return `${(basisPoints / 100).toFixed(0)}%`;
-}
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider";
 function daysBetween(from, to) {
     const diffMs = to.getTime() - from.getTime();
     return Math.max(0, Math.floor(diffMs / (1000 * 60 * 60 * 24)));
 }
-const refundTypeLabel = {
-    cash: "Cash refund",
-    credit: "Credit",
-    cash_or_credit: "Cash or credit",
-    none: "No refund",
-};
 const refundTypeVariant = {
     cash: "default",
     credit: "secondary",
@@ -29,6 +18,8 @@ const refundTypeVariant = {
 };
 export function BookingCancellationDialog({ open, onOpenChange, booking, productId, onSuccess, }) {
     const [reason, setReason] = React.useState("");
+    const { formatCurrency, formatNumber } = useBookingsUiI18nOrDefault();
+    const messages = useBookingsUiMessagesOrDefault();
     const daysBeforeDeparture = React.useMemo(() => {
         if (!booking.startDate)
             return 0;
@@ -71,10 +62,18 @@ export function BookingCancellationDialog({ open, onOpenChange, booking, product
     const total = booking.sellAmountCents;
     const refund = evaluation?.refundCents ?? 0;
     const penalty = total != null ? Math.max(0, total - refund) : 0;
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" }), "Cancel Booking"] }) }), _jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4 rounded-md border bg-muted/30 p-3 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Booking" }), _jsx("div", { className: "font-mono text-xs", children: booking.bookingNumber })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Start date" }), _jsx("div", { children: booking.startDate ?? "TBD" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Total" }), _jsx("div", { className: "font-mono", children: total != null ? formatAmount(total, booking.sellCurrency) : "—" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Days before departure" }), _jsx("div", { children: daysBeforeDeparture })] })] }), resolveLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Resolving cancellation policy..."] })) : !policy ? (_jsx("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: "No cancellation policy configured for this booking. Proceeding will cancel without a refund preview." })) : (_jsxs("div", { className: "space-y-2 rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Applicable policy" }), _jsx("div", { className: "text-sm font-medium", children: policy.policy.name })] }), evaluation && (_jsx(Badge, { variant: refundTypeVariant[evaluation.refundType] ?? "secondary", children: refundTypeLabel[evaluation.refundType] ?? evaluation.refundType }))] }), evaluationLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Calculating refund..."] })) : evaluation && total != null ? (_jsxs("div", { className: "grid grid-cols-3 gap-3 border-t pt-3 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Refund" }), _jsx("div", { className: "font-mono font-medium", children: formatAmount(evaluation.refundCents, booking.sellCurrency) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["(", formatPercent(evaluation.refundPercent), ")"] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Penalty" }), _jsx("div", { className: "font-mono font-medium text-destructive", children: formatAmount(penalty, booking.sellCurrency) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Rule" }), _jsx("div", { className: "text-xs", children: evaluation.appliedRule?.label ??
+    const formatAmount = React.useCallback((cents, currency) => formatCurrency(cents / 100, currency), [formatCurrency]);
+    const formatPercent = React.useCallback((basisPoints) => `${formatNumber(basisPoints / 100, {
+        maximumFractionDigits: 0,
+    })}%`, [formatNumber]);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" }), messages.bookingCancellationDialog.title] }) }), _jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4 rounded-md border bg-muted/30 p-3 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: messages.bookingCancellationDialog.summary.booking }), _jsx("div", { className: "font-mono text-xs", children: booking.bookingNumber })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: messages.bookingCancellationDialog.summary.startDate }), _jsx("div", { children: booking.startDate ?? messages.bookingCancellationDialog.values.startDateTbd })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: messages.bookingCancellationDialog.summary.total }), _jsx("div", { className: "font-mono", children: total != null
+                                                ? formatAmount(total, booking.sellCurrency)
+                                                : messages.bookingCancellationDialog.values.amountUnavailable })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: messages.bookingCancellationDialog.summary.daysBeforeDeparture }), _jsx("div", { children: daysBeforeDeparture })] })] }), resolveLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), messages.bookingCancellationDialog.policy.resolving] })) : !policy ? (_jsxs("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: [messages.bookingCancellationDialog.policy.missing, " ", messages.bookingCancellationDialog.policy.missingHint] })) : (_jsxs("div", { className: "space-y-2 rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: messages.bookingCancellationDialog.policy.applicablePolicy }), _jsx("div", { className: "text-sm font-medium", children: policy.policy.name })] }), evaluation && (_jsx(Badge, { variant: refundTypeVariant[evaluation.refundType] ?? "secondary", children: messages.bookingCancellationDialog.refundTypeLabels[evaluation.refundType] ?? evaluation.refundType }))] }), evaluationLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), messages.bookingCancellationDialog.policy.calculating] })) : evaluation && total != null ? (_jsxs("div", { className: "grid grid-cols-3 gap-3 border-t pt-3 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: messages.bookingCancellationDialog.policy.refund }), _jsx("div", { className: "font-mono font-medium", children: formatAmount(evaluation.refundCents, booking.sellCurrency) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["(", formatPercent(evaluation.refundPercent), ")"] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: messages.bookingCancellationDialog.policy.penalty }), _jsx("div", { className: "font-mono font-medium text-destructive", children: formatAmount(penalty, booking.sellCurrency) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: messages.bookingCancellationDialog.policy.rule }), _jsx("div", { className: "text-xs", children: evaluation.appliedRule?.label ??
                                                         (evaluation.appliedRule?.daysBeforeDeparture != null
-                                                            ? `≥ ${evaluation.appliedRule.daysBeforeDeparture} days`
-                                                            : "—") })] })] })) : total == null ? (_jsx("p", { className: "border-t pt-3 text-sm text-muted-foreground", children: "Booking has no total amount \u2014 refund cannot be calculated." })) : null] })), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs(Label, { children: ["Reason ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Textarea, { value: reason, onChange: (e) => setReason(e.target.value), placeholder: "Why is this booking being cancelled?", required: true })] }), cancelMutation.error && (_jsx("p", { className: "text-xs text-destructive", children: cancelMutation.error instanceof Error
+                                                            ? formatMessage(messages.bookingCancellationDialog.values.ruleDaysBeforeDeparture, {
+                                                                days: evaluation.appliedRule.daysBeforeDeparture,
+                                                            })
+                                                            : messages.bookingCancellationDialog.values.ruleFallback) })] })] })) : total == null ? (_jsx("p", { className: "border-t pt-3 text-sm text-muted-foreground", children: messages.bookingCancellationDialog.policy.noTotalAmount })) : null] })), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs(Label, { children: [messages.bookingCancellationDialog.fields.reason, " ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Textarea, { value: reason, onChange: (e) => setReason(e.target.value), placeholder: messages.bookingCancellationDialog.placeholders.reason, required: true })] }), cancelMutation.error && (_jsx("p", { className: "text-xs text-destructive", children: cancelMutation.error instanceof Error
                                 ? cancelMutation.error.message
-                                : "Cancellation failed" }))] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), disabled: cancelMutation.isPending, children: "Close" }), _jsxs(Button, { type: "button", variant: "destructive", size: "sm", onClick: handleConfirm, disabled: !reason.trim() || cancelMutation.isPending, children: [cancelMutation.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Confirm Cancellation"] })] })] }) }));
+                                : messages.bookingCancellationDialog.validation.cancellationFailed }))] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), disabled: cancelMutation.isPending, children: messages.bookingCancellationDialog.actions.close }), _jsxs(Button, { type: "button", variant: "destructive", size: "sm", onClick: handleConfirm, disabled: !reason.trim() || cancelMutation.isPending, children: [cancelMutation.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.bookingCancellationDialog.actions.confirm] })] })] }) }));
 }

package/dist/components/booking-create-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-create-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,aAAa,EAOnB,MAAM,0BAA0B,CAAA;AAqJjC,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,wBAAwB,2CAoW1B"}
+{"version":3,"file":"booking-create-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-create-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,aAAa,EAOnB,MAAM,0BAA0B,CAAA;AA2JjC,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,wBAAwB,2CA6b1B"}

package/dist/components/booking-create-dialog.js

@@ -6,6 +6,7 @@ import { usePersonMutation } from "@voyantjs/crm-react";
 import { Button, Checkbox, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/ui/components";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider";
 import { emptyPassengerListValue, PassengersSection, } from "./passengers-section";
 import { emptyPaymentScheduleValue, PaymentScheduleSection, } from "./payment-schedule-section";
 import { emptyPersonPickerValue, PersonPickerSection, } from "./person-picker-section";
@@ -132,6 +133,8 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
      */
     const [confirmAfterCreate, setConfirmAfterCreate] = React.useState(false);
     const [error, setError] = React.useState(null);
+    const { formatDate } = useBookingsUiI18nOrDefault();
+    const messages = useBookingsUiMessagesOrDefault();
     React.useEffect(() => {
         if (!open) {
             setProduct({ productId: defaultProductId ?? "", optionId: null });
@@ -175,14 +178,16 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
             .sort((a, b) => a.startsAt.localeCompare(b.startsAt));
     }, [slotsData, product.optionId]);
     const formatSlotLabel = React.useCallback((slot) => {
-        const date = new Date(slot.startsAt).toLocaleDateString(undefined, {
+        const date = formatDate(slot.startsAt, {
             year: "numeric",
             month: "short",
             day: "numeric",
         });
-        const remaining = !slot.unlimited && typeof slot.remainingPax === "number" ? ` · ${slot.remainingPax} left` : "";
+        const remaining = !slot.unlimited && typeof slot.remainingPax === "number"
+            ? ` · ${slot.remainingPax} ${messages.bookingCreateDialog.labels.remainingCapacity}`
+            : "";
         return `${date}${remaining}`;
-    }, []);
+    }, [formatDate, messages]);
     const slotUnitAvailability = useSlotUnitAvailability({
         slotId: slotId ?? undefined,
         enabled: open && Boolean(slotId),
@@ -208,28 +213,28 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
     // Currency placeholder — used for voucher + payment schedule display.
     // Consumers hooking in real product data should override this by wrapping
     // the component or swapping in their own currency-aware hook.
-    const currency = "EUR";
+    const currency = messages.bookingCreateDialog.labels.currency;
     const { create: createPerson } = usePersonMutation();
     const quickCreateMutation = useBookingQuickCreateMutation();
     const statusMutation = useBookingStatusByIdMutation();
     const handleSubmit = async () => {
         setError(null);
         if (!product.productId) {
-            setError("Select a product");
+            setError(messages.bookingCreateDialog.validation.selectProduct);
             return;
         }
         let resolvedPersonId = null;
         try {
             if (person.mode === "existing") {
                 if (!person.personId) {
-                    setError("Select a person or switch to create mode");
+                    setError(messages.bookingCreateDialog.validation.selectPerson);
                     return;
                 }
                 resolvedPersonId = person.personId;
             }
             else {
                 if (!person.newPerson.firstName.trim() || !person.newPerson.lastName.trim()) {
-                    setError("First and last name are required");
+                    setError(messages.bookingCreateDialog.validation.firstAndLastNameRequired);
                     return;
                 }
                 const created = await createPerson.mutateAsync({
@@ -241,7 +246,7 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
                 resolvedPersonId = created.id;
             }
             if (sharedRoom.enabled && sharedRoom.mode === "join" && !sharedRoom.groupId) {
-                setError("Select a shared-room group to join");
+                setError(messages.bookingCreateDialog.validation.selectSharedRoomGroup);
                 return;
             }
             const bookingNumber = generateBookingNumber();
@@ -258,7 +263,7 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
                     ? {
                         action: "create",
                         kind: "shared_room",
-                        label: `Shared room — ${bookingNumber}`,
+                        label: `${messages.bookingCreateDialog.labels.sharedRoomGeneratedLabelPrefix} - ${bookingNumber}`,
                         optionUnitId: product.optionId,
                         makeBookingPrimary: true,
                     }
@@ -295,8 +300,10 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
                 }
                 catch (statusErr) {
                     setError(statusErr instanceof Error
-                        ? `Booking created but confirm failed: ${statusErr.message}`
-                        : "Booking created but confirm failed");
+                        ? formatMessage(messages.bookingCreateDialog.validation.confirmFailedPrefix, {
+                            message: statusErr.message,
+                        })
+                        : messages.bookingCreateDialog.validation.confirmFailed);
                     onCreated?.(booking);
                     return;
                 }
@@ -305,9 +312,66 @@ export function BookingCreateDialog({ open, onOpenChange, onCreated, defaultProd
             onCreated?.(finalBooking);
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to create booking");
+            setError(err instanceof Error ? err.message : messages.bookingCreateDialog.validation.createFailed);
         }
     };
     const isSubmitting = quickCreateMutation.isPending || createPerson.isPending || statusMutation.isPending;
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Quick Book" }) }), _jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(ProductPickerSection, { value: product, onChange: setProduct, enabled: open, lockProduct: Boolean(defaultProductId) }), product.productId ? (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { children: "Departure" }), _jsxs(Select, { value: slotId ?? "__none__", onValueChange: (v) => setSlotId(v === "__none__" ? null : (v ?? null)), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select a departure..." }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "No specific departure" }), slots.length === 0 ? (_jsx(SelectItem, { value: "__empty__", disabled: true, children: "No open departures for this product" })) : (slots.map((slot) => (_jsx(SelectItem, { value: slot.id, children: formatSlotLabel(slot) }, slot.id))))] })] })] })) : null, slotId ? (_jsx(RoomsStepperSection, { value: rooms, onChange: setRooms, slotId: slotId, enabled: open })) : null, _jsx(PersonPickerSection, { value: person, onChange: setPerson, enabled: open }), _jsx(SharedRoomSection, { value: sharedRoom, onChange: setSharedRoom, productId: product.productId || undefined, enabled: open }), product.productId ? (_jsx(PassengersSection, { value: passengers, onChange: setPassengers, roomUnits: roomUnitOptions.length > 0 ? roomUnitOptions : undefined })) : null, product.productId ? (_jsx(PriceBreakdownSection, { productId: product.productId, optionId: product.optionId, unitQuantities: rooms.quantities })) : null, _jsx(VoucherPickerSection, { value: voucher, onChange: setVoucher, currency: currency }), _jsx(PaymentScheduleSection, { value: paymentSchedule, onChange: setPaymentSchedule, currency: currency }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Internal Notes" }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Quick context for this booking..." })] }), _jsxs("div", { className: "flex items-start gap-2 rounded-md border p-3", children: [_jsx(Checkbox, { id: "quickbook-confirm-after-create", checked: confirmAfterCreate, onCheckedChange: (v) => setConfirmAfterCreate(v === true), className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "quickbook-confirm-after-create", className: "cursor-pointer text-sm", children: "Confirm & notify traveler after creating" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Transitions to confirmed after create. When the notifications module's auto-dispatch is on, this fires the doc bundle + traveler email via the booking.confirmed subscriber." })] })] }), error && _jsx("p", { className: "text-xs text-destructive", children: error })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Cancel" }), _jsxs(Button, { type: "button", size: "sm", onClick: handleSubmit, disabled: isSubmitting || !product.productId, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Create Draft Booking"] })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.bookingCreateDialog.title }) }), _jsxs(DialogBody, { className: "grid gap-4", children: [_jsx(ProductPickerSection, { value: product, onChange: setProduct, enabled: open, lockProduct: Boolean(defaultProductId), labels: {
+                                optionNone: messages.bookingCreateDialog.labels.noSpecificOption,
+                            } }), product.productId ? (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { children: messages.bookingCreateDialog.fields.departure }), _jsxs(Select, { value: slotId ?? "__none__", onValueChange: (v) => setSlotId(v === "__none__" ? null : (v ?? null)), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: messages.bookingCreateDialog.placeholders.departure }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: messages.bookingCreateDialog.placeholders.departureNone }), slots.length === 0 ? (_jsx(SelectItem, { value: "__empty__", disabled: true, children: messages.bookingCreateDialog.placeholders.departureEmpty })) : (slots.map((slot) => (_jsx(SelectItem, { value: slot.id, children: formatSlotLabel(slot) }, slot.id))))] })] })] })) : null, slotId ? (_jsx(RoomsStepperSection, { value: rooms, onChange: setRooms, slotId: slotId, enabled: open, labels: {
+                                heading: messages.bookingCreateDialog.labels.roomsHeading,
+                                noSlot: messages.bookingCreateDialog.labels.roomsNoSlot,
+                                noUnits: messages.bookingCreateDialog.labels.roomsNoUnits,
+                                remaining: messages.bookingCreateDialog.labels.roomsRemaining,
+                                unlimited: messages.bookingCreateDialog.labels.roomsUnlimited,
+                            } })) : null, _jsx(PersonPickerSection, { value: person, onChange: setPerson, enabled: open, labels: {
+                                createNewPerson: messages.bookingCreateDialog.labels.createNewPerson,
+                                selectExistingPerson: messages.bookingCreateDialog.labels.selectExistingPerson,
+                                organizationNone: messages.bookingCreateDialog.labels.organizationNone,
+                            } }), _jsx(SharedRoomSection, { value: sharedRoom, onChange: setSharedRoom, productId: product.productId || undefined, enabled: open, labels: {
+                                toggle: messages.bookingCreateDialog.labels.sharedRoomToggle,
+                                createMode: messages.bookingCreateDialog.labels.sharedRoomCreateMode,
+                                joinMode: messages.bookingCreateDialog.labels.sharedRoomJoinMode,
+                                selectPlaceholder: messages.bookingCreateDialog.labels.sharedRoomSelectPlaceholder,
+                                noGroups: messages.bookingCreateDialog.labels.sharedRoomNoGroups,
+                                createHint: messages.bookingCreateDialog.labels.sharedRoomCreateHint,
+                            } }), product.productId ? (_jsx(PassengersSection, { value: passengers, onChange: setPassengers, roomUnits: roomUnitOptions.length > 0 ? roomUnitOptions : undefined, labels: {
+                                heading: messages.bookingCreateDialog.labels.passengerHeading,
+                                addPassenger: messages.bookingCreateDialog.labels.addPassenger,
+                                role: messages.bookingCreateDialog.labels.passengerRole,
+                                roleLead: messages.bookingCreateDialog.labels.passengerLead,
+                                roleAdult: messages.bookingCreateDialog.labels.passengerAdult,
+                                roleChild: messages.bookingCreateDialog.labels.passengerChild,
+                                roleInfant: messages.bookingCreateDialog.labels.passengerInfant,
+                                room: messages.bookingCreateDialog.labels.passengerRoom,
+                                noRoom: messages.bookingCreateDialog.labels.passengerNoRoom,
+                                remove: messages.bookingCreateDialog.labels.passengerRemove,
+                                empty: messages.bookingCreateDialog.labels.passengerEmpty,
+                            } })) : null, product.productId ? (_jsx(PriceBreakdownSection, { productId: product.productId, optionId: product.optionId, unitQuantities: rooms.quantities, labels: {
+                                heading: messages.bookingCreateDialog.labels.breakdownHeading,
+                                total: messages.bookingCreateDialog.labels.breakdownTotal,
+                                onRequest: messages.bookingCreateDialog.labels.breakdownOnRequest,
+                                groupRate: messages.bookingCreateDialog.labels.breakdownGroupRate,
+                                empty: messages.bookingCreateDialog.labels.breakdownEmpty,
+                                noPricing: messages.bookingCreateDialog.labels.breakdownNoPricing,
+                            } })) : null, _jsx(VoucherPickerSection, { value: voucher, onChange: setVoucher, currency: currency, labels: {
+                                heading: messages.bookingCreateDialog.labels.voucherHeading,
+                                codePlaceholder: messages.bookingCreateDialog.labels.voucherCodePlaceholder,
+                                apply: messages.bookingCreateDialog.labels.voucherApply,
+                                clear: messages.bookingCreateDialog.labels.voucherClear,
+                                remainingLabel: messages.bookingCreateDialog.labels.voucherRemainingLabel,
+                                invalidLabel: messages.bookingCreateDialog.labels.voucherInvalidLabel,
+                            } }), _jsx(PaymentScheduleSection, { value: paymentSchedule, onChange: setPaymentSchedule, currency: currency, labels: {
+                                heading: messages.bookingCreateDialog.labels.paymentHeading,
+                                modeUnpaid: messages.bookingCreateDialog.labels.paymentModeUnpaid,
+                                modeFull: messages.bookingCreateDialog.labels.paymentModeFull,
+                                modeAdvance: messages.bookingCreateDialog.labels.paymentModeAdvance,
+                                modeSplit: messages.bookingCreateDialog.labels.paymentModeSplit,
+                                dueDate: messages.bookingCreateDialog.labels.paymentDueDate,
+                                amount: messages.bookingCreateDialog.labels.paymentAmount,
+                                firstInstallment: messages.bookingCreateDialog.labels.paymentFirstInstallment,
+                                secondInstallment: messages.bookingCreateDialog.labels.paymentSecondInstallment,
+                                preset5050: messages.bookingCreateDialog.labels.paymentPreset5050,
+                                unpaidHint: messages.bookingCreateDialog.labels.paymentUnpaidHint,
+                            } }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingCreateDialog.fields.internalNotes }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), placeholder: messages.bookingCreateDialog.placeholders.internalNotes })] }), _jsxs("div", { className: "flex items-start gap-2 rounded-md border p-3", children: [_jsx(Checkbox, { id: "quickbook-confirm-after-create", checked: confirmAfterCreate, onCheckedChange: (v) => setConfirmAfterCreate(v === true), className: "mt-0.5" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "quickbook-confirm-after-create", className: "cursor-pointer text-sm", children: messages.bookingCreateDialog.fields.confirmAfterCreate }), _jsx("p", { className: "text-xs text-muted-foreground", children: messages.bookingCreateDialog.fields.confirmAfterCreateHint })] })] }), error && _jsx("p", { className: "text-xs text-destructive", children: error })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), disabled: isSubmitting, children: messages.common.cancel }), _jsxs(Button, { type: "button", size: "sm", onClick: handleSubmit, disabled: isSubmitting || !product.productId, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.bookingCreateDialog.actions.createDraftBooking] })] })] }) }));
 }

package/dist/components/booking-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,0BAA0B,CAAA;AA2CjF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAUD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,gBAAgB,GACjB,EAAE,kBAAkB,2CAoBpB"}
+{"version":3,"file":"booking-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,0BAA0B,CAAA;AA8CjF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAWD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,gBAAgB,GACjB,EAAE,kBAAkB,2CAoBpB"}

package/dist/components/booking-dialog.js

@@ -9,25 +9,29 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
 import { BookingCreateDialog } from "./booking-create-dialog";
-const bookingFormSchema = z.object({
-    bookingNumber: z.string().min(1, "Booking number is required"),
-    status: z.enum(["draft", "confirmed", "in_progress", "completed", "cancelled"]),
-    sellCurrency: z.string().min(3).max(3, "Use 3-letter ISO code"),
-    sellAmountCents: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
-    costAmountCents: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
-    startDate: z.string().optional().nullable(),
-    endDate: z.string().optional().nullable(),
-    pax: z.coerce.number().int().positive().optional().or(z.literal("")).nullable(),
-    internalNotes: z.string().optional().nullable(),
-});
-const BOOKING_STATUSES = [
-    { value: "draft", label: "Draft" },
-    { value: "confirmed", label: "Confirmed" },
-    { value: "in_progress", label: "In Progress" },
-    { value: "completed", label: "Completed" },
-    { value: "cancelled", label: "Cancelled" },
+function createBookingFormSchema(messages) {
+    return z.object({
+        bookingNumber: z.string().min(1, messages.bookingDialog.validation.bookingNumberRequired),
+        status: z.enum(["draft", "confirmed", "in_progress", "completed", "cancelled"]),
+        sellCurrency: z.string().min(3).max(3, messages.bookingDialog.validation.sellCurrencyInvalid),
+        sellAmountCents: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+        costAmountCents: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+        startDate: z.string().optional().nullable(),
+        endDate: z.string().optional().nullable(),
+        pax: z.coerce.number().int().positive().optional().or(z.literal("")).nullable(),
+        internalNotes: z.string().optional().nullable(),
+    });
+}
+const BOOKING_STATUS_VALUES = [
+    "draft",
+    "confirmed",
+    "in_progress",
+    "completed",
+    "cancelled",
 ];
+const DEFAULT_CURRENCY = "EUR"; // i18n-literal-ok ISO default currency
 /**
  * Single booking dialog that handles both create and edit:
  * - Create (no `booking` prop): renders the rich product → option → person
@@ -45,12 +49,14 @@ export function BookingDialog({ open, onOpenChange, booking, onSuccess, defaultP
 }
 function BookingEditDialog({ open, onOpenChange, booking, onSuccess }) {
     const { update } = useBookingMutation();
+    const messages = useBookingsUiMessagesOrDefault();
+    const bookingFormSchema = createBookingFormSchema(messages);
     const form = useForm({
         resolver: zodResolver(bookingFormSchema),
         defaultValues: {
             bookingNumber: "",
             status: "draft",
-            sellCurrency: "EUR",
+            sellCurrency: DEFAULT_CURRENCY,
             sellAmountCents: "",
             costAmountCents: "",
             startDate: "",
@@ -95,14 +101,14 @@ function BookingEditDialog({ open, onOpenChange, booking, onSuccess }) {
         onSuccess?.(saved);
     };
     const isSubmitting = update.isPending;
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Edit Booking" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Booking Number" }), _jsx(Input, { ...form.register("bookingNumber"), placeholder: "BK-2501-1234" }), form.formState.errors.bookingNumber && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.bookingNumber.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Status" }), _jsxs(Select, { value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: BOOKING_STATUSES.map((status) => (_jsx(SelectItem, { value: status.value, children: status.label }, status.value))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sell Currency" }), _jsx(CurrencyCombobox, { value: form.watch("sellCurrency") || null, onChange: (next) => form.setValue("sellCurrency", next ?? "EUR", {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.bookingDialog.editTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDialog.fields.bookingNumber }), _jsx(Input, { ...form.register("bookingNumber"), placeholder: messages.bookingDialog.placeholders.bookingNumber }), form.formState.errors.bookingNumber && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.bookingNumber.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDialog.fields.status }), _jsxs(Select, { value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: BOOKING_STATUS_VALUES.map((status) => (_jsx(SelectItem, { value: status, children: messages.common.bookingStatusLabels[status] }, status))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDialog.fields.sellCurrency }), _jsx(CurrencyCombobox, { value: form.watch("sellCurrency") || null, onChange: (next) => form.setValue("sellCurrency", next ?? DEFAULT_CURRENCY, {
                                                         shouldValidate: true,
                                                         shouldDirty: true,
-                                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Travel Dates" }), _jsx(DateRangePicker, { value: {
+                                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDialog.fields.travelDates }), _jsx(DateRangePicker, { value: {
                                                         from: form.watch("startDate") || null,
                                                         to: form.watch("endDate") || null,
                                                     }, onChange: (nextValue) => {
                                                         form.setValue("startDate", nextValue?.from ?? "", { shouldDirty: true });
                                                         form.setValue("endDate", nextValue?.to ?? "", { shouldDirty: true });
-                                                    }, placeholder: "Pick travel dates", className: "w-full" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sell Amount (cents)" }), _jsx(Input, { ...form.register("sellAmountCents"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cost Amount (cents)" }), _jsx(Input, { ...form.register("costAmountCents"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Travelers (Pax)" }), _jsx(Input, { ...form.register("pax"), type: "number", min: "1", placeholder: "2" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Internal Notes" }), _jsx(Textarea, { ...form.register("internalNotes"), placeholder: "Private operations notes..." })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", size: "sm", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Save Changes"] })] })] })] }) }));
+                                                    }, placeholder: messages.bookingDialog.placeholders.travelDates, className: "w-full" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDialog.fields.sellAmountCents }), _jsx(Input, { ...form.register("sellAmountCents"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDialog.fields.costAmountCents }), _jsx(Input, { ...form.register("costAmountCents"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDialog.fields.pax }), _jsx(Input, { ...form.register("pax"), type: "number", min: "1", placeholder: messages.bookingDialog.placeholders.pax })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDialog.fields.internalNotes }), _jsx(Textarea, { ...form.register("internalNotes"), placeholder: messages.bookingDialog.placeholders.internalNotes })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.common.saveChanges] })] })] })] }) }));
 }

package/dist/components/booking-document-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-document-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-document-dialog.tsx"],"names":[],"mappings":"AA4CA,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,0BAA0B,2CAmJ5B"}
+{"version":3,"file":"booking-document-dialog.d.ts","sourceRoot":"","sources":["../../src/components/booking-document-dialog.tsx"],"names":[],"mappings":"AAkDA,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,0BAA0B,2CAgK5B"}

package/dist/components/booking-document-dialog.js

@@ -8,21 +8,29 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
 import { FileDropzone } from "./file-dropzone";
 const documentTypes = ["visa", "insurance", "health", "passport_copy", "other"];
 const UNASSIGNED = "__unassigned__";
-const documentFormSchema = z.object({
-    type: z.enum(documentTypes).default("other"),
-    fileName: z.string().min(1, "File name is required").max(500),
-    fileUrl: z.string().url("Must be a valid URL"),
-    travelerId: z.string().optional().nullable(),
-    expiresAt: z.string().optional().nullable(),
-    notes: z.string().optional().nullable(),
-});
+function createDocumentFormSchema(messages) {
+    return z.object({
+        type: z.enum(documentTypes).default("other"),
+        fileName: z
+            .string()
+            .min(1, messages.bookingDocumentDialog.validation.fileNameRequired)
+            .max(500),
+        fileUrl: z.string().url(messages.bookingDocumentDialog.validation.fileUrlInvalid),
+        travelerId: z.string().optional().nullable(),
+        expiresAt: z.string().optional().nullable(),
+        notes: z.string().optional().nullable(),
+    });
+}
 export function BookingDocumentDialog({ open, onOpenChange, bookingId, onSuccess, }) {
     const { create } = useBookingTravelerDocumentMutation(bookingId);
     const { data: travelersData } = useTravelers(bookingId);
     const travelers = travelersData?.data ?? [];
+    const messages = useBookingsUiMessagesOrDefault();
+    const documentFormSchema = createDocumentFormSchema(messages);
     const form = useForm({
         resolver: zodResolver(documentFormSchema),
         defaultValues: {
@@ -51,17 +59,23 @@ export function BookingDocumentDialog({ open, onOpenChange, bookingId, onSuccess
         onOpenChange(false);
         onSuccess?.();
     };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Add Document" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Type" }), _jsxs(Select, { items: documentTypes.map((t) => ({ label: t.replace(/_/g, " "), value: t })), value: form.watch("type"), onValueChange: (v) => form.setValue("type", (v ?? "other")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: documentTypes.map((t) => (_jsx(SelectItem, { value: t, children: t.replace(/_/g, " ") }, t))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Traveler (optional)" }), _jsxs(Select, { items: [
-                                                        { label: "Booking-wide", value: UNASSIGNED },
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.bookingDocumentDialog.title }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.type }), _jsxs(Select, { items: documentTypes.map((t) => ({
+                                                        label: messages.bookingDocumentDialog.documentTypeLabels[t],
+                                                        value: t,
+                                                    })), value: form.watch("type"), onValueChange: (v) => form.setValue("type", (v ?? "other")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: documentTypes.map((t) => (_jsx(SelectItem, { value: t, children: messages.bookingDocumentDialog.documentTypeLabels[t] }, t))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.traveler }), _jsxs(Select, { items: [
+                                                        {
+                                                            label: messages.bookingDocumentDialog.placeholders.travelerUnassigned,
+                                                            value: UNASSIGNED,
+                                                        },
                                                         ...travelers.map((traveler) => ({
                                                             label: `${traveler.firstName} ${traveler.lastName}`,
                                                             value: traveler.id,
                                                         })),
-                                                    ], value: form.watch("travelerId") ?? UNASSIGNED, onValueChange: (v) => form.setValue("travelerId", v ?? UNASSIGNED), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: UNASSIGNED, children: "Booking-wide" }), travelers.map((traveler) => (_jsxs(SelectItem, { value: traveler.id, children: [traveler.firstName, " ", traveler.lastName] }, traveler.id)))] })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "File" }), _jsx(FileDropzone, { accept: "application/pdf,image/*", maxSize: 10 * 1024 * 1024, onUploaded: (upload) => {
+                                                    ], value: form.watch("travelerId") ?? UNASSIGNED, onValueChange: (v) => form.setValue("travelerId", v ?? UNASSIGNED), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: UNASSIGNED, children: messages.bookingDocumentDialog.placeholders.travelerUnassigned }), travelers.map((traveler) => (_jsxs(SelectItem, { value: traveler.id, children: [traveler.firstName, " ", traveler.lastName] }, traveler.id)))] })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.file }), _jsx(FileDropzone, { accept: "application/pdf,image/*", maxSize: 10 * 1024 * 1024, onUploaded: (upload) => {
                                                 form.setValue("fileUrl", upload.url, { shouldValidate: true });
                                                 form.setValue("fileName", upload.name, { shouldValidate: true });
-                                            }, helperText: "Drop passport, visa, or insurance document (PDF or image)" }), form.formState.errors.fileUrl && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.fileUrl.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Expires At (optional)" }), _jsx(DatePicker, { value: form.watch("expiresAt") || null, onChange: (next) => form.setValue("expiresAt", next ?? "", {
+                                            }, helperText: messages.bookingDocumentDialog.placeholders.helperText }), form.formState.errors.fileUrl && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.fileUrl.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.expiresAt }), _jsx(DatePicker, { value: form.watch("expiresAt") || null, onChange: (next) => form.setValue("expiresAt", next ?? "", {
                                                 shouldValidate: true,
                                                 shouldDirty: true,
-                                            }), placeholder: "Select expiry date", className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes"), placeholder: "Additional notes..." })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", size: "sm", disabled: create.isPending, children: [create.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Add Document"] })] })] })] }) }));
+                                            }), placeholder: messages.bookingDocumentDialog.placeholders.expiresAt, className: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.bookingDocumentDialog.fields.notes }), _jsx(Textarea, { ...form.register("notes"), placeholder: messages.bookingDocumentDialog.placeholders.notes })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: create.isPending, children: [create.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), messages.bookingDocumentDialog.actions.addDocument] })] })] })] }) }));
 }

package/dist/components/booking-document-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-document-list.d.ts","sourceRoot":"","sources":["../../src/components/booking-document-list.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAqG1E"}
+{"version":3,"file":"booking-document-list.d.ts","sourceRoot":"","sources":["../../src/components/booking-document-list.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAqH1E"}