@voyantjs/flights-ui 0.34.0 → 0.37.0

package/dist/components/airport-combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"airport-combobox.d.ts","sourceRoot":"","sources":["../../src/components/airport-combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAoB,MAAM,yBAAyB,CAAA;AAe3E,MAAM,WAAW,oBAAoB;IACnC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IACnE,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,2CAwEtB"}
+{"version":3,"file":"airport-combobox.d.ts","sourceRoot":"","sources":["../../src/components/airport-combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAoB,MAAM,yBAAyB,CAAA;AAgB3E,MAAM,WAAW,oBAAoB;IACnC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IACnE,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,2CA2EtB"}

package/dist/components/airport-combobox.js

@@ -7,6 +7,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@voyantjs/ui/components
 import { cn } from "@voyantjs/ui/lib/utils";
 import { ChevronDown, MapPin } from "lucide-react";
 import { useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Single-line typeahead airport picker. Trigger reads as one of:
  *   - placeholder (no selection)
@@ -15,13 +16,14 @@ import { useState } from "react";
  *
  * Backed by `useAirportSearch` (debounced server query).
  */
-export function AirportCombobox({ value, onChange, placeholder = "Airport", className, disabled, }) {
+export function AirportCombobox({ value, onChange, placeholder, className, disabled, }) {
+    const messages = useFlightsUiMessagesOrDefault().airportCombobox;
     const [open, setOpen] = useState(false);
     const [input, setInput] = useState("");
     const search = useAirportSearch(input, { enabled: open, limit: 30 });
     const airports = search.data?.data ?? [];
     const selected = value ? airports.find((a) => a.iataCode === value) : null;
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", disabled: disabled, className: cn("h-10 justify-between gap-2 px-3", className) }), children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-left", children: [_jsx(MapPin, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), value ? (_jsxs("span", { className: "truncate text-sm", children: [_jsx("span", { className: "font-mono font-medium", children: value }), selected && (_jsx("span", { className: "ml-1.5 font-normal text-muted-foreground", children: selected.city }))] })) : (_jsx("span", { className: "truncate text-sm text-muted-foreground", children: placeholder }))] }), _jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[320px] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: input, onValueChange: setInput, placeholder: "Type city or IATA code\u2026" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: search.isLoading ? "Searching…" : "No airports." }), _jsx(CommandGroup, { children: airports.map((a) => (_jsxs(CommandItem, { value: `${a.iataCode} ${a.city} ${a.name}`, onSelect: () => {
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", disabled: disabled, className: cn("h-10 justify-between gap-2 px-3", className) }), children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-left", children: [_jsx(MapPin, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), value ? (_jsxs("span", { className: "truncate text-sm", children: [_jsx("span", { className: "font-mono font-medium", children: value }), selected && (_jsx("span", { className: "ml-1.5 font-normal text-muted-foreground", children: selected.city }))] })) : (_jsx("span", { className: "truncate text-sm text-muted-foreground", children: placeholder ?? messages.placeholder }))] }), _jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[320px] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: input, onValueChange: setInput, placeholder: messages.searchPlaceholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: search.isLoading ? messages.searching : messages.empty }), _jsx(CommandGroup, { children: airports.map((a) => (_jsxs(CommandItem, { value: `${a.iataCode} ${a.city} ${a.name}`, onSelect: () => {
                                             onChange(a.iataCode, a);
                                             setOpen(false);
                                             setInput("");

package/dist/components/flight-baggage-step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flight-baggage-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-baggage-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,kCAAkC,CAAA;AAOzC,KAAK,YAAY,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAA;AAG9D,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACvC,6CAA6C;IAC7C,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,yDAAyD;IACzD,eAAe,EAAE,eAAe,CAAA;IAChC,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,gFAAgF;IAChF,qBAAqB,EAAE,OAAO,CAAA;IAC9B,6BAA6B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,qBAAqB,EACrB,6BAA6B,EAC7B,OAAO,GACR,EAAE,sBAAsB,2CA0FxB"}
+{"version":3,"file":"flight-baggage-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-baggage-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,kCAAkC,CAAA;AASzC,KAAK,YAAY,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAA;AAG9D,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACvC,6CAA6C;IAC7C,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,yDAAyD;IACzD,eAAe,EAAE,eAAe,CAAA;IAChC,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,gFAAgF;IAChF,qBAAqB,EAAE,OAAO,CAAA;IAC9B,6BAA6B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,qBAAqB,EACrB,6BAA6B,EAC7B,OAAO,GACR,EAAE,sBAAsB,2CA0FxB"}

package/dist/components/flight-baggage-step.js

@@ -1,10 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyantjs/i18n";
 import { Checkbox } from "@voyantjs/ui/components/checkbox";
 import { Label } from "@voyantjs/ui/components/label";
 import { cn } from "@voyantjs/ui/lib/utils";
 import { Briefcase, CheckCircle2, Luggage } from "lucide-react";
 import { useMemo } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Wizz-style baggage step. Tiered grid (10/20/26/32 kg with "Recommended"
  * highlight) per passenger per leg, plus a "skip checked bag" path. The
@@ -12,13 +14,14 @@ import { useMemo } from "react";
  * leg — kept on by default per LCC convention.
  */
 export function FlightBaggageStep({ outboundCatalog, returnCatalog, outboundOffer, returnOffer, passengers, passengerCounts, value, onChange, sameForBothDirections, onSameForBothDirectionsChange, loading, }) {
+    const messages = useFlightsUiMessagesOrDefault();
     const isRoundTrip = !!returnOffer;
-    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts), [passengers, passengerCounts]);
+    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts, messages), [passengers, passengerCounts, messages]);
     if (loading) {
         return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "h-8 w-64 animate-pulse rounded bg-muted/40" }), _jsx("div", { className: "h-40 animate-pulse rounded-xl bg-muted/40" }), _jsx("div", { className: "h-40 animate-pulse rounded-xl bg-muted/40" })] }));
     }
     if (!outboundCatalog) {
-        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: "Bags couldn't be loaded for this offer." }));
+        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: messages.flightBaggageStep.unavailable }));
     }
     const setPick = (next, removeMatch) => {
         const filtered = value.filter((p) => !(p.passengerId === removeMatch.passengerId && p.sliceIndex === removeMatch.sliceIndex));
@@ -32,57 +35,65 @@ export function FlightBaggageStep({ outboundCatalog, returnCatalog, outboundOffe
         }
         onChange(updated);
     };
-    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: "Add checked baggage" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Carry-on under the seat is included. Pick a checked bag tier per passenger or skip this step." })] }), isRoundTrip && (_jsxs("div", { className: "flex shrink-0 items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "baggage-same-for-both", checked: sameForBothDirections, onCheckedChange: (v) => onSameForBothDirectionsChange(!!v) }), _jsx("label", { htmlFor: "baggage-same-for-both", className: "cursor-pointer", children: "Same for both directions" })] }))] }), _jsx(BaggageLegSection, { legLabel: "Outbound", catalog: outboundCatalog, offer: outboundOffer, passengers: paxRows, sliceIndex: 0, value: value, onPick: setPick }), isRoundTrip && returnCatalog && !sameForBothDirections && (_jsx(BaggageLegSection, { legLabel: "Return", catalog: returnCatalog, offer: returnOffer ?? outboundOffer, passengers: paxRows, sliceIndex: 1, value: value, onPick: setPick }))] }));
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: messages.flightBaggageStep.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.flightBaggageStep.description })] }), isRoundTrip && (_jsxs("div", { className: "flex shrink-0 items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "baggage-same-for-both", checked: sameForBothDirections, onCheckedChange: (v) => onSameForBothDirectionsChange(!!v) }), _jsx("label", { htmlFor: "baggage-same-for-both", className: "cursor-pointer", children: messages.flightBaggageStep.sameForBothDirections })] }))] }), _jsx(BaggageLegSection, { legLabel: messages.common.legLabels.outbound, catalog: outboundCatalog, offer: outboundOffer, passengers: paxRows, sliceIndex: 0, value: value, messages: messages, onPick: setPick }), isRoundTrip && returnCatalog && !sameForBothDirections && (_jsx(BaggageLegSection, { legLabel: messages.common.legLabels.return, catalog: returnCatalog, offer: returnOffer ?? outboundOffer, passengers: paxRows, sliceIndex: 1, value: value, messages: messages, onPick: setPick }))] }));
 }
-function BaggageLegSection({ legLabel, catalog, offer, passengers, sliceIndex, value, onPick, }) {
+function BaggageLegSection({ legLabel, catalog, offer, passengers, sliceIndex, value, onPick, messages, }) {
     const itin = offer.itineraries[0];
     const first = itin?.segments[0];
     const last = itin?.segments[itin.segments.length - 1];
-    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-4 flex items-baseline justify-between gap-2", children: [_jsxs("h3", { className: "font-medium text-sm", children: [_jsx(Luggage, { className: "mr-1.5 inline h-3.5 w-3.5 -translate-y-px text-muted-foreground" }), legLabel, " bags"] }), first && last && (_jsxs("span", { className: "text-muted-foreground text-xs", children: [first.departure.iataCode, " \u2192 ", last.arrival.iataCode, " \u00B7 ", formatDate(first.departure.at)] }))] }), _jsx("div", { className: "flex flex-col gap-5", children: passengers.map((pax) => {
+    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-4 flex items-baseline justify-between gap-2", children: [_jsxs("h3", { className: "font-medium text-sm", children: [_jsx(Luggage, { className: "mr-1.5 inline h-3.5 w-3.5 -translate-y-px text-muted-foreground" }), formatMessage(messages.flightBaggageStep.bags, { leg: legLabel })] }), first && last && (_jsxs("span", { className: "text-muted-foreground text-xs", children: [first.departure.iataCode, " \u2192 ", last.arrival.iataCode, " \u00B7 ", formatDate(first.departure.at)] }))] }), _jsx("div", { className: "flex flex-col gap-5", children: passengers.map((pax) => {
                     const pick = value.find((p) => p.passengerId === pax.passengerId && p.sliceIndex === sliceIndex);
-                    return (_jsx(PaxBaggageRow, { pax: pax, options: catalog.baggage, selectedOptionId: pick?.optionId ?? null, onSelect: (optionId) => onPick(optionId
+                    return (_jsx(PaxBaggageRow, { pax: pax, options: catalog.baggage, selectedOptionId: pick?.optionId ?? null, messages: messages, onSelect: (optionId) => onPick(optionId
                             ? { passengerId: pax.passengerId, sliceIndex, optionId, quantity: 1 }
                             : null, { passengerId: pax.passengerId, sliceIndex, optionId: "" }) }, pax.passengerId));
                 }) })] }));
 }
