@voyantjs/flights-ui 0.35.0 → 0.37.0

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

@@ -1 +1 @@
-{"version":3,"file":"flight-booking-shell.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-shell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"flight-booking-shell.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-shell.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +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 { cn } from "@voyantjs/ui/lib/utils";
 import { Check, ChevronLeft, ChevronRight } from "lucide-react";
 import { useMemo, useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 import { FlightBaggageStep } from "./flight-baggage-step.js";
 import { emptyBillingValue, FlightBillingStep, validateBilling, } from "./flight-billing-step.js";
 import { FlightBookingLedger, } from "./flight-booking-ledger.js";
@@ -14,15 +16,15 @@ import { FlightPaymentStep, } from "./flight-payment-step.js";
 import { FlightSeatsStep } from "./flight-seats-step.js";
 import { FlightServicesStep } from "./flight-services-step.js";
 const ALL_STEPS = [
-    { id: "review", label: "Review" },
-    { id: "fares", label: "Fare" },
-    { id: "passengers", label: "Passengers" },
-    { id: "bags", label: "Bags" },
-    { id: "seats", label: "Seats" },
-    { id: "services", label: "Services" },
-    { id: "billing", label: "Billing" },
-    { id: "payment", label: "Payment" },
-    { id: "confirm", label: "Confirm" },
+    { id: "review" },
+    { id: "fares" },
+    { id: "passengers" },
+    { id: "bags" },
+    { id: "seats" },
+    { id: "services" },
+    { id: "billing" },
+    { id: "payment" },
+    { id: "confirm" },
 ];
 /**
  * Steps that always render — the rest are adapter-capability-gated.
@@ -51,6 +53,7 @@ const ALWAYS_VISIBLE = new Set([
  * called — so the booking adapter sees a single offer with all legs intact.
  */
 export function FlightBookingShell({ selection, passengers, onBook, onBooked, onCancel, onEditOutbound, onEditReturn, carrierName, airportName, ancillaries, seatMaps, savedPaymentMethods, paymentCapabilities, documentsRequired, renderPassengerPicker, renderBillingPersonPicker, renderBillingOrgPicker, onSaveBillingDefaults, }) {
+    const messages = useFlightsUiMessagesOrDefault();
     const [stepId, setStepId] = useState("review");
     const [paxList, setPaxList] = useState([]);
     const [billing, setBilling] = useState(emptyBillingValue);
@@ -142,6 +145,7 @@ export function FlightBookingShell({ selection, passengers, onBook, onBooked, on
         outboundCatalog: ancillaries?.outboundCatalog ?? null,
         returnCatalog: ancillaries?.returnCatalog ?? null,
         seatMaps,
+        messages,
     }), [
         baggage,
         extras,
@@ -153,6 +157,7 @@ export function FlightBookingShell({ selection, passengers, onBook, onBooked, on
         ancillaries?.outboundCatalog,
         ancillaries?.returnCatalog,
         seatMaps,
+        messages,
     ]);
     const completedSections = useMemo(() => {
         const set = new Set();
@@ -255,32 +260,44 @@ export function FlightBookingShell({ selection, passengers, onBook, onBooked, on
             setSubmitting(false);
         }
     };
-    return (_jsxs("div", { className: "flex flex-col gap-6 lg:grid lg:grid-cols-[1fr_360px] lg:items-start", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-5", children: [_jsx(Stepper, { steps: steps, currentIdx: stepIdx }), error && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-destructive text-sm", children: error })), _jsxs("div", { className: "flex flex-col gap-4", children: [step.id === "review" && (_jsx(ReviewStep, { selection: selection, carrierName: carrierName, airportName: airportName })), step.id === "fares" && (_jsx(FlightFareUpsellStep, { outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: fareBundles, onChange: setFareBundles, sameForAllPassengers: sameFareForAllPax, onSameForAllPassengersChange: setSameFareForAllPax })), step.id === "passengers" && (_jsx(FlightPassengerForm, { counts: passengers, value: paxList, onChange: setPaxList, documentsRequired: documentsRequired, renderPicker: renderPassengerPicker })), step.id === "bags" && (_jsx(FlightBaggageStep, { outboundCatalog: ancillaries?.outboundCatalog ?? null, returnCatalog: ancillaries?.returnCatalog ?? null, outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: baggage, onChange: setBaggage, sameForBothDirections: sameForBothDirections, onSameForBothDirectionsChange: setSameForBothDirections, loading: ancillaries?.loading })), step.id === "seats" && (_jsx(FlightSeatsStep, { outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: seats, onChange: setSeats, mode: seatsMode, onModeChange: setSeatsMode, getSeatMap: seatMaps?.getSeatMap ?? (() => ({ seatMap: null, error: "Seat maps unavailable" })) })), step.id === "services" && (_jsx(FlightServicesStep, { outboundCatalog: ancillaries?.outboundCatalog ?? null, returnCatalog: ancillaries?.returnCatalog ?? null, outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, assistance: assistance, extras: extras, onAssistanceChange: setAssistance, onExtrasChange: setExtras, loading: ancillaries?.loading })), step.id === "billing" && (_jsx(FlightBillingStep, { value: billing, onChange: setBilling, eligiblePassengers: paxList
+    return (_jsxs("div", { className: "flex flex-col gap-6 lg:grid lg:grid-cols-[1fr_360px] lg:items-start", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-5", children: [_jsx(Stepper, { steps: steps, currentIdx: stepIdx, messages: messages }), error && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-destructive text-sm", children: error })), _jsxs("div", { className: "flex flex-col gap-4", children: [step.id === "review" && (_jsx(ReviewStep, { selection: selection, carrierName: carrierName, airportName: airportName })), step.id === "fares" && (_jsx(FlightFareUpsellStep, { outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: fareBundles, onChange: setFareBundles, sameForAllPassengers: sameFareForAllPax, onSameForAllPassengersChange: setSameFareForAllPax })), step.id === "passengers" && (_jsx(FlightPassengerForm, { counts: passengers, value: paxList, onChange: setPaxList, documentsRequired: documentsRequired, renderPicker: renderPassengerPicker })), step.id === "bags" && (_jsx(FlightBaggageStep, { outboundCatalog: ancillaries?.outboundCatalog ?? null, returnCatalog: ancillaries?.returnCatalog ?? null, outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: baggage, onChange: setBaggage, sameForBothDirections: sameForBothDirections, onSameForBothDirectionsChange: setSameForBothDirections, loading: ancillaries?.loading })), step.id === "seats" && (_jsx(FlightSeatsStep, { outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: seats, onChange: setSeats, mode: seatsMode, onModeChange: setSeatsMode, getSeatMap: seatMaps?.getSeatMap ??
+                                    (() => ({ seatMap: null, error: messages.flightBookingShell.seatMapsUnavailable })) })), step.id === "services" && (_jsx(FlightServicesStep, { outboundCatalog: ancillaries?.outboundCatalog ?? null, returnCatalog: ancillaries?.returnCatalog ?? null, outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, assistance: assistance, extras: extras, onAssistanceChange: setAssistance, onExtrasChange: setExtras, loading: ancillaries?.loading })), step.id === "billing" && (_jsx(FlightBillingStep, { value: billing, onChange: setBilling, eligiblePassengers: paxList
                                     .filter((p) => p.type === "adult" && p.firstName.trim() !== "" && p.lastName.trim() !== "")
                                     .map((p) => ({
                                     id: p.passengerId,
                                     firstName: p.firstName,
                                     ...(p.middleName ? { middleName: p.middleName } : {}),
                                     lastName: p.lastName,
-                                })), renderPersonPicker: renderBillingPersonPicker, renderOrgPicker: renderBillingOrgPicker })), step.id === "payment" && (_jsx(FlightPaymentStep, { value: payment, onChange: setPayment, savedMethods: savedPaymentMethods?.methods ?? [], loadingSavedMethods: savedPaymentMethods?.loading, selectedSavedId: paymentSavedId, onSelectSaved: setPaymentSavedId, capabilities: paymentCapabilities })), step.id === "confirm" && (_jsx(ConfirmStep, { selection: selection, passengers: paxList, billing: billing, payment: payment, carrierName: carrierName, airportName: airportName }))] }), _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" })] }))] })] }), _jsx("div", { className: "lg:sticky lg:top-6", children: _jsx(FlightBookingLedger, { selection: selection, passengers: passengers, carrierName: carrierName, airportName: airportName, outboundExtras: outboundExtras, returnExtras: returnExtras, onEditOutbound: onEditOutbound, onEditReturn: onEditReturn, completedSections: completedSections }) })] }));
+                                })), renderPersonPicker: renderBillingPersonPicker, renderOrgPicker: renderBillingOrgPicker })), step.id === "payment" && (_jsx(FlightPaymentStep, { value: payment, onChange: setPayment, savedMethods: savedPaymentMethods?.methods ?? [], loadingSavedMethods: savedPaymentMethods?.loading, selectedSavedId: paymentSavedId, onSelectSaved: setPaymentSavedId, capabilities: paymentCapabilities })), step.id === "confirm" && (_jsx(ConfirmStep, { selection: selection, passengers: paxList, billing: billing, payment: payment, carrierName: carrierName, airportName: airportName }))] }), _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.flightBookingShell.backToResults
+                                        : messages.flightBookingShell.back] }), step.id === "confirm" ? (_jsx(Button, { onClick: submit, disabled: submitting, children: submitting
+                                    ? messages.flightBookingShell.booking
+                                    : messages.flightBookingShell.confirmBooking })) : (_jsxs(Button, { onClick: goNext, disabled: !canContinue, children: [messages.flightBookingShell.continue, _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] }))] })] }), _jsx("div", { className: "lg:sticky lg:top-6", children: _jsx(FlightBookingLedger, { selection: selection, passengers: passengers, carrierName: carrierName, airportName: airportName, outboundExtras: outboundExtras, returnExtras: returnExtras, onEditOutbound: onEditOutbound, onEditReturn: onEditReturn, completedSections: completedSections }) })] }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
 // Steps
 // ─────────────────────────────────────────────────────────────────────────────
 function ReviewStep({ selection, carrierName, airportName, }) {
+    const messages = useFlightsUiMessagesOrDefault();
     const isRoundTrip = !!selection.return;
-    return (_jsxs("div", { className: "flex flex-col gap-5 rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "font-semibold text-base", children: isRoundTrip ? "Review your trip" : "Review your flight" }), _jsx(FlightItinerary, { itinerary: selection.outbound.itineraries[0] ?? { segments: [] }, label: isRoundTrip ? "Outbound" : undefined, carrierName: carrierName, airportName: airportName }), selection.return && (_jsx(FlightItinerary, { itinerary: selection.return.itineraries[0] ?? { segments: [] }, label: "Return", carrierName: carrierName, airportName: airportName }))] }));
+    return (_jsxs("div", { className: "flex flex-col gap-5 rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "font-semibold text-base", children: isRoundTrip
+                    ? messages.flightBookingShell.reviewTrip
+                    : messages.flightBookingShell.reviewFlight }), _jsx(FlightItinerary, { itinerary: selection.outbound.itineraries[0] ?? { segments: [] }, label: isRoundTrip ? messages.common.legLabels.outbound : undefined, carrierName: carrierName, airportName: airportName }), selection.return && (_jsx(FlightItinerary, { itinerary: selection.return.itineraries[0] ?? { segments: [] }, label: messages.common.legLabels.return, carrierName: carrierName, airportName: airportName }))] }));
 }
 function ConfirmStep({ selection, passengers, billing, payment, carrierName, airportName, }) {
+    const messages = useFlightsUiMessagesOrDefault();
     const docsCount = passengers.filter((p) => (p.documents?.length ?? 0) > 0).length;
     const isRoundTrip = !!selection.return;
-    return (_jsxs("div", { className: "flex flex-col gap-5 rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "font-semibold text-base", children: "Confirm booking" }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(FlightItinerary, { itinerary: selection.outbound.itineraries[0] ?? { segments: [] }, label: isRoundTrip ? "Outbound" : undefined, compact: true, carrierName: carrierName, airportName: airportName }), selection.return && (_jsx(FlightItinerary, { itinerary: selection.return.itineraries[0] ?? { segments: [] }, label: "Return", compact: true, carrierName: carrierName, airportName: airportName }))] }), _jsx(Row, { label: "Passengers", children: passengers.length }), _jsx(Row, { label: "Documents", children: docsCount === passengers.length && passengers.length > 0
-                    ? `All ${docsCount} added`
+    return (_jsxs("div", { className: "flex flex-col gap-5 rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "font-semibold text-base", children: messages.flightBookingShell.confirmTitle }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(FlightItinerary, { itinerary: selection.outbound.itineraries[0] ?? { segments: [] }, label: isRoundTrip ? messages.common.legLabels.outbound : undefined, compact: true, carrierName: carrierName, airportName: airportName }), selection.return && (_jsx(FlightItinerary, { itinerary: selection.return.itineraries[0] ?? { segments: [] }, label: messages.common.legLabels.return, compact: true, carrierName: carrierName, airportName: airportName }))] }), _jsx(Row, { label: messages.flightBookingShell.rows.passengers, children: passengers.length }), _jsx(Row, { label: messages.flightBookingShell.rows.documents, children: docsCount === passengers.length && passengers.length > 0
+                    ? formatMessage(messages.flightBookingShell.documentsAllAdded, { count: docsCount })
                     : docsCount > 0
-                        ? `${docsCount} of ${passengers.length} added`
-                        : "Add at check-in" }), _jsx(Row, { label: "Contact", children: billing.email || "—" }), _jsx(Row, { label: "Billed to", children: billing.mode === "company"
-                    ? `${billing.companyName ?? "—"} · ${billing.vatNumber ?? ""}`
-                    : `${billing.firstName} ${billing.lastName}`.trim() || "—" }), _jsx(Row, { label: "Payment", children: _jsx("span", { className: "capitalize", children: payment.type.replace("_", " ") }) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Submitting will hold seats with the connector and (depending on the chosen payment intent) either issue tickets immediately or open a ticketing window. The booking will appear under the order id once confirmed." })] }));
+                        ? formatMessage(messages.flightBookingShell.documentsSomeAdded, {
+                            count: docsCount,
+                            total: passengers.length,
+                        })
+                        : messages.flightBookingShell.documentsAddAtCheckIn }), _jsx(Row, { label: messages.flightBookingShell.rows.contact, children: billing.email || messages.common.noValue }), _jsx(Row, { label: messages.flightBookingShell.rows.billedTo, children: billing.mode === "company"
+                    ? `${billing.companyName ?? messages.common.noValue} · ${billing.vatNumber ?? ""}`
+                    : `${billing.firstName} ${billing.lastName}`.trim() || messages.common.noValue }), _jsx(Row, { label: messages.flightBookingShell.rows.payment, children: _jsx("span", { className: "capitalize", children: payment.type.replace("_", " ") }) }), _jsx("p", { className: "text-muted-foreground text-xs", children: messages.flightBookingShell.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 })] }));
@@ -288,17 +305,17 @@ function Row({ label, children }) {
 // ─────────────────────────────────────────────────────────────────────────────
 // Stepper
 // ─────────────────────────────────────────────────────────────────────────────
-function Stepper({ steps, currentIdx }) {
+function Stepper({ steps, currentIdx, messages, }) {
     return (_jsx("ol", { className: "flex items-center gap-2 overflow-x-auto", 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 font-medium text-xs 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 font-medium text-xs 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.flightBookingShell.steps[s.id] }), i < steps.length - 1 && _jsx("div", { className: "h-px flex-1 bg-border" })] }, s.id));
         }) }));
 }
 // ─────────────────────────────────────────────────────────────────────────────
 // Ledger line items from ancillary picks
 // ─────────────────────────────────────────────────────────────────────────────
