@voyantjs/flights-ui 0.35.0 → 0.37.1

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

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { PaymentStep, } from "@voyantjs/checkout-ui";
 import { Landmark } from "lucide-react";
 import { useMemo } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Flight-vertical wrapper around `<PaymentStep>` from `@voyantjs/checkout-ui`.
  * Maps the universal `PaymentChoice` event into the flight contract's
@@ -10,7 +11,15 @@ import { useMemo } from "react";
  * credit" extra option (flight-specific).
  */
 export function FlightPaymentStep({ value, onChange, savedMethods, loadingSavedMethods, selectedSavedId, onSelectSaved, capabilities, }) {
-    const choice = useMemo(() => intentToChoice(value, savedMethods, selectedSavedId), [value, savedMethods, selectedSavedId]);
+    const messages = useFlightsUiMessagesOrDefault().flightPaymentStep;
+    const extraAgencyCredit = useMemo(() => ({
+        id: "ticket_on_credit",
+        label: messages.agencyCreditLabel,
+        description: messages.agencyCreditDescription,
+        icon: _jsx(Landmark, { className: "h-4 w-4 text-muted-foreground" }),
+    }), [messages]);
+    const extraOptions = useMemo(() => [extraAgencyCredit], [extraAgencyCredit]);
+    const choice = useMemo(() => intentToChoice(value, savedMethods, selectedSavedId, extraAgencyCredit.id), [value, savedMethods, selectedSavedId, extraAgencyCredit.id]);
     return (_jsx(PaymentStep, { value: choice, onChange: (next) => {
             if (!next) {
                 onChange({ type: "hold" });
@@ -40,31 +49,21 @@ export function FlightPaymentStep({ value, onChange, savedMethods, loadingSavedM
                 });
                 return;
             }
-            if (next.type === "extra" && next.optionId === EXTRA_AGENCY_CREDIT.id) {
+            if (next.type === "extra" && next.optionId === extraAgencyCredit.id) {
                 onChange({ type: "ticket_on_credit" });
                 return;
             }
             // `hold` at the contract level — the parent's order-creation flow
             // produces a payment session + landing URL the operator shares.
             onChange({ type: "hold" });
-        }, capabilities: capabilities ?? {}, savedMethods: savedMethods, loadingSavedMethods: loadingSavedMethods, extraOptions: FLIGHT_EXTRA_OPTIONS }));
+        }, capabilities: capabilities ?? {}, savedMethods: savedMethods, loadingSavedMethods: loadingSavedMethods, extraOptions: extraOptions }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
-// Flight-specific extras
-// ─────────────────────────────────────────────────────────────────────────────
-const EXTRA_AGENCY_CREDIT = {
-    id: "ticket_on_credit",
-    label: "Issue ticket on agency credit",
-    description: "Bill against the agency's IATA / consolidator credit line.",
-    icon: _jsx(Landmark, { className: "h-4 w-4 text-muted-foreground" }),
-};
-const FLIGHT_EXTRA_OPTIONS = [EXTRA_AGENCY_CREDIT];
-// ─────────────────────────────────────────────────────────────────────────────
 // PaymentIntent ⇄ PaymentChoice translation
 // ─────────────────────────────────────────────────────────────────────────────
