@voyant-travel/flights-react 0.119.2

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

@@ -0,0 +1,27 @@
+import type { AncillaryCatalog, AncillarySelection, FlightOffer, FlightPassenger, PassengerCounts } from "@voyant-travel/flights/contract/types";
+type AssistancePicks = NonNullable<AncillarySelection["assistance"]>;
+type ExtrasPicks = NonNullable<AncillarySelection["extras"]>;
+export interface FlightServicesStepProps {
+    /** Per-leg catalogs — outbound required, return only when round-trip. */
+    outboundCatalog: AncillaryCatalog | null;
+    returnCatalog?: AncillaryCatalog | null;
+    outboundOffer: FlightOffer;
+    returnOffer?: FlightOffer;
+    passengers: FlightPassenger[];
+    passengerCounts: PassengerCounts;
+    assistance: AssistancePicks;
+    extras: ExtrasPicks;
+    onAssistanceChange: (next: AssistancePicks) => void;
+    onExtrasChange: (next: ExtrasPicks) => void;
+    loading?: boolean;
+}
+/**
+ * Combined services step covering special assistance (per-pax, trip-wide)
+ * and extras (per-pax, per-leg). Assistance is a flat checkbox list per
+ * passenger; extras are stepper-style line items so the operator can add
+ * multiples (e.g. two pets in cabin). Both are optional — passengers can
+ * leave the step blank and continue.
+ */
+export declare function FlightServicesStep({ outboundCatalog, returnCatalog, outboundOffer, returnOffer, passengers, passengerCounts, assistance, extras, onAssistanceChange, onExtrasChange, loading, }: FlightServicesStepProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=flight-services-step.d.ts.map

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

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

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

@@ -0,0 +1,123 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Checkbox } from "@voyant-travel/ui/components/checkbox";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Accessibility, Minus, Package, Plus, Sparkles } from "lucide-react";
+import { useMemo } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+/**
+ * Combined services step covering special assistance (per-pax, trip-wide)
+ * and extras (per-pax, per-leg). Assistance is a flat checkbox list per
+ * passenger; extras are stepper-style line items so the operator can add
+ * multiples (e.g. two pets in cabin). Both are optional — passengers can
+ * leave the step blank and continue.
+ */
+export function FlightServicesStep({ outboundCatalog, returnCatalog, outboundOffer, returnOffer, passengers, passengerCounts, assistance, extras, onAssistanceChange, onExtrasChange, loading, }) {
+    const messages = useFlightsUiMessagesOrDefault();
+    const isRoundTrip = !!returnOffer;
+    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts, messages), [passengers, passengerCounts, messages]);
+    if (loading) {
+        return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "h-8 w-48 animate-pulse rounded bg-muted/40" }), _jsx("div", { className: "h-40 animate-pulse rounded-xl bg-muted/40" })] }));
+    }
+    if (!outboundCatalog) {
+        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: messages.flightServicesStep.servicesUnavailable }));
+    }
+    const toggleAssistance = (passengerId, optionId, checked) => {
+        const filtered = assistance.filter((p) => !(p.passengerId === passengerId && p.optionId === optionId));
+        if (checked) {
+            onAssistanceChange([...filtered, { passengerId, optionId }]);
+        }
+        else {
+            onAssistanceChange(filtered);
+        }
+    };
+    const setExtraQty = (passengerId, sliceIndex, optionId, quantity) => {
+        const filtered = extras.filter((p) => !(p.passengerId === passengerId && p.sliceIndex === sliceIndex && p.optionId === optionId));
+        if (quantity > 0) {
+            onExtrasChange([...filtered, { passengerId, sliceIndex, optionId, quantity }]);
+        }
+        else {
+            onExtrasChange(filtered);
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: messages.flightServicesStep.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.flightServicesStep.description })] }), _jsx(AssistanceSection, { passengers: paxRows, options: outboundCatalog.assistance, value: assistance, onToggle: toggleAssistance, messages: messages }), _jsx(ExtrasSection, { legLabel: messages.common.legLabels.outbound, offer: outboundOffer, catalog: outboundCatalog, passengers: paxRows, sliceIndex: 0, value: extras, onSetQty: setExtraQty, messages: messages }), isRoundTrip && returnCatalog && returnOffer && (_jsx(ExtrasSection, { legLabel: messages.common.legLabels.return, offer: returnOffer, catalog: returnCatalog, passengers: paxRows, sliceIndex: 1, value: extras, onSetQty: setExtraQty, messages: messages }))] }));
+}
+function AssistanceSection({ passengers, options, value, onToggle, messages, }) {
+    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-4 flex items-center gap-2", children: [_jsx(Accessibility, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "font-medium text-sm", children: messages.flightServicesStep.specialAssistance })] }), _jsx("div", { className: "flex flex-col gap-5", children: passengers.map((pax) => {
+                    const paxPicks = value.filter((v) => v.passengerId === pax.passengerId);
+                    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: paxPicks.length === 0
+                                            ? messages.flightServicesStep.noAssistanceNeeded
+                                            : `${paxPicks.length} ${messages.common.selected}` })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: options.map((opt) => {
+                                    const checked = paxPicks.some((p) => p.optionId === opt.id);
+                                    const id = `svc-${pax.passengerId}-${opt.id}`;
+                                    return (_jsxs("div", { className: cn("flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm transition-colors", checked
+                                            ? "border-primary bg-primary/5"
+                                            : "hover:border-primary/40 hover:bg-accent/30"), children: [_jsx(Checkbox, { id: id, checked: checked, onCheckedChange: (v) => onToggle(pax.passengerId, opt.id, !!v) }), _jsx("label", { htmlFor: id, className: "cursor-pointer", children: opt.label })] }, opt.id));
+                                }) })] }, pax.passengerId));
+                }) })] }));
+}
+function ExtrasSection({ legLabel, offer, catalog, passengers, sliceIndex, value, onSetQty, messages, }) {
+    if (catalog.extras.length === 0)
+        return null;
+    const itin = offer.itineraries[0];
+    const first = itin?.segments[0];
+    const last = itin?.segments[itin.segments.length - 1];
+    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-4 flex items-baseline justify-between gap-2", children: [_jsxs("h3", { className: "flex items-center gap-2 font-medium text-sm", children: [_jsx(Sparkles, { className: "h-4 w-4 text-muted-foreground" }), formatMessage(messages.flightServicesStep.extras, { leg: legLabel })] }), first && last && (_jsxs("span", { className: "text-muted-foreground text-xs", children: [first.departure.iataCode, " \u2192 ", last.arrival.iataCode] }))] }), _jsx("div", { className: "flex flex-col gap-4", children: passengers.map((pax) => (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx("ul", { className: "flex flex-col gap-1.5", children: catalog.extras.map((opt) => {
+                                const pick = value.find((v) => v.passengerId === pax.passengerId &&
+                                    v.sliceIndex === sliceIndex &&
+                                    v.optionId === opt.id);
+                                const qty = pick?.quantity ?? 0;
+                                return (_jsx(ExtraRow, { option: opt, quantity: qty, onChange: (next) => onSetQty(pax.passengerId, sliceIndex, opt.id, next) }, opt.id));
+                            }) })] }, pax.passengerId))) })] }));
+}
+function ExtraRow({ option, quantity, onChange, }) {
+    return (_jsxs("li", { className: "flex items-center justify-between gap-3 rounded-md border bg-card px-3 py-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Package, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate text-sm", children: option.label }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: formatMoney(option.price.amount, option.price.currency) })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(Math.max(0, quantity - 1)), disabled: quantity === 0, children: _jsx(Minus, { className: "h-3 w-3" }) }), _jsx("span", { className: "min-w-6 text-center font-medium text-sm tabular-nums", children: quantity }), _jsx(Button, { type: "button", variant: "outline", size: "icon", className: "h-7 w-7", onClick: () => onChange(Math.min(9, quantity + 1)), children: _jsx(Plus, { className: "h-3 w-3" }) })] })] }));
+}
+// ── Helpers ──────────────────────────────────────────────────────────────────
+function buildPassengerRows(passengers, counts, messages) {
+    if (passengers.length > 0) {
+        return passengers.map((p) => ({
+            passengerId: p.passengerId,
+            label: nameOrFallback(p, messages),
+        }));
+    }
+    const out = [];
+    for (let i = 1; i <= counts.adults; 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: `${messages.common.passengerTypeLabels.child} ${i}`,
+        });
+    }
+    for (let i = 1; i <= (counts.infants ?? 0); i++) {
+        out.push({
+            passengerId: `pax_infant_${i}`,
+            label: `${messages.common.passengerTypeLabels.infant} ${i}`,
+        });
+    }
+    return out;
+}
+function nameOrFallback(p, messages) {
+    const full = `${p.firstName} ${p.lastName}`.trim();
+    if (full)
+        return full;
+    const idx = p.passengerId.match(/_(\d+)$/)?.[1] ?? "1";
+    return `${messages.common.passengerTypeLabels[p.type]} ${idx}`;
+}
+function formatMoney(amount, currency) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${amount} ${currency}`;
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(n);
+}

package/dist/components/flights-page-panels.d.ts

@@ -0,0 +1,27 @@
+import type { FlightOffer } from "@voyant-travel/flights/contract/types";
+import type { FlightFiltersValue } from "./flight-filters-bar.js";
+export declare function PickedLegBanner({ label, offer, carrierName, airportName, onChange, }: {
+    label: string;
+    offer: FlightOffer;
+    carrierName: (code: string) => string | undefined;
+    airportName: (code: string) => string | undefined;
+    onChange: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function ReadyToBookPanel({ outbound, returnLeg, carrierName, airportName, onChangeOutbound, onChangeReturn, onContinue, }: {
+    outbound: FlightOffer;
+    returnLeg: FlightOffer;
+    carrierName: (code: string) => string | undefined;
+    airportName: (code: string) => string | undefined;
+    onChangeOutbound: () => void;
+    onChangeReturn: () => void;
+    onContinue: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CacheColdBanner({ message, onReset }: {
+    message: string;
+    onReset: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function NoResults({ hasFilters }: {
+    hasFilters: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function hasActiveFilters(filters: FlightFiltersValue): boolean;
+//# sourceMappingURL=flights-page-panels.d.ts.map

package/dist/components/flights-page-panels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flights-page-panels.d.ts","sourceRoot":"","sources":["../../src/components/flights-page-panels.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AAIxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAGjE,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,WAAW,CAAA;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACjD,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,kDA4BA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,WAAW,CAAA;IACrB,SAAS,EAAE,WAAW,CAAA;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACjD,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACjD,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,2CAuCA;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,2CAW7F;AAED,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,2CAOhE;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAErE"}

package/dist/components/flights-page-panels.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { ChevronLeft, ChevronRight, Pencil } from "lucide-react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { FlightItinerary } from "./flight-itinerary.js";
+export function PickedLegBanner({ label, offer, carrierName, airportName, onChange, }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    const itinerary = offer.itineraries[0];
+    if (!itinerary)
+        return null;
+    return (_jsxs("div", { className: "rounded-xl border bg-card p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [_jsx("span", { className: "font-medium text-[11px] uppercase tracking-wider text-emerald-700", children: label }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "font-semibold text-base tabular-nums", children: formatMoney(offer.totalPrice.amount, offer.totalPrice.currency) }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: onChange, children: [_jsx(Pencil, { className: "mr-1 h-3.5 w-3.5" }), messages.change] })] })] }), _jsx(FlightItinerary, { itinerary: itinerary, compact: true, carrierName: carrierName, airportName: airportName })] }));
+}
+export function ReadyToBookPanel({ outbound, returnLeg, carrierName, airportName, onChangeOutbound, onChangeReturn, onContinue, }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    const total = Number(outbound.totalPrice.amount) + Number(returnLeg.totalPrice.amount);
+    const currency = outbound.totalPrice.currency;
+    return (_jsxs("section", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(PickedLegBanner, { label: messages.selectedOutbound, offer: outbound, carrierName: carrierName, airportName: airportName, onChange: onChangeOutbound }), _jsx(PickedLegBanner, { label: messages.selectedReturn, offer: returnLeg, carrierName: carrierName, airportName: airportName, onChange: onChangeReturn })] }), _jsxs("div", { className: "flex flex-col items-stretch gap-3 rounded-xl border bg-card p-5 shadow-sm md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { className: "flex flex-col leading-tight", children: [_jsx("span", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: messages.tripTotal }), _jsx("span", { className: "font-semibold text-2xl tabular-nums", children: formatMoney(total.toFixed(2), currency) }), _jsx("span", { className: "text-muted-foreground text-xs", children: messages.tripTotalDescription })] }), _jsxs(Button, { size: "lg", onClick: onContinue, className: "md:px-8", children: [messages.continueToBooking, _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] })] })] }));
+}
+export function CacheColdBanner({ message, onReset }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    return (_jsxs("div", { className: "rounded-md border border-dashed bg-card p-6 text-center text-muted-foreground text-sm", children: [_jsx("p", { children: message }), _jsxs(Button, { className: "mt-3", variant: "outline", onClick: onReset, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), messages.pickOutboundAgain] })] }));
+}
+export function NoResults({ hasFilters }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    return (_jsx("div", { className: "rounded-lg border border-dashed p-8 text-center text-muted-foreground text-sm", children: hasFilters ? messages.noFilteredResults : messages.noRouteResults }));
+}
+export function hasActiveFilters(filters) {
+    return filters.carriers.length > 0 || filters.maxStops != null || filters.maxPrice != null;
+}
+function formatMoney(amount, currency) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${amount} ${currency}`;
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(n);
+}

