@voyantjs/flights-ui 0.20.0

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

@@ -0,0 +1,486 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyantjs/ui/components/button";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { Check, ChevronLeft, ChevronRight } from "lucide-react";
+import { useMemo, useState } from "react";
+import { FlightBaggageStep } from "./flight-baggage-step";
+import { emptyBillingValue, FlightBillingStep, validateBilling, } from "./flight-billing-step";
+import { FlightBookingLedger, } from "./flight-booking-ledger";
+import { FlightFareUpsellStep } from "./flight-fare-upsell-step";
+import { FlightItinerary } from "./flight-itinerary";
+import { FlightPassengerForm, validatePassengers, } from "./flight-passenger-form";
+import { FlightPaymentStep, } from "./flight-payment-step";
+import { FlightSeatsStep } from "./flight-seats-step";
+import { FlightServicesStep } from "./flight-services-step";
+const ALL_STEPS = [
+    { id: "review", label: "Review" },
+    { id: "fares", label: "Fare" },
+    { id: "passengers", label: "Passengers" },
+    { id: "bags", label: "Bags" },
+    { id: "seats", label: "Seats" },
+    { id: "services", label: "Services" },
+    { id: "billing", label: "Billing" },
+    { id: "payment", label: "Payment" },
+    { id: "confirm", label: "Confirm" },
+];
+/**
+ * Steps that always render — the rest are adapter-capability-gated.
+ *   - `fares` shows when the offer surfaces `fareBundles`
+ *   - `bags` shows when the ancillary catalog has any baggage options
+ *   - `seats` shows when a seat-map fetcher is wired
+ *   - `services` shows when the ancillary catalog has assistance OR extras
+ *
+ * Travel documents live as an opt-in subsection on each passenger card —
+ * collapsed by default ("Add at check-in instead"), expanded when the
+ * operator wants to capture passport / national-id up front.
+ */
+const ALWAYS_VISIBLE = new Set([
+    "review",
+    "passengers",
+    "billing",
+    "payment",
+    "confirm",
+]);
+/**
+ * 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 function FlightBookingShell({ selection, passengers, onBook, onBooked, onCancel, onEditOutbound, onEditReturn, carrierName, airportName, ancillaries, seatMaps, savedPaymentMethods, paymentCapabilities, documentsRequired, renderPassengerPicker, renderBillingPersonPicker, renderBillingOrgPicker, onSaveBillingDefaults, }) {
+    const [stepId, setStepId] = useState("review");
+    const [paxList, setPaxList] = useState([]);
+    const [billing, setBilling] = useState(emptyBillingValue);
+    const [payment, setPayment] = useState({ type: "hold" });
+    const [paymentSavedId, setPaymentSavedId] = useState(null);
+    const [submitting, setSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const [baggage, setBaggage] = useState([]);
+    const [assistance, setAssistance] = useState([]);
+    const [extras, setExtras] = useState([]);
+    const [seats, setSeats] = useState([]);
+    const [fareBundles, setFareBundles] = useState([]);
+    const [seatsMode, setSeatsMode] = useState("auto");
+    const [sameForBothDirections, setSameForBothDirections] = useState(true);
+    const [sameFareForAllPax, setSameFareForAllPax] = useState(true);
+    // Compute the visible step list dynamically — adapter capability gating.
+    // Loading-aware: show optionals while the catalog is still in flight so the
+    // stepper doesn't grow when data lands; once loaded, hide what's empty.
+    const steps = useMemo(() => {
+        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;
+        });
+    }, [
+        selection.outbound.fareBundles,
+        selection.return?.fareBundles,
+        ancillaries?.outboundCatalog,
+        ancillaries?.returnCatalog,
+        ancillaries?.loading,
+        seatMaps,
+    ]);
+    // If the visible-step list shrinks while we're sitting on a now-hidden
+    // step (e.g., catalog loaded with no services), fall back to the prior
+    // visible step. Done in render to keep state derived + free of effects.
+    const stepIdx = (() => {
+        const idx = steps.findIndex((s) => s.id === stepId);
+        return idx >= 0 ? idx : 0;
+    })();
+    const step = steps[stepIdx];
+    const combinedOffer = useMemo(() => mergeOffers(selection), [selection]);
+    const ancillarySelection = useMemo(() => {
+        if (baggage.length === 0 &&
+            assistance.length === 0 &&
+            extras.length === 0 &&
+            seats.length === 0 &&
+            fareBundles.length === 0) {
+            return undefined;
+        }
+        return {
+            ...(baggage.length > 0 ? { baggage } : {}),
+            ...(assistance.length > 0 ? { assistance } : {}),
+            ...(extras.length > 0 ? { extras } : {}),
+            ...(seats.length > 0 ? { seats } : {}),
+            ...(fareBundles.length > 0 ? { fareBundle: fareBundles } : {}),
+        };
+    }, [baggage, assistance, extras, seats, fareBundles]);
+    const paxErrors = validatePassengers(paxList);
+    const billingError = validateBilling(billing);
+    // Per-leg ledger line items derived from picks + catalogs + seat picks.
+    const { outboundExtras, returnExtras } = useMemo(() => buildLedgerExtras({
+        baggage,
+        extras,
+        assistance,
+        seats,
+        fareBundles,
+        outboundOffer: selection.outbound,
+        returnOffer: selection.return,
+        outboundCatalog: ancillaries?.outboundCatalog ?? null,
+        returnCatalog: ancillaries?.returnCatalog ?? null,
+        seatMaps,
+    }), [
+        baggage,
+        extras,
+        assistance,
+        seats,
+        fareBundles,
+        selection.outbound,
+        selection.return,
+        ancillaries?.outboundCatalog,
+        ancillaries?.returnCatalog,
+        seatMaps,
+    ]);
+    const completedSections = useMemo(() => {
+        const set = new Set();
+        set.add("flights");
+        // A section is "complete" once the user has navigated past it. We only
+        // mark sections that correspond to currently-visible steps.
+        const passedIdx = stepIdx;
+        const visibleIds = new Set(steps.map((s) => s.id));
+        const passed = (id) => {
+            if (!visibleIds.has(id))
+                return false;
+            const i = steps.findIndex((s) => s.id === id);
+            return i >= 0 && passedIdx > i;
+        };
+        if (passed("passengers"))
+            set.add("passengers");
+        if (passed("bags"))
+            set.add("bags");
+        if (passed("seats"))
+            set.add("seats");
+        if (passed("services"))
+            set.add("services");
+        if (passed("billing"))
+            set.add("billing");
+        if (stepIdx >= steps.length - 1)
+            set.add("payment");
+        return set;
+    }, [stepIdx, steps]);
+    if (!step)
+        return null;
+    const canContinue = (() => {
+        switch (step.id) {
+            case "review":
+                return true;
+            case "fares":
+                // Fare bundles are optional — keeping the base "Basic" fare is fine.
+                return true;
+            case "passengers":
+                return Object.keys(paxErrors).length === 0 && paxList.length > 0;
+            case "bags":
+                // Bags are optional — user may skip every passenger.
+                return true;
+            case "seats":
+                // Seats are optional under "skip" / "auto"; under "now" any picks are fine.
+                return true;
+            case "services":
+                return true;
+            case "billing":
+                return billingError == null;
+            case "payment":
+                return true;
+            case "confirm":
+                return true;
+        }
+    })();
+    const goNext = () => {
+        if (step?.id === "billing" && billing.saveAsDefault) {
+            onSaveBillingDefaults?.(billing);
+        }
+        const nextStep = steps[Math.min(steps.length - 1, stepIdx + 1)];
+        if (nextStep)
+            setStepId(nextStep.id);
+    };
+    const goBack = () => {
+        const prevStep = steps[Math.max(0, stepIdx - 1)];
+        if (prevStep)
+            setStepId(prevStep.id);
+    };
+    const submit = async () => {
+        setError(null);
+        setSubmitting(true);
+        try {
+            // Attach the structured billing address to the payment intent (when card)
+            // and surface the contact (email/phone) at the request level. Travel
+            // documents already live on each FlightPassenger.documents from the
+            // merged passenger form — no extra plumbing needed here.
+            const billingAddress = {
+                line1: billing.line1,
+                ...(billing.line2 ? { line2: billing.line2 } : {}),
+                city: billing.city,
+                ...(billing.region ? { region: billing.region } : {}),
+                ...(billing.postalCode ? { postalCode: billing.postalCode } : {}),
+                countryCode: billing.countryCode,
+            };
+            const paymentWithAddress = payment.type === "card" ? { ...payment, billingAddress } : payment;
+            const order = await onBook({
+                offerId: combinedOffer.offerId,
+                offer: combinedOffer,
+                passengers: paxList,
+                contact: { email: billing.email, phone: billing.phone },
+                paymentIntent: paymentWithAddress,
+                ...(ancillarySelection ? { ancillaries: ancillarySelection } : {}),
+            });
+            onBooked?.(order);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-6 lg:grid lg:grid-cols-[1fr_360px] lg:items-start", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-5", children: [_jsx(Stepper, { steps: steps, currentIdx: stepIdx }), error && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-destructive text-sm", children: error })), _jsxs("div", { className: "flex flex-col gap-4", children: [step.id === "review" && (_jsx(ReviewStep, { selection: selection, carrierName: carrierName, airportName: airportName })), step.id === "fares" && (_jsx(FlightFareUpsellStep, { outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: fareBundles, onChange: setFareBundles, sameForAllPassengers: sameFareForAllPax, onSameForAllPassengersChange: setSameFareForAllPax })), step.id === "passengers" && (_jsx(FlightPassengerForm, { counts: passengers, value: paxList, onChange: setPaxList, documentsRequired: documentsRequired, renderPicker: renderPassengerPicker })), step.id === "bags" && (_jsx(FlightBaggageStep, { outboundCatalog: ancillaries?.outboundCatalog ?? null, returnCatalog: ancillaries?.returnCatalog ?? null, outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: baggage, onChange: setBaggage, sameForBothDirections: sameForBothDirections, onSameForBothDirectionsChange: setSameForBothDirections, loading: ancillaries?.loading })), step.id === "seats" && (_jsx(FlightSeatsStep, { outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: seats, onChange: setSeats, mode: seatsMode, onModeChange: setSeatsMode, getSeatMap: seatMaps?.getSeatMap ?? (() => ({ seatMap: null, error: "Seat maps unavailable" })) })), step.id === "services" && (_jsx(FlightServicesStep, { outboundCatalog: ancillaries?.outboundCatalog ?? null, returnCatalog: ancillaries?.returnCatalog ?? null, outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, assistance: assistance, extras: extras, onAssistanceChange: setAssistance, onExtrasChange: setExtras, loading: ancillaries?.loading })), step.id === "billing" && (_jsx(FlightBillingStep, { value: billing, onChange: setBilling, eligiblePassengers: paxList
+                                    .filter((p) => p.type === "adult" && p.firstName.trim() !== "" && p.lastName.trim() !== "")
+                                    .map((p) => ({
+                                    id: p.passengerId,
+                                    firstName: p.firstName,
+                                    ...(p.middleName ? { middleName: p.middleName } : {}),
+                                    lastName: p.lastName,
+                                })), renderPersonPicker: renderBillingPersonPicker, renderOrgPicker: renderBillingOrgPicker })), step.id === "payment" && (_jsx(FlightPaymentStep, { value: payment, onChange: setPayment, savedMethods: savedPaymentMethods?.methods ?? [], loadingSavedMethods: savedPaymentMethods?.loading, selectedSavedId: paymentSavedId, onSelectSaved: setPaymentSavedId, capabilities: paymentCapabilities })), step.id === "confirm" && (_jsx(ConfirmStep, { selection: selection, passengers: paxList, billing: billing, payment: payment, carrierName: carrierName, airportName: airportName }))] }), _jsxs("div", { className: "flex items-center justify-between border-t pt-4", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: () => (stepIdx === 0 ? onCancel?.() : goBack()), disabled: submitting, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), stepIdx === 0 ? "Back to results" : "Back"] }), step.id === "confirm" ? (_jsx(Button, { onClick: submit, disabled: submitting, children: submitting ? "Booking…" : "Confirm booking" })) : (_jsxs(Button, { onClick: goNext, disabled: !canContinue, children: ["Continue", _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] }))] })] }), _jsx("div", { className: "lg:sticky lg:top-6", children: _jsx(FlightBookingLedger, { selection: selection, passengers: passengers, carrierName: carrierName, airportName: airportName, outboundExtras: outboundExtras, returnExtras: returnExtras, onEditOutbound: onEditOutbound, onEditReturn: onEditReturn, completedSections: completedSections }) })] }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Steps
+// ─────────────────────────────────────────────────────────────────────────────
+function ReviewStep({ selection, carrierName, airportName, }) {
+    const isRoundTrip = !!selection.return;
+    return (_jsxs("div", { className: "flex flex-col gap-5 rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "font-semibold text-base", children: isRoundTrip ? "Review your trip" : "Review your flight" }), _jsx(FlightItinerary, { itinerary: selection.outbound.itineraries[0] ?? { segments: [] }, label: isRoundTrip ? "Outbound" : undefined, carrierName: carrierName, airportName: airportName }), selection.return && (_jsx(FlightItinerary, { itinerary: selection.return.itineraries[0] ?? { segments: [] }, label: "Return", carrierName: carrierName, airportName: airportName }))] }));
+}
+function ConfirmStep({ selection, passengers, billing, payment, carrierName, airportName, }) {
+    const docsCount = passengers.filter((p) => (p.documents?.length ?? 0) > 0).length;
+    const isRoundTrip = !!selection.return;
+    return (_jsxs("div", { className: "flex flex-col gap-5 rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "font-semibold text-base", children: "Confirm booking" }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(FlightItinerary, { itinerary: selection.outbound.itineraries[0] ?? { segments: [] }, label: isRoundTrip ? "Outbound" : undefined, compact: true, carrierName: carrierName, airportName: airportName }), selection.return && (_jsx(FlightItinerary, { itinerary: selection.return.itineraries[0] ?? { segments: [] }, label: "Return", compact: true, carrierName: carrierName, airportName: airportName }))] }), _jsx(Row, { label: "Passengers", children: passengers.length }), _jsx(Row, { label: "Documents", children: docsCount === passengers.length && passengers.length > 0
+                    ? `All ${docsCount} added`
+                    : docsCount > 0
+                        ? `${docsCount} of ${passengers.length} added`
+                        : "Add at check-in" }), _jsx(Row, { label: "Contact", children: billing.email || "—" }), _jsx(Row, { label: "Billed to", children: billing.mode === "company"
+                    ? `${billing.companyName ?? "—"} · ${billing.vatNumber ?? ""}`
+                    : `${billing.firstName} ${billing.lastName}`.trim() || "—" }), _jsx(Row, { label: "Payment", children: _jsx("span", { className: "capitalize", children: payment.type.replace("_", " ") }) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Submitting will hold seats with the connector and (depending on the chosen payment intent) either issue tickets immediately or open a ticketing window. The booking will appear under the order id once confirmed." })] }));
+}
+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 })] }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Stepper
+// ─────────────────────────────────────────────────────────────────────────────
+function Stepper({ steps, currentIdx }) {
+    return (_jsx("ol", { className: "flex items-center gap-2 overflow-x-auto", children: steps.map((s, i) => {
+            const isActive = i === currentIdx;
+            const isComplete = i < currentIdx;
+            return (_jsxs("li", { className: "flex flex-1 items-center gap-2", children: [_jsx("div", { className: cn("flex h-7 w-7 shrink-0 items-center justify-center rounded-full border font-medium text-xs tabular-nums", isComplete && "border-primary bg-primary text-primary-foreground", isActive && !isComplete && "border-primary text-primary", !isActive && !isComplete && "border-border text-muted-foreground"), children: isComplete ? _jsx(Check, { className: "h-3.5 w-3.5" }) : i + 1 }), _jsx("span", { className: cn("truncate text-sm", isActive ? "font-medium text-foreground" : "text-muted-foreground"), children: s.label }), i < steps.length - 1 && _jsx("div", { className: "h-px flex-1 bg-border" })] }, s.id));
+        }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Ledger line items from ancillary picks
+// ─────────────────────────────────────────────────────────────────────────────
+function buildLedgerExtras({ baggage, extras, assistance, seats, fareBundles, outboundOffer, returnOffer, outboundCatalog, returnCatalog, seatMaps, }) {
+    const lines = (sliceIndex, catalog, offer) => {
+        const out = [];
+        // Fare-bundle picks (first so they sit at the top of the leg block).
+        // Per-pax per-leg picks are aggregated by bundleId here — when everyone
+        // is on the same fare we render "Standard fare · €36 (2 pax)"; mixed
+        // picks render as separate lines per bundle.
+        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} pax)` : "";
+                out.push({
+                    label: `${v.label} fare${labelSuffix}`,
+                    amount: v.price > 0 ? { amount: v.price.toFixed(2), currency: v.currency } : undefined,
+                    meta: v.price === 0 ? "Included" : undefined,
+                });
+            }
+        }
+        if (catalog) {
+            // Baggage — group by option label, sum quantities + prices.
+            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 k = opt.id;
+                const prev = bagAgg.get(k);
+                const qty = p.quantity ?? 1;
+                if (prev) {
+                    prev.count += qty;
+                    prev.price += Number(opt.price.amount) * qty;
+                }
+                else {
+                    bagAgg.set(k, {
+                        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 ? "Included" : undefined,
+                });
+            }
+            // Extras — same aggregation.
+            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 },
+                });
+            }
+        }
+        // Seats — sum across all segments belonging to this leg's offer.
+        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: `${seatPicks.length} seat${seatPicks.length > 1 ? "s" : ""} picked`,
+                    amount: total > 0 ? { amount: total.toFixed(2), currency } : undefined,
+                    meta: total === 0 ? "Free" : undefined,
+                });
+            }
+        }
+        // Assistance — only on the outbound block (it's trip-wide, not per leg).
+        if (sliceIndex === 0 && assistance.length > 0) {
+            out.push({
+                label: `Special assistance (${assistance.length})`,
+                meta: "Free",
+            });
+        }
+        return out;
+    };
+    return {
+        outboundExtras: lines(0, outboundCatalog, outboundOffer),
+        returnExtras: lines(1, returnCatalog ?? outboundCatalog, returnOffer),
+    };
+}
+function findSeatInMap(map, seatNumber) {
+    for (const row of map.rows) {
+        for (const seat of row.seats) {
+            if (seat.seatNumber === seatNumber)
+                return seat;
+        }
+    }
+    return null;
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Offer merging
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Synthesize a single combined `FlightOffer` from a per-leg selection. This
+ * gives the booking adapter the same shape it would have received from a
+ * single round-trip search (one offer, multiple itineraries) — so the
+ * existing `bookFlight` contract works unchanged. The combined `offerId` is
+ * `<outboundId>+<returnId>` so it round-trips through caching cleanly.
+ */
+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 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-contact-form.d.ts