-function intentToChoice(intent, savedMethods, selectedSavedId) {
+function intentToChoice(intent, savedMethods, selectedSavedId, agencyCreditOptionId) {
     if (intent.type === "ticket_on_credit") {
-        return { type: "extra", optionId: EXTRA_AGENCY_CREDIT.id };
+        return { type: "extra", optionId: agencyCreditOptionId };
     }
     if (intent.type === "card") {
         if (selectedSavedId) {

package/dist/components/flight-search-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flight-search-form.d.ts","sourceRoot":"","sources":["../../src/components/flight-search-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,mBAAmB,EAGpB,MAAM,kCAAkC,CAAA;AAUzC,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAA;AAE/C,MAAM,WAAW,qBAAqB;IACpC,sDAAsD;IACtD,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAChD,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAA;CACjE;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CAmIrF"}
+{"version":3,"file":"flight-search-form.d.ts","sourceRoot":"","sources":["../../src/components/flight-search-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,mBAAmB,EAGpB,MAAM,kCAAkC,CAAA;AAUzC,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAA;AAE/C,MAAM,WAAW,qBAAqB;IACpC,sDAAsD;IACtD,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAChD,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAA;CACjE;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CAoIrF"}

package/dist/components/flight-search-form.js

@@ -5,9 +5,11 @@ import { DatePicker } from "@voyantjs/ui/components/date-picker";
 import { ToggleGroup, ToggleGroupItem } from "@voyantjs/ui/components/toggle-group";
 import { ArrowLeftRight, Search } from "lucide-react";
 import { useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 import { AirportCombobox } from "./airport-combobox.js";
 import { PaxCabinPopover } from "./pax-cabin-popover.js";
 export function FlightSearchForm({ onSearch, loading, initial }) {
+    const messages = useFlightsUiMessagesOrDefault().flightSearchForm;
     const initialSlices = initial?.slices ?? [];
     const [tripType, setTripType] = useState(initial?.tripType ?? (initialSlices.length === 2 ? "round_trip" : "one_way"));
     const [origin, setOrigin] = useState(initialSlices[0]?.origin ?? null);
@@ -49,8 +51,8 @@ export function FlightSearchForm({ onSearch, loading, initial }) {
                         const next = v[0];
                         if (next)
                             setTripType(next);
-                    }, children: [_jsx(ToggleGroupItem, { size: "lg", value: "round_trip", children: "Round-trip" }), _jsx(ToggleGroupItem, { size: "lg", value: "one_way", children: "One-way" })] }), _jsxs("div", { className: "flex flex-1 items-center gap-1", children: [_jsx(AirportCombobox, { value: origin, onChange: setOrigin, placeholder: "From", className: "flex-1" }), _jsx(Button, { type: "button", variant: "outline", size: "icon", onClick: swap, "aria-label": "Swap origin and destination", className: "size-10 shrink-0", children: _jsx(ArrowLeftRight, { className: "h-4 w-4" }) }), _jsx(AirportCombobox, { value: destination, onChange: setDestination, placeholder: "To", className: "flex-1" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(DatePicker, { value: departureDate, onChange: setDepartureDate, placeholder: "Depart", className: "h-10 flex-1 min-w-32" }), _jsx(DatePicker, { value: returnDate, onChange: setReturnDate, placeholder: "Return", disabled: tripType === "one_way", className: "h-10 flex-1 min-w-32" })] }), _jsx(PaxCabinPopover, { passengers: passengers, cabin: cabin, onChange: (next) => {
+                    }, children: [_jsx(ToggleGroupItem, { size: "lg", value: "round_trip", children: messages.roundTrip }), _jsx(ToggleGroupItem, { size: "lg", value: "one_way", children: messages.oneWay })] }), _jsxs("div", { className: "flex flex-1 items-center gap-1", children: [_jsx(AirportCombobox, { value: origin, onChange: setOrigin, placeholder: messages.fromPlaceholder, className: "flex-1" }), _jsx(Button, { type: "button", variant: "outline", size: "icon", onClick: swap, "aria-label": messages.swapAriaLabel, className: "size-10 shrink-0", children: _jsx(ArrowLeftRight, { className: "h-4 w-4" }) }), _jsx(AirportCombobox, { value: destination, onChange: setDestination, placeholder: messages.toPlaceholder, className: "flex-1" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(DatePicker, { value: departureDate, onChange: setDepartureDate, placeholder: messages.departPlaceholder, className: "h-10 flex-1 min-w-32" }), _jsx(DatePicker, { value: returnDate, onChange: setReturnDate, placeholder: messages.returnPlaceholder, disabled: tripType === "one_way", className: "h-10 flex-1 min-w-32" })] }), _jsx(PaxCabinPopover, { passengers: passengers, cabin: cabin, onChange: (next) => {
                         setPassengers(next.passengers);
                         setCabin(next.cabin);
-                    } }), _jsxs(Button, { type: "submit", size: "lg", disabled: !ready || loading, className: "shrink-0 px-6", children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), loading ? "Searching…" : "Search"] })] }) }));
+                    } }), _jsxs(Button, { type: "submit", size: "lg", disabled: !ready || loading, className: "shrink-0 px-6", children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), loading ? messages.searching : messages.search] })] }) }));
 }

package/dist/components/flight-seat-map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flight-seat-map.d.ts","sourceRoot":"","sources":["../../src/components/flight-seat-map.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAUrE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,4EAA4E;IAC5E,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,mFAAmF;IACnF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAClC,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,SAAS,GACV,EAAE,kBAAkB,2CA0BpB"}
+{"version":3,"file":"flight-seat-map.d.ts","sourceRoot":"","sources":["../../src/components/flight-seat-map.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAYrE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,4EAA4E;IAC5E,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,mFAAmF;IACnF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAClC,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,SAAS,GACV,EAAE,kBAAkB,2CA6BpB"}

package/dist/components/flight-seat-map.js

@@ -1,8 +1,10 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyantjs/i18n";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@voyantjs/ui/components/tooltip";
 import { cn } from "@voyantjs/ui/lib/utils";
 import { Plane } from "lucide-react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Visual seat map. Renders each row of the aircraft using the supplied
  * `columnLayout` (with `null` slots becoming aisles), each seat as a
@@ -12,19 +14,22 @@ import { Plane } from "lucide-react";
  * Pure presentational — state lives in the parent step.
  */
 export function FlightSeatMap({ seatMap, picks, onSeatClick, highlightedPaxLabel, className, }) {
+    const messages = useFlightsUiMessagesOrDefault();
     const aircraftName = seatMap.providerData?.aircraftName ?? seatMap.aircraft;
-    return (_jsx(TooltipProvider, { delay: 200, children: _jsxs("div", { className: cn("flex flex-col items-center gap-3", className), children: [_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-xs", children: [_jsx(Plane, { className: "h-3.5 w-3.5" }), aircraftName ?? "Cabin", highlightedPaxLabel && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-foreground/60", children: "\u00B7" }), _jsxs("span", { className: "text-foreground", children: ["Picking seat for ", _jsx("span", { className: "font-medium", children: highlightedPaxLabel })] })] }))] }), _jsx("div", { className: "rounded-2xl border bg-card p-4", children: _jsx(Cabin, { seatMap: seatMap, picks: picks, onSeatClick: onSeatClick }) }), _jsx(Legend, {})] }) }));
+    return (_jsx(TooltipProvider, { delay: 200, children: _jsxs("div", { className: cn("flex flex-col items-center gap-3", className), children: [_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-xs", children: [_jsx(Plane, { className: "h-3.5 w-3.5" }), aircraftName ?? messages.flightSeatMap.cabin, highlightedPaxLabel && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-foreground/60", children: "\u00B7" }), _jsx("span", { className: "text-foreground", children: formatMessage(messages.flightSeatMap.pickingSeatFor, {
+                                        passenger: highlightedPaxLabel,
+                                    }) })] }))] }), _jsx("div", { className: "rounded-2xl border bg-card p-4", children: _jsx(Cabin, { seatMap: seatMap, picks: picks, onSeatClick: onSeatClick, messages: messages }) }), _jsx(Legend, { messages: messages })] }) }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
-function Cabin({ seatMap, picks, onSeatClick, }) {
+function Cabin({ seatMap, picks, onSeatClick, messages, }) {
     const layout = seatMap.columnLayout;
     const pickIndex = new Map(picks.map((p) => [p.seatNumber, p]));
-    return (_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx(ColumnHeader, { layout: layout }), seatMap.rows.map((row) => (_jsx(SeatRowView, { rowNumber: row.row, layout: layout, seats: row.seats, pickIndex: pickIndex, onSeatClick: onSeatClick }, row.row)))] }));
+    return (_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx(ColumnHeader, { layout: layout }), seatMap.rows.map((row) => (_jsx(SeatRowView, { rowNumber: row.row, layout: layout, seats: row.seats, pickIndex: pickIndex, onSeatClick: onSeatClick, messages: messages }, row.row)))] }));
 }
 function ColumnHeader({ layout }) {
     return (_jsxs("div", { className: "mb-1 flex items-center gap-1", children: [_jsx("span", { className: "w-6 shrink-0 text-center font-mono text-[10px] text-muted-foreground" }), layout.map((col, i) => col == null ? (_jsx("div", { className: "w-3 shrink-0" }, `gap-${i}`)) : (_jsx("span", { className: "w-7 shrink-0 text-center font-mono text-[10px] text-muted-foreground", children: col }, `col-${i}`)))] }));
 }