package/dist/components/flights-page-types.d.ts

@@ -0,0 +1,39 @@
+import type { CabinClass, PassengerCounts } from "@voyant-travel/flights/contract/types";
+import type { TripType } from "./flight-search-form.js";
+import type { PopularRoute } from "./popular-routes.js";
+export type FlowStage = "outbound" | "return" | "ready";
+export interface FlightsPageSearchParams {
+    tripType?: TripType;
+    from?: string;
+    to?: string;
+    depart?: string;
+    ret?: string;
+    leg?: "outbound" | "return";
+    outboundOfferId?: string;
+    returnOfferId?: string;
+    pax_a?: number;
+    pax_c?: number;
+    pax_i?: number;
+    cabin?: CabinClass;
+    carriers?: string[];
+    maxStops?: number;
+    maxPrice?: number;
+    page?: number;
+}
+export interface FlightsPageSearchChangeOptions {
+    replace?: boolean;
+}
+export interface FlightBookingNavigationTarget {
+    outboundOfferId: string;
+    returnOfferId?: string;
+    passengers: PassengerCounts;
+    cabin: CabinClass;
+}
+export interface FlightsPageProps {
+    search: FlightsPageSearchParams;
+    onSearchChange: (next: FlightsPageSearchParams, options?: FlightsPageSearchChangeOptions) => void;
+    onBookOffer: (target: FlightBookingNavigationTarget) => void;
+    routes?: PopularRoute[];
+    className?: string;
+}
+//# sourceMappingURL=flights-page-types.d.ts.map

