@voyant-travel/flights-react 0.119.2

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

@@ -0,0 +1,175 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueries, useQueryClient } from "@tanstack/react-query";
+import { Button } from "@voyant-travel/ui/components/button";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ChevronLeft, Plane } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { flightsQueryKeys, getFlightSeatMapQueryOptions, useAirlines, useAirports, useFlightAncillaries, useFlightOfferPrice, useSavedPaymentMethods, useVoyantFlightsContext, } from "../index.js";
+import { BillingOrgPicker, BillingPersonPicker } from "./billing-pickers.js";
+import { FlightBookingShell, } from "./flight-booking-shell.js";
+import { PassengerContactPicker } from "./passenger-contact-picker.js";
+export function FlightBookingPage({ outboundOfferId, returnOfferId, passengers, onBackToSearch, onBook, onBooked, onEditOutbound, onEditReturn, onSaveBillingDefaults, paymentCapabilities, renderPassengerPicker, renderBillingPersonPicker, renderBillingOrgPicker, onAddPassengerContact, className, }) {
+    const messages = useFlightsUiMessagesOrDefault().flightBookingPage;
+    const qc = useQueryClient();
+    const airlinesQuery = useAirlines();
+    const airportsQuery = useAirports({ limit: 200 });
+    const carrierName = (code) => airlinesQuery.data?.data.find((airline) => airline.iataCode === code)?.name;
+    const airportName = (code) => {
+        const airport = airportsQuery.data?.data.find((item) => item.iataCode === code);
+        return airport ? `${airport.city} (${airport.iataCode})` : undefined;
+    };
+    const [outbound, setOutbound] = useState(() => readOfferFromCache(qc, outboundOfferId));
+    const [returnLeg, setReturnLeg] = useState(() => returnOfferId ? readOfferFromCache(qc, returnOfferId) : null);
+    const [livePriceError, setLivePriceError] = useState(null);
+    const [pricedReady, setPricedReady] = useState(false);
+    const [selectedPersonId, setSelectedPersonId] = useState(null);
+    const priceMutation = useFlightOfferPrice();
+    // biome-ignore lint/correctness/useExhaustiveDependencies: re-price once on mount per offer pair -- owner: flights-react; existing suppression is intentional pending typed cleanup.
+    useEffect(() => {
+        let cancelled = false;
+        const repriceLeg = async (offer, setter) => {
+            if (!offer)
+                return null;
+            try {
+                const result = await priceMutation.mutateAsync({ offerId: offer.offerId, offer });
+                if (cancelled)
+                    return null;
+                if (!result.valid)
+                    return result.invalidReason ?? messages.offerUnavailable;
+                setter(result.offer);
+                return null;
+            }
+            catch (err) {
+                return err instanceof Error ? err.message : String(err);
+            }
+        };
+        Promise.all([repriceLeg(outbound, setOutbound), repriceLeg(returnLeg, setReturnLeg)]).then(([err1, err2]) => {
+            if (cancelled)
+                return;
+            const err = err1 ?? err2;
+            if (err)
+                setLivePriceError(err);
+            else
+                setPricedReady(true);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [outboundOfferId, returnOfferId]);
+    const outboundAncillaries = useFlightAncillaries(outbound ? { offerId: outbound.offerId, offer: outbound } : null, { enabled: pricedReady && outbound != null });
+    const returnAncillaries = useFlightAncillaries(returnLeg ? { offerId: returnLeg.offerId, offer: returnLeg } : null, { enabled: pricedReady && returnLeg != null });
+    const ancillaries = {
+        outboundCatalog: outboundAncillaries.data?.catalog ?? null,
+        returnCatalog: returnAncillaries.data?.catalog ?? null,
+        loading: outboundAncillaries.isLoading || (returnLeg != null && returnAncillaries.isLoading),
+    };
+    const seatMaps = useSeatMapFetcher({ outbound, returnLeg, enabled: pricedReady, messages });
+    const savedMethodsQuery = useSavedPaymentMethods(selectedPersonId, {
+        enabled: !!selectedPersonId,
+    });
+    const savedPaymentMethods = {
+        methods: (savedMethodsQuery.data?.data ?? []).map((method) => ({
+            id: method.id,
+            label: [brandHumanLabel(method.brand, messages), method.last4 ? `....${method.last4}` : null]
+                .filter(Boolean)
+                .join(" "),
+            provider: null,
+            instrumentType: method.brand === "bank_transfer" ? "bank_account" : "credit_card",
+            status: "active",
+            brand: method.brand,
+            last4: method.last4,
+            expiryMonth: method.expMonth ?? null,
+            expiryYear: method.expYear ?? null,
+            isDefault: method.isDefault,
+        })),
+        loading: savedMethodsQuery.isLoading,
+    };
+    const documentsRequired = useMemo(() => detectInternational(outbound) || detectInternational(returnLeg), [outbound, returnLeg]);
+    const selection = useMemo(() => {
+        if (!outbound)
+            return null;
+        if (returnOfferId && !returnLeg)
+            return null;
+        return returnLeg ? { outbound, return: returnLeg } : { outbound };
+    }, [outbound, returnLeg, returnOfferId]);
+    if (!selection) {
+        return (_jsx("div", { className: cn("mx-auto w-full max-w-2xl px-6 py-10", className), children: _jsxs("div", { className: "rounded-xl border border-dashed bg-card p-8 text-center", children: [_jsx(Plane, { className: "mx-auto mb-3 h-8 w-8 text-muted-foreground" }), _jsx("h2", { className: "font-medium text-base", children: messages.offerNotInSessionTitle }), _jsx("p", { className: "mx-auto mt-2 max-w-md text-muted-foreground text-sm", children: messages.offerNotInSessionDescription }), _jsxs(Button, { className: "mt-4", onClick: onBackToSearch, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), messages.backToFlightSearch] })] }) }));
+    }
+    if (livePriceError) {
+        return (_jsx("div", { className: cn("mx-auto w-full max-w-2xl px-6 py-10", className), children: _jsxs("div", { className: "rounded-xl border border-destructive/40 bg-destructive/5 p-6 text-center text-destructive text-sm", children: [_jsx("p", { className: "font-medium", children: livePriceError }), _jsxs(Button, { variant: "outline", className: "mt-4", onClick: onBackToSearch, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), messages.backToFlightSearch] })] }) }));
+    }
+    const defaultPassengerPicker = (_slot, onPicked) => (_jsx(PassengerContactPicker, { onPick: onPicked, onAddContact: onAddPassengerContact, onPersonSelected: setSelectedPersonId }));
+    return (_jsxs("div", { className: cn("mx-auto flex w-full max-w-screen-2xl flex-col gap-6 px-6 py-6 lg:px-8", className), children: [_jsxs("header", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "font-semibold text-2xl", children: messages.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: selection.return ? messages.descriptionTrip : messages.descriptionOffer })] }), _jsxs(Button, { variant: "ghost", onClick: onBackToSearch, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), messages.backToResults] })] }), _jsx(FlightBookingShell, { selection: selection, passengers: passengers, carrierName: carrierName, airportName: airportName, ancillaries: ancillaries, seatMaps: seatMaps, savedPaymentMethods: savedPaymentMethods, paymentCapabilities: paymentCapabilities, documentsRequired: documentsRequired, renderPassengerPicker: renderPassengerPicker ?? defaultPassengerPicker, renderBillingPersonPicker: (apply) => renderBillingPersonPicker ? (renderBillingPersonPicker(apply, { onPersonSelected: setSelectedPersonId })) : (_jsx(BillingPersonPicker, { apply: apply, onPersonSelected: setSelectedPersonId })), renderBillingOrgPicker: (apply) => renderBillingOrgPicker ? (renderBillingOrgPicker(apply)) : (_jsx(BillingOrgPicker, { apply: apply })), onSaveBillingDefaults: onSaveBillingDefaults, onCancel: onBackToSearch, onEditOutbound: onEditOutbound ?? onBackToSearch, onEditReturn: onEditReturn ?? onBackToSearch, onBook: onBook, onBooked: onBooked })] }));
+}
+function brandHumanLabel(brand, messages) {
+    switch (brand) {
+        case "visa":
+            return messages.paymentBrandLabels.visa;
+        case "mastercard":
+            return messages.paymentBrandLabels.mastercard;
+        case "amex":
+            return messages.paymentBrandLabels.amex;
+        case "revolut":
+            return messages.paymentBrandLabels.revolut;
+        case "bank_transfer":
+            return messages.paymentBrandLabels.bank_transfer;
+        default:
+            return brand;
+    }
+}
+function readOfferFromCache(qc, offerId) {
+    const cached = qc.getQueryData(flightsQueryKeys.offerDetail(offerId));
+    return cached?.offer ?? null;
+}
+function detectInternational(offer) {
+    if (!offer)
+        return false;
+    const first = offer.itineraries[0]?.segments[0];
+    const lastItinerary = offer.itineraries[offer.itineraries.length - 1];
+    const last = lastItinerary?.segments[lastItinerary.segments.length - 1];
+    if (!first || !last)
+        return false;
+    return first.departure.iataCode.slice(0, 1) !== last.arrival.iataCode.slice(0, 1);
+}
+function useSeatMapFetcher({ outbound, returnLeg, enabled, messages, }) {
+    const client = useVoyantFlightsContext();
+    const segmentInputs = useMemo(() => {
+        const list = [];
+        const addFrom = (offer) => {
+            if (!offer)
+                return;
+            for (const itinerary of offer.itineraries) {
+                for (const segment of itinerary.segments) {
+                    list.push({ offerId: offer.offerId, segmentId: segment.segmentId, offer });
+                }
+            }
+        };
+        addFrom(outbound);
+        addFrom(returnLeg);
+        return list;
+    }, [outbound, returnLeg]);
+    const results = useQueries({
+        queries: segmentInputs.map((input) => ({
+            ...getFlightSeatMapQueryOptions(client, input),
+            enabled,
+            staleTime: 5 * 60_000,
+        })),
+    });
+    const slotsBySegment = useMemo(() => {
+        const map = new Map();
+        segmentInputs.forEach((input, index) => {
+            const result = results[index];
+            map.set(input.segmentId, {
+                seatMap: result?.data?.seatMap ?? null,
+                loading: result?.isLoading,
+                error: result?.error instanceof Error ? result.error.message : null,
+            });
+        });
+        return map;
+    }, [segmentInputs, results]);
+    return useMemo(() => ({
+        getSeatMap: ({ segmentId }) => slotsBySegment.get(segmentId) ?? { seatMap: null, error: messages.segmentNotFound },
+    }), [slotsBySegment, messages.segmentNotFound]);
+}

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