-function SeatRowView({ rowNumber, layout, seats, pickIndex, onSeatClick, }) {
+function SeatRowView({ rowNumber, layout, seats, pickIndex, onSeatClick, messages, }) {
     const seatByCol = new Map(seats.map((s) => [s.column, s]));
     return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "w-6 shrink-0 text-center font-mono text-[10px] text-muted-foreground tabular-nums", children: rowNumber }), layout.map((col, i) => {
                 if (col == null) {
@@ -34,21 +39,21 @@ function SeatRowView({ rowNumber, layout, seats, pickIndex, onSeatClick, }) {
                 if (!seat) {
                     return (_jsx("div", { className: "h-7 w-7 shrink-0 rounded-md border border-dashed border-muted/30" }, `gap-${rowNumber}-${i}`));
                 }
-                return (_jsx(SeatTile, { seat: seat, pick: pickIndex.get(seat.seatNumber) ?? null, onClick: onSeatClick }, seat.seatNumber));
+                return (_jsx(SeatTile, { seat: seat, pick: pickIndex.get(seat.seatNumber) ?? null, onClick: onSeatClick, messages: messages }, seat.seatNumber));
             })] }));
 }
-function SeatTile({ seat, pick, onClick, }) {
+function SeatTile({ seat, pick, onClick, messages, }) {
     const isClickable = !!onClick && (seat.status === "available" || seat.status === "selected" || pick != null);
     const tile = (_jsxs("button", { type: "button", disabled: !isClickable, onClick: onClick ? () => onClick(seat) : undefined, className: cn("relative flex h-7 w-7 shrink-0 items-center justify-center rounded-md border font-mono text-[10px] transition-colors", seat.status === "available" && categoryClasses(seat.category), seat.status === "blocked" && "cursor-not-allowed border-transparent bg-muted/60", seat.status === "unavailable" && "cursor-not-allowed border-transparent bg-muted/30", pick && (pick.swatch ?? "bg-primary text-primary-foreground border-primary"), isClickable && !pick && "hover:border-primary hover:bg-primary/5"), children: [pick ? _jsx("span", { className: "font-semibold", children: pick.label }) : null, seat.category === "exit_row" && !pick && (_jsx("span", { className: "absolute top-0 right-0 text-[7px] font-bold leading-none text-amber-600", children: "E" }))] }));
     if (!isClickable && seat.status !== "available")
         return tile;
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: tile }), _jsx(TooltipContent, { className: "max-w-[220px]", children: _jsx(SeatTooltip, { seat: seat, pickedBy: pick?.label }) })] }));
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: tile }), _jsx(TooltipContent, { className: "max-w-[220px]", children: _jsx(SeatTooltip, { seat: seat, pickedBy: pick?.label, messages: messages }) })] }));
 }
-function SeatTooltip({ seat, pickedBy }) {
-    return (_jsxs("div", { className: "flex flex-col gap-1 text-xs", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "font-mono font-semibold", children: seat.seatNumber }), _jsxs("span", { className: "text-muted-foreground", children: [humanCategory(seat.category), seat.window && " · window", seat.aisle && " · aisle"] })] }), seat.price ? (_jsxs("span", { className: "font-medium", children: ["+", formatMoney(seat.price.amount, seat.price.currency)] })) : (_jsx("span", { className: "text-muted-foreground", children: "No charge" })), seat.notes && _jsx("span", { className: "text-muted-foreground", children: seat.notes }), pickedBy && _jsxs("span", { className: "text-primary", children: ["Picked by ", pickedBy] })] }));
+function SeatTooltip({ seat, pickedBy, messages, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-1 text-xs", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "font-mono font-semibold", children: seat.seatNumber }), _jsxs("span", { className: "text-muted-foreground", children: [humanCategory(seat.category, messages), seat.window && ` · ${messages.flightSeatMap.window}`, seat.aisle && ` · ${messages.flightSeatMap.aisle}`] })] }), seat.price ? (_jsxs("span", { className: "font-medium", children: ["+", formatMoney(seat.price.amount, seat.price.currency)] })) : (_jsx("span", { className: "text-muted-foreground", children: messages.flightSeatMap.noCharge })), seat.notes && _jsx("span", { className: "text-muted-foreground", children: seat.notes }), pickedBy && (_jsx("span", { className: "text-primary", children: formatMessage(messages.flightSeatMap.pickedBy, { passenger: pickedBy }) }))] }));
 }
-function Legend() {
-    return (_jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 text-[11px] text-muted-foreground", children: [_jsx(LegendChip, { className: "border-emerald-500/60 bg-card", label: "Available" }), _jsx(LegendChip, { className: "border-cyan-500/60 bg-cyan-500/5", label: "Preferred" }), _jsx(LegendChip, { className: "border-amber-500/60 bg-amber-500/5", label: "Exit row" }), _jsx(LegendChip, { className: "bg-primary text-primary-foreground", label: "Picked" }), _jsx(LegendChip, { className: "bg-muted/60", label: "Taken" })] }));
+function Legend({ messages }) {
+    return (_jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 text-[11px] text-muted-foreground", children: [_jsx(LegendChip, { className: "border-emerald-500/60 bg-card", label: messages.flightSeatMap.legend.available }), _jsx(LegendChip, { className: "border-cyan-500/60 bg-cyan-500/5", label: messages.flightSeatMap.legend.preferred }), _jsx(LegendChip, { className: "border-amber-500/60 bg-amber-500/5", label: messages.flightSeatMap.legend.exitRow }), _jsx(LegendChip, { className: "bg-primary text-primary-foreground", label: messages.flightSeatMap.legend.picked }), _jsx(LegendChip, { className: "bg-muted/60", label: messages.flightSeatMap.legend.taken })] }));
 }
 function LegendChip({ className, label }) {
     return (_jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: cn("h-3.5 w-3.5 rounded-sm border", className) }), label] }));