-function PaxBaggageRow({ pax, options, selectedOptionId, onSelect, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx(Label, { className: "font-medium text-sm", children: pax.label }), selectedOptionId == null && (_jsx("span", { className: "text-[11px] text-muted-foreground", children: "No checked bag" }))] }), _jsx("div", { className: "grid grid-cols-2 gap-2 md:grid-cols-4", children: options.map((opt) => {
+function PaxBaggageRow({ pax, options, selectedOptionId, onSelect, messages, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx(Label, { className: "font-medium text-sm", children: pax.label }), selectedOptionId == null && (_jsx("span", { className: "text-[11px] text-muted-foreground", children: messages.flightBaggageStep.noCheckedBag }))] }), _jsx("div", { className: "grid grid-cols-2 gap-2 md:grid-cols-4", children: options.map((opt) => {
                     const isSelected = selectedOptionId === opt.id;
                     return (_jsxs("button", { type: "button", onClick: () => onSelect(isSelected ? null : opt.id), className: cn("relative flex flex-col items-center justify-center gap-1.5 rounded-lg border bg-card p-3 text-center transition-colors", isSelected
                             ? "border-primary ring-2 ring-primary/20"
-                            : "hover:border-primary/40 hover:bg-accent/30", opt.recommended && !isSelected && "border-primary/40"), children: [opt.recommended && (_jsx("span", { className: "-translate-y-1/2 absolute top-0 left-1/2 -translate-x-1/2 rounded-full bg-primary px-2 py-0.5 font-medium text-[9px] text-primary-foreground uppercase tracking-wider", children: "Recommended" })), isSelected && (_jsx(CheckCircle2, { className: "absolute top-2 right-2 h-3.5 w-3.5 text-primary" })), _jsx(Briefcase, { className: "h-7 w-7 text-muted-foreground" }), _jsx("span", { className: "font-semibold text-base", children: opt.weightKg ? `${opt.weightKg} kg` : opt.label }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: opt.price.amount === "0.00"
-                                    ? "Included"
+                            : "hover:border-primary/40 hover:bg-accent/30", opt.recommended && !isSelected && "border-primary/40"), children: [opt.recommended && (_jsx("span", { className: "-translate-y-1/2 absolute top-0 left-1/2 -translate-x-1/2 rounded-full bg-primary px-2 py-0.5 font-medium text-[9px] text-primary-foreground uppercase tracking-wider", children: messages.common.recommended })), isSelected && (_jsx(CheckCircle2, { className: "absolute top-2 right-2 h-3.5 w-3.5 text-primary" })), _jsx(Briefcase, { className: "h-7 w-7 text-muted-foreground" }), _jsx("span", { className: "font-semibold text-base", children: opt.weightKg ? `${opt.weightKg} kg` : opt.label }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: opt.price.amount === "0.00"
+                                    ? messages.common.included
                                     : `+${formatMoney(opt.price.amount, opt.price.currency)}` })] }, opt.id));
                 }) })] }));
 }
 // ── Helpers ──────────────────────────────────────────────────────────────────