-function buildLedgerExtras({ baggage, extras, assistance, seats, fareBundles, outboundOffer, returnOffer, outboundCatalog, returnCatalog, seatMaps, }) {
+function buildLedgerExtras({ baggage, extras, assistance, seats, fareBundles, outboundOffer, returnOffer, outboundCatalog, returnCatalog, seatMaps, messages, }) {
     const lines = (sliceIndex, catalog, offer) => {
         const out = [];
         // Fare-bundle picks (first so they sit at the top of the leg block).
@@ -327,11 +344,14 @@ function buildLedgerExtras({ baggage, extras, assistance, seats, fareBundles, ou
                 }
             }
             for (const [, v] of agg) {
-                const labelSuffix = v.count > 1 ? ` (${v.count} pax)` : "";
+                const labelSuffix = v.count > 1 ? ` (${v.count} ${messages.common.pax})` : "";
                 out.push({
-                    label: `${v.label} fare${labelSuffix}`,
+                    label: formatMessage(messages.flightBookingShell.lineItems.fare, {
+                        label: v.label,
+                        suffix: labelSuffix,
+                    }),
                     amount: v.price > 0 ? { amount: v.price.toFixed(2), currency: v.currency } : undefined,
-                    meta: v.price === 0 ? "Included" : undefined,
+                    meta: v.price === 0 ? messages.common.included : undefined,
                 });
             }
         }
@@ -363,7 +383,7 @@ function buildLedgerExtras({ baggage, extras, assistance, seats, fareBundles, ou
                 out.push({
                     label: v.count > 1 ? `${v.count}× ${v.label}` : v.label,
                     amount: v.price > 0 ? { amount: v.price.toFixed(2), currency: v.currency } : undefined,
-                    meta: v.price === 0 ? "Included" : undefined,
+                    meta: v.price === 0 ? messages.common.included : undefined,
                 });
             }
             // Extras — same aggregation.
@@ -415,17 +435,22 @@ function buildLedgerExtras({ baggage, extras, assistance, seats, fareBundles, ou
                     }
                 }
                 out.push({
-                    label: `${seatPicks.length} seat${seatPicks.length > 1 ? "s" : ""} picked`,
+                    label: formatMessage(messages.flightBookingShell.lineItems.seatsPicked, {
+                        count: seatPicks.length,
+                        plural: seatPicks.length > 1 ? "s" : "",
+                    }),
                     amount: total > 0 ? { amount: total.toFixed(2), currency } : undefined,
-                    meta: total === 0 ? "Free" : undefined,
+                    meta: total === 0 ? messages.common.free : undefined,
                 });
             }
         }
         // Assistance — only on the outbound block (it's trip-wide, not per leg).
         if (sliceIndex === 0 && assistance.length > 0) {
             out.push({
-                label: `Special assistance (${assistance.length})`,
-                meta: "Free",
+                label: formatMessage(messages.flightBookingShell.lineItems.specialAssistance, {
+                    count: assistance.length,
+                }),
+                meta: messages.common.free,
             });
         }
         return out;

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

@@ -1 +1 @@
-{"version":3,"file":"flight-contact-form.d.ts","sourceRoot":"","sources":["../../src/components/flight-contact-form.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,kBAAkB,CAAA;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA4C5E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,IAAI,CAKxE"}
+{"version":3,"file":"flight-contact-form.d.ts","sourceRoot":"","sources":["../../src/components/flight-contact-form.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,kBAAkB,CAAA;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA0C5E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,IAAI,CAMxE"}

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

@@ -3,19 +3,23 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Input } from "@voyantjs/ui/components/input";
 import { Label } from "@voyantjs/ui/components/label";
 import { Mail, Phone } from "lucide-react";
+import { flightsUiEn } from "../i18n/en.js";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Booking contact details — used by the connector to send confirmation +
  * any operational disruption notices. Email is required by most providers;
  * phone is recommended but optional.
  */
 export function FlightContactForm({ value, onChange }) {
-    return (_jsxs("div", { className: "rounded-lg border bg-card p-4 shadow-sm", children: [_jsx("h3", { className: "mb-3 font-medium text-sm", children: "Contact details" }), _jsx("p", { className: "mb-4 text-xs text-muted-foreground", children: "Used by the airline to send confirmation, schedule changes, and operational notices for this booking." }), _jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs(Label, { className: "text-[11px] uppercase tracking-wider text-muted-foreground", children: ["Email ", _jsx("span", { className: "ml-0.5 text-destructive", children: "*" })] }), _jsxs("div", { className: "relative", children: [_jsx(Mail, { className: "-translate-y-1/2 absolute top-1/2 left-3 h-4 w-4 text-muted-foreground" }), _jsx(Input, { type: "email", autoComplete: "email", value: value.email ?? "", onChange: (e) => onChange({ ...value, email: e.target.value }), placeholder: "traveler@example.com", className: "pl-9" })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-[11px] uppercase tracking-wider text-muted-foreground", children: "Phone" }), _jsxs("div", { className: "relative", children: [_jsx(Phone, { className: "-translate-y-1/2 absolute top-1/2 left-3 h-4 w-4 text-muted-foreground" }), _jsx(Input, { type: "tel", autoComplete: "tel", value: value.phone ?? "", onChange: (e) => onChange({ ...value, phone: e.target.value }), placeholder: "+1 555 123 4567", className: "pl-9" })] })] })] })] }));
+    const messages = useFlightsUiMessagesOrDefault().flightContactForm;
+    return (_jsxs("div", { className: "rounded-lg border bg-card p-4 shadow-sm", children: [_jsx("h3", { className: "mb-3 font-medium text-sm", children: messages.title }), _jsx("p", { className: "mb-4 text-xs text-muted-foreground", children: messages.description }), _jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs(Label, { className: "text-[11px] uppercase tracking-wider text-muted-foreground", children: [messages.email, " ", _jsx("span", { className: "ml-0.5 text-destructive", children: "*" })] }), _jsxs("div", { className: "relative", children: [_jsx(Mail, { className: "-translate-y-1/2 absolute top-1/2 left-3 h-4 w-4 text-muted-foreground" }), _jsx(Input, { type: "email", autoComplete: "email", value: value.email ?? "", onChange: (e) => onChange({ ...value, email: e.target.value }), placeholder: messages.emailPlaceholder, className: "pl-9" })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-[11px] uppercase tracking-wider text-muted-foreground", children: messages.phone }), _jsxs("div", { className: "relative", children: [_jsx(Phone, { className: "-translate-y-1/2 absolute top-1/2 left-3 h-4 w-4 text-muted-foreground" }), _jsx(Input, { type: "tel", autoComplete: "tel", value: value.phone ?? "", onChange: (e) => onChange({ ...value, phone: e.target.value }), placeholder: messages.phonePlaceholder, className: "pl-9" })] })] })] })] }));
 }
 export function validateContact(value) {
+    const messages = flightsUiEn.flightContactForm.validation;
     if (!value.email?.trim())
-        return "Email is required";
+        return messages.emailRequired;
     // Loose email check — adapters do their own validation
     if (!/.+@.+\..+/.test(value.email))
-        return "Email looks invalid";
+        return messages.emailInvalid;
     return null;
 }

package/dist/components/flight-fare-upsell-step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flight-fare-upsell-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-fare-upsell-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAElB,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,kCAAkC,CAAA;AAMzC,KAAK,eAAe,GAAG,WAAW,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAA;AAGpE,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,0DAA0D;IAC1D,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,yEAAyE;IACzE,eAAe,EAAE,eAAe,CAAA;IAChC,KAAK,EAAE,eAAe,CAAA;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACzC,yEAAyE;IACzE,oBAAoB,EAAE,OAAO,CAAA;IAC7B,4BAA4B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,4BAA4B,GAC7B,EAAE,yBAAyB,2CA8F3B"}
+{"version":3,"file":"flight-fare-upsell-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-fare-upsell-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAElB,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,kCAAkC,CAAA;AAQzC,KAAK,eAAe,GAAG,WAAW,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAA;AAGpE,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,0DAA0D;IAC1D,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,yEAAyE;IACzE,eAAe,EAAE,eAAe,CAAA;IAChC,KAAK,EAAE,eAAe,CAAA;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACzC,yEAAyE;IACzE,oBAAoB,EAAE,OAAO,CAAA;IAC7B,4BAA4B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,4BAA4B,GAC7B,EAAE,yBAAyB,2CAiG3B"}

package/dist/components/flight-fare-upsell-step.js

@@ -1,9 +1,11 @@
 "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 { cn } from "@voyantjs/ui/lib/utils";
 import { Briefcase, Check, Crown, Luggage, Sparkles, X } from "lucide-react";
 import { useMemo } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Per-pax per-leg branded-fare upsell step. For multi-pax bookings the
  * "Same fare for all passengers" toggle (default ON) collapses the picker
@@ -13,12 +15,13 @@ import { useMemo } from "react";
  * carriers + B2B agency bookings actually exercise.
  */
 export function FlightFareUpsellStep({ outboundOffer, returnOffer, passengers, passengerCounts, value, onChange, sameForAllPassengers, onSameForAllPassengersChange, }) {
-    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts), [passengers, passengerCounts]);
+    const messages = useFlightsUiMessagesOrDefault();
+    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts, messages), [passengers, passengerCounts, messages]);
     const isMultiPax = paxRows.length > 1;
     const outboundBundles = outboundOffer.fareBundles ?? [];
     const returnBundles = returnOffer?.fareBundles ?? [];
     if (outboundBundles.length === 0 && returnBundles.length === 0) {
-        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: "This offer doesn't surface fare upgrade tiers." }));
+        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: messages.flightFareUpsellStep.unavailable }));
     }
     const setPick = (passengerId, sliceIndex, bundleId) => {
         const filtered = value.filter((p) => !(p.passengerId === passengerId && p.sliceIndex === sliceIndex));
@@ -46,9 +49,9 @@ export function FlightFareUpsellStep({ outboundOffer, returnOffer, passengers, p
         }));
         onChange([...filtered, ...additions]);
     };
-    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: "Upgrade your fare" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Add bag, seat picks, and flexibility per leg \u2014 or keep the base fare." })] }), isMultiPax && (_jsxs("div", { className: "flex shrink-0 items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "fare-same-for-all", checked: sameForAllPassengers, onCheckedChange: (v) => onSameForAllPassengersChange(!!v) }), _jsx("label", { htmlFor: "fare-same-for-all", className: "cursor-pointer", children: "Same fare for all passengers" })] }))] }), _jsx(FareLegSection, { label: "Outbound", bundles: outboundBundles, sliceIndex: 0, paxRows: paxRows, value: value, sameForAll: sameForAllPassengers || !isMultiPax, onSetPick: setPick, onSetLegPick: setLegPick }), returnOffer && returnBundles.length > 0 && (_jsx(FareLegSection, { label: "Return", bundles: returnBundles, sliceIndex: 1, paxRows: paxRows, value: value, sameForAll: sameForAllPassengers || !isMultiPax, onSetPick: setPick, onSetLegPick: setLegPick }))] }));
+    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.flightFareUpsellStep.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.flightFareUpsellStep.description })] }), isMultiPax && (_jsxs("div", { className: "flex shrink-0 items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "fare-same-for-all", checked: sameForAllPassengers, onCheckedChange: (v) => onSameForAllPassengersChange(!!v) }), _jsx("label", { htmlFor: "fare-same-for-all", className: "cursor-pointer", children: messages.flightFareUpsellStep.sameForAllPassengers })] }))] }), _jsx(FareLegSection, { label: messages.common.legLabels.outbound, bundles: outboundBundles, sliceIndex: 0, paxRows: paxRows, value: value, sameForAll: sameForAllPassengers || !isMultiPax, onSetPick: setPick, onSetLegPick: setLegPick, messages: messages }), returnOffer && returnBundles.length > 0 && (_jsx(FareLegSection, { label: messages.common.legLabels.return, bundles: returnBundles, sliceIndex: 1, paxRows: paxRows, value: value, sameForAll: sameForAllPassengers || !isMultiPax, onSetPick: setPick, onSetLegPick: setLegPick, messages: messages }))] }));
 }
-function FareLegSection({ label, bundles, sliceIndex, paxRows, value, sameForAll, onSetPick, onSetLegPick, }) {
+function FareLegSection({ label, bundles, sliceIndex, paxRows, value, sameForAll, onSetPick, onSetLegPick, messages, }) {
     // For "same for all" mode we treat the leg as having one selection — the
     // bundleId common to every pax pick on this leg (null when split or none).
     const legPick = (() => {
@@ -61,33 +64,50 @@ function FareLegSection({ label, bundles, sliceIndex, paxRows, value, sameForAll
         return null;
     })();
     const someoneSelected = value.some((v) => v.sliceIndex === sliceIndex);
-    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsxs("header", { className: "flex items-baseline justify-between gap-2", children: [_jsx("h3", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: label }), someoneSelected && (_jsx("button", { type: "button", onClick: () => onSetLegPick(sliceIndex, null), className: "text-muted-foreground text-xs hover:text-foreground", children: "Reset to Basic" }))] }), sameForAll ? (_jsx(BundleGrid, { bundles: bundles, selectedId: legPick, contextLabel: paxRows.length > 1 ? `Applies to all ${paxRows.length} passengers` : null, onPick: (id) => onSetLegPick(sliceIndex, id) })) : (_jsx("div", { className: "flex flex-col gap-4", children: paxRows.map((pax) => {
+    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsxs("header", { className: "flex items-baseline justify-between gap-2", children: [_jsx("h3", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: label }), someoneSelected && (_jsx("button", { type: "button", onClick: () => onSetLegPick(sliceIndex, null), className: "text-muted-foreground text-xs hover:text-foreground", children: messages.flightFareUpsellStep.resetToBasic }))] }), sameForAll ? (_jsx(BundleGrid, { bundles: bundles, selectedId: legPick, contextLabel: paxRows.length > 1
+                    ? formatMessage(messages.flightFareUpsellStep.appliesToAllPassengers, {
+                        count: paxRows.length,
+                    })
+                    : null, onPick: (id) => onSetLegPick(sliceIndex, id), messages: messages })) : (_jsx("div", { className: "flex flex-col gap-4", children: paxRows.map((pax) => {
                     const pick = value.find((v) => v.passengerId === pax.passengerId && v.sliceIndex === sliceIndex);
-                    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx(BundleGrid, { bundles: bundles, selectedId: pick?.bundleId ?? null, onPick: (id) => onSetPick(pax.passengerId, sliceIndex, id) })] }, pax.passengerId));
+                    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx(BundleGrid, { bundles: bundles, selectedId: pick?.bundleId ?? null, onPick: (id) => onSetPick(pax.passengerId, sliceIndex, id), messages: messages })] }, pax.passengerId));
                 }) }))] }));
 }