@@ -68,20 +73,20 @@ function categoryClasses(category) {
             return "border-emerald-500/60 bg-card text-emerald-700";
     }
 }
-function humanCategory(c) {
+function humanCategory(c, messages) {
     switch (c) {
         case "exit_row":
-            return "Exit row · extra legroom";
+            return messages.flightSeatMap.categories.exit_row;
         case "extra_legroom":
-            return "Extra legroom";
+            return messages.flightSeatMap.categories.extra_legroom;
         case "preferred":
-            return "Preferred";
+            return messages.flightSeatMap.categories.preferred;
         case "premium":
-            return "Premium";
+            return messages.flightSeatMap.categories.premium;
         case "bulkhead":
-            return "Bulkhead";
+            return messages.flightSeatMap.categories.bulkhead;
         default:
-            return "Standard";
+            return messages.flightSeatMap.categories.standard;
     }
 }
 function formatMoney(amount, currency) {

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

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { cn } from "@voyantjs/ui/lib/utils";
 import { CheckCircle2, X } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 import { FlightSeatMap } from "./flight-seat-map.js";
 /**
  * Wizz-style seat selection step. Tri-option gate up top (Skip / Auto-assign
@@ -12,8 +13,9 @@ import { FlightSeatMap } from "./flight-seat-map.js";
  * seat assigns it to the active passenger and moves the cursor on.
  */
 export function FlightSeatsStep({ outboundOffer, returnOffer, passengers, passengerCounts, getSeatMap, value, onChange, mode, onModeChange, }) {
-    const segments = useMemo(() => collectSegments(outboundOffer, returnOffer), [outboundOffer, returnOffer]);
-    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts), [passengers, passengerCounts]);
+    const messages = useFlightsUiMessagesOrDefault();
+    const segments = useMemo(() => collectSegments(outboundOffer, returnOffer, messages), [outboundOffer, returnOffer, messages]);
+    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts, messages), [passengers, passengerCounts, messages]);
     const [activeSegmentIdx, setActiveSegmentIdx] = useState(0);
     const [activePaxIdx, setActivePaxIdx] = useState(0);
     // Auto-advance to the next pax once a seat is picked for the current one.
@@ -34,7 +36,7 @@ export function FlightSeatsStep({ outboundOffer, returnOffer, passengers, passen
         }
     }, [value, segments, activeSegmentIdx, paxRows, mode]);
     const activeSegment = segments[activeSegmentIdx] ?? null;