-function buildPassengerRows(passengers, counts) {
+function buildPassengerRows(passengers, counts, messages) {
     if (passengers.length > 0) {
         return passengers.map((p) => ({
             passengerId: p.passengerId,
-            label: nameOrFallback(p),
+            label: nameOrFallback(p, messages),
         }));
     }
     // Synthesize from counts when passengers haven't been filled yet.
     const out = [];
     for (let i = 1; i <= counts.adults; i++) {
-        out.push({ passengerId: `pax_adult_${i}`, label: `Adult ${i}` });
+        out.push({
+            passengerId: `pax_adult_${i}`,
+            label: `${messages.common.passengerTypeLabels.adult} ${i}`,
+        });
     }
     for (let i = 1; i <= (counts.children ?? 0); i++) {
-        out.push({ passengerId: `pax_child_${i}`, label: `Child ${i}` });
+        out.push({
+            passengerId: `pax_child_${i}`,
+            label: `${messages.common.passengerTypeLabels.child} ${i}`,
+        });
     }
     for (let i = 1; i <= (counts.infants ?? 0); i++) {
-        out.push({ passengerId: `pax_infant_${i}`, label: `Infant ${i}` });
+        out.push({
+            passengerId: `pax_infant_${i}`,
+            label: `${messages.common.passengerTypeLabels.infant} ${i}`,
+        });
     }
     return out;
 }
-function nameOrFallback(p) {
+function nameOrFallback(p, messages) {
     const full = `${p.firstName} ${p.lastName}`.trim();
     if (full)
         return full;
     const idx = p.passengerId.match(/_(\d+)$/)?.[1] ?? "1";
-    const cap = p.type[0]?.toUpperCase() + p.type.slice(1);
-    return `${cap} ${idx}`;
+    return `${messages.common.passengerTypeLabels[p.type]} ${idx}`;
 }
 function formatMoney(amount, currency) {
     const n = Number(amount);

package/dist/components/flight-billing-step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flight-billing-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-billing-step.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAEhD,mEAAmE;AACnE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,CAAA;AAEhD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAA;IACjB,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAA;IACjB,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,gEAAgE;AAChE,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC/C;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,SAAS,CAAA;IACnF;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,SAAS,CAAA;CACjF;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,GAChB,EAAE,sBAAsB,2CAiExB;AA8ND,wBAAgB,iBAAiB,IAAI,YAAY,CAUhD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,CAc9D"}
+{"version":3,"file":"flight-billing-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-billing-step.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAIhD,mEAAmE;AACnE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,CAAA;AAEhD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAA;IACjB,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAA;IACjB,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,gEAAgE;AAChE,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC/C;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,SAAS,CAAA;IACnF;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,SAAS,CAAA;CACjF;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,GAChB,EAAE,sBAAsB,2CAiExB;AAkPD,wBAAgB,iBAAiB,IAAI,YAAY,CAUhD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,CAe9D"}

package/dist/components/flight-billing-step.js

@@ -12,6 +12,8 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@voyantjs/ui/component
 import { cn } from "@voyantjs/ui/lib/utils";
 import { Building2, ChevronDown, User, Users } from "lucide-react";
 import { useState } from "react";
+import { flightsUiEn } from "../i18n/en.js";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Two-tab billing step with Privat (personal) + Companie (business / VAT)
  * shapes. Address fields are structured (line1/city/postal/country) so the
@@ -20,32 +22,35 @@ import { useState } from "react";
  * stays decoupled from the CRM data layer.
  */
 export function FlightBillingStep({ value, onChange, eligiblePassengers, renderPersonPicker, renderOrgPicker, }) {
+    const messages = useFlightsUiMessagesOrDefault();
     const apply = (prefill) => onChange({ ...value, ...prefill });
     const set = (patch) => onChange({ ...value, ...patch });
     const hasPassengerOptions = (eligiblePassengers?.length ?? 0) > 0;
-    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: "Billing" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "The receipt and tax documents will be issued in this name." })] }), _jsxs(Tabs, { value: value.mode, onValueChange: (v) => set({ mode: v ?? "personal" }), children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "personal", children: [_jsx(User, { className: "mr-1.5 h-3.5 w-3.5" }), "Personal"] }), _jsxs(TabsTrigger, { value: "company", children: [_jsx(Building2, { className: "mr-1.5 h-3.5 w-3.5" }), "Company"] })] }), _jsxs(TabsContent, { value: "personal", className: "mt-5 flex flex-col gap-4", children: [(hasPassengerOptions || renderPersonPicker) && (_jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [hasPassengerOptions && (_jsx(PassengerPickerTrigger, { passengers: eligiblePassengers ?? [], onPick: (p) => apply({
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: messages.flightBillingStep.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.flightBillingStep.description })] }), _jsxs(Tabs, { value: value.mode, onValueChange: (v) => set({ mode: v ?? "personal" }), children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "personal", children: [_jsx(User, { className: "mr-1.5 h-3.5 w-3.5" }), messages.flightBillingStep.tabs.personal] }), _jsxs(TabsTrigger, { value: "company", children: [_jsx(Building2, { className: "mr-1.5 h-3.5 w-3.5" }), messages.flightBillingStep.tabs.company] })] }), _jsxs(TabsContent, { value: "personal", className: "mt-5 flex flex-col gap-4", children: [(hasPassengerOptions || renderPersonPicker) && (_jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [hasPassengerOptions && (_jsx(PassengerPickerTrigger, { passengers: eligiblePassengers ?? [], messages: messages, onPick: (p) => apply({
                                             mode: "personal",
                                             firstName: p.firstName,
                                             ...(p.middleName ? { middleName: p.middleName } : {}),
                                             lastName: p.lastName,
-                                        }) })), renderPersonPicker?.(apply)] })), _jsx(NameRow, { value: value, onChange: set }), _jsx(ContactRow, { value: value, onChange: set }), _jsx(AddressBlock, { value: value, onChange: set }), _jsx(SaveDefaultRow, { value: value, onChange: set })] }), _jsxs(TabsContent, { value: "company", className: "mt-5 flex flex-col gap-4", children: [renderOrgPicker && _jsx("div", { className: "flex justify-end", children: renderOrgPicker(apply) }), _jsx(CompanyRow, { value: value, onChange: set }), _jsx(ContactRow, { value: value, onChange: set, workPhone: true }), _jsx(AddressBlock, { value: value, onChange: set }), _jsx(SaveDefaultRow, { value: value, onChange: set })] })] })] }));
+                                        }) })), renderPersonPicker?.(apply)] })), _jsx(NameRow, { value: value, onChange: set, messages: messages }), _jsx(ContactRow, { value: value, onChange: set, messages: messages }), _jsx(AddressBlock, { value: value, onChange: set, messages: messages }), _jsx(SaveDefaultRow, { value: value, onChange: set, messages: messages })] }), _jsxs(TabsContent, { value: "company", className: "mt-5 flex flex-col gap-4", children: [renderOrgPicker && _jsx("div", { className: "flex justify-end", children: renderOrgPicker(apply) }), _jsx(CompanyRow, { value: value, onChange: set, messages: messages }), _jsx(ContactRow, { value: value, onChange: set, workPhone: true, messages: messages }), _jsx(AddressBlock, { value: value, onChange: set, messages: messages }), _jsx(SaveDefaultRow, { value: value, onChange: set, messages: messages })] })] })] }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
-function NameRow({ value, onChange, }) {
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsx(Field, { label: "First name", required: true, children: _jsx(Input, { value: value.firstName, onChange: (e) => onChange({ firstName: e.target.value }) }) }), _jsx(Field, { label: "Last name", required: true, children: _jsx(Input, { value: value.lastName, onChange: (e) => onChange({ lastName: e.target.value }) }) })] }));
+function NameRow({ value, onChange, messages, }) {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsx(Field, { label: messages.flightBillingStep.fields.firstName, required: true, children: _jsx(Input, { value: value.firstName, onChange: (e) => onChange({ firstName: e.target.value }) }) }), _jsx(Field, { label: messages.flightBillingStep.fields.lastName, required: true, children: _jsx(Input, { value: value.lastName, onChange: (e) => onChange({ lastName: e.target.value }) }) })] }));
 }