package/dist/components/flights-page-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flights-page-types.d.ts","sourceRoot":"","sources":["../../src/components/flights-page-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEvD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,8BAA8B;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,6BAA6B;IAC5C,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,eAAe,CAAA;IAC3B,KAAK,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,uBAAuB,CAAA;IAC/B,cAAc,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,OAAO,CAAC,EAAE,8BAA8B,KAAK,IAAI,CAAA;IACjG,WAAW,EAAE,CAAC,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAA;IAC5D,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/components/flights-page-types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/flights-page-utils.d.ts

@@ -0,0 +1,14 @@
+import type { QueryClient } from "@tanstack/react-query";
+import type { FlightOffer, FlightSearchRequest } from "@voyant-travel/flights/contract/types";
+import type { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { type FlightFiltersValue } from "./flight-filters-bar.js";
+import type { FlightsPageSearchParams, FlowStage } from "./flights-page-types.js";
+export declare const PAGE_SIZE = 20;
+export declare const EMPTY_REQUEST_FOR_DISABLED: FlightSearchRequest;
+export declare function legHeading(messages: ReturnType<typeof useFlightsUiMessagesOrDefault>["flightsPage"], stage: FlowStage, isRoundTrip: boolean, from?: string, to?: string): string;
+export declare function selectLabel(messages: ReturnType<typeof useFlightsUiMessagesOrDefault>["flightsPage"], stage: FlowStage, isRoundTrip: boolean): string;
+export declare function readOfferFromCache(qc: QueryClient, offerId: string): FlightOffer | null;
+export declare function urlToBaseRequest(search: FlightsPageSearchParams, leg: "outbound" | "return"): FlightSearchRequest | null;
+export declare function urlToFilters(search: FlightsPageSearchParams): FlightFiltersValue;
+export declare function composeRequest(base: FlightSearchRequest, filters: FlightFiltersValue, page: number): FlightSearchRequest;
+//# sourceMappingURL=flights-page-utils.d.ts.map

package/dist/components/flights-page-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flights-page-utils.d.ts","sourceRoot":"","sources":["../../src/components/flights-page-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAE7F,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AAErE,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AACvF,OAAO,KAAK,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEjF,eAAO,MAAM,SAAS,KAAK,CAAA;AAE3B,eAAO,MAAM,0BAA0B,EAAE,mBAIxC,CAAA;AAED,wBAAgB,UAAU,CACxB,QAAQ,EAAE,UAAU,CAAC,OAAO,6BAA6B,CAAC,CAAC,aAAa,CAAC,EACzE,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,OAAO,EACpB,IAAI,CAAC,EAAE,MAAM,EACb,EAAE,CAAC,EAAE,MAAM,GACV,MAAM,CASR;AAED,wBAAgB,WAAW,CACzB,QAAQ,EAAE,UAAU,CAAC,OAAO,6BAA6B,CAAC,CAAC,aAAa,CAAC,EACzE,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,OAAO,GACnB,MAAM,CAKR;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAGvF;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,uBAAuB,EAC/B,GAAG,EAAE,UAAU,GAAG,QAAQ,GACzB,mBAAmB,GAAG,IAAI,CAmB5B;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,uBAAuB,GAAG,kBAAkB,CAOhF;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAE,kBAAkB,EAC3B,IAAI,EAAE,MAAM,GACX,mBAAmB,CAerB"}

package/dist/components/flights-page-utils.js

@@ -0,0 +1,79 @@
+import { formatMessage } from "@voyant-travel/i18n";
+import { flightsQueryKeys } from "../index.js";
+import { EMPTY_FLIGHT_FILTERS } from "./flight-filters-bar.js";
+export const PAGE_SIZE = 20;
+export const EMPTY_REQUEST_FOR_DISABLED = {
+    slices: [],
+    passengers: { adults: 1 },
+    cabin: "economy",
+};
+export function legHeading(messages, stage, isRoundTrip, from, to) {
+    if (!isRoundTrip)
+        return messages.availableFlights;
+    if (stage === "outbound") {
+        return formatMessage(messages.outboundHeading, { from: from ?? "?", to: to ?? "?" });
+    }
+    if (stage === "return") {
+        return formatMessage(messages.returnHeading, { from: to ?? "?", to: from ?? "?" });
+    }
+    return messages.tripHeading;
+}
+export function selectLabel(messages, stage, isRoundTrip) {
+    if (!isRoundTrip)
+        return messages.bookThisFlight;
+    if (stage === "outbound")
+        return messages.selectOutbound;
+    if (stage === "return")
+        return messages.selectReturn;
+    return messages.continueToBooking;
+}
+export function readOfferFromCache(qc, offerId) {
+    const cached = qc.getQueryData(flightsQueryKeys.offerDetail(offerId));
+    return cached?.offer ?? null;
+}
+export function urlToBaseRequest(search, leg) {
+    if (!search.from || !search.to || !search.depart)
+        return null;
+    const isRoundTrip = (search.tripType ?? "round_trip") === "round_trip";
+    if (leg === "return" && (!isRoundTrip || !search.ret))
+        return null;
+    const slice = leg === "outbound"
+        ? { origin: search.from, destination: search.to, departureDate: search.depart }
+        : { origin: search.to, destination: search.from, departureDate: search.ret };
+    return {
+        slices: [slice],
+        passengers: {
+            adults: search.pax_a ?? 1,
+            children: search.pax_c ?? 0,
+            infants: search.pax_i ?? 0,
+        },
+        cabin: search.cabin ?? "economy",
+    };
+}
+export function urlToFilters(search) {
+    return {
+        ...EMPTY_FLIGHT_FILTERS,
+        carriers: search.carriers ?? [],
+        maxStops: search.maxStops ?? null,
+        maxPrice: search.maxPrice ?? null,
+    };
+}
+export function composeRequest(base, filters, page) {
+    const searchOptions = {};
+    if (filters.carriers.length > 0)
+        searchOptions.includeCarriers = filters.carriers;
+    if (filters.maxStops === 0)
+        searchOptions.directOnly = true;
+    else if (filters.maxStops != null)
+        searchOptions.maxStops = filters.maxStops;
+    if (filters.maxPrice != null)
+        searchOptions.maxPrice = filters.maxPrice;
+    return {
+        ...base,
+        ...(Object.keys(searchOptions).length > 0 ? { searchOptions } : {}),
+        pagination: {
+            limit: PAGE_SIZE,
+            ...(page > 1 ? { cursor: String(page) } : {}),
+        },
+    };
+}

package/dist/components/flights-page.d.ts

@@ -0,0 +1,4 @@
+import type { FlightsPageProps } from "./flights-page-types.js";
+export type { FlightBookingNavigationTarget, FlightsPageProps, FlightsPageSearchChangeOptions, FlightsPageSearchParams, } from "./flights-page-types.js";
+export declare function FlightsPage({ search, onSearchChange, onBookOffer, routes, className, }: FlightsPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flights-page.d.ts.map

package/dist/components/flights-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flights-page.d.ts","sourceRoot":"","sources":["../../src/components/flights-page.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,yBAAyB,CAAA;AAE1E,YAAY,EACV,6BAA6B,EAC7B,gBAAgB,EAChB,8BAA8B,EAC9B,uBAAuB,GACxB,MAAM,yBAAyB,CAAA;AAqBhC,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,cAAc,EACd,WAAW,EACX,MAA+B,EAC/B,SAAS,GACV,EAAE,gBAAgB,2CAyYlB"}

package/dist/components/flights-page.js

@@ -0,0 +1,209 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components/sheet";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ChevronLeft, ChevronRight, Plane } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { flightsQueryKeys, useAirlines, useAirports, useFlightSearch } from "../index.js";
+import { FlightFiltersBar } from "./flight-filters-bar.js";
+import { FlightOfferDetail } from "./flight-offer-detail.js";
+import { FlightOfferRow } from "./flight-offer-row.js";
+import { FlightSearchForm } from "./flight-search-form.js";
+import { CacheColdBanner, hasActiveFilters, NoResults, PickedLegBanner, ReadyToBookPanel, } from "./flights-page-panels.js";
+import { composeRequest, EMPTY_REQUEST_FOR_DISABLED, legHeading, PAGE_SIZE, readOfferFromCache, selectLabel, urlToBaseRequest, urlToFilters, } from "./flights-page-utils.js";
+import { DEFAULT_POPULAR_ROUTES, PopularRoutes } from "./popular-routes.js";
+export function FlightsPage({ search, onSearchChange, onBookOffer, routes = DEFAULT_POPULAR_ROUTES, className, }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    const qc = useQueryClient();
+    const [openOffer, setOpenOffer] = useState(null);
+    const isRoundTrip = (search.tripType ?? "round_trip") === "round_trip";
+    const stage = (() => {
+        if (!isRoundTrip)
+            return "outbound";
+        if (!search.outboundOfferId)
+            return "outbound";
+        if (!search.returnOfferId)
+            return "return";
+        return "ready";
+    })();
+    const outboundOffer = useMemo(() => (search.outboundOfferId ? readOfferFromCache(qc, search.outboundOfferId) : null), [search.outboundOfferId, qc]);
+    const returnOffer = useMemo(() => (search.returnOfferId ? readOfferFromCache(qc, search.returnOfferId) : null), [search.returnOfferId, qc]);
+    const airlinesQuery = useAirlines();
+    const airportsQuery = useAirports({ limit: 200 });
+    const carrierMap = useMemo(() => {
+        const map = new Map();
+        for (const airline of airlinesQuery.data?.data ?? []) {
+            map.set(airline.iataCode, airline.name);
+        }
+        return map;
+    }, [airlinesQuery.data]);
+    const airportMap = useMemo(() => {
+        const map = new Map();
+        for (const airport of airportsQuery.data?.data ?? []) {
+            map.set(airport.iataCode, `${airport.city} (${airport.iataCode})`);
+        }
+        return map;
+    }, [airportsQuery.data]);
+    const carrierName = (code) => carrierMap.get(code);
+    const airportName = (code) => airportMap.get(code);
+    const baseRequest = useMemo(() => urlToBaseRequest(search, stage === "ready" ? "outbound" : stage), [search, stage]);
+    const filters = useMemo(() => urlToFilters(search), [search]);
+    const searchEnabled = baseRequest != null && stage !== "ready";
+    const request = useMemo(() => baseRequest && stage !== "ready"
+        ? composeRequest(baseRequest, filters, search.page ?? 1)
+        : null, [baseRequest, filters, search.page, stage]);
+    const flightSearchQuery = useFlightSearch(request ?? EMPTY_REQUEST_FOR_DISABLED, {
+        enabled: searchEnabled,
+    });
+    const offers = flightSearchQuery.data?.offers ?? [];
+    const meta = flightSearchQuery.data?.pagination;
+    const total = meta?.total ?? offers.length;
+    const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));
+    const page = search.page ?? 1;
+    const rangeStart = total === 0 ? 0 : (page - 1) * PAGE_SIZE + 1;
+    const rangeEnd = Math.min(page * PAGE_SIZE, total);
+    const passengers = useMemo(() => ({
+        adults: search.pax_a ?? 1,
+        children: search.pax_c ?? 0,
+        infants: search.pax_i ?? 0,
+    }), [search.pax_a, search.pax_c, search.pax_i]);
+    const cabin = search.cabin ?? "economy";
+    const pickOffer = (offer) => {
+        qc.setQueryData(flightsQueryKeys.offerDetail(offer.offerId), { offer });
+        if (!isRoundTrip) {
+            onBookOffer({
+                outboundOfferId: offer.offerId,
+                passengers,
+                cabin,
+            });
+            return;
+        }
+        if (stage === "outbound") {
+            onSearchChange({
+                ...search,
+                leg: "return",
+                outboundOfferId: offer.offerId,
+                returnOfferId: undefined,
+                page: 1,
+            });
+            return;
+        }
+        if (stage === "return") {
+            onSearchChange({
+                ...search,
+                returnOfferId: offer.offerId,
+            });
+        }
+    };
+    const proceedToBooking = () => {
+        if (!search.outboundOfferId)
+            return;
+        onBookOffer({
+            outboundOfferId: search.outboundOfferId,
+            returnOfferId: search.returnOfferId,
+            passengers,
+            cabin,
+        });
+    };
+    const changeOutbound = () => {
+        onSearchChange({
+            ...search,
+            leg: "outbound",
+            outboundOfferId: undefined,
+            returnOfferId: undefined,
+            page: 1,
+        });
+    };
+    const changeReturn = () => {
+        onSearchChange({
+            ...search,
+            leg: "return",
+            returnOfferId: undefined,
+            page: 1,
+        });
+    };
+    const handleSubmit = (next) => {
+        const first = next.slices[0];
+        const second = next.slices[1];
+        onSearchChange({
+            tripType: next.slices.length === 2 ? "round_trip" : "one_way",
+            from: first?.origin,
+            to: first?.destination,
+            depart: first?.departureDate,
+            ret: second?.departureDate,
+            pax_a: next.passengers.adults,
+            pax_c: next.passengers.children ?? 0,
+            pax_i: next.passengers.infants ?? 0,
+            cabin: next.cabin ?? "economy",
+            leg: "outbound",
+            outboundOfferId: undefined,
+            returnOfferId: undefined,
+            page: 1,
+        });
+    };
+    const handleFiltersChange = (nextFilters) => {
+        onSearchChange({
+            ...search,
+            carriers: nextFilters.carriers.length > 0 ? nextFilters.carriers : undefined,
+            maxStops: nextFilters.maxStops ?? undefined,
+            maxPrice: nextFilters.maxPrice ?? undefined,
+            page: 1,
+        }, { replace: true });
+    };
+    const setPage = (next) => {
+        onSearchChange({ ...search, page: next }, { replace: true });
+    };
+    const formInitial = useMemo(() => {
+        if (!search.from || !search.to || !search.depart)
+            return undefined;
+        const slices = [{ origin: search.from, destination: search.to, departureDate: search.depart }];
+        if (isRoundTrip && search.ret) {
+            slices.push({ origin: search.to, destination: search.from, departureDate: search.ret });
+        }
+        return {
+            slices,
+            passengers,
+            cabin,
+            tripType: search.tripType,
+        };
+    }, [
+        cabin,
+        isRoundTrip,
+        passengers,
+        search.depart,
+        search.from,
+        search.ret,
+        search.to,
+        search.tripType,
+    ]);
+    const hasSearchInput = baseRequest != null;
+    return (_jsxs("div", { className: cn("mx-auto flex w-full max-w-screen-2xl flex-col gap-5 px-6 py-6 lg:px-8", className), children: [_jsxs("header", { children: [_jsx("h1", { className: "font-semibold text-2xl", children: messages.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.description })] }), _jsx(FlightSearchForm, { onSearch: handleSubmit, loading: flightSearchQuery.isFetching, initial: formInitial }, hasSearchInput
+                ? `${search.from}-${search.to}-${search.depart}-${search.ret ?? ""}`
+                : "empty"), !hasSearchInput && _jsx(PopularRoutes, { routes: routes, onSelect: handleSubmit }), stage === "ready" && outboundOffer && returnOffer && (_jsx(ReadyToBookPanel, { outbound: outboundOffer, returnLeg: returnOffer, carrierName: carrierName, airportName: airportName, onChangeOutbound: changeOutbound, onChangeReturn: changeReturn, onContinue: proceedToBooking })), stage === "ready" && (!outboundOffer || !returnOffer) && (_jsx(CacheColdBanner, { message: messages.pickedOfferMissing, onReset: changeOutbound })), stage === "return" && !outboundOffer && (_jsx(CacheColdBanner, { message: messages.outboundOfferMissing, onReset: changeOutbound })), hasSearchInput && stage !== "ready" && flightSearchQuery.isError && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-4 text-destructive text-sm", children: flightSearchQuery.error instanceof Error
+                    ? flightSearchQuery.error.message
+                    : messages.searchFailed })), hasSearchInput && stage !== "ready" && !flightSearchQuery.isError && (_jsxs(_Fragment, { children: [_jsx(FlightFiltersBar, { value: filters, onChange: handleFiltersChange, offers: offers, carrierName: carrierName }), stage === "return" && outboundOffer && (_jsx(PickedLegBanner, { label: messages.selectedOutbound, offer: outboundOffer, carrierName: carrierName, airportName: airportName, onChange: changeOutbound })), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("h2", { className: "font-medium text-base", children: legHeading(messages, stage, isRoundTrip, search.from, search.to) }), _jsx("span", { className: "text-muted-foreground text-sm", children: flightSearchQuery.isFetching
+                                    ? messages.searching
+                                    : total === 0
+                                        ? messages.zeroOffers
+                                        : formatMessage(messages.offersSummary, {
+                                            start: String(rangeStart),
+                                            end: String(rangeEnd),
+                                            total: String(total),
+                                            plural: total === 1 ? "" : "s",
+                                        }) })] }), flightSearchQuery.isFetching ? (_jsx("div", { className: "flex flex-col gap-2", children: Array.from({ length: 4 }).map((_, index) => (_jsx("div", { className: "h-24 animate-pulse rounded-lg border bg-muted/40" }, index))) })) : offers.length === 0 ? (_jsx(NoResults, { hasFilters: hasActiveFilters(filters) })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-2", children: offers.map((offer) => (_jsx(FlightOfferRow, { offer: offer, carrierName: carrierName, onClick: (nextOffer) => setOpenOffer(nextOffer), onSelect: pickOffer, selectLabel: selectLabel(messages, stage, isRoundTrip) }, offer.offerId))) }), totalPages > 1 && (_jsxs("div", { className: "mt-2 flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: formatMessage(messages.pageSummary, {
+                                            page: String(page),
+                                            totalPages: String(totalPages),
+                                        }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setPage(Math.max(1, page - 1)), disabled: page <= 1, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), messages.previous] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setPage(Math.min(totalPages, page + 1)), disabled: page >= totalPages || meta?.hasMore === false, children: [messages.next, _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] })] })] }))] }))] })), _jsx(Sheet, { open: openOffer != null, onOpenChange: (open) => {
+                    if (!open)
+                        setOpenOffer(null);
+                }, children: _jsx(SheetContent, { className: "w-full p-0 sm:max-w-2xl", children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx(SheetHeader, { className: "border-b px-6 py-5", children: _jsxs(SheetTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Plane, { className: "h-4 w-4" }), messages.flightOffer, openOffer?.validatingCarrier && (_jsx(Badge, { variant: "secondary", children: openOffer.validatingCarrier }))] }) }), _jsx("div", { className: "flex-1 overflow-y-auto px-6 py-5", children: openOffer && (_jsx(FlightOfferDetail, { offer: openOffer, carrierName: carrierName, airportName: airportName })) }), openOffer && (_jsx(SheetFooter, { className: "border-t bg-muted/20 px-6 py-3", children: _jsx("div", { className: "flex w-full items-center justify-end gap-2", children: _jsx(Button, { onClick: () => {
+                                            const offer = openOffer;
+                                            setOpenOffer(null);
+                                            pickOffer(offer);
+                                        }, children: selectLabel(messages, stage, isRoundTrip) }) }) }))] }) }) })] }));
+}