-    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: "Choose your seats" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Sit where you want, or let the airline assign seats at check-in." })] }), _jsx(ModePicker, { mode: mode, onChange: onModeChange }), mode === "now" && activeSegment && (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(SegmentTabs, { segments: segments, activeIdx: activeSegmentIdx, paxCount: paxRows.length, picks: value, onChange: (idx) => {
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: messages.flightSeatsStep.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.flightSeatsStep.description })] }), _jsx(ModePicker, { mode: mode, onChange: onModeChange, messages: messages }), mode === "now" && activeSegment && (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(SegmentTabs, { segments: segments, activeIdx: activeSegmentIdx, paxCount: paxRows.length, picks: value, onChange: (idx) => {
                             setActiveSegmentIdx(idx);
                             setActivePaxIdx(0);
                         } }), _jsx(PaxBar, { paxRows: paxRows, activeIdx: activePaxIdx, picks: value, segmentId: activeSegment.segmentId, onActivate: setActivePaxIdx, onClear: (passengerId) => {
@@ -42,7 +44,7 @@ export function FlightSeatsStep({ outboundOffer, returnOffer, passengers, passen
                         } }), _jsx(SeatMapPanel, { slot: getSeatMap({
                             offerId: activeSegment.offerId,
                             segmentId: activeSegment.segmentId,
-                        }), paxRows: paxRows, activePaxIdx: activePaxIdx, picks: value, segmentId: activeSegment.segmentId, onPick: (seat) => {
+                        }), paxRows: paxRows, activePaxIdx: activePaxIdx, picks: value, segmentId: activeSegment.segmentId, messages: messages, onPick: (seat) => {
                             const pax = paxRows[activePaxIdx];
                             if (!pax)
                                 return;
@@ -65,11 +67,11 @@ const PAX_SWATCHES = [
     "bg-teal-600 text-white border-teal-700",
     "bg-indigo-600 text-white border-indigo-700",
 ];
-function ModePicker({ mode, onChange }) {
-    return (_jsxs("div", { className: "grid gap-2 md:grid-cols-3", children: [_jsx(ModeCard, { active: mode === "skip", onClick: () => onChange("skip"), title: "Pick seats later", body: "Seats will be assigned automatically at check-in. May not be next to each other." }), _jsx(ModeCard, { active: mode === "auto", onClick: () => onChange("auto"), title: "Auto-assign together", body: "Airline picks seats trying to keep your party together. No fee.", recommended: true }), _jsx(ModeCard, { active: mode === "now", onClick: () => onChange("now"), title: "Choose seats now", body: "Pick exact seats per leg \u2014 windows, exit rows, extra legroom." })] }));
+function ModePicker({ mode, onChange, messages, }) {
+    return (_jsxs("div", { className: "grid gap-2 md:grid-cols-3", children: [_jsx(ModeCard, { active: mode === "skip", onClick: () => onChange("skip"), title: messages.flightSeatsStep.modes.skip.title, body: messages.flightSeatsStep.modes.skip.body }), _jsx(ModeCard, { active: mode === "auto", onClick: () => onChange("auto"), title: messages.flightSeatsStep.modes.auto.title, body: messages.flightSeatsStep.modes.auto.body, recommended: true, messages: messages }), _jsx(ModeCard, { active: mode === "now", onClick: () => onChange("now"), title: messages.flightSeatsStep.modes.now.title, body: messages.flightSeatsStep.modes.now.body })] }));
 }
-function ModeCard({ active, onClick, title, body, recommended, }) {
-    return (_jsxs("button", { type: "button", onClick: onClick, className: cn("relative flex flex-col items-start gap-1 rounded-lg border bg-card p-4 text-left transition-colors", active ? "border-primary ring-2 ring-primary/20" : "hover:border-primary/40"), children: [recommended && (_jsx("span", { className: "absolute top-2 right-2 rounded-full bg-primary/10 px-2 py-0.5 font-medium text-[9px] text-primary uppercase tracking-wider", children: "Recommended" })), active && _jsx(CheckCircle2, { className: "absolute top-3 right-3 h-4 w-4 text-primary" }), _jsx("span", { className: "font-medium text-sm", children: title }), _jsx("span", { className: "text-muted-foreground text-xs", children: body })] }));
+function ModeCard({ active, onClick, title, body, recommended, messages, }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, className: cn("relative flex flex-col items-start gap-1 rounded-lg border bg-card p-4 text-left transition-colors", active ? "border-primary ring-2 ring-primary/20" : "hover:border-primary/40"), children: [recommended && (_jsx("span", { className: "absolute top-2 right-2 rounded-full bg-primary/10 px-2 py-0.5 font-medium text-[9px] text-primary uppercase tracking-wider", children: messages?.common.recommended })), active && _jsx(CheckCircle2, { className: "absolute top-3 right-3 h-4 w-4 text-primary" }), _jsx("span", { className: "font-medium text-sm", children: title }), _jsx("span", { className: "text-muted-foreground text-xs", children: body })] }));
 }
 function SegmentTabs({ segments, activeIdx, paxCount, picks, onChange, }) {
     return (_jsx("div", { className: "flex items-center gap-2 overflow-x-auto rounded-md border bg-muted/20 p-1", children: segments.map((seg, idx) => {
@@ -89,7 +91,7 @@ function PaxBar({ paxRows, activeIdx, picks, segmentId, onActivate, onClear, })
                                     } })] })) : (_jsx("span", { className: "text-muted-foreground", children: "\u2014" }))] }) }, pax.passengerId));
         }) }));
 }
-function SeatMapPanel({ slot, paxRows, activePaxIdx, picks, segmentId, onPick, }) {
+function SeatMapPanel({ slot, paxRows, activePaxIdx, picks, segmentId, onPick, messages, }) {
     if (slot.loading) {
         return _jsx("div", { className: "h-72 animate-pulse rounded-2xl bg-muted/40" });
     }
@@ -97,7 +99,7 @@ function SeatMapPanel({ slot, paxRows, activePaxIdx, picks, segmentId, onPick, }
         return (_jsx("div", { className: "rounded-xl border border-destructive/40 bg-destructive/5 p-4 text-destructive text-sm", children: slot.error }));
     }
     if (!slot.seatMap) {
-        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: "Seat map unavailable for this segment." }));
+        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: messages.flightSeatsStep.seatMapUnavailable }));
     }
     const markers = picks
         .filter((p) => p.segmentId === segmentId)
