@voyant-travel/bookings-react 0.162.1 → 0.162.2

package/dist/admin/booking-documents-table.js

@@ -2,7 +2,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
-import { useAdminNavigate, useOperatorAdminMessages } from "@voyant-travel/admin";
+import { useAdminNavigate, useLocale, useOperatorAdminMessages } from "@voyant-travel/admin";
 import { legalQueryKeys, useLegalContractAttachments, useLegalContracts, useVoyantLegalContext, } from "@voyant-travel/legal-react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, } from "@voyant-travel/ui/components";
 import { DataTable } from "@voyant-travel/ui/components/data-table";
@@ -177,6 +177,7 @@ function TravelerStatusCell({ doc, messages, }) {
     return (_jsx(StatusBadge, { status: isExpired ? "expired" : "active", children: isExpired ? messages.travelerStatusExpired : messages.travelerStatusOnFile }));
 }
 function ContractDateCell({ contract, messages, }) {
+    const { resolvedLocale } = useLocale();
     const generationFailure = resolveContractGenerationFailure(contract);
     const attachmentsQuery = useLegalContractAttachments({ contractId: contract.id });
     const attachments = (attachmentsQuery.data ?? []).filter((a) => a.kind === "document");
@@ -189,14 +190,15 @@ function ContractDateCell({ contract, messages, }) {
             : messages.contractPendingSinceLabel;
     if (!dateIso)
         return _jsx("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
-    return (_jsxs("span", { className: "text-muted-foreground text-xs", children: [_jsxs("span", { className: "opacity-60", children: [dateLabel, " "] }), formatDate(dateIso)] }));
+    return (_jsxs("span", { className: "text-muted-foreground text-xs", children: [_jsxs("span", { className: "opacity-60", children: [dateLabel, " "] }), formatDate(dateIso, resolvedLocale)] }));
 }
 function TravelerDateCell({ doc, messages, }) {
+    const { resolvedLocale } = useLocale();
     const dateIso = doc.expiresAt ?? doc.createdAt ?? null;
     const dateLabel = doc.expiresAt ? messages.travelerExpiresLabel : messages.travelerUploadedLabel;
     if (!dateIso)
         return _jsx("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
-    return (_jsxs("span", { className: "text-muted-foreground text-xs", children: [_jsxs("span", { className: "opacity-60", children: [dateLabel, " "] }), formatDate(dateIso)] }));
+    return (_jsxs("span", { className: "text-muted-foreground text-xs", children: [_jsxs("span", { className: "opacity-60", children: [dateLabel, " "] }), formatDate(dateIso, resolvedLocale)] }));
 }
 function ContractActionsCell({ contract, messages, }) {
     const queryClient = useQueryClient();
@@ -246,12 +248,12 @@ function formatBytes(bytes) {
         return `${Math.round(bytes / 1024)} KB`;
     return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
-function formatDate(iso) {
+function formatDate(iso, locale) {
     try {
         const d = new Date(iso);
         if (!Number.isFinite(d.getTime()))
             return iso;
-        return d.toLocaleDateString(undefined, { day: "numeric", month: "short", year: "numeric" });
+        return d.toLocaleDateString(locale, { day: "numeric", month: "short", year: "numeric" });
     }
     catch {
         return iso;

package/dist/admin/journey-departure-picker.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocale } from "@voyant-travel/admin";
 import { useSlots } from "@voyant-travel/operations-react/availability";
 import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
 import { DatePicker } from "@voyant-travel/ui/components/date-picker";
@@ -7,23 +8,13 @@ import { Label } from "@voyant-travel/ui/components/label";
 import { useEffect, useMemo, useState } from "react";
 import { getBookableDepartureSlots } from "../components/booking-create-utils.js";
 import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
-/**
- * Admin departure picker for the booking journey's `"departure"`
- * sub-step. Loads the owned product's scheduled departures from
- * availability and lets the operator pick a real one (filtered by the
- * chosen product option). When the product has no scheduled
- * departures, it falls back to a free date so non-scheduled
- * products can still be booked.
- *
- * Wired into `<BookingJourneyHost />` via the journey's
- * `renderDeparturePicker` slot.
- */
-const dateFormatter = new Intl.DateTimeFormat(undefined, {
-    year: "numeric",
-    month: "short",
-    day: "numeric",
-});
 export function JourneyDeparturePicker({ productId, optionId, slotId, departureDate, onChange, lockDeparture = false, }) {
+    const { resolvedLocale } = useLocale();
+    const dateFormatter = useMemo(() => new Intl.DateTimeFormat(resolvedLocale, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    }), [resolvedLocale]);
     const messages = useBookingsUiMessagesOrDefault().bookingCreateDialog;
     // Stable "now" so the slot query + future filter don't churn every render.
     const [nowIso] = useState(() => new Date().toISOString());

package/dist/admin/journey-travel-credit-picker.js

@@ -6,23 +6,24 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * redeemed); they never need to know the exact code, unlike storefront
  * customers. Wired into `<BookingJourneyHost />` via `renderTravelCreditPicker`.
  */
-import { useOperatorAdminMessages } from "@voyant-travel/admin";
+import { useLocale, useOperatorAdminMessages } from "@voyant-travel/admin";
 import { useTravelCredits } from "@voyant-travel/finance-react";
 import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
 import { Label } from "@voyant-travel/ui/components/label";
 import { useEffect, useState } from "react";
-function formatMoney(cents, currency) {
+function formatMoney(cents, currency, locale) {
     try {
-        return new Intl.NumberFormat(undefined, { style: "currency", currency }).format(cents / 100);
+        return new Intl.NumberFormat(locale, { style: "currency", currency }).format(cents / 100);
     }
     catch {
         return `${(cents / 100).toFixed(2)} ${currency}`;
     }
 }
-function travelCreditLabel(travelCredit) {
-    return `${travelCredit.code} · ${formatMoney(travelCredit.remainingAmountCents, travelCredit.currency)}`;
+function travelCreditLabel(travelCredit, locale) {
+    return `${travelCredit.code} · ${formatMoney(travelCredit.remainingAmountCents, travelCredit.currency, locale)}`;
 }
 export function JourneyTravelCreditPicker({ value, onApply, }) {
+    const { resolvedLocale } = useLocale();
     const t = useOperatorAdminMessages().bookings.detail.bookingJourney;
     const [inputValue, setInputValue] = useState("");
     const [search, setSearch] = useState("");
@@ -39,12 +40,12 @@ export function JourneyTravelCreditPicker({ value, onApply, }) {
     // Reflect a pre-selected Travel Credit's label once its record loads.
     useEffect(() => {
         if (selectedId && byId.has(selectedId)) {
-            setInputValue(travelCreditLabel(byId.get(selectedId)));
+            setInputValue(travelCreditLabel(byId.get(selectedId), resolvedLocale));
         }
-    }, [selectedId, byId]);
+    }, [selectedId, byId, resolvedLocale]);
     return (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: t.travelCreditPickerLabel }), _jsxs(Combobox, { items: travelCredits.map((travelCredit) => travelCredit.id), value: selectedId, inputValue: inputValue, autoHighlight: true, itemToStringLabel: (id) => {
                     const v = byId.get(id);
-                    return v ? travelCreditLabel(v) : id;
+                    return v ? travelCreditLabel(v, resolvedLocale) : id;
                 }, itemToStringValue: (id) => id, onInputValueChange: (next) => {
                     setInputValue(next);
                     setSearch(next);
@@ -60,12 +61,12 @@ export function JourneyTravelCreditPicker({ value, onApply, }) {
                     const v = byId.get(id);
                     if (v) {
                         onApply({ travelCreditId: v.id, amountCents: v.remainingAmountCents });
-                        setInputValue(travelCreditLabel(v));
+                        setInputValue(travelCreditLabel(v, resolvedLocale));
                     }
                 }, children: [_jsx(ComboboxInput, { placeholder: t.travelCreditSearchPlaceholder, showClear: !!selectedId }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: t.travelCreditEmpty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
                                         const v = byId.get(id);
                                         if (!v)
                                             return null;
-                                        return (_jsx(ComboboxItem, { value: v.id, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: v.code }), _jsx("span", { className: "truncate text-muted-foreground text-xs", children: formatMoney(v.remainingAmountCents, v.currency) })] }) }, v.id));
+                                        return (_jsx(ComboboxItem, { value: v.id, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: v.code }), _jsx("span", { className: "truncate text-muted-foreground text-xs", children: formatMoney(v.remainingAmountCents, v.currency, resolvedLocale) })] }) }, v.id));
                                     } }) })] })] })] }));
 }

