@voyant-travel/flights-react 0.119.2

package/dist/components/flight-itinerary.js

@@ -0,0 +1,110 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Plane } from "lucide-react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { AirlineLogo } from "./airline-logo.js";
+/**
+ * Carrier-aware itinerary renderer. One itinerary = one direction of travel
+ * (outbound, return, or one leg of an open-jaw). Surfaces:
+ *  - per-segment carrier + flight number
+ *  - operating-vs-marketing carrier ("Operated by …") for codeshares
+ *  - layover dwell time chips between segments
+ *  - aircraft per segment
+ *  - total journey duration
+ *
+ * `compact` strips the per-segment cards down to a single timeline row —
+ * suitable for the booking ledger.
+ */
+export function FlightItinerary({ itinerary, label, sublabel, carrierName, airportName, aircraftName, compact, className, }) {
+    const messages = useFlightsUiMessagesOrDefault();
+    const segs = itinerary.segments;
+    const first = segs[0];
+    const last = segs[segs.length - 1];
+    if (!first || !last)
+        return null;
+    const stops = segs.length - 1;
+    const totalDuration = itinerary.duration ?? deriveDuration(first, last);
+    const carriers = Array.from(new Set(segs.map((s) => s.carrierCode)));
+    if (compact) {
+        return (_jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [(label || sublabel) && (_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [label && (_jsx("span", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: label })), sublabel && _jsx("span", { className: "text-[11px] text-muted-foreground", children: sublabel })] })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex shrink-0 items-center -space-x-1", children: carriers.map((code) => (_jsx(AirlineLogo, { iataCode: code, name: carrierName?.(code), size: 20 }, code))) }), _jsxs("span", { className: "font-mono text-xs text-foreground", children: [first.departure.iataCode, " \u2192 ", last.arrival.iataCode] }), _jsxs("span", { className: "text-[11px] text-muted-foreground", children: [formatTime(first.departure.at), " \u2013 ", formatTime(last.arrival.at)] }), _jsxs("span", { className: "ml-auto text-[11px] text-muted-foreground", children: [formatStops(stops, messages), totalDuration && ` · ${formatDuration(totalDuration)}`] })] })] }));
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-3", className), children: [(label || sublabel) && (_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [label && (_jsx("h4", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: label })), (sublabel || totalDuration) && (_jsxs("span", { className: "text-[11px] text-muted-foreground", children: [sublabel, sublabel && totalDuration && " · ", totalDuration &&
+                                formatMessage(messages.flightItinerary.totalDuration, {
+                                    duration: formatDuration(totalDuration),
+                                })] }))] })), _jsx("div", { className: "flex flex-col", children: segs.map((seg, idx) => (_jsx(SegmentBlock, { segment: seg, carrierName: carrierName, airportName: airportName, aircraftName: aircraftName, messages: messages, layoverBefore: idx > 0 ? layoverBetween(segs[idx - 1], seg) : null }, seg.segmentId))) })] }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+function SegmentBlock({ segment, carrierName, airportName, aircraftName, messages, layoverBefore, }) {
+    const isCodeshare = segment.operatingCarrierCode != null && segment.operatingCarrierCode !== segment.carrierCode;
+    return (_jsxs(_Fragment, { children: [layoverBefore && (_jsxs("div", { className: "my-1 flex items-center gap-2 px-2 text-xs text-muted-foreground", children: [_jsx("div", { className: "h-px flex-1 bg-border" }), _jsxs("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[11px]", children: [messages.flightItinerary.layover, " \u00B7", " ", formatMessage(messages.flightItinerary.layoverIn, {
+                                duration: layoverBefore.dwell,
+                                airport: layoverBefore.airport,
+                            })] }), _jsx("div", { className: "h-px flex-1 bg-border" })] })), _jsxs("div", { className: "rounded-lg border bg-card p-3", children: [_jsxs("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [_jsx(AirlineLogo, { iataCode: segment.carrierCode, name: carrierName?.(segment.carrierCode), size: 24 }), _jsx("span", { className: "font-medium text-sm", children: carrierName?.(segment.carrierCode) ?? segment.carrierCode }), _jsxs("span", { className: "font-mono text-muted-foreground text-xs", children: [segment.carrierCode, segment.flightNumber] }), isCodeshare && (_jsx(Badge, { variant: "secondary", className: "text-[10px] uppercase tracking-wide", children: formatMessage(messages.flightItinerary.operatedBy, {
+                                    carrier: carrierName?.(segment.operatingCarrierCode ?? "") ??
+                                        segment.operatingCarrierCode ??
+                                        "",
+                                }) })), _jsx(Badge, { variant: "outline", className: "ml-auto capitalize", children: messages.common.cabinLabels[segment.cabin] })] }), _jsxs("div", { className: "grid grid-cols-[1fr_auto_1fr] items-center gap-3", children: [_jsx(Endpoint, { at: segment.departure.at, iata: segment.departure.iataCode, terminal: segment.departure.terminal, airportName: airportName?.(segment.departure.iataCode), messages: messages }), _jsxs("div", { className: "flex flex-col items-center gap-1 text-muted-foreground text-xs", children: [_jsx(Plane, { className: "h-3.5 w-3.5" }), segment.duration && _jsx("span", { children: formatDuration(segment.duration) })] }), _jsx(Endpoint, { at: segment.arrival.at, iata: segment.arrival.iataCode, terminal: segment.arrival.terminal, airportName: airportName?.(segment.arrival.iataCode), align: "end", messages: messages })] }), segment.aircraft && (_jsxs("div", { className: "mt-2 text-[11px] text-muted-foreground", children: [messages.flightItinerary.aircraft, " ", _jsx("span", { className: "text-foreground", children: aircraftName?.(segment.aircraft) ?? segment.aircraft })] }))] })] }));
+}
+function Endpoint({ at, iata, terminal, airportName, messages, align = "start", }) {
+    return (_jsxs("div", { className: cn("flex flex-col leading-tight", align === "end" ? "items-end" : "items-start"), children: [_jsx("span", { className: "font-semibold text-lg tabular-nums", children: formatTime(at) }), _jsx("span", { className: "font-mono text-muted-foreground text-xs", children: iata }), airportName && _jsx("span", { className: "text-[11px] text-muted-foreground", children: airportName }), terminal && (_jsx("span", { className: "text-[10px] text-muted-foreground", children: formatMessage(messages.flightItinerary.terminal, { terminal }) })), _jsx("span", { className: "mt-0.5 text-[10px] text-muted-foreground", children: formatDate(at) })] }));
+}
+function formatStops(stops, messages) {
+    if (stops === 0)
+        return messages.common.stops.nonstop;
+    return formatMessage(stops === 1 ? messages.common.stops.oneStop : messages.common.stops.manyStops, {
+        count: stops,
+    });
+}
+// ── Formatters ───────────────────────────────────────────────────────────────
+function formatTime(iso) {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return new Intl.DateTimeFormat(undefined, { hour: "2-digit", minute: "2-digit" }).format(d);
+}
+function formatDate(iso) {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return new Intl.DateTimeFormat(undefined, {
+        weekday: "short",
+        day: "numeric",
+        month: "short",
+    }).format(d);
+}
+function formatDuration(iso) {
+    if (!iso)
+        return "";
+    const m = /^PT(?:(\d+)H)?(?:(\d+)M)?$/.exec(iso);
+    if (!m)
+        return iso;
+    const h = m[1] ? `${m[1]}h` : "";
+    const min = m[2] ? `${m[2]}m` : "";
+    return [h, min].filter(Boolean).join(" ") || iso;
+}
+function layoverBetween(prev, next) {
+    if (!prev)
+        return null;
+    const a = new Date(prev.arrival.at).getTime();
+    const b = new Date(next.departure.at).getTime();
+    if (Number.isNaN(a) || Number.isNaN(b) || b <= a)
+        return null;
+    const minutes = Math.round((b - a) / 60000);
+    const h = Math.floor(minutes / 60);
+    const m = minutes % 60;
+    const dwell = [h ? `${h}h` : "", m ? `${m}m` : ""].filter(Boolean).join(" ") || `${minutes}m`;
+    return { airport: prev.arrival.iataCode, dwell };
+}
+function deriveDuration(first, last) {
+    const a = new Date(first.departure.at).getTime();
+    const b = new Date(last.arrival.at).getTime();
+    if (Number.isNaN(a) || Number.isNaN(b) || b <= a)
+        return undefined;
+    const minutes = Math.round((b - a) / 60000);
+    const h = Math.floor(minutes / 60);
+    const m = minutes % 60;
+    return `PT${h}H${m}M`;
+}