@@ -0,0 +1,29 @@
+import type { AncillaryCatalog, AncillarySelection, FlightOffer } from "@voyant-travel/flights/contract/types";
+import type { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import type { FlightItinerarySelection, LedgerLineItem } from "./flight-booking-ledger.js";
+import { type FlightBookingAncillaries, type FlightBookingSeatMaps, type StepDef } from "./flight-booking-shell-types.js";
+type FlightsUiMessages = ReturnType<typeof useFlightsUiMessagesOrDefault>;
+export declare function getVisibleFlightBookingSteps({ selection, ancillaries, seatMaps, }: {
+    selection: FlightItinerarySelection;
+    ancillaries?: FlightBookingAncillaries;
+    seatMaps?: FlightBookingSeatMaps;
+}): ReadonlyArray<StepDef>;
+export declare function buildLedgerExtras({ baggage, extras, assistance, seats, fareBundles, outboundOffer, returnOffer, outboundCatalog, returnCatalog, seatMaps, messages, }: {
+    baggage: NonNullable<AncillarySelection["baggage"]>;
+    extras: NonNullable<AncillarySelection["extras"]>;
+    assistance: NonNullable<AncillarySelection["assistance"]>;
+    seats: NonNullable<AncillarySelection["seats"]>;
+    fareBundles: NonNullable<AncillarySelection["fareBundle"]>;
+    outboundOffer: FlightOffer;
+    returnOffer?: FlightOffer;
+    outboundCatalog: AncillaryCatalog | null;
+    returnCatalog: AncillaryCatalog | null;
+    seatMaps?: FlightBookingSeatMaps;
+    messages: FlightsUiMessages;
+}): {
+    outboundExtras: LedgerLineItem[];
+    returnExtras: LedgerLineItem[];
+};
+export declare function mergeOffers(selection: FlightItinerarySelection): FlightOffer;
+export {};
+//# sourceMappingURL=flight-booking-shell-helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flight-booking-shell-helpers.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-shell-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EAEZ,MAAM,uCAAuC,CAAA;AAE9C,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC1F,OAAO,EAGL,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,OAAO,EACb,MAAM,iCAAiC,CAAA;AAExC,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,6BAA6B,CAAC,CAAA;AAEzE,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,WAAW,EACX,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,wBAAwB,CAAA;IACnC,WAAW,CAAC,EAAE,wBAAwB,CAAA;IACtC,QAAQ,CAAC,EAAE,qBAAqB,CAAA;CACjC,GAAG,aAAa,CAAC,OAAO,CAAC,CAyBzB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,MAAM,EACN,UAAU,EACV,KAAK,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,eAAe,EACf,aAAa,EACb,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,WAAW,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAA;IACnD,MAAM,EAAE,WAAW,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAA;IACjD,UAAU,EAAE,WAAW,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAA;IACzD,KAAK,EAAE,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/C,WAAW,EAAE,WAAW,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAA;IAC1D,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACxC,aAAa,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG;IAAE,cAAc,EAAE,cAAc,EAAE,CAAC;IAAC,YAAY,EAAE,cAAc,EAAE,CAAA;CAAE,CAkJvE;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,wBAAwB,GAAG,WAAW,CAqB5E"}

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

@@ -0,0 +1,204 @@
+import { formatMessage } from "@voyant-travel/i18n";
+import { ALL_STEPS, ALWAYS_VISIBLE, } from "./flight-booking-shell-types.js";
+export function getVisibleFlightBookingSteps({ selection, ancillaries, seatMaps, }) {
+    const hasFareBundles = (selection.outbound.fareBundles?.length ?? 0) > 0 ||
+        (selection.return?.fareBundles?.length ?? 0) > 0;
+    const cat = ancillaries?.outboundCatalog;
+    const catReturn = ancillaries?.returnCatalog;
+    const ancillariesLoading = !!ancillaries?.loading;
+    const hasBags = ancillariesLoading || (cat?.baggage.length ?? 0) > 0 || (catReturn?.baggage.length ?? 0) > 0;
+    const hasServices = ancillariesLoading ||
+        (cat?.assistance.length ?? 0) > 0 ||
+        (cat?.extras.length ?? 0) > 0 ||
+        (catReturn?.assistance.length ?? 0) > 0 ||
+        (catReturn?.extras.length ?? 0) > 0;
+    const hasSeats = !!seatMaps;
+    return ALL_STEPS.filter((s) => {
+        if (ALWAYS_VISIBLE.has(s.id))
+            return true;
+        if (s.id === "fares")
+            return hasFareBundles;
+        if (s.id === "bags")
+            return hasBags;
+        if (s.id === "seats")
+            return hasSeats;
+        if (s.id === "services")
+            return hasServices;
+        return true;
+    });
+}
+export function buildLedgerExtras({ baggage, extras, assistance, seats, fareBundles, outboundOffer, returnOffer, outboundCatalog, returnCatalog, seatMaps, messages, }) {
+    const lines = (sliceIndex, catalog, offer) => {
+        const out = [];
+        if (offer?.fareBundles) {
+            const legPicks = fareBundles.filter((p) => p.sliceIndex === sliceIndex);
+            const agg = new Map();
+            for (const p of legPicks) {
+                const bundle = offer.fareBundles.find((b) => b.id === p.bundleId);
+                if (!bundle)
+                    continue;
+                const prev = agg.get(bundle.id);
+                if (prev) {
+                    prev.count += 1;
+                    prev.price += Number(bundle.priceDelta.amount);
+                }
+                else {
+                    agg.set(bundle.id, {
+                        count: 1,
+                        label: bundle.label,
+                        price: Number(bundle.priceDelta.amount),
+                        currency: bundle.priceDelta.currency,
+                    });
+                }
+            }
+            for (const [, v] of agg) {
+                const labelSuffix = v.count > 1 ? ` (${v.count} ${messages.common.pax})` : "";
+                out.push({
+                    label: formatMessage(messages.flightBookingShell.lineItems.fare, {
+                        label: v.label,
+                        suffix: labelSuffix,
+                    }),
+                    amount: v.price > 0 ? { amount: v.price.toFixed(2), currency: v.currency } : undefined,
+                    meta: v.price === 0 ? messages.common.included : undefined,
+                });
+            }
+        }
+        if (catalog) {
+            const bagPicks = baggage.filter((b) => b.sliceIndex === sliceIndex);
+            const bagAgg = new Map();
+            for (const p of bagPicks) {
+                const opt = catalog.baggage.find((o) => o.id === p.optionId);
+                if (!opt)
+                    continue;
+                const prev = bagAgg.get(opt.id);
+                const qty = p.quantity ?? 1;
+                if (prev) {
+                    prev.count += qty;
+                    prev.price += Number(opt.price.amount) * qty;
+                }
+                else {
+                    bagAgg.set(opt.id, {
+                        count: qty,
+                        label: opt.label,
+                        price: Number(opt.price.amount) * qty,
+                        currency: opt.price.currency,
+                    });
+                }
+            }
+            for (const [, v] of bagAgg) {
+                out.push({
+                    label: v.count > 1 ? `${v.count}× ${v.label}` : v.label,
+                    amount: v.price > 0 ? { amount: v.price.toFixed(2), currency: v.currency } : undefined,
+                    meta: v.price === 0 ? messages.common.included : undefined,
+                });
+            }
+            const extraPicks = extras.filter((b) => b.sliceIndex === sliceIndex);
+            const extAgg = new Map();
+            for (const p of extraPicks) {
+                const opt = catalog.extras.find((o) => o.id === p.optionId);
+                if (!opt)
+                    continue;
+                const qty = p.quantity ?? 1;
+                const prev = extAgg.get(opt.id);
+                if (prev) {
+                    prev.count += qty;
+                    prev.price += Number(opt.price.amount) * qty;
+                }
+                else {
+                    extAgg.set(opt.id, {
+                        count: qty,
+                        label: opt.label,
+                        price: Number(opt.price.amount) * qty,
+                        currency: opt.price.currency,
+                    });
+                }
+            }
+            for (const [, v] of extAgg) {
+                out.push({
+                    label: v.count > 1 ? `${v.count}× ${v.label}` : v.label,
+                    amount: { amount: v.price.toFixed(2), currency: v.currency },
+                });
+            }
+        }
+        if (offer && seatMaps) {
+            const segIds = new Set();
+            for (const itin of offer.itineraries) {
+                for (const seg of itin.segments)
+                    segIds.add(seg.segmentId);
+            }
+            const seatPicks = seats.filter((p) => segIds.has(p.segmentId));
+            if (seatPicks.length > 0) {
+                let total = 0;
+                let currency = "EUR";
+                for (const pick of seatPicks) {
+                    const slot = seatMaps.getSeatMap({ offerId: offer.offerId, segmentId: pick.segmentId });
+                    const seat = slot.seatMap ? findSeatInMap(slot.seatMap, pick.seatNumber) : null;
+                    if (seat?.price) {
+                        total += Number(seat.price.amount);
+                        currency = seat.price.currency;
+                    }
+                }
+                out.push({
+                    label: formatMessage(messages.flightBookingShell.lineItems.seatsPicked, {
+                        count: seatPicks.length,
+                        plural: seatPicks.length > 1 ? "s" : "",
+                    }),
+                    amount: total > 0 ? { amount: total.toFixed(2), currency } : undefined,
+                    meta: total === 0 ? messages.common.free : undefined,
+                });
+            }
+        }
+        if (sliceIndex === 0 && assistance.length > 0) {
+            out.push({
+                label: formatMessage(messages.flightBookingShell.lineItems.specialAssistance, {
+                    count: assistance.length,
+                }),
+                meta: messages.common.free,
+            });
+        }
+        return out;
+    };
+    return {
+        outboundExtras: lines(0, outboundCatalog, outboundOffer),
+        returnExtras: lines(1, returnCatalog ?? outboundCatalog, returnOffer),
+    };
+}
+export function mergeOffers(selection) {
+    const { outbound, return: ret } = selection;
+    if (!ret)
+        return outbound;
+    const currency = outbound.totalPrice.currency;
+    const amount = (Number(outbound.totalPrice.amount) + Number(ret.totalPrice.amount)).toFixed(2);
+    return {
+        offerId: `${outbound.offerId}+${ret.offerId}`,
+        source: outbound.source,
+        itineraries: [...outbound.itineraries, ...ret.itineraries],
+        fareBreakdowns: [...outbound.fareBreakdowns, ...ret.fareBreakdowns],
+        totalPrice: { amount, currency },
+        validatingCarrier: outbound.validatingCarrier,
+        expiresAt: pickEarliest(outbound.expiresAt, ret.expiresAt),
+        lastTicketingDate: pickEarliest(outbound.lastTicketingDate, ret.lastTicketingDate),
+        instantTicketing: (outbound.instantTicketing ?? false) && (ret.instantTicketing ?? false),
+        providerData: {
+            ...(outbound.providerData ?? {}),
+            ...(ret.providerData ?? {}),
+            __mergedFrom: { outbound: outbound.offerId, return: ret.offerId },
+        },
+    };
+}
+function findSeatInMap(map, seatNumber) {
+    for (const row of map.rows) {
+        for (const seat of row.seats) {
+            if (seat.seatNumber === seatNumber)
+                return seat;
+        }
+    }
+    return null;
+}
+function pickEarliest(a, b) {
+    if (!a)
+        return b;
+    if (!b)
+        return a;
+    return new Date(a).getTime() <= new Date(b).getTime() ? a : b;
+}

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

@@ -0,0 +1,24 @@
+import type { FlightPassenger, PaymentIntent } from "@voyant-travel/flights/contract/types";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import type { BillingValue } from "./flight-billing-step.js";
+import type { FlightItinerarySelection } from "./flight-booking-ledger.js";
+import type { StepDef } from "./flight-booking-shell-types.js";
+export declare function ReviewStep({ selection, carrierName, airportName, }: {
+    selection: FlightItinerarySelection;
+    carrierName?: (iataCode: string) => string | undefined;
+    airportName?: (iataCode: string) => string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmStep({ selection, passengers, billing, payment, carrierName, airportName, }: {
+    selection: FlightItinerarySelection;
+    passengers: FlightPassenger[];
+    billing: BillingValue;
+    payment: PaymentIntent;
+    carrierName?: (iataCode: string) => string | undefined;
+    airportName?: (iataCode: string) => string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Stepper({ steps, currentIdx, messages, }: {
+    steps: ReadonlyArray<StepDef>;
+    currentIdx: number;
+    messages: ReturnType<typeof useFlightsUiMessagesOrDefault>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flight-booking-shell-panels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flight-booking-shell-panels.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-shell-panels.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAK3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAG9D,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,WAAW,EACX,WAAW,GACZ,EAAE;IACD,SAAS,EAAE,wBAAwB,CAAA;IACnC,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;CACvD,2CA0BA;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,GACZ,EAAE;IACD,SAAS,EAAE,wBAAwB,CAAA;IACnC,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,EAAE,aAAa,CAAA;IACtB,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;CACvD,2CAoDA;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,UAAU,EACV,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,UAAU,CAAC,OAAO,6BAA6B,CAAC,CAAA;CAC3D,2CAgCA"}

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

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Check } from "lucide-react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { FlightItinerary } from "./flight-itinerary.js";
+export function ReviewStep({ selection, carrierName, airportName, }) {
+    const messages = useFlightsUiMessagesOrDefault();
+    const isRoundTrip = !!selection.return;
+    return (_jsxs("div", { className: "flex flex-col gap-5 rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "font-semibold text-base", children: isRoundTrip
+                    ? messages.flightBookingShell.reviewTrip
+                    : messages.flightBookingShell.reviewFlight }), _jsx(FlightItinerary, { itinerary: selection.outbound.itineraries[0] ?? { segments: [] }, label: isRoundTrip ? messages.common.legLabels.outbound : undefined, carrierName: carrierName, airportName: airportName }), selection.return && (_jsx(FlightItinerary, { itinerary: selection.return.itineraries[0] ?? { segments: [] }, label: messages.common.legLabels.return, carrierName: carrierName, airportName: airportName }))] }));
+}
+export function ConfirmStep({ selection, passengers, billing, payment, carrierName, airportName, }) {
+    const messages = useFlightsUiMessagesOrDefault();
+    const docsCount = passengers.filter((p) => (p.documents?.length ?? 0) > 0).length;
+    const isRoundTrip = !!selection.return;
+    return (_jsxs("div", { className: "flex flex-col gap-5 rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "font-semibold text-base", children: messages.flightBookingShell.confirmTitle }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(FlightItinerary, { itinerary: selection.outbound.itineraries[0] ?? { segments: [] }, label: isRoundTrip ? messages.common.legLabels.outbound : undefined, compact: true, carrierName: carrierName, airportName: airportName }), selection.return && (_jsx(FlightItinerary, { itinerary: selection.return.itineraries[0] ?? { segments: [] }, label: messages.common.legLabels.return, compact: true, carrierName: carrierName, airportName: airportName }))] }), _jsx(Row, { label: messages.flightBookingShell.rows.passengers, children: passengers.length }), _jsx(Row, { label: messages.flightBookingShell.rows.documents, children: docsCount === passengers.length && passengers.length > 0
+                    ? formatMessage(messages.flightBookingShell.documentsAllAdded, { count: docsCount })
+                    : docsCount > 0
+                        ? formatMessage(messages.flightBookingShell.documentsSomeAdded, {
+                            count: docsCount,
+                            total: passengers.length,
+                        })
+                        : messages.flightBookingShell.documentsAddAtCheckIn }), _jsx(Row, { label: messages.flightBookingShell.rows.contact, children: billing.email || messages.common.noValue }), _jsx(Row, { label: messages.flightBookingShell.rows.billedTo, children: billing.mode === "company"
+                    ? `${billing.companyName ?? messages.common.noValue} · ${billing.vatNumber ?? ""}`
+                    : `${billing.firstName} ${billing.lastName}`.trim() || messages.common.noValue }), _jsx(Row, { label: messages.flightBookingShell.rows.payment, children: _jsx("span", { className: "capitalize", children: payment.type.replace("_", " ") }) }), _jsx("p", { className: "text-muted-foreground text-xs", children: messages.flightBookingShell.confirmDescription })] }));
+}
+export function Stepper({ steps, currentIdx, messages, }) {
+    return (_jsx("ol", { className: "flex items-center gap-2 overflow-x-auto", children: steps.map((s, i) => {
+            const isActive = i === currentIdx;
+            const isComplete = i < currentIdx;
+            return (_jsxs("li", { className: "flex flex-1 items-center gap-2", children: [_jsx("div", { className: cn("flex h-7 w-7 shrink-0 items-center justify-center rounded-full border font-medium text-xs tabular-nums", isComplete && "border-primary bg-primary text-primary-foreground", isActive && !isComplete && "border-primary text-primary", !isActive && !isComplete && "border-border text-muted-foreground"), children: isComplete ? _jsx(Check, { className: "h-3.5 w-3.5" }) : i + 1 }), _jsx("span", { className: cn("truncate text-sm", isActive ? "font-medium text-foreground" : "text-muted-foreground"), children: messages.flightBookingShell.steps[s.id] }), i < steps.length - 1 && _jsx("div", { className: "h-px flex-1 bg-border" })] }, s.id));
+        }) }));
+}
+function Row({ label, children }) {
+    return (_jsxs("div", { className: "flex items-baseline justify-between border-b py-2 text-sm last:border-b-0", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsx("span", { children: children })] }));
+}

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