@@ -118,13 +120,13 @@ function SeatMapPanel({ slot, paxRows, activePaxIdx, picks, segmentId, onPick, }
 // ─────────────────────────────────────────────────────────────────────────────
 // Helpers
 // ─────────────────────────────────────────────────────────────────────────────
-function collectSegments(outbound, returnLeg) {
+function collectSegments(outbound, returnLeg, messages) {
     const out = [];
     for (const seg of itinerarySegments(outbound)) {
         out.push({
             offerId: outbound.offerId,
             segmentId: seg.segmentId,
-            legLabel: "Outbound",
+            legLabel: messages.common.legLabels.outbound,
             origin: seg.departure.iataCode,
             destination: seg.arrival.iataCode,
             carrier: seg.carrierCode,
@@ -136,7 +138,7 @@ function collectSegments(outbound, returnLeg) {
             out.push({
                 offerId: returnLeg.offerId,
                 segmentId: seg.segmentId,
-                legLabel: "Return",
+                legLabel: messages.common.legLabels.return,
                 origin: seg.departure.iataCode,
                 destination: seg.arrival.iataCode,
                 carrier: seg.carrierCode,
@@ -154,7 +156,7 @@ function itinerarySegments(offer) {
     }
     return out;
 }
-function buildPassengerRows(passengers, counts) {
+function buildPassengerRows(passengers, counts, messages) {
     const rows = [];
     const total = passengers.length > 0
         ? passengers.length
@@ -164,7 +166,7 @@ function buildPassengerRows(passengers, counts) {
         if (p) {
             rows.push({
                 passengerId: p.passengerId,
-                label: nameOrFallback(p, i),
+                label: nameOrFallback(p, i, messages),
                 short: shortLabel(p, i),
                 swatch: PAX_SWATCHES[i % PAX_SWATCHES.length] ?? PAX_SWATCHES[0],
             });
@@ -172,7 +174,7 @@ function buildPassengerRows(passengers, counts) {
         else {
             rows.push({
                 passengerId: synthPaxId(i, counts),
-                label: synthPaxLabel(i, counts),
+                label: synthPaxLabel(i, counts, messages),
                 short: String(i + 1),
                 swatch: PAX_SWATCHES[i % PAX_SWATCHES.length] ?? PAX_SWATCHES[0],
             });
@@ -180,12 +182,11 @@ function buildPassengerRows(passengers, counts) {
     }
     return rows;
 }
-function nameOrFallback(p, idx) {
+function nameOrFallback(p, idx, messages) {
     const full = `${p.firstName} ${p.lastName}`.trim();
     if (full)
         return full;
-    const cap = p.type[0]?.toUpperCase() + p.type.slice(1);
-    return `${cap} ${idx + 1}`;
+    return `${messages.common.passengerTypeLabels[p.type]} ${idx + 1}`;
 }
 function shortLabel(p, idx) {
     const initials = `${p.firstName[0] ?? ""}${p.lastName[0] ?? ""}`.trim();
@@ -201,11 +202,12 @@ function synthPaxId(i, counts) {
         return `pax_child_${afterAdults + 1}`;
     return `pax_infant_${i - counts.adults - (counts.children ?? 0) + 1}`;
 }
-function synthPaxLabel(i, counts) {
+function synthPaxLabel(i, counts, messages) {
     if (i < counts.adults)
-        return `Adult ${i + 1}`;
+        return `${messages.common.passengerTypeLabels.adult} ${i + 1}`;
     const afterAdults = i - counts.adults;
-    if (afterAdults < (counts.children ?? 0))
-        return `Child ${afterAdults + 1}`;
-    return `Infant ${i - counts.adults - (counts.children ?? 0) + 1}`;
+    if (afterAdults < (counts.children ?? 0)) {
+        return `${messages.common.passengerTypeLabels.child} ${afterAdults + 1}`;
+    }
+    return `${messages.common.passengerTypeLabels.infant} ${i - counts.adults - (counts.children ?? 0) + 1}`;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"flight-services-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-services-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,gBAAgB,EAEhB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,kCAAkC,CAAA;AAOzC,KAAK,eAAe,GAAG,WAAW,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAA;AACpE,KAAK,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAA;AAE5D,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACvC,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,WAAW,CAAA;IACnB,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,UAAU,EACV,MAAM,EACN,kBAAkB,EAClB,cAAc,EACd,OAAO,GACR,EAAE,uBAAuB,2CAyFzB"}
+{"version":3,"file":"flight-services-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-services-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,gBAAgB,EAEhB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,kCAAkC,CAAA;AASzC,KAAK,eAAe,GAAG,WAAW,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAA;AACpE,KAAK,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAA;AAE5D,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACvC,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,WAAW,CAAA;IACnB,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,UAAU,EACV,MAAM,EACN,kBAAkB,EAClB,cAAc,EACd,OAAO,GACR,EAAE,uBAAuB,2CA6FzB"}

package/dist/components/flight-services-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 { Button } from "@voyantjs/ui/components/button";
 import { Checkbox } from "@voyantjs/ui/components/checkbox";
 import { cn } from "@voyantjs/ui/lib/utils";
 import { Accessibility, Minus, Package, Plus, Sparkles } from "lucide-react";
 import { useMemo } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Combined services step covering special assistance (per-pax, trip-wide)
  * and extras (per-pax, per-leg). Assistance is a flat checkbox list per
@@ -13,13 +15,14 @@ import { useMemo } from "react";
  * leave the step blank and continue.
  */
 export function FlightServicesStep({ outboundCatalog, returnCatalog, outboundOffer, returnOffer, passengers, passengerCounts, assistance, extras, onAssistanceChange, onExtrasChange, 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-48 animate-pulse rounded 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: "Services 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.flightServicesStep.servicesUnavailable }));
     }
     const toggleAssistance = (passengerId, optionId, checked) => {
         const filtered = assistance.filter((p) => !(p.passengerId === passengerId && p.optionId === optionId));
@@ -39,12 +42,14 @@ export function FlightServicesStep({ outboundCatalog, returnCatalog, outboundOff
             onExtrasChange(filtered);
         }
     };
-    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: "Services & extras" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Optional \u2014 leave anything blank to skip." })] }), _jsx(AssistanceSection, { passengers: paxRows, options: outboundCatalog.assistance, value: assistance, onToggle: toggleAssistance }), _jsx(ExtrasSection, { legLabel: "Outbound", offer: outboundOffer, catalog: outboundCatalog, passengers: paxRows, sliceIndex: 0, value: extras, onSetQty: setExtraQty }), isRoundTrip && returnCatalog && returnOffer && (_jsx(ExtrasSection, { legLabel: "Return", offer: returnOffer, catalog: returnCatalog, passengers: paxRows, sliceIndex: 1, value: extras, onSetQty: setExtraQty }))] }));
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: messages.flightServicesStep.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.flightServicesStep.description })] }), _jsx(AssistanceSection, { passengers: paxRows, options: outboundCatalog.assistance, value: assistance, onToggle: toggleAssistance, messages: messages }), _jsx(ExtrasSection, { legLabel: messages.common.legLabels.outbound, offer: outboundOffer, catalog: outboundCatalog, passengers: paxRows, sliceIndex: 0, value: extras, onSetQty: setExtraQty, messages: messages }), isRoundTrip && returnCatalog && returnOffer && (_jsx(ExtrasSection, { legLabel: messages.common.legLabels.return, offer: returnOffer, catalog: returnCatalog, passengers: paxRows, sliceIndex: 1, value: extras, onSetQty: setExtraQty, messages: messages }))] }));
 }
-function AssistanceSection({ passengers, options, value, onToggle, }) {
-    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-4 flex items-center gap-2", children: [_jsx(Accessibility, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "font-medium text-sm", children: "Special assistance" })] }), _jsx("div", { className: "flex flex-col gap-5", children: passengers.map((pax) => {
+function AssistanceSection({ passengers, options, value, onToggle, messages, }) {
+    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-4 flex items-center gap-2", children: [_jsx(Accessibility, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "font-medium text-sm", children: messages.flightServicesStep.specialAssistance })] }), _jsx("div", { className: "flex flex-col gap-5", children: passengers.map((pax) => {
                     const paxPicks = value.filter((v) => v.passengerId === pax.passengerId);
-                    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: paxPicks.length === 0 ? "No assistance needed" : `${paxPicks.length} selected` })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: options.map((opt) => {
+                    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: paxPicks.length === 0
+                                            ? messages.flightServicesStep.noAssistanceNeeded
+                                            : `${paxPicks.length} ${messages.common.selected}` })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: options.map((opt) => {
                                     const checked = paxPicks.some((p) => p.optionId === opt.id);
                                     const id = `svc-${pax.passengerId}-${opt.id}`;
                                     return (_jsxs("div", { className: cn("flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm transition-colors", checked
@@ -53,13 +58,13 @@ function AssistanceSection({ passengers, options, value, onToggle, }) {
                                 }) })] }, pax.passengerId));
                 }) })] }));
 }