package/dist/components/passenger-contact-picker.d.ts

@@ -0,0 +1,16 @@
+import type { PassengerPrefill } from "./flight-passenger-form.js";
+export interface PassengerContactPickerProps {
+    /** Called when the user picks a CRM person; fields get merged into the passenger card. */
+    onPick: (prefill: PassengerPrefill) => void;
+    /** Optional CRM route callback. When omitted, the "add contact" action is hidden. */
+    onAddContact?: () => void;
+    /** Exposes the selected CRM person id to parent flows such as saved-payment lookup. */
+    onPersonSelected?: (personId: string | null) => void;
+}
+/**
+ * Passenger card "Pick from contacts" trigger. Opens a popover with a
+ * searchable list of CRM people and maps the picked person into the
+ * `PassengerPrefill` shape expected by `FlightPassengerForm`.
+ */
+export declare function PassengerContactPicker({ onPick, onAddContact, onPersonSelected, }: PassengerContactPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=passenger-contact-picker.d.ts.map

package/dist/components/passenger-contact-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"passenger-contact-picker.d.ts","sourceRoot":"","sources":["../../src/components/passenger-contact-picker.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAElE,MAAM,WAAW,2BAA2B;IAC1C,0FAA0F;IAC1F,MAAM,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CACrD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,YAAY,EACZ,gBAAgB,GACjB,EAAE,2BAA2B,2CA0F7B"}