-function CompanyRow({ value, onChange, }) {
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsx(Field, { label: "Company name", required: true, children: _jsx(Input, { value: value.companyName ?? "", onChange: (e) => onChange({ companyName: e.target.value }) }) }), _jsx(Field, { label: "Tax id / VAT number", required: true, children: _jsx(Input, { value: value.vatNumber ?? "", onChange: (e) => onChange({ vatNumber: e.target.value }), placeholder: "e.g. RO43917962" }) })] }));
+function CompanyRow({ value, onChange, messages, }) {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsx(Field, { label: messages.flightBillingStep.fields.companyName, required: true, children: _jsx(Input, { value: value.companyName ?? "", onChange: (e) => onChange({ companyName: e.target.value }) }) }), _jsx(Field, { label: messages.flightBillingStep.fields.vatNumber, required: true, children: _jsx(Input, { value: value.vatNumber ?? "", onChange: (e) => onChange({ vatNumber: e.target.value }), placeholder: messages.flightBillingStep.placeholders.vatNumber }) })] }));
 }
-function ContactRow({ value, onChange, workPhone, }) {
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsx(Field, { label: "Email", required: true, children: _jsx(Input, { type: "email", value: value.email, onChange: (e) => onChange({ email: e.target.value }) }) }), _jsx(Field, { label: workPhone ? "Work phone" : "Phone", children: _jsx(PhoneInput, { value: (value.phone ?? ""), onChange: (v) => onChange({ phone: v ? String(v) : undefined }), defaultCountry: "RO", international: true }) })] }));
+function ContactRow({ value, onChange, workPhone, messages, }) {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsx(Field, { label: messages.flightBillingStep.fields.email, required: true, children: _jsx(Input, { type: "email", value: value.email, onChange: (e) => onChange({ email: e.target.value }) }) }), _jsx(Field, { label: workPhone
+                    ? messages.flightBillingStep.fields.workPhone
+                    : messages.flightBillingStep.fields.phone, children: _jsx(PhoneInput, { value: (value.phone ?? ""), onChange: (v) => onChange({ phone: v ? String(v) : undefined }), defaultCountry: "RO", international: true }) })] }));
 }