package/dist/admin/person-bookings-widget.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAdminNavigate, useOperatorAdminMessages } from "@voyant-travel/admin";
+import { useAdminNavigate, useLocale, useOperatorAdminMessages } from "@voyant-travel/admin";
 import { Badge } from "@voyant-travel/ui/components/badge";
 import { Skeleton } from "@voyant-travel/ui/components/skeleton";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
@@ -15,6 +15,7 @@ import { bookingStatusBadgeVariant, useBookings } from "../index.js";
  * semantic `booking.detail` destination.
  */
 export function PersonBookingsWidget({ personId }) {
+    const { resolvedLocale } = useLocale();
     const adminMessages = useOperatorAdminMessages();
     const messages = adminMessages.bookings.list;
     const navigateTo = useAdminNavigate();
@@ -35,14 +36,14 @@ export function PersonBookingsWidget({ personId }) {
                         const extraItems = Math.max((booking.items?.length ?? 0) - 1, 0);
                         return (_jsxs(TableRow, { onClick: () => navigateTo("booking.detail", { bookingId: booking.id }), className: "cursor-pointer", children: [_jsx(TableCell, { className: "font-medium", children: booking.bookingNumber }), _jsx(TableCell, { children: _jsxs("div", { className: "max-w-[280px] truncate", title: itemLabel, children: [itemLabel, extraItems > 0 ? (_jsxs("span", { className: "ml-1 text-muted-foreground text-xs", children: ["+", extraItems] })) : null] }) }), _jsx(TableCell, { children: _jsx(Badge, { variant: bookingStatusBadgeVariant[booking.status], children: booking.status }) }), _jsx(TableCell, { children: booking.sellAmountCents == null
                                         ? "—"
-                                        : `${(booking.sellAmountCents / 100).toFixed(2)} ${booking.sellCurrency}` }), _jsx(TableCell, { children: booking.pax ?? "—" }), _jsx(TableCell, { children: formatBookingDate(booking.startsAt ?? booking.startDate) })] }, booking.id));
+                                        : `${(booking.sellAmountCents / 100).toFixed(2)} ${booking.sellCurrency}` }), _jsx(TableCell, { children: booking.pax ?? "—" }), _jsx(TableCell, { children: formatBookingDate(booking.startsAt ?? booking.startDate, resolvedLocale) })] }, booking.id));
                     }) })] }) }));
 }