package/dist/components/flight-offer-detail.d.ts

@@ -0,0 +1,21 @@
+import type { FlightOffer } from "@voyant-travel/flights/contract/types";
+export interface FlightOfferDetailProps {
+    offer: FlightOffer;
+    /** Resolves IATA carrier code → human-readable name. */
+    carrierName?: (iataCode: string) => string | undefined;
+    /** Resolves IATA airport code → "City Name (IATA)" or similar. */
+    airportName?: (iataCode: string) => string | undefined;
+    /** Resolves IATA aircraft code → "Boeing 737-800" or similar. */
+    aircraftName?: (iataCode: string) => string | undefined;
+    /** Override per-itinerary labels (defaults to "Outbound" / "Return" / "Leg N"). */
+    itineraryLabels?: string[];
+    className?: string;
+}
+/**
+ * Full-fidelity flight offer view for the detail sheet. Composes the shared
+ * `FlightItinerary` renderer for each leg, then a fare breakdown + offer
+ * metadata. Codeshare segments and layover dwell times are surfaced by the
+ * itinerary component itself.
+ */
+export declare function FlightOfferDetail({ offer, carrierName, airportName, aircraftName, itineraryLabels, className, }: FlightOfferDetailProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flight-offer-detail.d.ts.map

package/dist/components/flight-offer-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flight-offer-detail.d.ts","sourceRoot":"","sources":["../../src/components/flight-offer-detail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,WAAW,EAAE,MAAM,uCAAuC,CAAA;AAQvF,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,WAAW,CAAA;IAClB,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD,iEAAiE;IACjE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACvD,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,eAAe,EACf,SAAS,GACV,EAAE,sBAAsB,2CA0ExB"}

package/dist/components/flight-offer-detail.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Separator } from "@voyant-travel/ui/components/separator";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { useFlightsUiI18nOrDefault } from "../i18n/index.js";
+import { FlightItinerary } from "./flight-itinerary.js";
+/**
+ * Full-fidelity flight offer view for the detail sheet. Composes the shared
+ * `FlightItinerary` renderer for each leg, then a fare breakdown + offer
+ * metadata. Codeshare segments and layover dwell times are surfaced by the
+ * itinerary component itself.
+ */
+export function FlightOfferDetail({ offer, carrierName, airportName, aircraftName, itineraryLabels, className, }) {
+    const i18n = useFlightsUiI18nOrDefault();
+    const messages = i18n.messages;
+    return (_jsxs("div", { className: cn("flex flex-col gap-6", className), children: [_jsx("section", { className: "flex flex-col gap-5", children: offer.itineraries.map((itin, i) => (_jsx(FlightItinerary
+                // biome-ignore lint/suspicious/noArrayIndexKey: itineraries are positional (outbound/return) -- owner: flights-react; existing suppression is intentional pending typed cleanup.
+                , { itinerary: itin, label: itineraryLabels?.[i] ?? defaultItineraryLabel(i, offer.itineraries.length, messages), carrierName: carrierName, airportName: airportName, aircraftName: aircraftName }, i))) }), _jsxs("section", { className: "flex flex-col gap-2", children: [_jsx("h4", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: messages.flightOfferDetail.fareBreakdown }), _jsxs("div", { className: "overflow-hidden rounded-lg border", children: [offer.fareBreakdowns.map((b, i) => (_jsx(FareRow, { breakdown: b, i18n: i18n }, i))), _jsx(Separator, {}), _jsxs("div", { className: "flex items-center justify-between bg-muted/30 px-4 py-3", children: [_jsx("span", { className: "font-medium text-sm", children: messages.common.total }), _jsx("span", { className: "font-semibold text-base tabular-nums", children: formatMoney(offer.totalPrice.amount, offer.totalPrice.currency, i18n) })] })] })] }), (offer.validatingCarrier ||
+                offer.expiresAt ||
+                offer.lastTicketingDate ||
+                offer.instantTicketing) && (_jsxs("section", { className: "flex flex-wrap items-center gap-2 text-muted-foreground text-xs", children: [offer.validatingCarrier && (_jsxs("span", { children: [messages.flightOfferDetail.validatingCarrier, " ", _jsx("span", { className: "font-mono text-foreground", children: offer.validatingCarrier })] })), offer.expiresAt && (_jsxs("span", { children: ["\u00B7", " ", formatMessage(messages.flightOfferDetail.expires, {
+                                date: i18n.formatDateTime(offer.expiresAt),
+                            })] })), offer.lastTicketingDate && (_jsxs("span", { children: ["\u00B7", " ", formatMessage(messages.flightOfferDetail.lastTicketing, {
+                                date: i18n.formatDate(offer.lastTicketingDate),
+                            })] })), offer.instantTicketing && (_jsx(Badge, { variant: "secondary", children: messages.flightOfferDetail.instantTicketing }))] }))] }));
+}
+function defaultItineraryLabel(idx, total, messages) {
+    if (total === 1)
+        return messages.common.legLabels.itinerary;
+    if (total === 2)
+        return idx === 0 ? messages.common.legLabels.outbound : messages.common.legLabels.return;
+    return formatMessage(messages.common.legLabels.leg, { number: idx + 1 });
+}
+function FareRow({ breakdown, i18n, }) {
+    const messages = i18n.messages;
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4 px-4 py-2.5 text-sm", children: [_jsxs("div", { className: "flex flex-col leading-tight", children: [_jsxs("span", { className: "capitalize", children: [breakdown.passengerCount, "\u00D7 ", messages.common.passengerTypeLabels[breakdown.passengerType]] }), breakdown.fareFamily && (_jsx("span", { className: "text-muted-foreground text-xs", children: breakdown.fareFamily }))] }), _jsxs("div", { className: "flex items-center gap-4 text-muted-foreground text-xs tabular-nums", children: [_jsx("span", { children: formatMessage(messages.flightOfferDetail.base, {
+                            amount: formatMoney(breakdown.baseFare.amount, breakdown.baseFare.currency, i18n),
+                        }) }), _jsx("span", { children: formatMessage(messages.flightOfferDetail.tax, {
+                            amount: formatMoney(breakdown.taxes.amount, breakdown.taxes.currency, i18n),
+                        }) }), _jsx("span", { className: "font-medium text-foreground text-sm", children: formatMoney(breakdown.total.amount, breakdown.total.currency, i18n) })] })] }));
+}
+function formatMoney(amount, currency, i18n) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${amount} ${currency}`;
+    return i18n.formatCurrency(n, currency, { maximumFractionDigits: 0 });
+}

package/dist/components/flight-offer-row.d.ts

@@ -0,0 +1,25 @@
+import type { FlightOffer } from "@voyant-travel/flights/contract/types";
+export interface FlightOfferRowProps {
+    offer: FlightOffer;
+    /** Click handler — typically opens the detail sheet. */
+    onClick?: (offer: FlightOffer) => void;
+    /** "Select" CTA — when set, renders a primary button alongside the price. */
+    onSelect?: (offer: FlightOffer) => void;
+    /** Customize the select CTA label. Defaults to "Select". */
+    selectLabel?: string;
+    /** Optional carrier name resolver — used for the logo `alt` text. */
+    carrierName?: (iataCode: string) => string | undefined;
+    /** Highlight ring (e.g. when this offer is currently picked). */
+    selected?: boolean;
+    className?: string;
+}
+/**
+ * One row in the search-results list. Lays out each itinerary on its own
+ * line: carriers · departure time · journey · arrival time · stops ·
+ * duration. Total price sits on the right with an optional "Select" CTA.
+ *
+ * For per-leg searches, each offer carries one itinerary; for combined
+ * round-trip searches it carries two. The renderer handles both shapes.
+ */
+export declare function FlightOfferRow({ offer, onClick, onSelect, selectLabel, carrierName, selected, className, }: FlightOfferRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flight-offer-row.d.ts.map

package/dist/components/flight-offer-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flight-offer-row.d.ts","sourceRoot":"","sources":["../../src/components/flight-offer-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,uCAAuC,CAAA;AAQnF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,WAAW,CAAA;IAClB,wDAAwD;IACxD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACtC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACtD,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CA0CrB"}

package/dist/components/flight-offer-row.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Plane } from "lucide-react";
+import { useFlightsUiI18nOrDefault } from "../i18n/index.js";
+import { AirlineLogo } from "./airline-logo.js";
+/**
+ * One row in the search-results list. Lays out each itinerary on its own
+ * line: carriers · departure time · journey · arrival time · stops ·
+ * duration. Total price sits on the right with an optional "Select" CTA.
+ *
+ * For per-leg searches, each offer carries one itinerary; for combined
+ * round-trip searches it carries two. The renderer handles both shapes.
+ */
+export function FlightOfferRow({ offer, onClick, onSelect, selectLabel, carrierName, selected, className, }) {
+    const i18n = useFlightsUiI18nOrDefault();
+    const messages = i18n.messages;
+    const interactive = !!onClick;
+    const Container = interactive ? "button" : "div";
+    return (_jsxs(Container, { type: interactive ? "button" : undefined, onClick: onClick ? () => onClick(offer) : undefined, className: cn("flex w-full items-stretch gap-4 rounded-lg border bg-card p-4 text-left shadow-sm transition-colors", interactive && "hover:border-primary/40 hover:bg-accent/30", selected && "border-primary ring-1 ring-primary/40", className), children: [_jsx("div", { className: "flex min-w-0 flex-1 flex-col gap-3", children: offer.itineraries.map((itin, i) => (_jsx(ItineraryRow, { itinerary: itin, carrierName: carrierName, messages: messages }, i))) }), _jsxs("div", { className: "flex shrink-0 flex-col items-end justify-center gap-2 border-l pl-4", children: [_jsx("div", { className: "font-semibold text-2xl tabular-nums", children: formatMoney(offer.totalPrice.amount, offer.totalPrice.currency, i18n) }), _jsx(PriceFootnote, { offer: offer, i18n: i18n }), onSelect && (_jsx("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            onSelect(offer);
+                        }, className: "mt-1 inline-flex h-8 items-center justify-center rounded-md bg-primary px-3 font-medium text-primary-foreground text-xs hover:bg-primary/90", children: selectLabel ?? messages.flightOfferRow.select }))] })] }));
+}
+function PriceFootnote({ offer, i18n, }) {
+    const messages = i18n.messages;
+    const totalPax = offer.fareBreakdowns.reduce((n, b) => n + b.passengerCount, 0);
+    const adult = offer.fareBreakdowns.find((b) => b.passengerType === "adult");
+    if (totalPax <= 1) {
+        return _jsx("div", { className: "text-muted-foreground text-xs", children: messages.common.total });
+    }
+    return (_jsxs("div", { className: "flex flex-col items-end gap-0.5 text-muted-foreground text-xs", children: [_jsxs("span", { children: [messages.common.total, " \u00B7 ", totalPax, " ", messages.common.pax] }), adult && (_jsxs("span", { children: [formatMoney(adult.total.amount, adult.total.currency, i18n), _jsx("span", { className: "ml-0.5 text-muted-foreground/70", children: messages.common.adultPerPassenger })] }))] }));
+}
+function ItineraryRow({ itinerary, carrierName, messages, }) {
+    const segs = itinerary.segments;
+    const first = segs[0];
+    const last = segs[segs.length - 1];
+    if (!first || !last)
+        return null;
+    const carriers = Array.from(new Set(segs.map((s) => s.carrierCode)));
+    const stops = segs.length - 1;
+    const hasCodeshare = segs.some((s) => s.operatingCarrierCode != null && s.operatingCarrierCode !== s.carrierCode);
+    const hasInterline = carriers.length > 1;
+    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex shrink-0 items-center -space-x-1.5", children: carriers.map((code) => (_jsx(AirlineLogo, { iataCode: code, name: carrierName?.(code), size: 28 }, code))) }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [_jsx(Endpoint, { at: first.departure.at, iata: first.departure.iataCode }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-center gap-1", children: [_jsx("div", { className: "text-[11px] text-muted-foreground", children: formatDuration(itinerary.duration) }), _jsxs("div", { className: "flex w-full items-center gap-1.5", children: [_jsx("div", { className: "h-px flex-1 bg-border" }), _jsx(Plane, { className: "h-3 w-3 text-muted-foreground" }), _jsx("div", { className: "h-px flex-1 bg-border" })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-center gap-1.5 text-[11px] text-muted-foreground", children: [stops === 0 ? (_jsx("span", { className: "font-medium text-emerald-600", children: messages.common.stops.nonstop })) : (_jsx("span", { children: formatMessage(messages.common.stops.via, {
+                                            stops: formatMessage(stops === 1 ? messages.common.stops.oneStop : messages.common.stops.manyStops, { count: stops }),
+                                            airports: segs
+                                                .slice(0, -1)
+                                                .map((s) => s.arrival.iataCode)
+                                                .join(", "),
+                                        }) })), hasInterline && (_jsx(Badge, { variant: "secondary", className: "px-1.5 py-0 text-[9px]", children: messages.flightOfferRow.interline })), hasCodeshare && (_jsx(Badge, { variant: "secondary", className: "px-1.5 py-0 text-[9px]", children: messages.flightOfferRow.codeshare }))] })] }), _jsx(Endpoint, { at: last.arrival.at, iata: last.arrival.iataCode, align: "end" })] }), _jsx(Badge, { variant: "outline", className: "shrink-0 capitalize", children: messages.common.cabinLabels[first.cabin] })] }));
+}
+function Endpoint({ at, iata, align = "start", }) {
+    return (_jsxs("div", { className: cn("flex shrink-0 flex-col leading-tight", align === "end" ? "items-end" : "items-start"), children: [_jsx("span", { className: "font-semibold text-base tabular-nums", children: formatTime(at) }), _jsx("span", { className: "font-mono text-muted-foreground text-xs", children: iata })] }));
+}
+function formatMoney(amount, currency, i18n) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${amount} ${currency}`;
+    return i18n.formatCurrency(n, currency, { maximumFractionDigits: 0 });
+}
+function formatTime(iso) {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return new Intl.DateTimeFormat(undefined, { hour: "2-digit", minute: "2-digit" }).format(d);
+}
+function formatDuration(iso) {
+    if (!iso)
+        return "";
+    const m = /^PT(?:(\d+)H)?(?:(\d+)M)?$/.exec(iso);
+    if (!m)
+        return iso;
+    const h = m[1] ? `${m[1]}h` : "";
+    const min = m[2] ? `${m[2]}m` : "";
+    return [h, min].filter(Boolean).join(" ") || iso;
+}