-function AddressBlock({ value, onChange, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Field, { label: "Street address", required: true, children: _jsx(Input, { value: value.line1, onChange: (e) => onChange({ line1: e.target.value }), placeholder: "Street + number" }) }), _jsx(Field, { label: "Address line 2", children: _jsx(Input, { value: value.line2 ?? "", onChange: (e) => onChange({ line2: e.target.value }), placeholder: "Apartment, suite, etc." }) }), _jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-3", children: [_jsx(Field, { label: "City", required: true, children: _jsx(Input, { value: value.city, onChange: (e) => onChange({ city: e.target.value }) }) }), _jsx(Field, { label: "Postal code", children: _jsx(Input, { value: value.postalCode ?? "", onChange: (e) => onChange({ postalCode: e.target.value }) }) }), _jsx(Field, { label: "Country", required: true, children: _jsx(CountryCombobox, { value: value.countryCode || null, onChange: (code) => onChange({ countryCode: code ?? "" }) }) })] })] }));
+function AddressBlock({ value, onChange, messages, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Field, { label: messages.flightBillingStep.fields.streetAddress, required: true, children: _jsx(Input, { value: value.line1, onChange: (e) => onChange({ line1: e.target.value }), placeholder: messages.flightBillingStep.placeholders.streetAddress }) }), _jsx(Field, { label: messages.flightBillingStep.fields.addressLine2, children: _jsx(Input, { value: value.line2 ?? "", onChange: (e) => onChange({ line2: e.target.value }), placeholder: messages.flightBillingStep.placeholders.addressLine2 }) }), _jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-3", children: [_jsx(Field, { label: messages.flightBillingStep.fields.city, required: true, children: _jsx(Input, { value: value.city, onChange: (e) => onChange({ city: e.target.value }) }) }), _jsx(Field, { label: messages.flightBillingStep.fields.postalCode, children: _jsx(Input, { value: value.postalCode ?? "", onChange: (e) => onChange({ postalCode: e.target.value }) }) }), _jsx(Field, { label: messages.flightBillingStep.fields.country, required: true, children: _jsx(CountryCombobox, { value: value.countryCode || null, onChange: (code) => onChange({ countryCode: code ?? "" }) }) })] })] }));
 }
-function SaveDefaultRow({ value, onChange, }) {
+function SaveDefaultRow({ value, onChange, messages, }) {
     const id = "billing-save-default";
-    return (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-sm", children: [_jsx(Checkbox, { id: id, checked: !!value.saveAsDefault, onCheckedChange: (v) => onChange({ saveAsDefault: !!v }) }), _jsx("label", { htmlFor: id, className: "cursor-pointer", children: "Save these details as the default for this contact" })] }));
+    return (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-sm", children: [_jsx(Checkbox, { id: id, checked: !!value.saveAsDefault, onCheckedChange: (v) => onChange({ saveAsDefault: !!v }) }), _jsx("label", { htmlFor: id, className: "cursor-pointer", children: messages.flightBillingStep.saveDefault })] }));
 }
 function Field({ label, required, children, }) {
     return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs(Label, { className: cn("text-[11px] uppercase tracking-wider text-muted-foreground"), children: [label, required && _jsx("span", { className: "ml-0.5 text-destructive", children: "*" })] }), children] }));
@@ -57,16 +62,16 @@ function Field({ label, required, children, }) {
  * upstream — the operator can click one to copy their first/middle/last name
  * into the billing recipient. Self-contained: doesn't depend on CRM data.
  */
-function PassengerPickerTrigger({ passengers, onPick, }) {
+function PassengerPickerTrigger({ passengers, messages, onPick, }) {
     const [open, setOpen] = useState(false);
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "gap-2" }), children: [_jsx(Users, { className: "h-3.5 w-3.5" }), "Pick from passengers", _jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[320px] p-0", align: "end", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search passengers\u2026" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No matching passengers." }), _jsx(CommandGroup, { children: passengers.map((p) => {
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "gap-2" }), children: [_jsx(Users, { className: "h-3.5 w-3.5" }), messages.flightBillingStep.pickFromPassengers, _jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[320px] p-0", align: "end", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: messages.flightBillingStep.placeholders.searchPassengers }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: messages.flightBillingStep.noMatchingPassengers }), _jsx(CommandGroup, { children: passengers.map((p) => {
                                         const fullName = [p.firstName, p.middleName, p.lastName]
                                             .filter((s) => s?.trim())
                                             .join(" ");
                                         return (_jsx(CommandItem, { value: fullName, onSelect: () => {
                                                 onPick(p);
                                                 setOpen(false);
-                                            }, children: _jsx("span", { className: "truncate font-medium text-sm", children: fullName || "—" }) }, p.id));
+                                            }, children: _jsx("span", { className: "truncate font-medium text-sm", children: fullName || messages.common.noValue }) }, p.id));
                                     }) })] })] }) })] }));
 }
 export function emptyBillingValue() {
@@ -85,27 +90,28 @@ export function emptyBillingValue() {
  * when valid. Drives the journey's Continue gate.
  */
 export function validateBilling(v) {
+    const messages = flightsUiEn.flightBillingStep.validation;
     if (!v.email.trim())
-        return "Email is required";
+        return messages.emailRequired;
     if (!/^\S+@\S+\.\S+$/.test(v.email.trim()))
-        return "Email looks invalid";
+        return messages.emailInvalid;
     if (!v.line1.trim())
-        return "Street address is required";
+        return messages.streetAddressRequired;
     if (!v.city.trim())
-        return "City is required";
+        return messages.cityRequired;
     if (!v.countryCode.trim())
-        return "Country is required";
+        return messages.countryRequired;
     if (v.mode === "personal") {
         if (!v.firstName.trim())
-            return "First name is required";
+            return messages.firstNameRequired;
         if (!v.lastName.trim())
-            return "Last name is required";
+            return messages.lastNameRequired;
     }
     else {
         if (!v.companyName?.trim())
-            return "Company name is required";
+            return messages.companyNameRequired;
         if (!v.vatNumber?.trim())
-            return "VAT / tax number is required";
+            return messages.vatNumberRequired;
     }
     return null;
 }

package/dist/components/flight-booking-journey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flight-booking-journey.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-journey.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,iBAAiB,EACjB,WAAW,EACX,WAAW,EAEX,eAAe,EAEhB,MAAM,kCAAkC,CAAA;AAYzC,OAAO,EAEL,KAAK,wBAAwB,EAE9B,MAAM,4BAA4B,CAAA;AAYnC,MAAM,WAAW,yBAAyB;IACxC,mEAAmE;IACnE,KAAK,EAAE,WAAW,CAAA;IAClB,gDAAgD;IAChD,UAAU,EAAE,eAAe,CAAA;IAC3B,2DAA2D;IAC3D,MAAM,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAAA;IAC1E,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wEAAwE;IACxE,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAA;CACjE;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,qBAAqB,GACtB,EAAE,yBAAyB,kDAmH3B"}
+{"version":3,"file":"flight-booking-journey.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-journey.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,iBAAiB,EACjB,WAAW,EACX,WAAW,EAEX,eAAe,EAEhB,MAAM,kCAAkC,CAAA;AAYzC,OAAO,EAEL,KAAK,wBAAwB,EAE9B,MAAM,4BAA4B,CAAA;AAYnC,MAAM,WAAW,yBAAyB;IACxC,mEAAmE;IACnE,KAAK,EAAE,WAAW,CAAA;IAClB,gDAAgD;IAChD,UAAU,EAAE,eAAe,CAAA;IAC3B,2DAA2D;IAC3D,MAAM,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAAA;IAC1E,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wEAAwE;IACxE,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAA;CACjE;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,qBAAqB,GACtB,EAAE,yBAAyB,kDA2H3B"}

package/dist/components/flight-booking-journey.js

@@ -4,15 +4,16 @@ import { Button } from "@voyantjs/ui/components/button";
 import { cn } from "@voyantjs/ui/lib/utils";
 import { Check, ChevronLeft, ChevronRight } from "lucide-react";
 import { useState } from "react";
+import { useFlightsUiI18nOrDefault } from "../i18n/index.js";
 import { FlightContactForm, validateContact, } from "./flight-contact-form.js";
 import { FlightOfferDetail } from "./flight-offer-detail.js";
 import { FlightPassengerForm, validatePassengers, } from "./flight-passenger-form.js";
 import { FlightPaymentSelector } from "./flight-payment-selector.js";
 const STEPS = [
-    { id: "review", label: "Review offer" },
-    { id: "passengers", label: "Passengers" },
-    { id: "contact", label: "Contact & payment" },
-    { id: "confirm", label: "Confirm" },
+    { id: "review" },
+    { id: "passengers" },
+    { id: "contact" },
+    { id: "confirm" },
 ];
 /**
  * Multi-step booking journey: Review → Passengers → Contact + Payment →
@@ -21,6 +22,8 @@ const STEPS = [
  * can't advance with incomplete data.
  */
 export function FlightBookingJourney({ offer, passengers, onBook, onBooked, onCancel, carrierName, airportName, renderPassengerPicker, }) {
+    const i18n = useFlightsUiI18nOrDefault();
+    const messages = i18n.messages.flightBookingJourney;
     const [stepIdx, setStepIdx] = useState(0);
     const [paxList, setPaxList] = useState([]);
     const [contact, setContact] = useState({});
@@ -70,45 +73,31 @@ export function FlightBookingJourney({ offer, passengers, onBook, onBooked, onCa
             setSubmitting(false);
         }
     };
-    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(Stepper, { currentIdx: stepIdx }), error && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: error })), _jsxs("div", { className: "flex flex-col gap-4", children: [step.id === "review" && (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "mb-4 text-base font-semibold", children: "Review your selected flight" }), _jsx(FlightOfferDetail, { offer: offer, carrierName: carrierName, airportName: airportName })] })), step.id === "passengers" && (_jsx(FlightPassengerForm, { counts: passengers, value: paxList, onChange: setPaxList, renderPicker: renderPassengerPicker })), step.id === "contact" && (_jsxs(_Fragment, { children: [_jsx(FlightContactForm, { value: contact, onChange: setContact }), _jsx(FlightPaymentSelector, { value: payment, onChange: setPayment })] })), step.id === "confirm" && (_jsx(ConfirmSummary, { offer: offer, passengers: paxList, contact: contact, payment: payment }))] }), _jsxs("div", { className: "flex items-center justify-between border-t pt-4", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: () => (stepIdx === 0 ? onCancel?.() : goBack()), disabled: submitting, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), stepIdx === 0 ? "Back to results" : "Back"] }), step.id === "confirm" ? (_jsx(Button, { onClick: submit, disabled: submitting, children: submitting ? "Booking…" : "Confirm booking" })) : (_jsxs(Button, { onClick: goNext, disabled: !canContinue, children: ["Continue", _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] }))] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(Stepper, { currentIdx: stepIdx, messages: messages.steps }), error && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: error })), _jsxs("div", { className: "flex flex-col gap-4", children: [step.id === "review" && (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "mb-4 text-base font-semibold", children: messages.reviewTitle }), _jsx(FlightOfferDetail, { offer: offer, carrierName: carrierName, airportName: airportName })] })), step.id === "passengers" && (_jsx(FlightPassengerForm, { counts: passengers, value: paxList, onChange: setPaxList, renderPicker: renderPassengerPicker })), step.id === "contact" && (_jsxs(_Fragment, { children: [_jsx(FlightContactForm, { value: contact, onChange: setContact }), _jsx(FlightPaymentSelector, { value: payment, onChange: setPayment })] })), step.id === "confirm" && (_jsx(ConfirmSummary, { offer: offer, passengers: paxList, contact: contact, payment: payment, i18n: i18n }))] }), _jsxs("div", { className: "flex items-center justify-between border-t pt-4", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: () => (stepIdx === 0 ? onCancel?.() : goBack()), disabled: submitting, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), stepIdx === 0 ? messages.backToResults : messages.back] }), step.id === "confirm" ? (_jsx(Button, { onClick: submit, disabled: submitting, children: submitting ? messages.booking : messages.confirmBooking })) : (_jsxs(Button, { onClick: goNext, disabled: !canContinue, children: [messages.continue, _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] }))] })] }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
 // Stepper indicator
 // ─────────────────────────────────────────────────────────────────────────────