-function BundleGrid({ bundles, selectedId, contextLabel, onPick, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "grid gap-3 md:grid-cols-3", children: bundles.map((b) => (_jsx(BundleCard, { bundle: b, selected: selectedId === b.id, isBasicByDefault: selectedId == null && b.tier === "basic", onPick: () => onPick(b.tier === "basic" ? null : b.id) }, b.id))) }), contextLabel && _jsx("span", { className: "text-[11px] text-muted-foreground", children: contextLabel })] }));
+function BundleGrid({ bundles, selectedId, contextLabel, onPick, messages, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "grid gap-3 md:grid-cols-3", children: bundles.map((b) => (_jsx(BundleCard, { bundle: b, selected: selectedId === b.id, isBasicByDefault: selectedId == null && b.tier === "basic", onPick: () => onPick(b.tier === "basic" ? null : b.id), messages: messages }, b.id))) }), contextLabel && _jsx("span", { className: "text-[11px] text-muted-foreground", children: contextLabel })] }));
 }
-function BundleCard({ bundle, selected, isBasicByDefault, onPick, }) {
+function BundleCard({ bundle, selected, isBasicByDefault, onPick, messages, }) {
     const delta = Number(bundle.priceDelta.amount);
-    const deltaLabel = delta > 0 ? `+${formatMoney(bundle.priceDelta.amount, bundle.priceDelta.currency)}` : "Included";
+    const deltaLabel = delta > 0
+        ? `+${formatMoney(bundle.priceDelta.amount, bundle.priceDelta.currency)}`
+        : messages.common.included;
     const showActiveRing = selected || isBasicByDefault;
     return (_jsxs("button", { type: "button", onClick: onPick, className: cn("relative flex flex-col gap-3 rounded-lg border bg-card p-4 text-left transition-colors", showActiveRing
             ? "border-primary ring-2 ring-primary/20"
-            : "hover:border-primary/40 hover:bg-accent/30", bundle.recommended && !showActiveRing && "border-primary/40"), children: [bundle.recommended && (_jsx("span", { className: "-translate-y-1/2 absolute top-0 left-4 rounded-full bg-primary px-2 py-0.5 font-medium text-[9px] text-primary-foreground uppercase tracking-wider", children: "Recommended" })), _jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsxs("span", { className: "flex items-center gap-1.5 font-semibold text-sm", children: [_jsx(TierIcon, { tier: bundle.tier }), bundle.label] }), _jsx("span", { className: cn("font-medium text-xs", delta > 0 ? "text-foreground" : "text-emerald-600"), children: deltaLabel })] }), _jsxs("ul", { className: "flex flex-col gap-1.5", children: [_jsx(Inclusion, { ok: !!bundle.inclusions.cabinBag?.included, icon: _jsx(Briefcase, { className: "h-3.5 w-3.5" }), label: bundle.inclusions.cabinBag?.included
-                            ? `Cabin bag ${bundle.inclusions.cabinBag.weightKg ? `(${bundle.inclusions.cabinBag.weightKg} kg)` : ""}`.trim()
-                            : "No cabin bag" }), _jsx(Inclusion, { ok: !!bundle.inclusions.checkedBag?.included, icon: _jsx(Luggage, { className: "h-3.5 w-3.5" }), label: bundle.inclusions.checkedBag?.included
-                            ? `Checked bag ${bundle.inclusions.checkedBag.weightKg
-                                ? `${bundle.inclusions.checkedBag.weightKg} kg`
-                                : ""}${bundle.inclusions.checkedBag.pieces && bundle.inclusions.checkedBag.pieces > 1
-                                ? ` × ${bundle.inclusions.checkedBag.pieces}`
-                                : ""}`.trim()
-                            : "No checked bag" }), _jsx(Inclusion, { ok: bundle.inclusions.seatSelection !== "none" && bundle.inclusions.seatSelection != null, icon: _jsx(Sparkles, { className: "h-3.5 w-3.5" }), label: bundle.inclusions.seatSelection === "free"
-                            ? "Free seat selection"
+            : "hover:border-primary/40 hover:bg-accent/30", bundle.recommended && !showActiveRing && "border-primary/40"), children: [bundle.recommended && (_jsx("span", { className: "-translate-y-1/2 absolute top-0 left-4 rounded-full bg-primary px-2 py-0.5 font-medium text-[9px] text-primary-foreground uppercase tracking-wider", children: messages.common.recommended })), _jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsxs("span", { className: "flex items-center gap-1.5 font-semibold text-sm", children: [_jsx(TierIcon, { tier: bundle.tier }), bundle.label] }), _jsx("span", { className: cn("font-medium text-xs", delta > 0 ? "text-foreground" : "text-emerald-600"), children: deltaLabel })] }), _jsxs("ul", { className: "flex flex-col gap-1.5", children: [_jsx(Inclusion, { ok: !!bundle.inclusions.cabinBag?.included, icon: _jsx(Briefcase, { className: "h-3.5 w-3.5" }), label: bundle.inclusions.cabinBag?.included
+                            ? formatMessage(messages.flightFareUpsellStep.cabinBag, {
+                                weight: bundle.inclusions.cabinBag.weightKg
+                                    ? `(${bundle.inclusions.cabinBag.weightKg} kg)`
+                                    : "",
+                            }).trim()
+                            : messages.flightFareUpsellStep.noCabinBag }), _jsx(Inclusion, { ok: !!bundle.inclusions.checkedBag?.included, icon: _jsx(Luggage, { className: "h-3.5 w-3.5" }), label: bundle.inclusions.checkedBag?.included
+                            ? formatMessage(messages.flightFareUpsellStep.checkedBag, {
+                                weight: bundle.inclusions.checkedBag.weightKg
+                                    ? `${bundle.inclusions.checkedBag.weightKg} kg`
+                                    : "",
+                                pieces: bundle.inclusions.checkedBag.pieces && bundle.inclusions.checkedBag.pieces > 1
+                                    ? ` × ${bundle.inclusions.checkedBag.pieces}`
+                                    : "",
+                            }).trim()
+                            : messages.flightFareUpsellStep.noCheckedBag }), _jsx(Inclusion, { ok: bundle.inclusions.seatSelection !== "none" && bundle.inclusions.seatSelection != null, icon: _jsx(Sparkles, { className: "h-3.5 w-3.5" }), label: bundle.inclusions.seatSelection === "free"
+                            ? messages.flightFareUpsellStep.freeSeatSelection
                             : bundle.inclusions.seatSelection === "standard"
-                                ? "Standard seat selection"
-                                : "No seat selection" }), _jsx(Inclusion, { ok: !!bundle.inclusions.priorityBoarding, label: "Priority boarding" }), _jsx(Inclusion, { ok: !!bundle.inclusions.loungeAccess, label: "Lounge access" }), _jsx(Inclusion, { ok: !!bundle.inclusions.changeable, label: bundle.inclusions.changeable ? "Free changes" : "Changes for a fee" }), _jsx(Inclusion, { ok: !!bundle.inclusions.refundable, label: bundle.inclusions.refundable ? "Refundable" : "Non-refundable" }), bundle.inclusions.notes?.map((n) => (_jsx(Inclusion, { ok: true, label: n }, n)))] }), selected && (_jsxs("span", { className: "mt-1 inline-flex items-center gap-1 self-start font-medium text-primary text-xs", children: [_jsx(Check, { className: "h-3 w-3" }), " Selected"] }))] }));
+                                ? messages.flightFareUpsellStep.standardSeatSelection
+                                : messages.flightFareUpsellStep.noSeatSelection }), _jsx(Inclusion, { ok: !!bundle.inclusions.priorityBoarding, label: messages.flightFareUpsellStep.priorityBoarding }), _jsx(Inclusion, { ok: !!bundle.inclusions.loungeAccess, label: messages.flightFareUpsellStep.loungeAccess }), _jsx(Inclusion, { ok: !!bundle.inclusions.changeable, label: bundle.inclusions.changeable
+                            ? messages.flightFareUpsellStep.freeChanges
+                            : messages.flightFareUpsellStep.changesForFee }), _jsx(Inclusion, { ok: !!bundle.inclusions.refundable, label: bundle.inclusions.refundable
+                            ? messages.flightFareUpsellStep.refundable
+                            : messages.flightFareUpsellStep.nonRefundable }), bundle.inclusions.notes?.map((n) => (_jsx(Inclusion, { ok: true, label: n }, n)))] }), selected && (_jsxs("span", { className: "mt-1 inline-flex items-center gap-1 self-start font-medium text-primary text-xs", children: [_jsx(Check, { className: "h-3 w-3" }), _jsx("span", { children: messages.common.selected })] }))] }));
 }
 function Inclusion({ ok, icon, label }) {
     return (_jsxs("li", { className: "flex items-center gap-2 text-xs", children: [ok ? (_jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-emerald-600" })) : (_jsx(X, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/60" })), _jsxs("span", { className: "flex items-center gap-1.5 text-foreground", children: [icon, _jsx("span", { className: cn(!ok && "text-muted-foreground"), children: label })] })] }));