-function ExtrasSection({ legLabel, offer, catalog, passengers, sliceIndex, value, onSetQty, }) {
+function ExtrasSection({ legLabel, offer, catalog, passengers, sliceIndex, value, onSetQty, messages, }) {
     if (catalog.extras.length === 0)
         return null;
     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: "flex items-center gap-2 font-medium text-sm", children: [_jsx(Sparkles, { className: "h-4 w-4 text-muted-foreground" }), legLabel, " extras"] }), first && last && (_jsxs("span", { className: "text-muted-foreground text-xs", children: [first.departure.iataCode, " \u2192 ", last.arrival.iataCode] }))] }), _jsx("div", { className: "flex flex-col gap-4", children: passengers.map((pax) => (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx("ul", { className: "flex flex-col gap-1.5", children: catalog.extras.map((opt) => {
+    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: "flex items-center gap-2 font-medium text-sm", children: [_jsx(Sparkles, { className: "h-4 w-4 text-muted-foreground" }), formatMessage(messages.flightServicesStep.extras, { leg: legLabel })] }), first && last && (_jsxs("span", { className: "text-muted-foreground text-xs", children: [first.departure.iataCode, " \u2192 ", last.arrival.iataCode] }))] }), _jsx("div", { className: "flex flex-col gap-4", children: passengers.map((pax) => (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx("ul", { className: "flex flex-col gap-1.5", children: catalog.extras.map((opt) => {
                                 const pick = value.find((v) => v.passengerId === pax.passengerId &&
                                     v.sliceIndex === sliceIndex &&
                                     v.optionId === opt.id);
@@ -71,32 +76,40 @@ function ExtraRow({ option, quantity, onChange, }) {
     return (_jsxs("li", { className: "flex items-center justify-between gap-3 rounded-md border bg-card px-3 py-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Package, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate text-sm", children: option.label }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: formatMoney(option.price.amount, option.price.currency) })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(Math.max(0, quantity - 1)), disabled: quantity === 0, children: _jsx(Minus, { className: "h-3 w-3" }) }), _jsx("span", { className: "min-w-6 text-center font-medium text-sm tabular-nums", children: quantity }), _jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(Math.min(9, quantity + 1)), children: _jsx(Plus, { className: "h-3 w-3" }) })] })] }));
 }
 // ── 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),
         }));
     }
     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/pax-cabin-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pax-cabin-popover.d.ts","sourceRoot":"","sources":["../../src/components/pax-cabin-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAYnF,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,eAAe,CAAA;IAC3B,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAA;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAuE/F"}