-function Stepper({ currentIdx }) {
+function Stepper({ currentIdx, messages, }) {
     return (_jsx("ol", { className: "flex items-center gap-2", children: STEPS.map((s, i) => {
             const isActive = i === currentIdx;
             const isComplete = i < currentIdx;
-            return (_jsxs("li", { className: "flex flex-1 items-center gap-2", children: [_jsx("div", { className: cn("flex h-7 w-7 shrink-0 items-center justify-center rounded-full border text-xs font-medium tabular-nums", isComplete && "border-primary bg-primary text-primary-foreground", isActive && !isComplete && "border-primary text-primary", !isActive && !isComplete && "border-border text-muted-foreground"), children: isComplete ? _jsx(Check, { className: "h-3.5 w-3.5" }) : i + 1 }), _jsx("span", { className: cn("truncate text-sm", isActive ? "font-medium text-foreground" : "text-muted-foreground"), children: s.label }), i < STEPS.length - 1 && _jsx("div", { className: "h-px flex-1 bg-border" })] }, s.id));
+            return (_jsxs("li", { className: "flex flex-1 items-center gap-2", children: [_jsx("div", { className: cn("flex h-7 w-7 shrink-0 items-center justify-center rounded-full border text-xs font-medium tabular-nums", isComplete && "border-primary bg-primary text-primary-foreground", isActive && !isComplete && "border-primary text-primary", !isActive && !isComplete && "border-border text-muted-foreground"), children: isComplete ? _jsx(Check, { className: "h-3.5 w-3.5" }) : i + 1 }), _jsx("span", { className: cn("truncate text-sm", isActive ? "font-medium text-foreground" : "text-muted-foreground"), children: messages[s.id] }), i < STEPS.length - 1 && _jsx("div", { className: "h-px flex-1 bg-border" })] }, s.id));
         }) }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
 // Final confirmation summary
 // ─────────────────────────────────────────────────────────────────────────────
-function ConfirmSummary({ offer, passengers, contact, payment, }) {
-    return (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "mb-4 text-base font-semibold", children: "Confirm booking" }), _jsx(Row, { label: "Total", children: _jsx("span", { className: "font-semibold tabular-nums", children: formatMoney(offer.totalPrice.amount, offer.totalPrice.currency) }) }), _jsx(Row, { label: "Passengers", children: passengers.length }), _jsx(Row, { label: "Contact", children: contact.email ?? "—" }), _jsx(Row, { label: "Payment", children: _jsx("span", { className: "capitalize", children: payment.type.replace("_", " ") }) }), offer.expiresAt && (_jsx(Row, { label: "Offer expires", children: _jsx("time", { dateTime: offer.expiresAt, children: formatDateTime(offer.expiresAt) }) })), _jsx("p", { className: "mt-4 text-xs text-muted-foreground", children: "Submitting will hold seats with the connector and (depending on the chosen payment intent) either issue tickets immediately or open a ticketing window. Once confirmed, the booking appears under the order id below." })] }));
+function ConfirmSummary({ offer, passengers, contact, payment, i18n, }) {
+    const messages = i18n.messages.flightBookingJourney;
+    return (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "mb-4 text-base font-semibold", children: messages.confirmBooking }), _jsx(Row, { label: messages.rows.total, children: _jsx("span", { className: "font-semibold tabular-nums", children: formatMoney(offer.totalPrice.amount, offer.totalPrice.currency, i18n) }) }), _jsx(Row, { label: messages.rows.passengers, children: passengers.length }), _jsx(Row, { label: messages.rows.contact, children: contact.email ?? i18n.messages.common.noValue }), _jsx(Row, { label: messages.rows.payment, children: _jsx("span", { className: "capitalize", children: payment.type.replace("_", " ") }) }), offer.expiresAt && (_jsx(Row, { label: messages.rows.offerExpires, children: _jsx("time", { dateTime: offer.expiresAt, children: i18n.formatDateTime(offer.expiresAt) }) })), _jsx("p", { className: "mt-4 text-xs text-muted-foreground", children: messages.confirmDescription })] }));
 }
 function Row({ label, children }) {
     return (_jsxs("div", { className: "flex items-baseline justify-between border-b py-2 text-sm last:border-b-0", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsx("span", { children: children })] }));
 }