@@ -0,0 +1,49 @@
+import type { AncillaryCatalog, FlightBookRequest, FlightOrder, PassengerCounts } from "@voyant-travel/flights/contract/types";
+import type React from "react";
+import type { BillingValue } from "./flight-billing-step.js";
+import type { FlightItinerarySelection } from "./flight-booking-ledger.js";
+import type { FlightPassengerFormProps } from "./flight-passenger-form.js";
+import type { PaymentStepCapabilities, SavedPaymentMethod } from "./flight-payment-step.js";
+import type { FlightSeatMapSlot } from "./flight-seats-step.js";
+export type StepId = "review" | "fares" | "passengers" | "bags" | "seats" | "services" | "billing" | "payment" | "confirm";
+export interface StepDef {
+    id: StepId;
+}
+export declare const ALL_STEPS: ReadonlyArray<StepDef>;
+export declare const ALWAYS_VISIBLE: ReadonlySet<StepId>;
+export interface FlightBookingAncillaries {
+    outboundCatalog: AncillaryCatalog | null;
+    returnCatalog?: AncillaryCatalog | null;
+    loading?: boolean;
+}
+export interface FlightBookingSeatMaps {
+    getSeatMap: (input: {
+        offerId: string;
+        segmentId: string;
+    }) => FlightSeatMapSlot;
+}
+export interface FlightBookingSavedPaymentMethods {
+    methods: SavedPaymentMethod[];
+    loading?: boolean;
+}
+export interface FlightBookingShellProps {
+    selection: FlightItinerarySelection;
+    passengers: PassengerCounts;
+    onBook: (request: FlightBookRequest) => Promise<FlightOrder> | FlightOrder;
+    onBooked?: (order: FlightOrder) => void;
+    onCancel?: () => void;
+    onEditOutbound?: () => void;
+    onEditReturn?: () => void;
+    carrierName?: (iataCode: string) => string | undefined;
+    airportName?: (iataCode: string) => string | undefined;
+    ancillaries?: FlightBookingAncillaries;
+    seatMaps?: FlightBookingSeatMaps;
+    savedPaymentMethods?: FlightBookingSavedPaymentMethods;
+    paymentCapabilities?: PaymentStepCapabilities;
+    documentsRequired?: boolean;
+    renderPassengerPicker?: FlightPassengerFormProps["renderPicker"];
+    renderBillingPersonPicker?: (apply: (prefill: Partial<BillingValue>) => void) => React.ReactNode;
+    renderBillingOrgPicker?: (apply: (prefill: Partial<BillingValue>) => void) => React.ReactNode;
+    onSaveBillingDefaults?: (value: BillingValue) => void;
+}
+//# sourceMappingURL=flight-booking-shell-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flight-booking-shell-types.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-shell-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,eAAe,EAChB,MAAM,uCAAuC,CAAA;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAC1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,MAAM,MAAM,MAAM,GACd,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,MAAM,GACN,OAAO,GACP,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,CAAA;AAEb,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;CACX;AAED,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,OAAO,CAU5C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,MAAM,CAM7C,CAAA;AAEF,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,iBAAiB,CAAA;CACjF;AAED,MAAM,WAAW,gCAAgC;IAC/C,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,wBAAwB,CAAA;IACnC,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAAA;IAC1E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,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,WAAW,CAAC,EAAE,wBAAwB,CAAA;IACtC,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,mBAAmB,CAAC,EAAE,gCAAgC,CAAA;IACtD,mBAAmB,CAAC,EAAE,uBAAuB,CAAA;IAC7C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAA;IAChE,yBAAyB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,SAAS,CAAA;IAChG,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7F,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CACtD"}

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