@@ -103,31 +123,39 @@ function TierIcon({ tier }) {
             return _jsx(Briefcase, { className: "h-3.5 w-3.5 text-muted-foreground" });
     }
 }
-function buildPassengerRows(passengers, counts) {
+function buildPassengerRows(passengers, counts, messages) {
     if (passengers.length > 0) {
         return passengers.map((p, idx) => ({
             passengerId: p.passengerId,
-            label: nameOrFallback(p, idx),
+            label: nameOrFallback(p, idx, 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, 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 formatMoney(amount, currency) {
     const n = Number(amount);

package/dist/components/flight-filters-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flight-filters-bar.d.ts","sourceRoot":"","sources":["../../src/components/flight-filters-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAmBnE,MAAM,WAAW,kBAAkB;IACjC,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,sEAAsE;IACtE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,kBAIlC,CAAA;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,kBAAkB,CAAA;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC5C,uFAAuF;IACvF,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CACvD;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,qBAAqB,2CA+C/F"}
+{"version":3,"file":"flight-filters-bar.d.ts","sourceRoot":"","sources":["../../src/components/flight-filters-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAoBnE,MAAM,WAAW,kBAAkB;IACjC,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,sEAAsE;IACtE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,kBAIlC,CAAA;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,kBAAkB,CAAA;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC5C,uFAAuF;IACvF,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CACvD;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,qBAAqB,2CAmD/F"}

package/dist/components/flight-filters-bar.js

@@ -1,11 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyantjs/i18n";
 import { Button } from "@voyantjs/ui/components/button";
 import { Checkbox } from "@voyantjs/ui/components/checkbox";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from "@voyantjs/ui/components/command";
 import { Input } from "@voyantjs/ui/components/input";
 import { Popover, PopoverContent, PopoverTrigger } from "@voyantjs/ui/components/popover";
 import { PlusCircle, X } from "lucide-react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 import { AirlineLogo } from "./airline-logo.js";
 export const EMPTY_FLIGHT_FILTERS = {
     carriers: [],
@@ -13,15 +15,16 @@ export const EMPTY_FLIGHT_FILTERS = {
     maxPrice: null,
 };
 export function FlightFiltersBar({ value, onChange, offers, carrierName }) {
+    const messages = useFlightsUiMessagesOrDefault();
     const carrierBuckets = deriveCarrierBuckets(offers);
     const stopsBuckets = deriveStopsBuckets(offers);
     const hasSelections = value.carriers.length > 0 || value.maxStops != null || value.maxPrice != null;
-    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(CarrierFilter, { buckets: carrierBuckets, selected: value.carriers, carrierName: carrierName, onToggle: (code) => onChange({
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(CarrierFilter, { buckets: carrierBuckets, selected: value.carriers, carrierName: carrierName, messages: messages.flightFiltersBar, onToggle: (code) => onChange({
                     ...value,
                     carriers: value.carriers.includes(code)
                         ? value.carriers.filter((c) => c !== code)
                         : [...value.carriers, code],
-                }), onClear: () => onChange({ ...value, carriers: [] }) }), _jsx(StopsFilter, { buckets: stopsBuckets, selected: value.maxStops, onSelect: (maxStops) => onChange({ ...value, maxStops }) }), _jsx(PriceFilter, { value: value.maxPrice, onChange: (maxPrice) => onChange({ ...value, maxPrice }) }), hasSelections && (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 px-2 text-muted-foreground hover:text-foreground", onClick: () => onChange(EMPTY_FLIGHT_FILTERS), children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), "Clear all"] }))] }));
+                }), onClear: () => onChange({ ...value, carriers: [] }) }), _jsx(StopsFilter, { buckets: stopsBuckets, selected: value.maxStops, onSelect: (maxStops) => onChange({ ...value, maxStops }), messages: messages }), _jsx(PriceFilter, { value: value.maxPrice, onChange: (maxPrice) => onChange({ ...value, maxPrice }), messages: messages.flightFiltersBar }), hasSelections && (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 px-2 text-muted-foreground hover:text-foreground", onClick: () => onChange(EMPTY_FLIGHT_FILTERS), children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), messages.flightFiltersBar.clearAll] }))] }));
 }
 /**
  * Shared inline trigger contents for the three filter popovers. Renders
@@ -34,14 +37,14 @@ function TriggerContents({ label, count, preview, }) {
     return (_jsxs(_Fragment, { children: [_jsx(PlusCircle, { className: "h-3.5 w-3.5" }), _jsx("span", { children: label }), preview, count != null && count > 0 && (_jsx("span", { className: "-mr-0.5 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-medium tabular-nums text-primary-foreground", children: count }))] }));
 }
 const TRIGGER_CLASS = "h-8 gap-2 border-dashed";
-function CarrierFilter({ buckets, selected, carrierName, onToggle, onClear, }) {
+function CarrierFilter({ buckets, selected, carrierName, onToggle, onClear, messages, }) {
     if (buckets.length === 0)
         return null;
     const selectedSet = new Set(selected);
-    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm", className: TRIGGER_CLASS }), children: _jsx(TriggerContents, { label: "Airlines", count: selected.length }) }), _jsx(PopoverContent, { className: "w-[260px] p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Filter airlines\u2026" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No airlines." }), _jsx(CommandGroup, { children: buckets.map((b) => {
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm", className: TRIGGER_CLASS }), children: _jsx(TriggerContents, { label: messages.airlines, count: selected.length }) }), _jsx(PopoverContent, { className: "w-[260px] p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: messages.filterAirlinesPlaceholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: messages.noAirlines }), _jsx(CommandGroup, { children: buckets.map((b) => {
                                         const isSelected = selectedSet.has(b.iataCode);
                                         return (_jsxs(CommandItem, { onSelect: () => onToggle(b.iataCode), children: [_jsx(Checkbox, { checked: isSelected, tabIndex: -1, "aria-hidden": true, className: "mr-2 pointer-events-none" }), _jsx(AirlineLogo, { iataCode: b.iataCode, name: carrierName?.(b.iataCode), size: 20, className: "mr-2" }), _jsx("span", { className: "flex-1 truncate", children: carrierName?.(b.iataCode) ?? b.iataCode }), _jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: b.count })] }, b.iataCode));
-                                    }) }), selected.length > 0 && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsx(CommandItem, { onSelect: onClear, className: "justify-center text-center text-muted-foreground", children: "Clear filter" }) })] }))] })] }) })] }));
+                                    }) }), selected.length > 0 && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsx(CommandItem, { onSelect: onClear, className: "justify-center text-center text-muted-foreground", children: messages.clearFilter }) })] }))] })] }) })] }));
 }
 function deriveCarrierBuckets(offers) {
     const counts = new Map();
@@ -59,14 +62,19 @@ function deriveCarrierBuckets(offers) {
         .map(([iataCode, count]) => ({ iataCode, count }))
         .sort((a, b) => b.count - a.count);
 }
-function StopsFilter({ buckets, selected, onSelect, }) {
+function StopsFilter({ buckets, selected, onSelect, messages, }) {
     if (buckets.length === 0)
         return null;
-    const preview = selected != null ? (_jsx("span", { className: "text-muted-foreground", children: selected === 0 ? "· Nonstop" : `· ≤ ${selected}` })) : null;
-    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm", className: TRIGGER_CLASS }), children: _jsx(TriggerContents, { label: "Stops", preview: preview }) }), _jsx(PopoverContent, { className: "w-[200px] p-0", align: "start", children: _jsx(Command, { children: _jsxs(CommandList, { children: [_jsx(CommandGroup, { children: buckets.map((b) => {
+    const filterMessages = messages.flightFiltersBar;
+    const preview = selected != null ? (_jsx("span", { className: "text-muted-foreground", children: selected === 0 ? `· ${messages.common.stops.nonstop}` : `· ≤ ${selected}` })) : null;
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm", className: TRIGGER_CLASS }), children: _jsx(TriggerContents, { label: filterMessages.stops, preview: preview }) }), _jsx(PopoverContent, { className: "w-[200px] p-0", align: "start", children: _jsx(Command, { children: _jsxs(CommandList, { children: [_jsx(CommandGroup, { children: buckets.map((b) => {
                                     const isSelected = selected === b.stops;
-                                    return (_jsxs(CommandItem, { onSelect: () => onSelect(b.stops), children: [_jsx(Checkbox, { checked: isSelected, tabIndex: -1, "aria-hidden": true, className: "mr-2 pointer-events-none" }), _jsx("span", { className: "flex-1", children: b.stops === 0 ? "Nonstop" : `Up to ${b.stops} stop${b.stops > 1 ? "s" : ""}` }), _jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: b.count })] }, b.stops));
-                                }) }), selected != null && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsx(CommandItem, { onSelect: () => onSelect(null), className: "justify-center text-center text-muted-foreground", children: "Clear filter" }) })] }))] }) }) })] }));
+                                    return (_jsxs(CommandItem, { onSelect: () => onSelect(b.stops), children: [_jsx(Checkbox, { checked: isSelected, tabIndex: -1, "aria-hidden": true, className: "mr-2 pointer-events-none" }), _jsx("span", { className: "flex-1", children: b.stops === 0
+                                                    ? messages.common.stops.nonstop
+                                                    : formatMessage(b.stops === 1
+                                                        ? messages.common.stops.upToOne
+                                                        : messages.common.stops.upToMany, { count: b.stops }) }), _jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: b.count })] }, b.stops));
+                                }) }), selected != null && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsx(CommandItem, { onSelect: () => onSelect(null), className: "justify-center text-center text-muted-foreground", children: filterMessages.clearFilter }) })] }))] }) }) })] }));
 }
 function deriveStopsBuckets(offers) {
     const counts = new Map();
@@ -81,10 +89,10 @@ function deriveStopsBuckets(offers) {
 // ─────────────────────────────────────────────────────────────────────────────
 // Price
 // ─────────────────────────────────────────────────────────────────────────────
-function PriceFilter({ value, onChange, }) {
+function PriceFilter({ value, onChange, messages, }) {
     const preview = value != null ? _jsxs("span", { className: "text-muted-foreground", children: ["\u00B7 \u2264 ", value] }) : null;
-    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm", className: TRIGGER_CLASS }), children: _jsx(TriggerContents, { label: "Price", preview: preview }) }), _jsx(PopoverContent, { className: "w-[240px] p-3", align: "start", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Maximum price" }), _jsx(Input, { type: "number", inputMode: "decimal", min: 0, placeholder: "No cap", defaultValue: value ?? "", className: "h-8", onBlur: (e) => {
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm", className: TRIGGER_CLASS }), children: _jsx(TriggerContents, { label: messages.price, preview: preview }) }), _jsx(PopoverContent, { className: "w-[240px] p-3", align: "start", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: messages.maximumPrice }), _jsx(Input, { type: "number", inputMode: "decimal", min: 0, placeholder: messages.noCap, defaultValue: value ?? "", className: "h-8", onBlur: (e) => {
                                 const n = Number(e.target.value);
                                 onChange(Number.isFinite(n) && n > 0 ? n : null);
-                            } }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => onChange(null), disabled: value == null, className: "self-start", children: "Clear" })] }) })] }));
+                            } }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => onChange(null), disabled: value == null, className: "self-start", children: messages.clear })] }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"flight-itinerary.d.ts","sourceRoot":"","sources":["../../src/components/flight-itinerary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAOhF,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,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,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACvD,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,kDA4EtB"}
+{"version":3,"file":"flight-itinerary.d.ts","sourceRoot":"","sources":["../../src/components/flight-itinerary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAShF,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,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,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACvD,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,kDAiFtB"}