package/dist/components/flight-order-confirmation.d.ts

@@ -0,0 +1,13 @@
+import type { FlightOrder } from "@voyant-travel/flights/contract/types";
+export interface FlightOrderConfirmationProps {
+    order: FlightOrder;
+    /** Optional cancel button — pass when the order is still cancellable. */
+    onCancel?: (order: FlightOrder) => void;
+    cancelLoading?: boolean;
+    /** IATA → human-readable resolvers, forwarded to the embedded offer detail. */
+    carrierName?: (iataCode: string) => string | undefined;
+    airportName?: (iataCode: string) => string | undefined;
+    aircraftName?: (iataCode: string) => string | undefined;
+}
+export declare function FlightOrderConfirmation({ order, onCancel, cancelLoading, carrierName, airportName, aircraftName, }: FlightOrderConfirmationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flight-order-confirmation.d.ts.map

package/dist/components/flight-order-confirmation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flight-order-confirmation.d.ts","sourceRoot":"","sources":["../../src/components/flight-order-confirmation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AAWxE,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,WAAW,CAAA;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,+EAA+E;IAC/E,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;CACxD;AAaD,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,YAAY,GACb,EAAE,4BAA4B,2CAgI9B"}

package/dist/components/flight-order-confirmation.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Separator } from "@voyant-travel/ui/components/separator";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { CheckCircle2, Clock, Mail, Phone, Ticket, XCircle } from "lucide-react";
+import { useFlightsUiI18nOrDefault } from "../i18n/index.js";
+import { FlightOfferDetail } from "./flight-offer-detail.js";
+const STATUS_VARIANTS = {
+    pending: { tone: "pending", icon: _jsx(Clock, { className: "h-4 w-4" }) },
+    confirmed: { tone: "ok", icon: _jsx(CheckCircle2, { className: "h-4 w-4" }) },
+    ticketed: { tone: "ok", icon: _jsx(Ticket, { className: "h-4 w-4" }) },
+    cancelled: { tone: "bad", icon: _jsx(XCircle, { className: "h-4 w-4" }) },
+    failed: { tone: "bad", icon: _jsx(XCircle, { className: "h-4 w-4" }) },
+};
+export function FlightOrderConfirmation({ order, onCancel, cancelLoading, carrierName, airportName, aircraftName, }) {
+    const i18n = useFlightsUiI18nOrDefault();
+    const messages = i18n.messages;
+    const status = STATUS_VARIANTS[order.status];
+    const isCancellable = onCancel != null && (order.status === "confirmed" || order.status === "ticketed");
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: messages.flightOrderConfirmation.bookingConfirmed }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "font-mono text-2xl font-semibold tracking-wider", children: order.pnr ?? order.orderId }), _jsxs(Badge, { variant: status.tone === "ok" ? "default" : "secondary", className: cn("gap-1.5", status.tone === "bad" && "bg-destructive/10 text-destructive"), children: [status.icon, messages.common.orderStatusLabels[order.status]] })] }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: order.orderId })] }), _jsxs("div", { className: "text-right", children: [_jsx("div", { className: "text-2xl font-semibold tabular-nums", children: formatMoney(order.totalPrice.amount, order.totalPrice.currency, i18n) }), _jsx("div", { className: "text-xs text-muted-foreground", children: messages.common.total })] })] }), order.paymentDeadline && order.status === "confirmed" && (_jsxs("div", { className: "mt-4 flex items-start gap-2 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-900", children: [_jsx(Clock, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), _jsx("div", { children: formatMessage(messages.flightOrderConfirmation.ticketDeadline, {
+                                    date: i18n.formatDateTime(order.paymentDeadline),
+                                }) })] }))] }), _jsx(Section, { title: messages.flightOrderConfirmation.passengers, children: _jsx("div", { className: "flex flex-col gap-2", children: order.passengers.map((p) => (_jsxs("div", { className: "flex items-center justify-between rounded-md border bg-card px-3 py-2.5 text-sm", children: [_jsxs("div", { className: "flex flex-col leading-tight", children: [_jsx("span", { className: "font-medium", children: [p.firstName, p.middleName, p.lastName].filter(Boolean).join(" ") }), _jsxs("span", { className: "text-xs text-muted-foreground capitalize", children: [p.type, p.dateOfBirth &&
+                                                ` · ${formatMessage(messages.flightOrderConfirmation.dob, {
+                                                    date: p.dateOfBirth,
+                                                })}`] })] }), order.tickets && (_jsx(TicketChip, { number: order.tickets.find((t) => t.passengerId === p.passengerId)?.ticketNumber }))] }, p.passengerId))) }) }), (order.contact?.email || order.contact?.phone) && (_jsx(Section, { title: messages.flightOrderConfirmation.contact, children: _jsxs("div", { className: "flex flex-wrap gap-4 text-sm", children: [order.contact.email && (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(Mail, { className: "h-3.5 w-3.5 text-muted-foreground" }), order.contact.email] })), order.contact.phone && (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(Phone, { className: "h-3.5 w-3.5 text-muted-foreground" }), order.contact.phone] }))] }) })), _jsx(Section, { title: messages.flightOrderConfirmation.itinerary, children: _jsx(FlightOfferDetail, { offer: order.offer, carrierName: carrierName, airportName: airportName, aircraftName: aircraftName }) }), isCancellable && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { variant: "destructive", onClick: () => onCancel(order), disabled: cancelLoading, children: cancelLoading
+                                ? messages.flightOrderConfirmation.cancelling
+                                : messages.flightOrderConfirmation.cancelBooking }) })] }))] }));
+}
+function Section({ title, children }) {
+    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsx("h3", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: title }), children] }));
+}
+function TicketChip({ number }) {
+    if (!number) {
+        return _jsx("span", { className: "text-xs text-muted-foreground", children: "-" });
+    }
+    return _jsx("code", { className: "rounded bg-muted px-2 py-1 font-mono text-[11px]", children: number });
+}
+function formatMoney(amount, currency, i18n) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${amount} ${currency}`;
+    return i18n.formatCurrency(n, currency, { maximumFractionDigits: 0 });
+}

package/dist/components/flight-passenger-form.d.ts

@@ -0,0 +1,49 @@
+import type { FlightPassenger, PassengerCounts, PassengerType } from "@voyant-travel/flights/contract/types";
+import { type ReactNode } from "react";
+/** Subset of FlightPassenger that a picker can pre-fill into a card. */
+export type PassengerPrefill = Partial<Pick<FlightPassenger, "firstName" | "middleName" | "lastName" | "dateOfBirth" | "gender" | "email" | "phone">>;
+export interface FlightPassengerFormProps {
+    /** How many passengers of each type the booking is for. */
+    counts: PassengerCounts;
+    /** Current passenger details (one entry per pax slot). */
+    value: FlightPassenger[];
+    onChange: (next: FlightPassenger[]) => void;
+    /**
+     * Surface a banner above the cards prompting the operator to add travel
+     * documents — typically true when the route looks international. Documents
+     * remain optional (skip-to-check-in is one click), but the prompt nudges
+     * the operator to fill them up-front.
+     */
+    documentsRequired?: boolean;
+    /**
+     * Optional render slot for a person picker. Rendered next to each
+     * passenger card title — typically a "Pick from contacts" button. Calling
+     * `onPicked` with prefill data merges it into the card without
+     * overwriting fields the picker doesn't carry (e.g. CRM has no DOB).
+     */
+    renderPicker?: (slot: {
+        passengerId: string;
+        type: PassengerType;
+    }, onPicked: (prefill: PassengerPrefill) => void) => ReactNode;
+}
+/**
+ * Editable list of passenger forms — one card per pax slot derived from
+ * `counts`. Synthesizes stable `passengerId`s ("pax_adult_1", "pax_child_1",
+ * etc.) so the booking adapter can link tickets to passengers.
+ *
+ * Required fields per pax: type (set), firstName, lastName, dateOfBirth.
+ * Gender + email/phone are optional. A travel-document subsection lives on
+ * each card — collapsed by default ("Add at check-in instead"), expanded
+ * when the operator opts to capture passport / national-id up front. When
+ * filled, the document is written to `value.documents[0]` so it ships
+ * straight through `bookFlight`.
+ */
+export declare function FlightPassengerForm({ counts, value, onChange, documentsRequired, renderPicker, }: FlightPassengerFormProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Validate a list of passengers — returns the list of errors keyed by
+ * passenger id, or an empty object when everything's filled. Used by the
+ * journey to gate the Continue button. Documents are optional, but when
+ * the operator opted to add one its required fields must be filled.
+ */
+export declare function validatePassengers(value: FlightPassenger[]): Record<string, string>;
+//# sourceMappingURL=flight-passenger-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flight-passenger-form.d.ts","sourceRoot":"","sources":["../../src/components/flight-passenger-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,aAAa,EAEd,MAAM,uCAAuC,CAAA;AAc9C,OAAO,EAAE,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAA;AAI1D,wEAAwE;AACxE,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,IAAI,CACF,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CACvF,CACF,CAAA;AAcD,MAAM,WAAW,wBAAwB;IACvC,2DAA2D;IAC3D,MAAM,EAAE,eAAe,CAAA;IACvB,0DAA0D;IAC1D,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,IAAI,CAAA;IAC3C;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CACb,IAAI,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,aAAa,CAAA;KAAE,EAClD,QAAQ,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,KAC1C,SAAS,CAAA;CACf;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,YAAY,GACb,EAAE,wBAAwB,2CAkD1B;AA2PD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAkBnF"}

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

@@ -0,0 +1,159 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from "@voyant-travel/ui/components/checkbox";
+import { CountryCombobox } from "@voyant-travel/ui/components/country-combobox";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { Input } from "@voyant-travel/ui/components/input";
+import { Label } from "@voyant-travel/ui/components/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components/select";
+import { CircleAlert, IdCard } from "lucide-react";
+import { useEffect, useMemo } from "react";
+import { flightsUiEn } from "../i18n/en.js";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+// Date-of-birth range — anyone born within the last 110 years is plausible;
+// future dates make no sense. Computed once at module load.
+const DOB_END_MONTH = new Date();
+const DOB_START_MONTH = new Date(DOB_END_MONTH.getFullYear() - 110, 0, 1);
+// Travel-document expiry range — passports/national IDs are typically valid
+// 10 years; visas can extend further. Cap at +30 years to keep the year
+// dropdown manageable. Past dates are disabled (an expired doc isn't usable
+// for booking).
+const EXPIRY_START_MONTH = new Date();
+const EXPIRY_END_MONTH = new Date(EXPIRY_START_MONTH.getFullYear() + 30, 11, 31);
+/**
+ * Editable list of passenger forms — one card per pax slot derived from
+ * `counts`. Synthesizes stable `passengerId`s ("pax_adult_1", "pax_child_1",
+ * etc.) so the booking adapter can link tickets to passengers.
+ *
+ * Required fields per pax: type (set), firstName, lastName, dateOfBirth.
+ * Gender + email/phone are optional. A travel-document subsection lives on
+ * each card — collapsed by default ("Add at check-in instead"), expanded
+ * when the operator opts to capture passport / national-id up front. When
+ * filled, the document is written to `value.documents[0]` so it ships
+ * straight through `bookFlight`.
+ */
+export function FlightPassengerForm({ counts, value, onChange, documentsRequired, renderPicker, }) {
+    const messages = useFlightsUiMessagesOrDefault();
+    // Derive the canonical pax slots from `counts`. Passenger ids are stable
+    // by position so re-ordering is safe.
+    const slots = useMemo(() => buildSlots(counts), [counts]);
+    // Materialize missing rows so the UI always has one value per slot.
+    // (Keeps existing values when the user navigates back to this step.)
+    useEffect(() => {
+        if (slots.length === value.length)
+            return;
+        const next = slots.map((slot) => {
+            const existing = value.find((p) => p.passengerId === slot.passengerId);
+            return existing ?? blankPassenger(slot.passengerId, slot.type);
+        });
+        onChange(next);
+        // We intentionally only re-sync when slot identities change (counts edit).
+    }, [slots, value.length, value.find, onChange]);
+    const set = (passengerId, patch) => {
+        onChange(value.map((p) => (p.passengerId === passengerId ? { ...p, ...patch } : p)));
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [documentsRequired && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-500/40 bg-amber-500/5 p-3 text-amber-700 text-sm", children: [_jsx(CircleAlert, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: messages.flightPassengerForm.documentsRequiredNotice })] })), slots.map((slot, i) => {
+                const pax = value.find((p) => p.passengerId === slot.passengerId) ??
+                    blankPassenger(slot.passengerId, slot.type);
+                const idx = sameTypeIndex(slots, slot, i) + 1;
+                return (_jsx(PassengerCard, { label: `${labelFor(slot.type, messages)} ${idx}`, messages: messages, value: pax, onChange: (patch) => set(slot.passengerId, patch), picker: renderPicker?.(slot, (prefill) => set(slot.passengerId, stripUndefined(prefill))) }, slot.passengerId));
+            })] }));
+}
+function stripUndefined(obj) {
+    const out = {};
+    for (const [k, v] of Object.entries(obj)) {
+        if (v !== undefined && v !== null)
+            out[k] = v;
+    }
+    return out;
+}
+function PassengerCard({ label, value, onChange, picker, messages, }) {
+    const doc = value.documents?.[0] ?? null;
+    const setDoc = (next) => {
+        onChange({ documents: next ? [next] : undefined });
+    };
+    const updateDoc = (patch) => {
+        setDoc({ ...(doc ?? emptyDoc()), ...patch });
+    };
+    return (_jsxs("div", { className: "rounded-lg border bg-card p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [_jsx("h3", { className: "font-medium text-sm", children: label }), picker] }), _jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-3", children: [_jsx(Field, { label: messages.flightPassengerForm.fields.firstName, required: true, children: _jsx(Input, { value: value.firstName, onChange: (e) => onChange({ firstName: e.target.value }), placeholder: messages.flightPassengerForm.placeholders.asOnPassport }) }), _jsx(Field, { label: messages.flightPassengerForm.fields.middleName, children: _jsx(Input, { value: value.middleName ?? "", onChange: (e) => onChange({ middleName: e.target.value }), placeholder: messages.flightPassengerForm.placeholders.optional }) }), _jsx(Field, { label: messages.flightPassengerForm.fields.lastName, required: true, children: _jsx(Input, { value: value.lastName, onChange: (e) => onChange({ lastName: e.target.value }), placeholder: messages.flightPassengerForm.placeholders.asOnPassport }) }), _jsx(Field, { label: messages.flightPassengerForm.fields.dateOfBirth, required: true, children: _jsx(DatePicker, { value: value.dateOfBirth || null, onChange: (v) => onChange({ dateOfBirth: v ?? "" }), placeholder: messages.flightPassengerForm.placeholders.selectDate, className: "w-full", captionLayout: "dropdown", startMonth: DOB_START_MONTH, endMonth: DOB_END_MONTH, disabled: { after: DOB_END_MONTH } }) }), _jsx(Field, { label: messages.flightPassengerForm.fields.gender, children: _jsxs(Select, { value: value.gender ?? "", onValueChange: (v) => {
+                                if (v)
+                                    onChange({ gender: v });
+                            }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: messages.flightPassengerForm.placeholders.select }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "M", children: messages.common.genderLabels.M }), _jsx(SelectItem, { value: "F", children: messages.common.genderLabels.F }), _jsx(SelectItem, { value: "X", children: messages.common.genderLabels.X })] })] }) })] }), _jsxs("div", { className: "mt-4 border-t pt-4", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [_jsxs("span", { className: "flex items-center gap-1.5 font-medium text-sm", children: [_jsx(IdCard, { className: "h-3.5 w-3.5 text-muted-foreground" }), messages.flightPassengerForm.fields.travelDocument] }), _jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-xs", children: [_jsx(Checkbox, { id: `pax-${value.passengerId}-doc-toggle`, checked: doc != null, onCheckedChange: (v) => setDoc(v ? emptyDoc() : null) }), _jsx("label", { htmlFor: `pax-${value.passengerId}-doc-toggle`, className: "cursor-pointer", children: messages.flightPassengerForm.addNow })] })] }), !doc && (_jsx("p", { className: "text-muted-foreground text-xs", children: messages.flightPassengerForm.skipDocuments })), doc && (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-3", children: [_jsx(Field, { label: messages.flightPassengerForm.fields.documentType, required: true, children: _jsxs(Select, { value: doc.type, onValueChange: (v) => {
+                                        if (!v)
+                                            return;
+                                        updateDoc({ type: v });
+                                    }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "passport", children: messages.common.documentTypeLabels.passport }), _jsx(SelectItem, { value: "national_id", children: messages.common.documentTypeLabels.national_id }), _jsx(SelectItem, { value: "visa", children: messages.common.documentTypeLabels.visa })] })] }) }), _jsx(Field, { label: messages.flightPassengerForm.fields.documentNumber, required: true, children: _jsx(Input, { value: doc.number, onChange: (e) => updateDoc({ number: e.target.value }), placeholder: messages.flightPassengerForm.placeholders.asPrintedOnDocument, autoCapitalize: "characters" }) }), _jsx(Field, { label: messages.flightPassengerForm.fields.countryOfIssue, required: true, children: _jsx(CountryCombobox, { value: doc.countryOfIssue || null, onChange: (code) => updateDoc({ countryOfIssue: code ?? "" }) }) }), _jsx(Field, { label: messages.flightPassengerForm.fields.countryOfNationality, children: _jsx(CountryCombobox, { value: doc.countryOfNationality ?? null, onChange: (code) => updateDoc({ countryOfNationality: code ?? undefined }) }) }), _jsx(Field, { label: messages.flightPassengerForm.fields.expiryDate, required: true, children: _jsx(DatePicker, { value: doc.expiryDate ?? null, onChange: (v) => updateDoc({ expiryDate: v ?? undefined }), placeholder: messages.flightPassengerForm.placeholders.selectDate, className: "w-full", captionLayout: "dropdown", startMonth: EXPIRY_START_MONTH, endMonth: EXPIRY_END_MONTH, disabled: { before: EXPIRY_START_MONTH } }) })] }))] })] }));
+}
+function emptyDoc() {
+    return {
+        type: "passport",
+        number: "",
+        countryOfIssue: "",
+    };
+}
+function Field({ label, required, children, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs(Label, { className: "text-[11px] uppercase tracking-wider text-muted-foreground", children: [label, required && _jsx("span", { className: "ml-0.5 text-destructive", children: "*" })] }), children] }));
+}
+function buildSlots(counts) {
+    const slots = [];
+    for (let i = 1; i <= counts.adults; i++) {
+        slots.push({ passengerId: `pax_adult_${i}`, type: "adult" });
+    }
+    for (let i = 1; i <= (counts.children ?? 0); i++) {
+        slots.push({ passengerId: `pax_child_${i}`, type: "child" });
+    }
+    for (let i = 1; i <= (counts.infants ?? 0); i++) {
+        slots.push({ passengerId: `pax_infant_${i}`, type: "infant" });
+    }
+    return slots;
+}
+function blankPassenger(passengerId, type) {
+    return {
+        passengerId,
+        type,
+        firstName: "",
+        lastName: "",
+        dateOfBirth: "",
+    };
+}
+function labelFor(type, messages) {
+    return messages.common.passengerTypeLabels[type];
+}
+function sameTypeIndex(slots, slot, idx) {
+    let count = 0;
+    for (let i = 0; i < idx; i++) {
+        if (slots[i]?.type === slot.type)
+            count++;
+    }
+    return count;
+}
+/**
+ * Validate a list of passengers — returns the list of errors keyed by
+ * passenger id, or an empty object when everything's filled. Used by the
+ * journey to gate the Continue button. Documents are optional, but when
+ * the operator opted to add one its required fields must be filled.
+ */
+export function validatePassengers(value) {
+    const messages = flightsUiEn.flightPassengerForm.validation;
+    const errors = {};
+    for (const p of value) {
+        if (!p.firstName.trim())
+            errors[p.passengerId] = messages.firstNameRequired;
+        else if (!p.lastName.trim())
+            errors[p.passengerId] = messages.lastNameRequired;
+        else if (!p.dateOfBirth)
+            errors[p.passengerId] = messages.dateOfBirthRequired;
+        else {
+            const doc = p.documents?.[0];
+            if (doc) {
+                if (!doc.number.trim())
+                    errors[p.passengerId] = messages.documentNumberRequired;
+                else if (!doc.countryOfIssue.trim())
+                    errors[p.passengerId] = messages.documentCountryRequired;
+                else if (!doc.expiryDate)
+                    errors[p.passengerId] = messages.documentExpiryRequired;
+            }
+        }
+    }
+    return errors;
+}

package/dist/components/flight-payment-selector.d.ts

@@ -0,0 +1,13 @@
+import type { PaymentIntent } from "@voyant-travel/flights/contract/types";
+export interface FlightPaymentSelectorProps {
+    value: PaymentIntent;
+    onChange: (next: PaymentIntent) => void;
+    /**
+     * Which intents to show. Defaults to all three. Hide options the
+     * configured connector doesn't declare (e.g. drop `hold` when
+     * `flight/holds` capability isn't declared).
+     */
+    available?: Array<PaymentIntent["type"]>;
+}
+export declare function FlightPaymentSelector({ value, onChange, available }: FlightPaymentSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flight-payment-selector.d.ts.map

package/dist/components/flight-payment-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flight-payment-selector.d.ts","sourceRoot":"","sources":["../../src/components/flight-payment-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAM1E,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,aAAa,CAAA;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;CACzC;AA0BD,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CAqD/F"}