@@ -0,0 +1,16 @@
+export interface FlightContactValue {
+    email?: string;
+    phone?: string;
+}
+export interface FlightContactFormProps {
+    value: FlightContactValue;
+    onChange: (next: FlightContactValue) => void;
+}
+/**
+ * Booking contact details — used by the connector to send confirmation +
+ * any operational disruption notices. Email is required by most providers;
+ * phone is recommended but optional.
+ */
+export declare function FlightContactForm({ value, onChange }: FlightContactFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function validateContact(value: FlightContactValue): string | null;
+//# sourceMappingURL=flight-contact-form.d.ts.map

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

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

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

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

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

@@ -0,0 +1,26 @@
+import type { AncillarySelection, FlightOffer, FlightPassenger, PassengerCounts } from "@voyantjs/flights/contract/types";
+type FareBundlePicks = NonNullable<AncillarySelection["fareBundle"]>;
+export interface FlightFareUpsellStepProps {
+    outboundOffer: FlightOffer;
+    returnOffer?: FlightOffer;
+    /** Filled passenger entries — used for per-pax labels. */
+    passengers: FlightPassenger[];
+    /** Pax counts when the form hasn't been filled yet (fallback labels). */
+    passengerCounts: PassengerCounts;
+    value: FareBundlePicks;
+    onChange: (next: FareBundlePicks) => void;
+    /** Default-on toggle: one pick applies to every passenger on the leg. */
+    sameForAllPassengers: boolean;
+    onSameForAllPassengersChange: (next: boolean) => void;
+}
+/**
+ * Per-pax per-leg branded-fare upsell step. For multi-pax bookings the
+ * "Same fare for all passengers" toggle (default ON) collapses the picker
+ * back to one card grid per leg, keeping the common case ("everyone on
+ * Standard") to one click. Toggling off splits each leg into per-pax card
+ * grids — useful for the "Adult 1 Plus, Adult 2 Basic" case full-service
+ * carriers + B2B agency bookings actually exercise.
+ */
+export declare function FlightFareUpsellStep({ outboundOffer, returnOffer, passengers, passengerCounts, value, onChange, sameForAllPassengers, onSameForAllPassengersChange, }: FlightFareUpsellStepProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=flight-fare-upsell-step.d.ts.map

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

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