-function formatBookingDate(value) {
+function formatBookingDate(value, locale) {
     if (!value)
         return "—";
     const date = new Date(/^\d{4}-\d{2}-\d{2}$/.test(value) ? `${value}T00:00:00` : value);
     if (Number.isNaN(date.getTime()))
         return "—";
-    return date.toLocaleDateString();
+    return date.toLocaleDateString(locale);
 }

package/dist/components/booking-list-filters.js

@@ -15,11 +15,11 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "
 import { ListFilter, X } from "lucide-react";
 import * as React from "react";
 import { BOOKING_STATUS_ALL } from "../booking-list-constants.js";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useBookingsUiI18nOrDefault } from "../i18n/provider.js";
 import { bookingStatuses } from "../index.js";
 export { BOOKING_STATUS_ALL };
 export function BookingListFiltersPopover({ open, onOpenChange, activeFilterCount, status, onStatusChange, productId, onProductIdChange, optionId, onOptionIdChange, availabilitySlotId, onAvailabilitySlotIdChange, supplierId, onSupplierIdChange, productCategoryId, onProductCategoryIdChange, personId, onPersonIdChange, organizationId, onOrganizationIdChange, dateRange, onDateRangeChange, paxMin, onPaxMinChange, paxMax, onPaxMaxChange, onFiltersChanged, hasActiveFilters, onClearFilters, }) {
-    const messages = useBookingsUiMessagesOrDefault();
+    const { locale, messages } = useBookingsUiI18nOrDefault();
     const filterMessages = messages.bookingList.filters;
     const statusLabels = messages.common.bookingStatusLabels;
     const [selectedProduct, setSelectedProduct] = React.useState(null);
@@ -115,7 +115,7 @@ export function BookingListFiltersPopover({ open, onOpenChange, activeFilterCoun
                                                 setSelectedSlot(match);
                                         }
                                         markChanged();
-                                    }, items: slots, selectedItem: selectedSlot, getKey: (slot) => slot.id, getLabel: (slot) => formatSlotLabel(slot), getSecondary: (slot) => slot.status, placeholder: filterMessages.departure, emptyText: productId ? filterMessages.departureEmpty : filterMessages.departureNeedsProduct, disabled: productId === null })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "bookings-filter-category", children: filterMessages.categoryLabel }), _jsx(AsyncCombobox, { value: productCategoryId, onChange: (value) => {
+                                    }, items: slots, selectedItem: selectedSlot, getKey: (slot) => slot.id, getLabel: (slot) => formatSlotLabel(slot, locale), getSecondary: (slot) => slot.status, placeholder: filterMessages.departure, emptyText: productId ? filterMessages.departureEmpty : filterMessages.departureNeedsProduct, disabled: productId === null })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "bookings-filter-category", children: filterMessages.categoryLabel }), _jsx(AsyncCombobox, { value: productCategoryId, onChange: (value) => {
                                         onProductCategoryIdChange(value);
                                         if (!value)
                                             setSelectedProductCategory(null);
@@ -175,9 +175,9 @@ function formatPersonName(person) {
  * in the slot's own timezone so the operator sees what the customer
  * sees, not whatever the admin's browser locale converts it to.
  */
-function formatSlotLabel(slot) {
+function formatSlotLabel(slot, locale) {
     try {
-        const formatter = new Intl.DateTimeFormat(undefined, {
+        const formatter = new Intl.DateTimeFormat(locale, {
             day: "numeric",
             month: "short",
             year: "numeric",

package/dist/components/booking-payments-summary.js

@@ -31,7 +31,7 @@ export function BookingPaymentsSummary({ bookingId, variant = "public", onInvoic
     const publicQuery = usePublicBookingPayments(bookingId, { enabled: variant === "public" });
     const adminQuery = useAdminBookingPayments(bookingId, { enabled: variant === "admin" });
     const data = variant === "admin" ? adminQuery.data : publicQuery.data;
-    const { formatDateTime } = useBookingsUiI18nOrDefault();
+    const { formatDateTime, locale } = useBookingsUiI18nOrDefault();
     const messages = useBookingsUiMessagesOrDefault();
     const card = messages.bookingPaymentsSummary;
     const payments = data?.data?.payments ?? [];
@@ -91,7 +91,7 @@ export function BookingPaymentsSummary({ bookingId, variant = "public", onInvoic
             {
                 accessorKey: "amountCents",
                 header: card.columns.amount,
-                cell: ({ row }) => (_jsx("span", { className: "font-mono font-medium", children: formatMoney(row.original.amountCents, row.original.currency) })),
+                cell: ({ row }) => (_jsx("span", { className: "font-mono font-medium", children: formatMoney(row.original.amountCents, row.original.currency, locale) })),
             },
             {
                 id: "fx",
@@ -103,7 +103,7 @@ export function BookingPaymentsSummary({ bookingId, variant = "public", onInvoic
                         baseCurrency.toUpperCase() === currency.toUpperCase()) {
                         return _jsx("span", { className: "text-muted-foreground", children: "\u2014" });
                     }
-                    return (_jsxs("span", { className: "font-mono text-xs", children: ["\u2248 ", formatMoney(baseAmountCents, baseCurrency)] }));
+                    return (_jsxs("span", { className: "font-mono text-xs", children: ["\u2248 ", formatMoney(baseAmountCents, baseCurrency, locale)] }));
                 },
             },
             {
@@ -170,6 +170,7 @@ export function BookingPaymentsSummary({ bookingId, variant = "public", onInvoic
     }, [
         card,
         formatDateTime,
+        locale,
         getInvoiceHref,
         onInvoiceOpen,
         onConvertProforma,
@@ -182,18 +183,18 @@ export function BookingPaymentsSummary({ bookingId, variant = "public", onInvoic
                     if (!next && !deletePending)
                         setDeleteTarget(null);
                 }, children: _jsxs(AlertDialogContent, { size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: card.deleteConfirm.title }), _jsx(AlertDialogDescription, { children: deleteTarget
-                                        ? card.deleteConfirm.description.replace("{amount}", formatMoney(deleteTarget.amountCents, deleteTarget.currency))
+                                        ? card.deleteConfirm.description.replace("{amount}", formatMoney(deleteTarget.amountCents, deleteTarget.currency, locale))
                                         : "" })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: deletePending, children: card.deleteConfirm.cancel }), _jsx(AlertDialogAction, { variant: "destructive", disabled: deletePending, onClick: () => void handleDeleteConfirm(), children: card.deleteConfirm.confirm })] })] }) })) : null] }));
 }
-function formatMoney(cents, currency) {
+function formatMoney(cents, currency, locale) {
     if (!currency) {
-        return new Intl.NumberFormat(undefined, {
+        return new Intl.NumberFormat(locale, {
             minimumFractionDigits: 2,
             maximumFractionDigits: 2,
         }).format(cents / 100);
     }
     try {
-        return new Intl.NumberFormat(undefined, { style: "currency", currency }).format(cents / 100);
+        return new Intl.NumberFormat(locale, { style: "currency", currency }).format(cents / 100);
     }
     catch {
         return `${(cents / 100).toFixed(2)} ${currency}`;

package/dist/components/traveler-list.js

@@ -7,7 +7,7 @@ import { DataTable } from "@voyant-travel/ui/components/data-table";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components/sheet";
 import { Eye, EyeOff, Loader2, Pencil, Plus, Trash2, Users } from "lucide-react";
 import * as React from "react";
-import { formatMessage, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider.js";
 import { useBookingTravelerDocuments, useRevealTraveler, useTravelerMutation, useTravelers, } from "../index.js";
 import { IconActionButton } from "./icon-action-button.js";
 import { TravelerDialog } from "./traveler-dialog.js";
@@ -179,11 +179,11 @@ function TravelerDobCell({ bookingId, traveler, revealed, }) {
     const person = usePerson(traveler.personId ?? undefined, {
         enabled: Boolean(traveler.personId),
     }).data;
-    const messages = useBookingsUiMessagesOrDefault();
+    const { locale, messages } = useBookingsUiI18nOrDefault();
     if (loading)
         return _jsx(RowLoading, {});
     const dob = travelDetails?.dateOfBirth ?? person?.dateOfBirth ?? null;
-    return _jsx(_Fragment, { children: formatDobAge(dob, messages.travelerList.values.fieldUnavailable) });
+    return _jsx(_Fragment, { children: formatDobAge(dob, messages.travelerList.values.fieldUnavailable, locale) });
 }
 function RolePills({ traveler }) {
     const messages = useBookingsUiMessagesOrDefault();
@@ -220,7 +220,7 @@ function getTravelDocumentLabel(travelDetails, messages) {
     return messages.travelerDialog.documentTypeLabels[documentType];
 }
 function TravelerSnapshotBody({ bookingId, traveler, documents, }) {
-    const messages = useBookingsUiMessagesOrDefault();
+    const { locale, messages } = useBookingsUiI18nOrDefault();
     const labels = messages.travelerList.snapshot;
     const empty = labels.empty;
     const { display, travelDetails, loading } = useRevealed(bookingId, traveler, true);
@@ -243,9 +243,9 @@ function TravelerSnapshotBody({ bookingId, traveler, documents, }) {
     if (display.travelerCategory) {
         roles.push(messages.travelerDialog.travelerCategoryLabels[display.travelerCategory] ?? display.travelerCategory);
     }
-    return (_jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-4", children: [loading ? (_jsx("div", { className: "py-4", children: _jsx(RowLoading, {}) })) : null, _jsxs(SnapshotSection, { title: labels.sectionContact, children: [_jsx(SnapshotRow, { label: labels.nameLabel, value: fullName }), _jsx(SnapshotRow, { label: labels.emailLabel, value: email }), _jsx(SnapshotRow, { label: labels.phoneLabel, value: phone }), _jsx(SnapshotRow, { label: labels.languageLabel, value: display.preferredLanguage || empty }), _jsx(SnapshotRow, { label: labels.roleLabel, value: roles.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-1.5", children: roles.map((label) => (_jsx(MiniPill, { children: label }, label))) })) : (empty) })] }), _jsxs(SnapshotSection, { title: labels.sectionTravel, children: [_jsx(SnapshotRow, { label: labels.dobLabel, value: formatDobAge(dob, empty) }), _jsx(SnapshotRow, { label: labels.nationalityLabel, value: travelDetails?.nationality || empty }), _jsx(SnapshotRow, { label: labels.documentLabel, value: documentValue }), _jsx(SnapshotRow, { label: labels.documentExpiryLabel, value: formatDateValue(travelDetails?.documentExpiry) ?? empty }), _jsx(SnapshotRow, { label: labels.dietaryLabel, value: travelDetails?.dietaryRequirements || empty, multiline: true }), _jsx(SnapshotRow, { label: labels.accessibilityLabel, value: travelDetails?.accessibilityNeeds || empty, multiline: true }), _jsx(SnapshotRow, { label: labels.specialRequestsLabel, value: display.specialRequests || empty, multiline: true }), _jsx(SnapshotRow, { label: labels.notesLabel, value: display.notes || empty, multiline: true })] }), _jsx(SnapshotSection, { title: labels.sectionDocuments, children: documents.length === 0 ? (_jsx("div", { className: "px-3 py-3 text-sm text-muted-foreground", children: labels.noDocuments })) : (documents.map((document) => (_jsx(SnapshotRow, { label: formatMessage(messages.travelerList.context.documentLabel, {
+    return (_jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-4", children: [loading ? (_jsx("div", { className: "py-4", children: _jsx(RowLoading, {}) })) : null, _jsxs(SnapshotSection, { title: labels.sectionContact, children: [_jsx(SnapshotRow, { label: labels.nameLabel, value: fullName }), _jsx(SnapshotRow, { label: labels.emailLabel, value: email }), _jsx(SnapshotRow, { label: labels.phoneLabel, value: phone }), _jsx(SnapshotRow, { label: labels.languageLabel, value: display.preferredLanguage || empty }), _jsx(SnapshotRow, { label: labels.roleLabel, value: roles.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-1.5", children: roles.map((label) => (_jsx(MiniPill, { children: label }, label))) })) : (empty) })] }), _jsxs(SnapshotSection, { title: labels.sectionTravel, children: [_jsx(SnapshotRow, { label: labels.dobLabel, value: formatDobAge(dob, empty, locale) }), _jsx(SnapshotRow, { label: labels.nationalityLabel, value: travelDetails?.nationality || empty }), _jsx(SnapshotRow, { label: labels.documentLabel, value: documentValue }), _jsx(SnapshotRow, { label: labels.documentExpiryLabel, value: formatDateValue(travelDetails?.documentExpiry, locale) ?? empty }), _jsx(SnapshotRow, { label: labels.dietaryLabel, value: travelDetails?.dietaryRequirements || empty, multiline: true }), _jsx(SnapshotRow, { label: labels.accessibilityLabel, value: travelDetails?.accessibilityNeeds || empty, multiline: true }), _jsx(SnapshotRow, { label: labels.specialRequestsLabel, value: display.specialRequests || empty, multiline: true }), _jsx(SnapshotRow, { label: labels.notesLabel, value: display.notes || empty, multiline: true })] }), _jsx(SnapshotSection, { title: labels.sectionDocuments, children: documents.length === 0 ? (_jsx("div", { className: "px-3 py-3 text-sm text-muted-foreground", children: labels.noDocuments })) : (documents.map((document) => (_jsx(SnapshotRow, { label: formatMessage(messages.travelerList.context.documentLabel, {
                         type: document.type.replaceAll("_", " "),
-                    }), value: document.fileName }, document.id)))) }), _jsxs(SnapshotSection, { title: labels.sectionMeta, children: [_jsx(SnapshotRow, { label: labels.createdAtLabel, value: formatTimestamp(traveler.createdAt) ?? empty }), _jsx(SnapshotRow, { label: labels.updatedAtLabel, value: formatTimestamp(traveler.updatedAt) ?? empty })] })] }));
+                    }), value: document.fileName }, document.id)))) }), _jsxs(SnapshotSection, { title: labels.sectionMeta, children: [_jsx(SnapshotRow, { label: labels.createdAtLabel, value: formatTimestamp(traveler.createdAt, locale) ?? empty }), _jsx(SnapshotRow, { label: labels.updatedAtLabel, value: formatTimestamp(traveler.updatedAt, locale) ?? empty })] })] }));
 }
 function SnapshotSection({ title, children }) {
     return (_jsxs("section", { className: "mb-6", children: [_jsx("h3", { className: "mb-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: title }), _jsx("dl", { className: "divide-y divide-border rounded-md border", children: children })] }));
@@ -260,14 +260,14 @@ function RowLoading() {
 function MiniPill({ children }) {
     return (_jsx("span", { className: "inline-flex h-5 items-center rounded-full border px-2 text-[11px] capitalize text-muted-foreground", children: children }));
 }
-function formatTimestamp(iso) {
+function formatTimestamp(iso, locale) {
     if (!iso)
         return null;
     const d = new Date(iso);
     if (!Number.isFinite(d.getTime()))
         return null;
     try {
-        return d.toLocaleString(undefined, {
+        return d.toLocaleString(locale, {
             day: "numeric",
             month: "short",
             year: "numeric",
@@ -279,7 +279,7 @@ function formatTimestamp(iso) {
         return d.toISOString();
     }
 }
-function formatDobAge(value, unavailable) {
+function formatDobAge(value, unavailable, locale) {
     if (!value)
         return unavailable;
     const date = new Date(value);
@@ -291,15 +291,15 @@ function formatDobAge(value, unavailable) {
         (today.getMonth() === date.getMonth() && today.getDate() >= date.getDate());
     if (!birthdayPassed)
         age -= 1;
-    return `${formatDateValue(value)} · ${age}`;
+    return `${formatDateValue(value, locale)} · ${age}`;
 }
-function formatDateValue(value) {
+function formatDateValue(value, locale) {
     if (!value)
         return null;
     const date = new Date(value);
     if (Number.isNaN(date.getTime()))
         return value;
-    return date.toLocaleDateString(undefined, { month: "short", day: "numeric", year: "numeric" });
+    return date.toLocaleDateString(locale, { month: "short", day: "numeric", year: "numeric" });
 }
 /**
  * Heuristic check for redaction markers used by `redactTravelerIdentity`

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

@@ -114,9 +114,10 @@ export declare function getExtrasUiI18n({ locale, overrides, }: {
     locale?: string | null | undefined;
     overrides?: ExtrasUiMessageOverrides | null;
 }): PackageI18nValue<ExtrasUiMessages>;
-export declare function ExtrasUiMessagesProvider({ children, locale, overrides, }: {
+export declare function ExtrasUiMessagesProvider({ children, locale, timeZone, overrides, }: {
     children: ReactNode;
     locale: string | null | undefined;
+    timeZone?: string | null;
     overrides?: ExtrasUiMessageOverrides | null;
 }): import("react").JSX.Element;
 export declare const useExtrasUiI18n: () => PackageI18nValue<ExtrasUiMessages>;

package/dist/extras/i18n/provider.js

@@ -31,8 +31,8 @@ export function getExtrasUiI18n({ locale, overrides, }) {
         ...createLocaleFormatters(resolvedLocale),
     };
 }
-export function ExtrasUiMessagesProvider({ children, locale, overrides, }) {
-    return (_jsx(extrasUiContext.ResolvedMessagesProvider, { definitions: extrasUiMessageDefinitions, fallbackLocale: fallbackLocale, locale: locale, overrides: overrides, children: children }));
+export function ExtrasUiMessagesProvider({ children, locale, timeZone, overrides, }) {
+    return (_jsx(extrasUiContext.ResolvedMessagesProvider, { definitions: extrasUiMessageDefinitions, fallbackLocale: fallbackLocale, locale: locale, timeZone: timeZone, overrides: overrides, children: children }));
 }
 export const useExtrasUiI18n = extrasUiContext.useI18n;
 export const useExtrasUiMessages = extrasUiContext.useMessages;

package/dist/i18n/provider.d.ts

@@ -3218,9 +3218,10 @@ export declare function getBookingsUiI18n({ locale, overrides, }: {
     locale?: string | null | undefined;
     overrides?: BookingsUiMessageOverrides | null;
 }): PackageI18nValue<BookingsUiMessages>;
-export declare function BookingsUiMessagesProvider({ children, locale, overrides, }: {
+export declare function BookingsUiMessagesProvider({ children, locale, timeZone, overrides, }: {
     children: ReactNode;
     locale: string | null | undefined;
+    timeZone?: string | null;
     overrides?: BookingsUiMessageOverrides | null;
 }): import("react").JSX.Element;
 export declare const useBookingsUiI18n: () => PackageI18nValue<BookingsUiMessages>;

package/dist/i18n/provider.js

@@ -31,8 +31,8 @@ export function getBookingsUiI18n({ locale, overrides, }) {
         ...createLocaleFormatters(resolvedLocale),
     };
 }
-export function BookingsUiMessagesProvider({ children, locale, overrides, }) {
-    return (_jsx(bookingsUiContext.ResolvedMessagesProvider, { definitions: bookingsUiMessageDefinitions, fallbackLocale: fallbackLocale, locale: locale, overrides: overrides, children: children }));
+export function BookingsUiMessagesProvider({ children, locale, timeZone, overrides, }) {
+    return (_jsx(bookingsUiContext.ResolvedMessagesProvider, { definitions: bookingsUiMessageDefinitions, fallbackLocale: fallbackLocale, locale: locale, timeZone: timeZone, overrides: overrides, children: children }));
 }
 export const useBookingsUiI18n = bookingsUiContext.useI18n;
 export const useBookingsUiMessages = bookingsUiContext.useMessages;

package/dist/journey/components/side-panel.d.ts

@@ -13,4 +13,4 @@ export declare function PriceSidePanel({ pricing, isQuoting, invalidReason, enti
      *  pricing, where they're most in context. */
     pricingExtras?: React.ReactNode;
 }): React.ReactElement;
-export declare function stepHeadline(step: JourneyStep, draft: NonNullable<SidePanelState["draft"]>, messages: ReturnType<typeof useBookingsUiMessagesOrDefault>): string;
+export declare function stepHeadline(step: JourneyStep, draft: NonNullable<SidePanelState["draft"]>, messages: ReturnType<typeof useBookingsUiMessagesOrDefault>, locale: string): string;

package/dist/journey/components/side-panel.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@voyant-travel/ui/components/accordion";
 import { Card, CardContent } from "@voyant-travel/ui/components/card";
 import { Skeleton } from "@voyant-travel/ui/components/skeleton";
-import { formatMessage, useBookingsUiMessagesOrDefault } from "../../i18n/index.js";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../../i18n/index.js";
 /**
  * Right-rail summary panel. Shows what's being booked, an
  * accordion-per-step recap of the user's input, and the live
@@ -13,7 +13,7 @@ import { formatMessage, useBookingsUiMessagesOrDefault } from "../../i18n/index.
  * they've filled in elsewhere.
  */
 export function PriceSidePanel({ pricing, isQuoting, invalidReason, entitySummary, currentStep, steps, shape, draft, className, pricingExtras, }) {
-    const messages = useBookingsUiMessagesOrDefault();
+    const { locale, messages } = useBookingsUiI18nOrDefault();
     // Only surface pricing once the user has configured what actually drives
     // the price — otherwise the quote's baseline shows a misleading total
     // (e.g. a per-pax "from" price before any room is picked). Room products
@@ -30,8 +30,8 @@ export function PriceSidePanel({ pricing, isQuoting, invalidReason, entitySummar
         : messages.bookingJourney.sidePanel.pricingHint;
     // Departure shows directly under the product title — it's the most-glanced
     // fact, so it doesn't belong buried in the recap accordion.
-    const departureText = draft ? stepHeadline("departure", draft, messages) : "";
-    return (_jsxs(Card, { className: className, children: [entitySummary?.heroImageUrl ? (_jsx("img", { src: entitySummary.heroImageUrl, alt: entitySummary.name, className: "aspect-video w-full object-cover" })) : null, entitySummary ? (_jsx(EntityHeader, { summary: entitySummary, departureText: departureText })) : null, _jsxs(CardContent, { className: "space-y-4", children: [steps && steps.length > 0 && currentStep && draft ? (_jsx(StepRecap, { steps: steps, currentStep: currentStep, draft: draft })) : null, invalidReason ? _jsx("p", { className: "text-destructive text-sm", children: invalidReason }) : null, !showPricing ? (_jsx("p", { className: "border-t pt-4 text-muted-foreground text-sm", children: pricingHint })) : isQuoting && !pricing ? (_jsxs("div", { className: "space-y-2 border-t pt-4", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-4 w-20" })] })) : null, showPricing && pricing ? (_jsxs("div", { className: "space-y-2 border-t pt-4", children: [_jsx("ul", { className: "space-y-1 text-sm", children: pricing.lines.map((line) => (_jsxs("li", { className: "flex justify-between", children: [_jsxs("span", { children: [line.label, line.quantity ? (_jsxs("span", { className: "text-muted-foreground", children: [" \u00D7 ", line.quantity] })) : null] }), _jsx("span", { children: formatMoney(line.totalAmount, pricing.currency) })] }, `${line.kind}-${line.label}-${line.totalAmount}`))) }), pricing.taxes.length > 0 ? (_jsx("ul", { className: "space-y-1 border-t pt-2 text-sm text-muted-foreground", children: pricing.taxes.map((tax) => (_jsxs("li", { className: "flex justify-between", children: [_jsxs("span", { children: [tax.label, tax.rate > 0 ? ` (${formatTaxRate(tax.rate)})` : ""] }), _jsx("span", { children: formatMoney(tax.amount, pricing.currency) })] }, tax.code))) })) : null, _jsxs("div", { className: "flex justify-between border-t pt-2 font-medium", children: [_jsx("span", { children: messages.bookingJourney.sidePanel.total }), _jsx("span", { children: formatMoney(pricing.total, pricing.currency) })] })] })) : null, pricingExtras ? _jsx("div", { className: "border-t pt-4", children: pricingExtras }) : null] })] }));
+    const departureText = draft ? stepHeadline("departure", draft, messages, locale) : "";
+    return (_jsxs(Card, { className: className, children: [entitySummary?.heroImageUrl ? (_jsx("img", { src: entitySummary.heroImageUrl, alt: entitySummary.name, className: "aspect-video w-full object-cover" })) : null, entitySummary ? (_jsx(EntityHeader, { summary: entitySummary, departureText: departureText })) : null, _jsxs(CardContent, { className: "space-y-4", children: [steps && steps.length > 0 && currentStep && draft ? (_jsx(StepRecap, { steps: steps, currentStep: currentStep, draft: draft })) : null, invalidReason ? _jsx("p", { className: "text-destructive text-sm", children: invalidReason }) : null, !showPricing ? (_jsx("p", { className: "border-t pt-4 text-muted-foreground text-sm", children: pricingHint })) : isQuoting && !pricing ? (_jsxs("div", { className: "space-y-2 border-t pt-4", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-4 w-20" })] })) : null, showPricing && pricing ? (_jsxs("div", { className: "space-y-2 border-t pt-4", children: [_jsx("ul", { className: "space-y-1 text-sm", children: pricing.lines.map((line) => (_jsxs("li", { className: "flex justify-between", children: [_jsxs("span", { children: [line.label, line.quantity ? (_jsxs("span", { className: "text-muted-foreground", children: [" \u00D7 ", line.quantity] })) : null] }), _jsx("span", { children: formatMoney(line.totalAmount, pricing.currency, locale) })] }, `${line.kind}-${line.label}-${line.totalAmount}`))) }), pricing.taxes.length > 0 ? (_jsx("ul", { className: "space-y-1 border-t pt-2 text-sm text-muted-foreground", children: pricing.taxes.map((tax) => (_jsxs("li", { className: "flex justify-between", children: [_jsxs("span", { children: [tax.label, tax.rate > 0 ? ` (${formatTaxRate(tax.rate)})` : ""] }), _jsx("span", { children: formatMoney(tax.amount, pricing.currency, locale) })] }, tax.code))) })) : null, _jsxs("div", { className: "flex justify-between border-t pt-2 font-medium", children: [_jsx("span", { children: messages.bookingJourney.sidePanel.total }), _jsx("span", { children: formatMoney(pricing.total, pricing.currency, locale) })] })] })) : null, pricingExtras ? _jsx("div", { className: "border-t pt-4", children: pricingExtras }) : null] })] }));
 }
 function EntityHeader({ summary, departureText, }) {
     // Text block only — the hero image is rendered as a direct Card child above.
@@ -52,21 +52,21 @@ function StepRecap({ steps, currentStep, draft, }) {
     return (_jsx(Accordion, { defaultValue: [currentStep], multiple: true, children: recapSteps.map((step) => (_jsxs(AccordionItem, { value: step, children: [_jsx(AccordionTrigger, { className: "py-3", children: _jsxs("div", { className: "flex flex-1 flex-col text-left", children: [_jsx("span", { className: step === currentStep ? "font-semibold" : "text-muted-foreground font-medium", children: stepLabel(step, messages) }), _jsx(StepSummaryLine, { step: step, draft: draft })] }) }), _jsx(AccordionContent, { children: _jsx(StepDetails, { step: step, draft: draft }) })] }, step))) }, currentStep));
 }
 function StepSummaryLine({ step, draft, }) {
-    const messages = useBookingsUiMessagesOrDefault();
-    const text = stepHeadline(step, draft, messages);
+    const { locale, messages } = useBookingsUiI18nOrDefault();
+    const text = stepHeadline(step, draft, messages, locale);
     if (!text)
         return null;
     return _jsx("span", { className: "text-muted-foreground text-xs", children: text });
 }
-export function stepHeadline(step, draft, messages) {
+export function stepHeadline(step, draft, messages, locale) {
     switch (step) {
         case "departure": {
             const range = draft.configure?.dateRange;
             if (range?.checkIn && range?.checkOut)
-                return `${formatConfigureDate(range.checkIn)} → ${formatConfigureDate(range.checkOut)}`;
+                return `${formatConfigureDate(range.checkIn, locale)} → ${formatConfigureDate(range.checkOut, locale)}`;
             // Never surface the raw slot id — show the departure date.
             return draft.configure?.departureDate
-                ? formatConfigureDate(draft.configure.departureDate)
+                ? formatConfigureDate(draft.configure.departureDate, locale)
                 : "";
         }
         case "options": {
@@ -146,10 +146,10 @@ function StepDetails({ step, draft, }) {
     }
 }
 function DepartureDetails({ draft, }) {
-    const messages = useBookingsUiMessagesOrDefault();
+    const { locale, messages } = useBookingsUiI18nOrDefault();
     const cfg = draft.configure ?? {};
     const range = cfg.dateRange;
-    return (_jsxs("dl", { className: "space-y-1 text-xs", children: [cfg.departureDate ? (_jsx(Row, { label: messages.bookingJourney.sidePanel.departure, value: formatConfigureDate(cfg.departureDate) })) : null, range?.checkIn ? (_jsx(Row, { label: messages.bookingJourney.sidePanel.checkIn, value: formatConfigureDate(range.checkIn) })) : null, range?.checkOut ? (_jsx(Row, { label: messages.bookingJourney.sidePanel.checkOut, value: formatConfigureDate(range.checkOut) })) : null] }));
+    return (_jsxs("dl", { className: "space-y-1 text-xs", children: [cfg.departureDate ? (_jsx(Row, { label: messages.bookingJourney.sidePanel.departure, value: formatConfigureDate(cfg.departureDate, locale) })) : null, range?.checkIn ? (_jsx(Row, { label: messages.bookingJourney.sidePanel.checkIn, value: formatConfigureDate(range.checkIn, locale) })) : null, range?.checkOut ? (_jsx(Row, { label: messages.bookingJourney.sidePanel.checkOut, value: formatConfigureDate(range.checkOut, locale) })) : null] }));
 }
 function OptionsDetails({ draft, }) {
     const messages = useBookingsUiMessagesOrDefault();
@@ -221,9 +221,9 @@ function stepLabel(step, messages) {
         return messages.bookingJourney.steps.billingAndContact;
     return messages.bookingJourney.steps[step];
 }
-function formatMoney(cents, currency) {
+function formatMoney(cents, currency, locale) {
     try {
-        return new Intl.NumberFormat(undefined, { style: "currency", currency }).format(cents / 100);
+        return new Intl.NumberFormat(locale, { style: "currency", currency }).format(cents / 100);
     }
     catch {
         return `${(cents / 100).toFixed(2)} ${currency}`;
@@ -235,14 +235,14 @@ function formatTaxRate(rate) {
 }
 /** Format an ISO date (YYYY-MM-DD or full ISO) for the recap, falling back
  *  to the raw value when unparseable. Never surfaces a raw slot id. */
-function formatConfigureDate(iso) {
+function formatConfigureDate(iso, locale) {
     const date = new Date(iso);
     if (Number.isNaN(date.getTime()))
         return iso;
     // Date-only strings parse as UTC midnight; render them in UTC so the
     // calendar date is not shifted for viewers in timezones west of UTC.
     const timeZone = /^\d{4}-\d{2}-\d{2}$/.test(iso) ? "UTC" : undefined;
-    return new Intl.DateTimeFormat(undefined, {
+    return new Intl.DateTimeFormat(locale, {
         year: "numeric",
         month: "short",
         day: "numeric",

package/dist/requirements/constants.d.ts

@@ -1,113 +1,113 @@
 export declare const SELECT_TYPES: Set<string>;
 export declare const QUESTION_TARGETS: readonly [{
     readonly value: "booking";
-    readonly label: "Booking";
+    readonly label: string;
 }, {
     readonly value: "traveler";
-    readonly label: "Traveler";
+    readonly label: string;
 }, {
     readonly value: "lead_traveler";
-    readonly label: "Lead traveler";
+    readonly label: string;
 }, {
     readonly value: "booker";
-    readonly label: "Booker";
+    readonly label: string;
 }, {
     readonly value: "extra";
-    readonly label: "Extra";
+    readonly label: string;
 }, {
     readonly value: "service";
-    readonly label: "Service";
+    readonly label: string;
 }];
 export declare const QUESTION_FIELD_TYPES: readonly [{
     readonly value: "text";
-    readonly label: "Text";
+    readonly label: string;
 }, {
     readonly value: "textarea";
-    readonly label: "Long text";
+    readonly label: string;
 }, {
     readonly value: "number";
-    readonly label: "Number";
+    readonly label: string;
 }, {
     readonly value: "email";
-    readonly label: "Email";
+    readonly label: string;
 }, {
     readonly value: "phone";
-    readonly label: "Phone";
+    readonly label: string;
 }, {
     readonly value: "date";
-    readonly label: "Date";
+    readonly label: string;
 }, {
     readonly value: "datetime";
-    readonly label: "Date & time";
+    readonly label: string;
 }, {
     readonly value: "boolean";
-    readonly label: "Yes / no";
+    readonly label: string;
 }, {
     readonly value: "single_select";
-    readonly label: "Single select";
+    readonly label: string;
 }, {
     readonly value: "multi_select";
-    readonly label: "Multi select";
+    readonly label: string;
 }, {
     readonly value: "file";
-    readonly label: "File upload";
+    readonly label: string;
 }, {
     readonly value: "country";
-    readonly label: "Country";
+    readonly label: string;
 }, {
     readonly value: "other";
-    readonly label: "Other";
+    readonly label: string;
 }];
 export declare const CONTACT_FIELDS: readonly [{
     readonly value: "first_name";
-    readonly label: "First name";
+    readonly label: string;
 }, {
     readonly value: "last_name";
-    readonly label: "Last name";
+    readonly label: string;
 }, {
     readonly value: "email";
-    readonly label: "Email";
+    readonly label: string;
 }, {
     readonly value: "phone";
-    readonly label: "Phone";
+    readonly label: string;
 }, {
     readonly value: "date_of_birth";
-    readonly label: "Date of birth";
+    readonly label: string;
 }, {
     readonly value: "nationality";
-    readonly label: "Nationality";
+    readonly label: string;
 }, {
     readonly value: "passport_number";
-    readonly label: "Passport number";
+    readonly label: string;
 }, {
     readonly value: "passport_expiry";
-    readonly label: "Passport expiry";
+    readonly label: string;
 }, {
     readonly value: "dietary_requirements";
-    readonly label: "Dietary requirements";
+    readonly label: string;
 }, {
     readonly value: "accessibility_needs";
-    readonly label: "Accessibility needs";
+    readonly label: string;
 }, {
     readonly value: "special_requests";
-    readonly label: "Special requests";
+    readonly label: string;
 }, {
     readonly value: "address";
-    readonly label: "Address";
+    readonly label: string;
 }, {
     readonly value: "other";
-    readonly label: "Other";
+    readonly label: string;
 }];
 export declare const CONTACT_SCOPES: readonly [{
     readonly value: "booking";
-    readonly label: "Booking";
+    readonly label: string;
 }, {
     readonly value: "lead_traveler";
-    readonly label: "Lead traveler";
+    readonly label: string;
 }, {
     readonly value: "traveler";
-    readonly label: "Traveler";
+    readonly label: string;
 }, {
     readonly value: "booker";
-    readonly label: "Booker";
+    readonly label: string;
 }];

package/dist/requirements/constants.js

@@ -1,45 +1,47 @@
+import { bookingRequirementsUiEn } from "./i18n/en.js";
+const labels = bookingRequirementsUiEn.common;
 export const SELECT_TYPES = new Set(["single_select", "multi_select"]);
 export const QUESTION_TARGETS = [
-    { value: "booking", label: "Booking" },
-    { value: "traveler", label: "Traveler" },
-    { value: "lead_traveler", label: "Lead traveler" },
-    { value: "booker", label: "Booker" },
-    { value: "extra", label: "Extra" },
-    { value: "service", label: "Service" },
+    { value: "booking", label: labels.questionTargetLabels.booking },
+    { value: "traveler", label: labels.questionTargetLabels.traveler },
+    { value: "lead_traveler", label: labels.questionTargetLabels.lead_traveler },
+    { value: "booker", label: labels.questionTargetLabels.booker },
+    { value: "extra", label: labels.questionTargetLabels.extra },
+    { value: "service", label: labels.questionTargetLabels.service },
 ];
 export const QUESTION_FIELD_TYPES = [
-    { value: "text", label: "Text" },
-    { value: "textarea", label: "Long text" },
-    { value: "number", label: "Number" },
-    { value: "email", label: "Email" },
-    { value: "phone", label: "Phone" },
-    { value: "date", label: "Date" },
-    { value: "datetime", label: "Date & time" },
-    { value: "boolean", label: "Yes / no" },
-    { value: "single_select", label: "Single select" },
-    { value: "multi_select", label: "Multi select" },
-    { value: "file", label: "File upload" },
-    { value: "country", label: "Country" },
-    { value: "other", label: "Other" },
+    { value: "text", label: labels.questionFieldTypeLabels.text },
+    { value: "textarea", label: labels.questionFieldTypeLabels.textarea },
+    { value: "number", label: labels.questionFieldTypeLabels.number },
+    { value: "email", label: labels.questionFieldTypeLabels.email },
+    { value: "phone", label: labels.questionFieldTypeLabels.phone },
+    { value: "date", label: labels.questionFieldTypeLabels.date },
+    { value: "datetime", label: labels.questionFieldTypeLabels.datetime },
+    { value: "boolean", label: labels.questionFieldTypeLabels.boolean },
+    { value: "single_select", label: labels.questionFieldTypeLabels.single_select },
+    { value: "multi_select", label: labels.questionFieldTypeLabels.multi_select },
+    { value: "file", label: labels.questionFieldTypeLabels.file },
+    { value: "country", label: labels.questionFieldTypeLabels.country },
+    { value: "other", label: labels.questionFieldTypeLabels.other },
 ];
 export const CONTACT_FIELDS = [
-    { value: "first_name", label: "First name" },
-    { value: "last_name", label: "Last name" },
-    { value: "email", label: "Email" },
-    { value: "phone", label: "Phone" },
-    { value: "date_of_birth", label: "Date of birth" },
-    { value: "nationality", label: "Nationality" },
-    { value: "passport_number", label: "Passport number" },
-    { value: "passport_expiry", label: "Passport expiry" },
-    { value: "dietary_requirements", label: "Dietary requirements" },
-    { value: "accessibility_needs", label: "Accessibility needs" },
-    { value: "special_requests", label: "Special requests" },
-    { value: "address", label: "Address" },
-    { value: "other", label: "Other" },
+    { value: "first_name", label: labels.fieldKeyLabels.first_name },
+    { value: "last_name", label: labels.fieldKeyLabels.last_name },
+    { value: "email", label: labels.fieldKeyLabels.email },
+    { value: "phone", label: labels.fieldKeyLabels.phone },
+    { value: "date_of_birth", label: labels.fieldKeyLabels.date_of_birth },
+    { value: "nationality", label: labels.fieldKeyLabels.nationality },
+    { value: "passport_number", label: labels.fieldKeyLabels.passport_number },
+    { value: "passport_expiry", label: labels.fieldKeyLabels.passport_expiry },
+    { value: "dietary_requirements", label: labels.fieldKeyLabels.dietary_requirements },
+    { value: "accessibility_needs", label: labels.fieldKeyLabels.accessibility_needs },
+    { value: "special_requests", label: labels.fieldKeyLabels.special_requests },
+    { value: "address", label: labels.fieldKeyLabels.address },
+    { value: "other", label: labels.fieldKeyLabels.other },
 ];
 export const CONTACT_SCOPES = [
-    { value: "booking", label: "Booking" },
-    { value: "lead_traveler", label: "Lead traveler" },
-    { value: "traveler", label: "Traveler" },
-    { value: "booker", label: "Booker" },
+    { value: "booking", label: labels.scopeLabels.booking },
+    { value: "lead_traveler", label: labels.scopeLabels.lead_traveler },
+    { value: "traveler", label: labels.scopeLabels.traveler },
+    { value: "booker", label: labels.scopeLabels.booker },
 ];

package/dist/requirements/hooks/use-booking-questions.d.ts

@@ -10,7 +10,7 @@ export declare function useBookingQuestions(options?: UseBookingQuestionsOptions
         label: string;
         description: string | null;
         target: "extra" | "service" | "traveler" | "booking" | "lead_traveler" | "booker";
-        fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "single_select" | "multi_select" | "datetime" | "country";
+        fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "datetime" | "single_select" | "multi_select" | "country";
         placeholder: string | null;
         helpText: string | null;
         isRequired: boolean;

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

@@ -198,9 +198,10 @@ export declare function getBookingRequirementsUiI18n({ locale, overrides, }: {
     locale?: string | null | undefined;
     overrides?: BookingRequirementsUiMessageOverrides | null;
 }): PackageI18nValue<BookingRequirementsUiMessages>;
-export declare function BookingRequirementsUiMessagesProvider({ children, locale, overrides, }: {
+export declare function BookingRequirementsUiMessagesProvider({ children, locale, timeZone, overrides, }: {
     children: ReactNode;
     locale: string | null | undefined;
+    timeZone?: string | null;
     overrides?: BookingRequirementsUiMessageOverrides | null;
 }): import("react").JSX.Element;
 export declare const useBookingRequirementsUiI18n: () => PackageI18nValue<BookingRequirementsUiMessages>;

package/dist/requirements/i18n/provider.js

@@ -31,8 +31,8 @@ export function getBookingRequirementsUiI18n({ locale, overrides, }) {
         ...createLocaleFormatters(resolvedLocale),
     };
 }
-export function BookingRequirementsUiMessagesProvider({ children, locale, overrides, }) {
-    return (_jsx(bookingRequirementsUiContext.ResolvedMessagesProvider, { definitions: bookingRequirementsUiMessageDefinitions, fallbackLocale: fallbackLocale, locale: locale, overrides: overrides, children: children }));
+export function BookingRequirementsUiMessagesProvider({ children, locale, timeZone, overrides, }) {
+    return (_jsx(bookingRequirementsUiContext.ResolvedMessagesProvider, { definitions: bookingRequirementsUiMessageDefinitions, fallbackLocale: fallbackLocale, locale: locale, timeZone: timeZone, overrides: overrides, children: children }));
 }
 export const useBookingRequirementsUiI18n = bookingRequirementsUiContext.useI18n;
 export const useBookingRequirementsUiMessages = bookingRequirementsUiContext.useMessages;

package/dist/requirements/query-options.d.ts

@@ -132,7 +132,7 @@ export declare function getBookingQuestionsQueryOptions(client: FetchWithValidat
         label: string;
         description: string | null;
         target: "extra" | "service" | "traveler" | "booking" | "lead_traveler" | "booker";
-        fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "single_select" | "multi_select" | "datetime" | "country";
+        fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "datetime" | "single_select" | "multi_select" | "country";
         placeholder: string | null;
         helpText: string | null;
         isRequired: boolean;
@@ -150,7 +150,7 @@ export declare function getBookingQuestionsQueryOptions(client: FetchWithValidat
         label: string;
         description: string | null;
         target: "extra" | "service" | "traveler" | "booking" | "lead_traveler" | "booker";
-        fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "single_select" | "multi_select" | "datetime" | "country";
+        fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "datetime" | "single_select" | "multi_select" | "country";
         placeholder: string | null;
         helpText: string | null;
         isRequired: boolean;
@@ -169,7 +169,7 @@ export declare function getBookingQuestionsQueryOptions(client: FetchWithValidat
             label: string;
             description: string | null;
             target: "extra" | "service" | "traveler" | "booking" | "lead_traveler" | "booker";
-            fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "single_select" | "multi_select" | "datetime" | "country";
+            fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "datetime" | "single_select" | "multi_select" | "country";
             placeholder: string | null;
             helpText: string | null;
             isRequired: boolean;
@@ -190,7 +190,7 @@ export declare function getBookingQuestionsQueryOptions(client: FetchWithValidat
                 label: string;
                 description: string | null;
                 target: "extra" | "service" | "traveler" | "booking" | "lead_traveler" | "booker";
-                fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "single_select" | "multi_select" | "datetime" | "country";
+                fieldType: "number" | "boolean" | "date" | "other" | "file" | "email" | "phone" | "textarea" | "text" | "datetime" | "single_select" | "multi_select" | "country";
                 placeholder: string | null;
                 helpText: string | null;
                 isRequired: boolean;

package/dist/requirements/schemas.d.ts

@@ -26,9 +26,9 @@ export declare const questionFieldTypeSchema: z.ZodEnum<{
     phone: "phone";
     textarea: "textarea";
     text: "text";
+    datetime: "datetime";
     single_select: "single_select";
     multi_select: "multi_select";
-    datetime: "datetime";
     country: "country";
 }>;
 export declare const bookingQuestionSchema: z.ZodObject<{
@@ -55,9 +55,9 @@ export declare const bookingQuestionSchema: z.ZodObject<{
         phone: "phone";
         textarea: "textarea";
         text: "text";
+        datetime: "datetime";
         single_select: "single_select";
         multi_select: "multi_select";
-        datetime: "datetime";
         country: "country";
     }>;
     placeholder: z.ZodNullable<z.ZodString>;
@@ -166,9 +166,9 @@ export declare const bookingQuestionListResponse: z.ZodObject<{
             phone: "phone";
             textarea: "textarea";
             text: "text";
+            datetime: "datetime";
             single_select: "single_select";
             multi_select: "multi_select";
-            datetime: "datetime";
             country: "country";
         }>;
         placeholder: z.ZodNullable<z.ZodString>;

package/dist/storefront/storefront-booking-page.js

@@ -3,6 +3,7 @@ import { useQuery } from "@tanstack/react-query";
 import { useStorefrontUi } from "@voyant-travel/storefront-react/storefront";
 import { useMemo } from "react";
 import { z } from "zod";
+import { useBookingsUiI18nOrDefault } from "../i18n/provider.js";
 import { StorefrontBookingJourney, } from "./storefront-booking-journey.js";
 export const storefrontBookingSearchSchema = z.object({
     departureSlotId: z.string().optional(),
@@ -76,6 +77,7 @@ function buildInitialAccommodation(search) {
     };
 }
 function useEntityContent(apiUrl, entityModule, entityId, search) {
+    const { locale } = useBookingsUiI18nOrDefault();
     const url = entityContentUrl(apiUrl, entityModule, entityId);
     const { data } = useQuery({
         queryKey: ["public-entity-summary", entityModule, entityId],
@@ -93,7 +95,7 @@ function useEntityContent(apiUrl, entityModule, entityId, search) {
     });
     const content = data?.content ?? null;
     const source = useMemo(() => resolveEntitySource(entityModule, data?.provenance, content), [entityModule, data?.provenance, content]);
-    const summary = useMemo(() => resolveEntitySummary(entityModule, content, search), [content, entityModule, search]);
+    const summary = useMemo(() => resolveEntitySummary(entityModule, content, search, locale), [content, entityModule, search, locale]);
     return { summary, source };
 }
 function entityContentUrl(apiUrl, entityModule, entityId) {
@@ -107,19 +109,19 @@ function entityContentUrl(apiUrl, entityModule, entityId) {
         return `${apiUrl}/v1/public/products/${encodedId}/content`;
     return null;
 }
-function resolveEntitySummary(entityModule, content, search) {
+function resolveEntitySummary(entityModule, content, search, locale) {
     if (!content)
         return undefined;
     if (entityModule === "products")
-        return resolveProductSummary(content, search);
+        return resolveProductSummary(content, search, locale);
     if (entityModule === "cruises")
-        return resolveCruiseSummary(content, search);
+        return resolveCruiseSummary(content, search, locale);
     if (entityModule === "accommodations") {
-        return resolveAccommodationSummary(content, search);
+        return resolveAccommodationSummary(content, search, locale);
     }
     return undefined;
 }
-function resolveProductSummary(content, search) {
+function resolveProductSummary(content, search, locale) {
     const subtitle = [
         content.product.duration_days
             ? `${content.product.duration_days} day${content.product.duration_days === 1 ? "" : "s"}`
@@ -132,14 +134,14 @@ function resolveProductSummary(content, search) {
         subtitle: subtitle.join(" · ") || undefined,
         heroImageUrl: content.product.hero_image_url ?? content.media?.[0]?.url ?? undefined,
         vertical: "products",
-        whenLabel: departure ? formatDate(departure.starts_at) : undefined,
+        whenLabel: departure ? formatDate(departure.starts_at, locale) : undefined,
         locationLabel: content.product.departure_city ?? content.product.country ?? undefined,
         startDate: departure?.starts_at ?? undefined,
         endDate: departure?.ends_at ?? undefined,
         destination: content.product.country ?? content.product.departure_city ?? undefined,
     };
 }
-function resolveCruiseSummary(content, search) {
+function resolveCruiseSummary(content, search, locale) {
     const sailing = content.sailings.find((item) => item.id === search.departureSlotId);
     const subtitle = [
         content.cruise.duration_nights
@@ -157,14 +159,14 @@ function resolveCruiseSummary(content, search) {
         subtitle: subtitle.join(" · ") || undefined,
         heroImageUrl: content.cruise.hero_image_url ?? undefined,
         vertical: "cruises",
-        whenLabel: sailing ? formatDate(sailing.start_date) : undefined,
+        whenLabel: sailing ? formatDate(sailing.start_date, locale) : undefined,
         locationLabel: route ?? undefined,
         startDate: sailing?.start_date ?? undefined,
         endDate: sailing?.end_date ?? undefined,
         destination: route ?? undefined,
     };
 }
-function resolveAccommodationSummary(content, search) {
+function resolveAccommodationSummary(content, search, locale) {
     const stars = content.hotel.star_rating ? "★".repeat(Math.floor(content.hotel.star_rating)) : null;
     return {
         name: content.hotel.name,
@@ -172,7 +174,7 @@ function resolveAccommodationSummary(content, search) {
         heroImageUrl: content.hotel.hero_image_url ?? undefined,
         vertical: "accommodations",
         whenLabel: search.checkIn && search.checkOut
-            ? `${formatDate(search.checkIn)} → ${formatDate(search.checkOut)}`
+            ? `${formatDate(search.checkIn, locale)} → ${formatDate(search.checkOut, locale)}`
             : undefined,
         startDate: search.checkIn ?? undefined,
         endDate: search.checkOut ?? undefined,
@@ -192,9 +194,9 @@ function resolveEntitySource(entityModule, provenance, content) {
         supplier: { id: "", name: supplierName },
     };
 }
-function formatDate(iso) {
+function formatDate(iso, locale) {
     try {
-        return new Date(iso).toLocaleDateString(undefined, {
+        return new Date(iso).toLocaleDateString(locale, {
             weekday: "short",
             day: "numeric",
             month: "short",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyant-travel/bookings-react",
-  "version": "0.162.1",
+  "version": "0.162.2",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -151,23 +151,23 @@
     "react-hook-form": "^7.80.0",
     "zod": "^4.0.0",
     "@voyant-travel/accommodations": "^0.122.0",
-    "@voyant-travel/admin": "^0.126.0",
-    "@voyant-travel/bookings": "^0.162.1",
-    "@voyant-travel/catalog": "^0.160.0",
-    "@voyant-travel/catalog-react": "^0.160.0",
-    "@voyant-travel/distribution-react": "^0.152.0",
-    "@voyant-travel/relationships-react": "^0.162.0",
-    "@voyant-travel/finance": "^0.162.1",
-    "@voyant-travel/finance-react": "^0.162.1",
-    "@voyant-travel/identity-react": "^0.162.0",
-    "@voyant-travel/legal-react": "^0.162.1",
-    "@voyant-travel/commerce-react": "^0.44.0",
-    "@voyant-travel/cruises": "^0.161.0",
-    "@voyant-travel/inventory-react": "^0.44.0",
+    "@voyant-travel/admin": "^0.126.1",
+    "@voyant-travel/bookings": "^0.162.2",
+    "@voyant-travel/catalog": "^0.160.1",
+    "@voyant-travel/catalog-react": "^0.160.1",
+    "@voyant-travel/distribution-react": "^0.152.1",
+    "@voyant-travel/relationships-react": "^0.162.1",
+    "@voyant-travel/finance": "^0.162.2",
+    "@voyant-travel/finance-react": "^0.162.2",
+    "@voyant-travel/identity-react": "^0.162.1",
+    "@voyant-travel/legal-react": "^0.162.2",
+    "@voyant-travel/commerce-react": "^0.44.1",
+    "@voyant-travel/cruises": "^0.161.1",
+    "@voyant-travel/inventory-react": "^0.44.1",
     "@voyant-travel/inventory": "^0.12.1",
     "@voyant-travel/storefront-react": "^0.164.0",
     "@voyant-travel/ui": "^0.109.2",
-    "@voyant-travel/operations-react": "^0.43.0"
+    "@voyant-travel/operations-react": "^0.43.1"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-table": {
@@ -234,7 +234,7 @@
   "dependencies": {
     "sonner": "^2.0.7",
     "@voyant-travel/catalog-contracts": "^0.111.1",
-    "@voyant-travel/i18n": "^0.111.2",
+    "@voyant-travel/i18n": "^0.111.3",
     "@voyant-travel/react": "^0.104.2",
     "@voyant-travel/types": "^0.109.2"
   },
@@ -252,25 +252,25 @@
     "vitest": "^4.1.9",
     "zod": "^4.4.3",
     "@voyant-travel/accommodations": "^0.122.0",
-    "@voyant-travel/admin": "^0.126.0",
-    "@voyant-travel/bookings": "^0.162.1",
-    "@voyant-travel/catalog": "^0.160.0",
-    "@voyant-travel/catalog-react": "^0.160.0",
-    "@voyant-travel/distribution-react": "^0.152.0",
-    "@voyant-travel/relationships-react": "^0.162.0",
-    "@voyant-travel/finance": "^0.162.1",
-    "@voyant-travel/finance-react": "^0.162.1",
-    "@voyant-travel/identity-react": "^0.162.0",
-    "@voyant-travel/legal-react": "^0.162.1",
-    "@voyant-travel/commerce-react": "^0.44.0",
-    "@voyant-travel/cruises": "^0.161.0",
-    "@voyant-travel/inventory-react": "^0.44.0",
+    "@voyant-travel/admin": "^0.126.1",
+    "@voyant-travel/bookings": "^0.162.2",
+    "@voyant-travel/catalog": "^0.160.1",
+    "@voyant-travel/catalog-react": "^0.160.1",
+    "@voyant-travel/distribution-react": "^0.152.1",
+    "@voyant-travel/relationships-react": "^0.162.1",
+    "@voyant-travel/finance": "^0.162.2",
+    "@voyant-travel/finance-react": "^0.162.2",
+    "@voyant-travel/identity-react": "^0.162.1",
+    "@voyant-travel/legal-react": "^0.162.2",
+    "@voyant-travel/commerce-react": "^0.44.1",
+    "@voyant-travel/cruises": "^0.161.1",
+    "@voyant-travel/inventory-react": "^0.44.1",
     "@voyant-travel/inventory": "^0.12.1",
     "@voyant-travel/react": "^0.104.2",
     "@voyant-travel/storefront-react": "^0.164.0",
     "@voyant-travel/ui": "^0.109.2",
     "@voyant-travel/voyant-typescript-config": "^0.1.0",
-    "@voyant-travel/operations-react": "^0.43.0"
+    "@voyant-travel/operations-react": "^0.43.1"
   },
   "files": [
     "dist",