-function formatMoney(amount, currency) {
+function formatMoney(amount, currency, i18n) {
     const n = Number(amount);
     if (!Number.isFinite(n))
         return `${amount} ${currency}`;
-    return new Intl.NumberFormat(undefined, {
-        style: "currency",
-        currency,
-        maximumFractionDigits: 0,
-    }).format(n);
-}
-function formatDateTime(iso) {
-    const d = new Date(iso);
-    if (Number.isNaN(d.getTime()))
-        return iso;
-    return new Intl.DateTimeFormat(undefined, {
-        day: "numeric",
-        month: "short",
-        hour: "2-digit",
-        minute: "2-digit",
-    }).format(d);
+    return i18n.formatCurrency(n, currency, { maximumFractionDigits: 0 });
 }

package/dist/components/flight-booking-ledger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flight-booking-ledger.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-ledger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAO3F;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,WAAW,CAAA;IACrB,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,wBAAwB,CAAA;IACnC,UAAU,EAAE,eAAe,CAAA;IAC3B,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD,4DAA4D;IAC5D,cAAc,CAAC,EAAE,cAAc,EAAE,CAAA;IACjC,YAAY,CAAC,EAAE,cAAc,EAAE,CAAA;IAC/B,oEAAoE;IACpE,GAAG,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IACnF,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,YAAY,GACZ,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,SAAS,GACT,SAAS,CAAA;AAEb;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAW,EACX,cAAc,EACd,YAAY,EACZ,GAAG,EACH,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,SAAS,GACV,EAAE,wBAAwB,2CAuD1B"}
+{"version":3,"file":"flight-booking-ledger.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-ledger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAQ3F;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,WAAW,CAAA;IACrB,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,wBAAwB,CAAA;IACnC,UAAU,EAAE,eAAe,CAAA;IAC3B,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD,4DAA4D;IAC5D,cAAc,CAAC,EAAE,cAAc,EAAE,CAAA;IACjC,YAAY,CAAC,EAAE,cAAc,EAAE,CAAA;IAC/B,oEAAoE;IACpE,GAAG,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IACnF,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,YAAY,GACZ,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,SAAS,GACT,SAAS,CAAA;AAEb;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAW,EACX,cAAc,EACd,YAAY,EACZ,GAAG,EACH,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,SAAS,GACV,EAAE,wBAAwB,2CA+D1B"}

package/dist/components/flight-booking-ledger.js

@@ -1,8 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyantjs/i18n";
 import { Button } from "@voyantjs/ui/components/button";
 import { cn } from "@voyantjs/ui/lib/utils";
 import { Check, Pencil, Plane, Users } from "lucide-react";
+import { useFlightsUiI18nOrDefault } from "../i18n/index.js";
 import { AirlineLogo } from "./airline-logo.js";
 /**
  * Sticky right-rail price ledger. Mirrors the running total + per-leg
@@ -12,12 +14,17 @@ import { AirlineLogo } from "./airline-logo.js";
  * they were collected.
  */
 export function FlightBookingLedger({ selection, passengers, carrierName, airportName, outboundExtras, returnExtras, cta, onEditOutbound, onEditReturn, completedSections, className, }) {
+    const i18n = useFlightsUiI18nOrDefault();
+    const messages = i18n.messages;
     const total = computeTotal(selection, outboundExtras, returnExtras);
     const paxTotal = (passengers.adults ?? 0) + (passengers.children ?? 0) + (passengers.infants ?? 0);
-    return (_jsxs("aside", { className: cn("flex w-full max-w-sm flex-col gap-4 rounded-xl border bg-card p-4 shadow-sm", className), children: [_jsx(LegBlock, { label: selection.return ? "Outbound" : "Flight", offer: selection.outbound, carrierName: carrierName, airportName: airportName, extras: outboundExtras, onEdit: onEditOutbound, complete: completedSections?.has("flights") }), selection.return && (_jsx(LegBlock, { label: "Return", offer: selection.return, carrierName: carrierName, airportName: airportName, extras: returnExtras, onEdit: onEditReturn, complete: completedSections?.has("flights") })), _jsx(SectionRow, { icon: _jsx(Users, { className: "h-3.5 w-3.5" }), label: "Passengers", right: `${paxTotal} pax`, complete: completedSections?.has("passengers") }), _jsx(PlaceholderSections, { completed: completedSections }), _jsxs("div", { className: "mt-2 flex items-center justify-between border-t pt-3", children: [_jsx("span", { className: "font-medium text-sm", children: "Total" }), _jsx("span", { className: "font-semibold text-lg tabular-nums", children: formatMoney(total.amount, total.currency) })] }), cta && (_jsx(Button, { className: "w-full", onClick: cta.onClick, disabled: cta.disabled || cta.loading, children: cta.loading ? "Working…" : cta.label }))] }));
+    return (_jsxs("aside", { className: cn("flex w-full max-w-sm flex-col gap-4 rounded-xl border bg-card p-4 shadow-sm", className), children: [_jsx(LegBlock, { label: selection.return
+                    ? messages.flightBookingLedger.outbound
+                    : messages.flightBookingLedger.flight, offer: selection.outbound, carrierName: carrierName, airportName: airportName, extras: outboundExtras, onEdit: onEditOutbound, complete: completedSections?.has("flights"), i18n: i18n }), selection.return && (_jsx(LegBlock, { label: messages.flightBookingLedger.return, offer: selection.return, carrierName: carrierName, airportName: airportName, extras: returnExtras, onEdit: onEditReturn, complete: completedSections?.has("flights"), i18n: i18n })), _jsx(SectionRow, { icon: _jsx(Users, { className: "h-3.5 w-3.5" }), label: messages.flightBookingLedger.passengers, right: `${paxTotal} ${messages.common.pax}`, complete: completedSections?.has("passengers") }), _jsx(PlaceholderSections, { completed: completedSections, messages: messages }), _jsxs("div", { className: "mt-2 flex items-center justify-between border-t pt-3", children: [_jsx("span", { className: "font-medium text-sm", children: messages.common.total }), _jsx("span", { className: "font-semibold text-lg tabular-nums", children: formatMoney(total.amount, total.currency, i18n) })] }), cta && (_jsx(Button, { className: "w-full", onClick: cta.onClick, disabled: cta.disabled || cta.loading, children: cta.loading ? messages.flightBookingLedger.working : cta.label }))] }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
-function LegBlock({ label, offer, carrierName, airportName, extras, onEdit, complete, }) {
+function LegBlock({ label, offer, carrierName, airportName, extras, onEdit, complete, i18n, }) {
+    const messages = i18n.messages;
     const itin = offer.itineraries[0];
     if (!itin)
         return null;
@@ -28,12 +35,12 @@ function LegBlock({ label, offer, carrierName, airportName, extras, onEdit, comp
         return null;
     const carriers = Array.from(new Set(segs.map((s) => s.carrierCode)));
     const stops = segs.length - 1;
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [complete ? (_jsx(Check, { className: "h-3.5 w-3.5 text-emerald-600" })) : (_jsx(Plane, { className: "h-3.5 w-3.5 text-muted-foreground" })), _jsx("span", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: label })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-semibold text-sm tabular-nums", children: formatMoney(offer.totalPrice.amount, offer.totalPrice.currency) }), onEdit && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-6 px-1.5 text-muted-foreground", onClick: onEdit, children: _jsx(Pencil, { className: "h-3 w-3" }) }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex shrink-0 items-center -space-x-1", children: carriers.map((code) => (_jsx(AirlineLogo, { iataCode: code, name: carrierName?.(code), size: 18 }, code))) }), _jsxs("div", { className: "flex min-w-0 flex-col leading-tight", children: [_jsxs("span", { className: "truncate font-medium text-sm", children: [airportName?.(first.departure.iataCode) ?? first.departure.iataCode, " \u2192", " ", airportName?.(last.arrival.iataCode) ?? last.arrival.iataCode] }), _jsxs("span", { className: "text-[11px] text-muted-foreground", children: [formatDate(first.departure.at), " \u00B7 ", formatTime(first.departure.at), " \u2013", " ", formatTime(last.arrival.at), " \u00B7", " ", stops === 0 ? "Nonstop" : `${stops} stop${stops > 1 ? "s" : ""}`] })] })] }), extras && extras.length > 0 && (_jsx("ul", { className: "flex flex-col gap-1 border-t pt-2", children: extras.map((x, i) => (_jsxs("li", { className: "flex items-center justify-between text-muted-foreground text-xs", children: [_jsx("span", { children: x.label }), _jsx("span", { className: "tabular-nums", children: x.amount ? formatMoney(x.amount.amount, x.amount.currency) : (x.meta ?? "") })] }, i))) }))] }));
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [complete ? (_jsx(Check, { className: "h-3.5 w-3.5 text-emerald-600" })) : (_jsx(Plane, { className: "h-3.5 w-3.5 text-muted-foreground" })), _jsx("span", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: label })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-semibold text-sm tabular-nums", children: formatMoney(offer.totalPrice.amount, offer.totalPrice.currency, i18n) }), onEdit && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-6 px-1.5 text-muted-foreground", onClick: onEdit, children: _jsx(Pencil, { className: "h-3 w-3" }) }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex shrink-0 items-center -space-x-1", children: carriers.map((code) => (_jsx(AirlineLogo, { iataCode: code, name: carrierName?.(code), size: 18 }, code))) }), _jsxs("div", { className: "flex min-w-0 flex-col leading-tight", children: [_jsxs("span", { className: "truncate font-medium text-sm", children: [airportName?.(first.departure.iataCode) ?? first.departure.iataCode, " \u2192", " ", airportName?.(last.arrival.iataCode) ?? last.arrival.iataCode] }), _jsxs("span", { className: "text-[11px] text-muted-foreground", children: [formatDate(first.departure.at), " \u00B7 ", formatTime(first.departure.at), " \u2013", " ", formatTime(last.arrival.at), " \u00B7 ", formatStops(stops, messages)] })] })] }), extras && extras.length > 0 && (_jsx("ul", { className: "flex flex-col gap-1 border-t pt-2", children: extras.map((x, i) => (_jsxs("li", { className: "flex items-center justify-between text-muted-foreground text-xs", children: [_jsx("span", { children: x.label }), _jsx("span", { className: "tabular-nums", children: x.amount ? formatMoney(x.amount.amount, x.amount.currency, i18n) : (x.meta ?? "") })] }, i))) }))] }));
 }
 function SectionRow({ icon, label, right, complete, }) {
     return (_jsxs("div", { className: "flex items-center justify-between border-t pt-3", children: [_jsxs("span", { className: "flex items-center gap-1.5 font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: [complete ? (_jsx(Check, { className: "h-3.5 w-3.5 text-emerald-600" })) : (_jsx("span", { className: "text-muted-foreground", children: icon })), label] }), right && _jsx("span", { className: "text-muted-foreground text-xs", children: right })] }));
 }
-function PlaceholderSections({ completed }) {
+function PlaceholderSections({ completed, messages, }) {
     // Phase 1 only renders Passengers above; later phases will replace this with
     // bags/seats/services/documents/billing rows. The shape stays consistent so
     // the ledger doesn't need to change later.
@@ -41,9 +48,9 @@ function PlaceholderSections({ completed }) {
         return null;
     const items = [];
     if (completed.has("billing"))
-        items.push({ id: "billing", label: "Billing" });
+        items.push({ id: "billing", label: messages.flightBookingLedger.billing });
     if (completed.has("payment"))
-        items.push({ id: "payment", label: "Payment" });
+        items.push({ id: "payment", label: messages.flightBookingLedger.payment });
     if (items.length === 0)
         return null;
     return (_jsx(_Fragment, { children: items.map((it) => (_jsx(SectionRow, { icon: _jsx("span", {}), label: it.label, complete: completed.has(it.id) }, it.id))) }));
@@ -66,15 +73,11 @@ function num(v) {
     const n = Number(v);
     return Number.isFinite(n) ? n : 0;
 }
-function formatMoney(amount, currency) {
+function formatMoney(amount, currency, i18n) {
     const n = Number(amount);
     if (!Number.isFinite(n))
         return `${amount} ${currency}`;
-    return new Intl.NumberFormat(undefined, {
-        style: "currency",
-        currency,
-        maximumFractionDigits: 0,
-    }).format(n);
+    return i18n.formatCurrency(n, currency, { maximumFractionDigits: 0 });
 }
 function formatTime(iso) {
     const d = new Date(iso);
@@ -82,6 +85,13 @@ function formatTime(iso) {
         return iso;
     return new Intl.DateTimeFormat(undefined, { hour: "2-digit", minute: "2-digit" }).format(d);
 }
+function formatStops(stops, messages) {
+    if (stops === 0)
+        return messages.common.stops.nonstop;
+    return formatMessage(stops === 1 ? messages.common.stops.oneStop : messages.common.stops.manyStops, {
+        count: stops,
+    });
+}
 function formatDate(iso) {
     const d = new Date(iso);
     if (Number.isNaN(d.getTime()))

package/dist/components/flight-booking-page.js

@@ -37,7 +37,7 @@ export function FlightBookingPage({ outboundOfferId, returnOfferId, passengers,
                 if (cancelled)
                     return null;
                 if (!result.valid)
-                    return result.invalidReason ?? "This offer is no longer available.";
+                    return result.invalidReason ?? messages.offerUnavailable;
                 setter(result.offer);
                 return null;
             }
@@ -65,14 +65,14 @@ export function FlightBookingPage({ outboundOfferId, returnOfferId, passengers,
         returnCatalog: returnAncillaries.data?.catalog ?? null,
         loading: outboundAncillaries.isLoading || (returnLeg != null && returnAncillaries.isLoading),
     };
-    const seatMaps = useSeatMapFetcher({ outbound, returnLeg, enabled: pricedReady });
+    const seatMaps = useSeatMapFetcher({ outbound, returnLeg, enabled: pricedReady, messages });
     const savedMethodsQuery = useSavedPaymentMethods(selectedPersonId, {
         enabled: !!selectedPersonId,
     });
     const savedPaymentMethods = {
         methods: (savedMethodsQuery.data?.data ?? []).map((method) => ({
             id: method.id,
-            label: [brandHumanLabel(method.brand), method.last4 ? `....${method.last4}` : null]
+            label: [brandHumanLabel(method.brand, messages), method.last4 ? `....${method.last4}` : null]
                 .filter(Boolean)
                 .join(" "),
             provider: null,
@@ -103,18 +103,18 @@ export function FlightBookingPage({ outboundOfferId, returnOfferId, passengers,
     const defaultPassengerPicker = (_slot, onPicked) => (_jsx(PassengerContactPicker, { onPick: onPicked, onAddContact: onAddPassengerContact, onPersonSelected: setSelectedPersonId }));
     return (_jsxs("div", { className: cn("mx-auto flex w-full max-w-screen-2xl flex-col gap-6 px-6 py-6 lg:px-8", className), children: [_jsxs("header", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "font-semibold text-2xl", children: messages.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: selection.return ? messages.descriptionTrip : messages.descriptionOffer })] }), _jsxs(Button, { variant: "ghost", onClick: onBackToSearch, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), messages.backToResults] })] }), _jsx(FlightBookingShell, { selection: selection, passengers: passengers, carrierName: carrierName, airportName: airportName, ancillaries: ancillaries, seatMaps: seatMaps, savedPaymentMethods: savedPaymentMethods, paymentCapabilities: paymentCapabilities, documentsRequired: documentsRequired, renderPassengerPicker: renderPassengerPicker ?? defaultPassengerPicker, renderBillingPersonPicker: (apply) => renderBillingPersonPicker ? (renderBillingPersonPicker(apply, { onPersonSelected: setSelectedPersonId })) : (_jsx(BillingPersonPicker, { apply: apply, onPersonSelected: setSelectedPersonId })), renderBillingOrgPicker: (apply) => renderBillingOrgPicker ? (renderBillingOrgPicker(apply)) : (_jsx(BillingOrgPicker, { apply: apply })), onSaveBillingDefaults: onSaveBillingDefaults, onCancel: onBackToSearch, onEditOutbound: onEditOutbound ?? onBackToSearch, onEditReturn: onEditReturn ?? onBackToSearch, onBook: onBook, onBooked: onBooked })] }));
 }
-function brandHumanLabel(brand) {
+function brandHumanLabel(brand, messages) {
     switch (brand) {
         case "visa":
-            return "Visa";
+            return messages.paymentBrandLabels.visa;
         case "mastercard":
-            return "Mastercard";
+            return messages.paymentBrandLabels.mastercard;
         case "amex":
-            return "Amex";
+            return messages.paymentBrandLabels.amex;
         case "revolut":
-            return "Revolut Pay";
+            return messages.paymentBrandLabels.revolut;
         case "bank_transfer":
-            return "Bank transfer";
+            return messages.paymentBrandLabels.bank_transfer;
         default:
             return brand;
     }
@@ -133,7 +133,7 @@ function detectInternational(offer) {
         return false;
     return first.departure.iataCode.slice(0, 1) !== last.arrival.iataCode.slice(0, 1);
 }
-function useSeatMapFetcher({ outbound, returnLeg, enabled, }) {
+function useSeatMapFetcher({ outbound, returnLeg, enabled, messages, }) {
     const client = useVoyantFlightsContext();
     const segmentInputs = useMemo(() => {
         const list = [];
@@ -170,6 +170,6 @@ function useSeatMapFetcher({ outbound, returnLeg, enabled, }) {
         return map;
     }, [segmentInputs, results]);
     return useMemo(() => ({
-        getSeatMap: ({ segmentId }) => slotsBySegment.get(segmentId) ?? { seatMap: null, error: "Segment not found" },
-    }), [slotsBySegment]);
+        getSeatMap: ({ segmentId }) => slotsBySegment.get(segmentId) ?? { seatMap: null, error: messages.segmentNotFound },
+    }), [slotsBySegment, messages.segmentNotFound]);
 }