@@ -0,0 +1,18 @@
+export const ALL_STEPS = [
+    { id: "review" },
+    { id: "fares" },
+    { id: "passengers" },
+    { id: "bags" },
+    { id: "seats" },
+    { id: "services" },
+    { id: "billing" },
+    { id: "payment" },
+    { id: "confirm" },
+];
+export const ALWAYS_VISIBLE = new Set([
+    "review",
+    "passengers",
+    "billing",
+    "payment",
+    "confirm",
+]);

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

@@ -0,0 +1,12 @@
+import type { FlightBookingShellProps } from "./flight-booking-shell-types.js";
+export type { FlightBookingAncillaries, FlightBookingSavedPaymentMethods, FlightBookingSeatMaps, FlightBookingShellProps, } from "./flight-booking-shell-types.js";
+/**
+ * Multi-step booking shell with a sticky right-rail price ledger and a top
+ * stepper. Steps: review → passengers → bags → services → contact+payment
+ * → confirm. The shell owns the per-leg `FlightItinerarySelection` plus
+ * ancillary picks (baggage / assistance / extras), and synthesizes a
+ * combined `FlightOffer` (with both itineraries merged) when `onBook` is
+ * called — so the booking adapter sees a single offer with all legs intact.
+ */
+export declare function FlightBookingShell({ selection, passengers, onBook, onBooked, onCancel, onEditOutbound, onEditReturn, carrierName, airportName, ancillaries, seatMaps, savedPaymentMethods, paymentCapabilities, documentsRequired, renderPassengerPicker, renderBillingPersonPicker, renderBillingOrgPicker, onSaveBillingDefaults, }: FlightBookingShellProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=flight-booking-shell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flight-booking-shell.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-shell.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,uBAAuB,EAAU,MAAM,iCAAiC,CAAA;AAEtF,YAAY,EACV,wBAAwB,EACxB,gCAAgC,EAChC,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,iCAAiC,CAAA;AAQxC;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,WAAW,EACX,WAAW,EACX,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,GACtB,EAAE,uBAAuB,kDAsWzB"}