+{"version":3,"file":"pax-cabin-popover.d.ts","sourceRoot":"","sources":["../../src/components/pax-cabin-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAcnF,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,eAAe,CAAA;IAC3B,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAA;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA6E/F"}

package/dist/components/pax-cabin-popover.js

@@ -1,15 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyantjs/i18n";
 import { Button } from "@voyantjs/ui/components/button";
 import { Popover, PopoverContent, PopoverTrigger } from "@voyantjs/ui/components/popover";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components/select";
 import { Minus, Plus, Users } from "lucide-react";
-const CABIN_LABEL = {
-    economy: "Economy",
-    premium_economy: "Premium economy",
-    business: "Business",
-    first: "First",
-};
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Compact pax + cabin selector — single trigger button summarizing
  * "2 adults · Economy" that opens a popover with steppers for each pax
@@ -17,8 +13,9 @@ const CABIN_LABEL = {
  * pattern; keeps the search form on one row.
  */
 export function PaxCabinPopover({ passengers, cabin, onChange, className }) {
+    const messages = useFlightsUiMessagesOrDefault();
     const total = passengers.adults + (passengers.children ?? 0) + (passengers.infants ?? 0);
-    const summary = `${total} ${total === 1 ? "passenger" : "passengers"} · ${CABIN_LABEL[cabin]}`;
+    const summary = `${total} ${total === 1 ? messages.common.passengerSingular : messages.common.passengerPlural} · ${messages.common.cabinLabels[cabin]}`;
     const setCount = (key, value) => {
         onChange({
             passengers: {
@@ -28,11 +25,11 @@ export function PaxCabinPopover({ passengers, cabin, onChange, className }) {
             cabin,
         });
     };
-    return (_jsxs(Popover, { children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "lg", className: className }), children: [_jsx(Users, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "text-sm", children: summary })] }), _jsx(PopoverContent, { align: "end", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(PaxStepper, { label: "Adults", sublabel: "12+", value: passengers.adults, min: 1, onChange: (v) => setCount("adults", v) }), _jsx(PaxStepper, { label: "Children", sublabel: "2-11", value: passengers.children ?? 0, min: 0, onChange: (v) => setCount("children", v) }), _jsx(PaxStepper, { label: "Infants", sublabel: "under 2", value: passengers.infants ?? 0, min: 0, onChange: (v) => setCount("infants", v) }), _jsxs("div", { className: "mt-1 flex flex-col gap-1.5 border-t pt-3", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: "Cabin" }), _jsxs(Select, { value: cabin, onValueChange: (v) => {
+    return (_jsxs(Popover, { children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "lg", className: className }), children: [_jsx(Users, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "text-sm", children: summary })] }), _jsx(PopoverContent, { align: "end", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(PaxStepper, { label: messages.paxCabinPopover.adults, sublabel: messages.paxCabinPopover.adultsSublabel, value: passengers.adults, min: 1, onChange: (v) => setCount("adults", v), messages: messages }), _jsx(PaxStepper, { label: messages.paxCabinPopover.children, sublabel: messages.paxCabinPopover.childrenSublabel, value: passengers.children ?? 0, min: 0, onChange: (v) => setCount("children", v), messages: messages }), _jsx(PaxStepper, { label: messages.paxCabinPopover.infants, sublabel: messages.paxCabinPopover.infantsSublabel, value: passengers.infants ?? 0, min: 0, onChange: (v) => setCount("infants", v), messages: messages }), _jsxs("div", { className: "mt-1 flex flex-col gap-1.5 border-t pt-3", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: messages.paxCabinPopover.cabin }), _jsxs(Select, { value: cabin, onValueChange: (v) => {
                                         if (v)
                                             onChange({ passengers, cabin: v });
-                                    }, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Object.keys(CABIN_LABEL).map((c) => (_jsx(SelectItem, { value: c, children: CABIN_LABEL[c] }, c))) })] })] })] }) })] }));
+                                    }, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Object.keys(messages.common.cabinLabels).map((c) => (_jsx(SelectItem, { value: c, children: messages.common.cabinLabels[c] }, c))) })] })] })] }) })] }));
 }
-function PaxStepper({ label, sublabel, value, min, onChange, }) {
-    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-col leading-tight", children: [_jsx("span", { className: "text-sm font-medium", children: label }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: sublabel })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(value - 1), disabled: value <= min, "aria-label": `Decrease ${label}`, children: _jsx(Minus, { className: "h-3.5 w-3.5" }) }), _jsx("span", { className: "w-6 text-center text-sm font-medium tabular-nums", children: value }), _jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(value + 1), "aria-label": `Increase ${label}`, children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }));
+function PaxStepper({ label, sublabel, value, min, onChange, messages, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-col leading-tight", children: [_jsx("span", { className: "text-sm font-medium", children: label }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: sublabel })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(value - 1), disabled: value <= min, "aria-label": formatMessage(messages.paxCabinPopover.decrease, { label }), children: _jsx(Minus, { className: "h-3.5 w-3.5" }) }), _jsx("span", { className: "w-6 text-center text-sm font-medium tabular-nums", children: value }), _jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(value + 1), "aria-label": formatMessage(messages.paxCabinPopover.increase, { label }), children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }));
 }

package/dist/components/popular-routes.d.ts

@@ -30,11 +30,6 @@ export interface PopularRoutesProps {
     /** Section title; pass `null` to hide. */
     title?: string | null;
 }
-/**
- * Default route set — recognizable city pairs across regions so a fresh
- * /flights page has something to click without having to type airports.
- * Pages can pass their own `routes` to override.
- */
 export declare const DEFAULT_POPULAR_ROUTES: PopularRoute[];
 /**
  * A grid of clickable popular-route cards. Each card synthesizes a

package/dist/components/popular-routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popular-routes.d.ts","sourceRoot":"","sources":["../../src/components/popular-routes.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAKvF,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,WAAW,EAAE,MAAM,CAAA;IACnB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAChD,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,CAAA;IACnC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,YAAY,EAiFhD,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAuB,EACvB,OAAY,EACZ,UAAc,EACd,KAAiB,EACjB,MAAU,EACV,SAAS,EACT,KAAwB,GACzB,EAAE,kBAAkB,2CA2DpB"}
+{"version":3,"file":"popular-routes.d.ts","sourceRoot":"","sources":["../../src/components/popular-routes.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAOvF,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,WAAW,EAAE,MAAM,CAAA;IACnB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAChD,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,CAAA;IACnC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAkDD,eAAO,MAAM,sBAAsB,EAAE,YAAY,EAKhD,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAuB,EACvB,OAAY,EACZ,UAAc,EACd,KAAiB,EACjB,MAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE,kBAAkB,2CAqEpB"}