@voyant-travel/flights-react 0.119.2

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

@@ -0,0 +1,210 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { FlightBaggageStep } from "./flight-baggage-step.js";
+import { emptyBillingValue, FlightBillingStep, validateBilling, } from "./flight-billing-step.js";
+import { FlightBookingLedger } from "./flight-booking-ledger.js";
+import { buildLedgerExtras, getVisibleFlightBookingSteps, mergeOffers, } from "./flight-booking-shell-helpers.js";
+import { ConfirmStep, ReviewStep, Stepper } from "./flight-booking-shell-panels.js";
+import { FlightFareUpsellStep } from "./flight-fare-upsell-step.js";
+import { FlightPassengerForm, validatePassengers } from "./flight-passenger-form.js";
+import { FlightPaymentStep } from "./flight-payment-step.js";
+import { FlightSeatsStep } from "./flight-seats-step.js";
+import { FlightServicesStep } from "./flight-services-step.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 function FlightBookingShell({ selection, passengers, onBook, onBooked, onCancel, onEditOutbound, onEditReturn, carrierName, airportName, ancillaries, seatMaps, savedPaymentMethods, paymentCapabilities, documentsRequired, renderPassengerPicker, renderBillingPersonPicker, renderBillingOrgPicker, onSaveBillingDefaults, }) {
+    const messages = useFlightsUiMessagesOrDefault();
+    const [stepId, setStepId] = useState("review");
+    const [paxList, setPaxList] = useState([]);
+    const [billing, setBilling] = useState(emptyBillingValue);
+    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);
+    const steps = useMemo(() => getVisibleFlightBookingSteps({ selection, ancillaries, seatMaps }), [selection, ancillaries, 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,
+        messages,
+    }), [
+        baggage,
+        extras,
+        assistance,
+        seats,
+        fareBundles,
+        selection.outbound,
+        selection.return,
+        ancillaries?.outboundCatalog,
+        ancillaries?.returnCatalog,
+        seatMaps,
+        messages,
+    ]);
+    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, messages: messages }), error && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-destructive text-sm", children: error })), _jsxs("div", { className: "flex flex-col gap-4", children: [step.id === "review" && (_jsx(ReviewStep, { selection: selection, carrierName: carrierName, airportName: airportName })), step.id === "fares" && (_jsx(FlightFareUpsellStep, { outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: fareBundles, onChange: setFareBundles, sameForAllPassengers: sameFareForAllPax, onSameForAllPassengersChange: setSameFareForAllPax })), step.id === "passengers" && (_jsx(FlightPassengerForm, { counts: passengers, value: paxList, onChange: setPaxList, documentsRequired: documentsRequired, renderPicker: renderPassengerPicker })), step.id === "bags" && (_jsx(FlightBaggageStep, { outboundCatalog: ancillaries?.outboundCatalog ?? null, returnCatalog: ancillaries?.returnCatalog ?? null, outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: baggage, onChange: setBaggage, sameForBothDirections: sameForBothDirections, onSameForBothDirectionsChange: setSameForBothDirections, loading: ancillaries?.loading })), step.id === "seats" && (_jsx(FlightSeatsStep, { outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, value: seats, onChange: setSeats, mode: seatsMode, onModeChange: setSeatsMode, getSeatMap: seatMaps?.getSeatMap ??
+                                    (() => ({ seatMap: null, error: messages.flightBookingShell.seatMapsUnavailable })) })), step.id === "services" && (_jsx(FlightServicesStep, { outboundCatalog: ancillaries?.outboundCatalog ?? null, returnCatalog: ancillaries?.returnCatalog ?? null, outboundOffer: selection.outbound, returnOffer: selection.return, passengers: paxList, passengerCounts: passengers, assistance: assistance, extras: extras, onAssistanceChange: setAssistance, onExtrasChange: setExtras, loading: ancillaries?.loading })), step.id === "billing" && (_jsx(FlightBillingStep, { value: billing, onChange: setBilling, eligiblePassengers: paxList
+                                    .filter((p) => p.type === "adult" && p.firstName.trim() !== "" && p.lastName.trim() !== "")
+                                    .map((p) => ({
+                                    id: p.passengerId,
+                                    firstName: p.firstName,
+                                    ...(p.middleName ? { middleName: p.middleName } : {}),
+                                    lastName: p.lastName,
+                                })), renderPersonPicker: renderBillingPersonPicker, renderOrgPicker: renderBillingOrgPicker })), step.id === "payment" && (_jsx(FlightPaymentStep, { value: payment, onChange: setPayment, savedMethods: savedPaymentMethods?.methods ?? [], loadingSavedMethods: savedPaymentMethods?.loading, selectedSavedId: paymentSavedId, onSelectSaved: setPaymentSavedId, capabilities: paymentCapabilities })), step.id === "confirm" && (_jsx(ConfirmStep, { selection: selection, passengers: paxList, billing: billing, payment: payment, carrierName: carrierName, airportName: airportName }))] }), _jsxs("div", { className: "flex items-center justify-between border-t pt-4", children: [_jsxs(Button, { type: "button", variant: "ghost", onClick: () => (stepIdx === 0 ? onCancel?.() : goBack()), disabled: submitting, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), stepIdx === 0
+                                        ? messages.flightBookingShell.backToResults
+                                        : messages.flightBookingShell.back] }), step.id === "confirm" ? (_jsx(Button, { onClick: submit, disabled: submitting, children: submitting
+                                    ? messages.flightBookingShell.booking
+                                    : messages.flightBookingShell.confirmBooking })) : (_jsxs(Button, { onClick: goNext, disabled: !canContinue, children: [messages.flightBookingShell.continue, _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] }))] })] }), _jsx("div", { className: "lg:sticky lg:top-6", children: _jsx(FlightBookingLedger, { selection: selection, passengers: passengers, carrierName: carrierName, airportName: airportName, outboundExtras: outboundExtras, returnExtras: returnExtras, onEditOutbound: onEditOutbound, onEditReturn: onEditReturn, completedSections: completedSections }) })] }));
+}

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":"AAQA,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,kBAAkB,CAAA;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA0C5E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,IAAI,CAMxE"}

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

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

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

@@ -0,0 +1,26 @@
+import type { AncillarySelection, FlightOffer, FlightPassenger, PassengerCounts } from "@voyant-travel/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,uCAAuC,CAAA;AAQ9C,KAAK,eAAe,GAAG,WAAW,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAA;AAGpE,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,0DAA0D;IAC1D,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,yEAAyE;IACzE,eAAe,EAAE,eAAe,CAAA;IAChC,KAAK,EAAE,eAAe,CAAA;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACzC,yEAAyE;IACzE,oBAAoB,EAAE,OAAO,CAAA;IAC7B,4BAA4B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,4BAA4B,GAC7B,EAAE,yBAAyB,2CAiG3B"}

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

@@ -0,0 +1,169 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Checkbox } from "@voyant-travel/ui/components/checkbox";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Briefcase, Check, Crown, Luggage, Sparkles, X } from "lucide-react";
+import { useMemo } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+/**
+ * Per-pax per-leg branded-fare upsell step. For multi-pax bookings the
+ * "Same fare for all passengers" toggle (default ON) collapses the picker
+ * 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 function FlightFareUpsellStep({ outboundOffer, returnOffer, passengers, passengerCounts, value, onChange, sameForAllPassengers, onSameForAllPassengersChange, }) {
+    const messages = useFlightsUiMessagesOrDefault();
+    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts, messages), [passengers, passengerCounts, messages]);
+    const isMultiPax = paxRows.length > 1;
+    const outboundBundles = outboundOffer.fareBundles ?? [];
+    const returnBundles = returnOffer?.fareBundles ?? [];
+    if (outboundBundles.length === 0 && returnBundles.length === 0) {
+        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: messages.flightFareUpsellStep.unavailable }));
+    }
+    const setPick = (passengerId, sliceIndex, bundleId) => {
+        const filtered = value.filter((p) => !(p.passengerId === passengerId && p.sliceIndex === sliceIndex));
+        if (bundleId) {
+            onChange([...filtered, { passengerId, sliceIndex, bundleId }]);
+        }
+        else {
+            onChange(filtered);
+        }
+    };
+    /**
+     * "Same fare for all" handler — picks on behalf of every passenger on the
+     * given leg. A null bundleId clears all picks for that leg.
+     */
+    const setLegPick = (sliceIndex, bundleId) => {
+        const filtered = value.filter((p) => p.sliceIndex !== sliceIndex);
+        if (!bundleId) {
+            onChange(filtered);
+            return;
+        }
+        const additions = paxRows.map((p) => ({
+            passengerId: p.passengerId,
+            sliceIndex,
+            bundleId,
+        }));
+        onChange([...filtered, ...additions]);
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: messages.flightFareUpsellStep.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.flightFareUpsellStep.description })] }), isMultiPax && (_jsxs("div", { className: "flex shrink-0 items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "fare-same-for-all", checked: sameForAllPassengers, onCheckedChange: (v) => onSameForAllPassengersChange(!!v) }), _jsx("label", { htmlFor: "fare-same-for-all", className: "cursor-pointer", children: messages.flightFareUpsellStep.sameForAllPassengers })] }))] }), _jsx(FareLegSection, { label: messages.common.legLabels.outbound, bundles: outboundBundles, sliceIndex: 0, paxRows: paxRows, value: value, sameForAll: sameForAllPassengers || !isMultiPax, onSetPick: setPick, onSetLegPick: setLegPick, messages: messages }), returnOffer && returnBundles.length > 0 && (_jsx(FareLegSection, { label: messages.common.legLabels.return, bundles: returnBundles, sliceIndex: 1, paxRows: paxRows, value: value, sameForAll: sameForAllPassengers || !isMultiPax, onSetPick: setPick, onSetLegPick: setLegPick, messages: messages }))] }));
+}
+function FareLegSection({ label, bundles, sliceIndex, paxRows, value, sameForAll, onSetPick, onSetLegPick, messages, }) {
+    // For "same for all" mode we treat the leg as having one selection — the
+    // bundleId common to every pax pick on this leg (null when split or none).
+    const legPick = (() => {
+        if (paxRows.length === 0)
+            return null;
+        const ids = paxRows.map((p) => value.find((v) => v.passengerId === p.passengerId && v.sliceIndex === sliceIndex)
+            ?.bundleId ?? null);
+        if (ids.every((id) => id === ids[0]))
+            return ids[0] ?? null;
+        return null;
+    })();
+    const someoneSelected = value.some((v) => v.sliceIndex === sliceIndex);
+    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsxs("header", { className: "flex items-baseline justify-between gap-2", children: [_jsx("h3", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: label }), someoneSelected && (_jsx("button", { type: "button", onClick: () => onSetLegPick(sliceIndex, null), className: "text-muted-foreground text-xs hover:text-foreground", children: messages.flightFareUpsellStep.resetToBasic }))] }), sameForAll ? (_jsx(BundleGrid, { bundles: bundles, selectedId: legPick, contextLabel: paxRows.length > 1
+                    ? formatMessage(messages.flightFareUpsellStep.appliesToAllPassengers, {
+                        count: paxRows.length,
+                    })
+                    : null, onPick: (id) => onSetLegPick(sliceIndex, id), messages: messages })) : (_jsx("div", { className: "flex flex-col gap-4", children: paxRows.map((pax) => {
+                    const pick = value.find((v) => v.passengerId === pax.passengerId && v.sliceIndex === sliceIndex);
+                    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: pax.label }), _jsx(BundleGrid, { bundles: bundles, selectedId: pick?.bundleId ?? null, onPick: (id) => onSetPick(pax.passengerId, sliceIndex, id), messages: messages })] }, pax.passengerId));
+                }) }))] }));
+}
+function BundleGrid({ bundles, selectedId, contextLabel, onPick, messages, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "grid gap-3 md:grid-cols-3", children: bundles.map((b) => (_jsx(BundleCard, { bundle: b, selected: selectedId === b.id, isBasicByDefault: selectedId == null && b.tier === "basic", onPick: () => onPick(b.tier === "basic" ? null : b.id), messages: messages }, b.id))) }), contextLabel && _jsx("span", { className: "text-[11px] text-muted-foreground", children: contextLabel })] }));
+}
+function BundleCard({ bundle, selected, isBasicByDefault, onPick, messages, }) {
+    const delta = Number(bundle.priceDelta.amount);
+    const deltaLabel = delta > 0
+        ? `+${formatMoney(bundle.priceDelta.amount, bundle.priceDelta.currency)}`
+        : messages.common.included;
+    const showActiveRing = selected || isBasicByDefault;
+    return (_jsxs("button", { type: "button", onClick: onPick, className: cn("relative flex flex-col gap-3 rounded-lg border bg-card p-4 text-left transition-colors", showActiveRing
+            ? "border-primary ring-2 ring-primary/20"
+            : "hover:border-primary/40 hover:bg-accent/30", bundle.recommended && !showActiveRing && "border-primary/40"), children: [bundle.recommended && (_jsx("span", { className: "-translate-y-1/2 absolute top-0 left-4 rounded-full bg-primary px-2 py-0.5 font-medium text-[9px] text-primary-foreground uppercase tracking-wider", children: messages.common.recommended })), _jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsxs("span", { className: "flex items-center gap-1.5 font-semibold text-sm", children: [_jsx(TierIcon, { tier: bundle.tier }), bundle.label] }), _jsx("span", { className: cn("font-medium text-xs", delta > 0 ? "text-foreground" : "text-emerald-600"), children: deltaLabel })] }), _jsxs("ul", { className: "flex flex-col gap-1.5", children: [_jsx(Inclusion, { ok: !!bundle.inclusions.cabinBag?.included, icon: _jsx(Briefcase, { className: "h-3.5 w-3.5" }), label: bundle.inclusions.cabinBag?.included
+                            ? formatMessage(messages.flightFareUpsellStep.cabinBag, {
+                                weight: bundle.inclusions.cabinBag.weightKg
+                                    ? `(${bundle.inclusions.cabinBag.weightKg} kg)`
+                                    : "",
+                            }).trim()
+                            : messages.flightFareUpsellStep.noCabinBag }), _jsx(Inclusion, { ok: !!bundle.inclusions.checkedBag?.included, icon: _jsx(Luggage, { className: "h-3.5 w-3.5" }), label: bundle.inclusions.checkedBag?.included
+                            ? formatMessage(messages.flightFareUpsellStep.checkedBag, {
+                                weight: bundle.inclusions.checkedBag.weightKg
+                                    ? `${bundle.inclusions.checkedBag.weightKg} kg`
+                                    : "",
+                                pieces: bundle.inclusions.checkedBag.pieces && bundle.inclusions.checkedBag.pieces > 1
+                                    ? ` × ${bundle.inclusions.checkedBag.pieces}`
+                                    : "",
+                            }).trim()
+                            : messages.flightFareUpsellStep.noCheckedBag }), _jsx(Inclusion, { ok: bundle.inclusions.seatSelection !== "none" && bundle.inclusions.seatSelection != null, icon: _jsx(Sparkles, { className: "h-3.5 w-3.5" }), label: bundle.inclusions.seatSelection === "free"
+                            ? messages.flightFareUpsellStep.freeSeatSelection
+                            : bundle.inclusions.seatSelection === "standard"
+                                ? messages.flightFareUpsellStep.standardSeatSelection
+                                : messages.flightFareUpsellStep.noSeatSelection }), _jsx(Inclusion, { ok: !!bundle.inclusions.priorityBoarding, label: messages.flightFareUpsellStep.priorityBoarding }), _jsx(Inclusion, { ok: !!bundle.inclusions.loungeAccess, label: messages.flightFareUpsellStep.loungeAccess }), _jsx(Inclusion, { ok: !!bundle.inclusions.changeable, label: bundle.inclusions.changeable
+                            ? messages.flightFareUpsellStep.freeChanges
+                            : messages.flightFareUpsellStep.changesForFee }), _jsx(Inclusion, { ok: !!bundle.inclusions.refundable, label: bundle.inclusions.refundable
+                            ? messages.flightFareUpsellStep.refundable
+                            : messages.flightFareUpsellStep.nonRefundable }), bundle.inclusions.notes?.map((n) => (_jsx(Inclusion, { ok: true, label: n }, n)))] }), selected && (_jsxs("span", { className: "mt-1 inline-flex items-center gap-1 self-start font-medium text-primary text-xs", children: [_jsx(Check, { className: "h-3 w-3" }), _jsx("span", { children: messages.common.selected })] }))] }));
+}
+function Inclusion({ ok, icon, label }) {
+    return (_jsxs("li", { className: "flex items-center gap-2 text-xs", children: [ok ? (_jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-emerald-600" })) : (_jsx(X, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/60" })), _jsxs("span", { className: "flex items-center gap-1.5 text-foreground", children: [icon, _jsx("span", { className: cn(!ok && "text-muted-foreground"), children: label })] })] }));
+}
+function TierIcon({ tier }) {
+    switch (tier) {
+        case "plus":
+        case "premium":
+            return _jsx(Crown, { className: "h-3.5 w-3.5 text-amber-500" });
+        case "standard":
+            return _jsx(Sparkles, { className: "h-3.5 w-3.5 text-primary" });
+        default:
+            return _jsx(Briefcase, { className: "h-3.5 w-3.5 text-muted-foreground" });
+    }
+}
+function buildPassengerRows(passengers, counts, messages) {
+    if (passengers.length > 0) {
+        return passengers.map((p, idx) => ({
+            passengerId: p.passengerId,
+            label: nameOrFallback(p, idx, 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, idx, messages) {
+    const full = `${p.firstName} ${p.lastName}`.trim();
+    if (full)
+        return full;
+    return `${messages.common.passengerTypeLabels[p.type]} ${idx + 1}`;
+}
+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/flight-filters-bar.d.ts

@@ -0,0 +1,19 @@
+import type { FlightOffer } from "@voyant-travel/flights/contract/types";
+export interface FlightFiltersValue {
+    /** Selected carrier IATA codes (empty = no carrier filter). */
+    carriers: string[];
+    /** Max stops on any single itinerary. `null` = no cap. */
+    maxStops: number | null;
+    /** Inclusive price ceiling (in offer's currency). `null` = no cap. */
+    maxPrice: number | null;
+}
+export declare const EMPTY_FLIGHT_FILTERS: FlightFiltersValue;
+export interface FlightFiltersBarProps {
+    value: FlightFiltersValue;
+    onChange: (next: FlightFiltersValue) => void;
+    /** Live offer set — used to derive carrier facet buckets and the price/stops range. */
+    offers: FlightOffer[];
+    carrierName?: (iataCode: string) => string | undefined;
+}
+export declare function FlightFiltersBar({ value, onChange, offers, carrierName }: FlightFiltersBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=flight-filters-bar.d.ts.map

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

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

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

@@ -0,0 +1,98 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from "@voyant-travel/ui/components/command";
+import { Input } from "@voyant-travel/ui/components/input";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyant-travel/ui/components/popover";
+import { PlusCircle, X } from "lucide-react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { AirlineLogo } from "./airline-logo.js";
+export const EMPTY_FLIGHT_FILTERS = {
+    carriers: [],
+    maxStops: null,
+    maxPrice: null,
+};
+export function FlightFiltersBar({ value, onChange, offers, carrierName }) {
+    const messages = useFlightsUiMessagesOrDefault();
+    const carrierBuckets = deriveCarrierBuckets(offers);
+    const stopsBuckets = deriveStopsBuckets(offers);
+    const hasSelections = value.carriers.length > 0 || value.maxStops != null || value.maxPrice != null;
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(CarrierFilter, { buckets: carrierBuckets, selected: value.carriers, carrierName: carrierName, messages: messages.flightFiltersBar, onToggle: (code) => onChange({
+                    ...value,
+                    carriers: value.carriers.includes(code)
+                        ? value.carriers.filter((c) => c !== code)
+                        : [...value.carriers, code],
+                }), onClear: () => onChange({ ...value, carriers: [] }) }), _jsx(StopsFilter, { buckets: stopsBuckets, selected: value.maxStops, onSelect: (maxStops) => onChange({ ...value, maxStops }), messages: messages }), _jsx(PriceFilter, { value: value.maxPrice, onChange: (maxPrice) => onChange({ ...value, maxPrice }), messages: messages.flightFiltersBar }), hasSelections && (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 px-2 text-muted-foreground hover:text-foreground", onClick: () => onChange(EMPTY_FLIGHT_FILTERS), children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), messages.flightFiltersBar.clearAll] }))] }));
+}
+/**
+ * Shared inline trigger contents for the three filter popovers. Renders
+ * inside `<PopoverTrigger render={<Button .../>}>` as the button's
+ * children — base-ui merges its onClick / aria-expanded onto the Button
+ * directly. (Wrapping these in a separate component breaks the click flow
+ * because base-ui's prop-merge can't see through a custom wrapper.)
+ */
+function TriggerContents({ label, count, preview, }) {
+    return (_jsxs(_Fragment, { children: [_jsx(PlusCircle, { className: "h-3.5 w-3.5" }), _jsx("span", { children: label }), preview, count != null && count > 0 && (_jsx("span", { className: "-mr-0.5 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-medium tabular-nums text-primary-foreground", children: count }))] }));
+}
+const TRIGGER_CLASS = "h-8 gap-2 border-dashed";
+function CarrierFilter({ buckets, selected, carrierName, onToggle, onClear, messages, }) {
+    if (buckets.length === 0)
+        return null;
+    const selectedSet = new Set(selected);
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm", className: TRIGGER_CLASS }), children: _jsx(TriggerContents, { label: messages.airlines, count: selected.length }) }), _jsx(PopoverContent, { className: "w-[260px] p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: messages.filterAirlinesPlaceholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: messages.noAirlines }), _jsx(CommandGroup, { children: buckets.map((b) => {
+                                        const isSelected = selectedSet.has(b.iataCode);
+                                        return (_jsxs(CommandItem, { onSelect: () => onToggle(b.iataCode), children: [_jsx(Checkbox, { checked: isSelected, tabIndex: -1, "aria-hidden": true, className: "mr-2 pointer-events-none" }), _jsx(AirlineLogo, { iataCode: b.iataCode, name: carrierName?.(b.iataCode), size: 20, className: "mr-2" }), _jsx("span", { className: "flex-1 truncate", children: carrierName?.(b.iataCode) ?? b.iataCode }), _jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: b.count })] }, b.iataCode));
+                                    }) }), selected.length > 0 && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsx(CommandItem, { onSelect: onClear, className: "justify-center text-center text-muted-foreground", children: messages.clearFilter }) })] }))] })] }) })] }));
+}
+function deriveCarrierBuckets(offers) {
+    const counts = new Map();
+    for (const offer of offers) {
+        const carriers = new Set();
+        for (const itin of offer.itineraries) {
+            for (const seg of itin.segments) {
+                carriers.add(seg.carrierCode);
+            }
+        }
+        for (const c of carriers)
+            counts.set(c, (counts.get(c) ?? 0) + 1);
+    }
+    return Array.from(counts.entries())
+        .map(([iataCode, count]) => ({ iataCode, count }))
+        .sort((a, b) => b.count - a.count);
+}
+function StopsFilter({ buckets, selected, onSelect, messages, }) {
+    if (buckets.length === 0)
+        return null;
+    const filterMessages = messages.flightFiltersBar;
+    const preview = selected != null ? (_jsx("span", { className: "text-muted-foreground", children: selected === 0 ? `· ${messages.common.stops.nonstop}` : `· ≤ ${selected}` })) : null;
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm", className: TRIGGER_CLASS }), children: _jsx(TriggerContents, { label: filterMessages.stops, preview: preview }) }), _jsx(PopoverContent, { className: "w-[200px] p-0", align: "start", children: _jsx(Command, { children: _jsxs(CommandList, { children: [_jsx(CommandGroup, { children: buckets.map((b) => {
+                                    const isSelected = selected === b.stops;
+                                    return (_jsxs(CommandItem, { onSelect: () => onSelect(b.stops), children: [_jsx(Checkbox, { checked: isSelected, tabIndex: -1, "aria-hidden": true, className: "mr-2 pointer-events-none" }), _jsx("span", { className: "flex-1", children: b.stops === 0
+                                                    ? messages.common.stops.nonstop
+                                                    : formatMessage(b.stops === 1
+                                                        ? messages.common.stops.upToOne
+                                                        : messages.common.stops.upToMany, { count: b.stops }) }), _jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: b.count })] }, b.stops));
+                                }) }), selected != null && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsx(CommandItem, { onSelect: () => onSelect(null), className: "justify-center text-center text-muted-foreground", children: filterMessages.clearFilter }) })] }))] }) }) })] }));
+}
+function deriveStopsBuckets(offers) {
+    const counts = new Map();
+    for (const offer of offers) {
+        const maxStops = Math.max(0, ...offer.itineraries.map((i) => i.segments.length - 1));
+        counts.set(maxStops, (counts.get(maxStops) ?? 0) + 1);
+    }
+    return Array.from(counts.entries())
+        .map(([stops, count]) => ({ stops, count }))
+        .sort((a, b) => a.stops - b.stops);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Price
+// ─────────────────────────────────────────────────────────────────────────────
+function PriceFilter({ value, onChange, messages, }) {
+    const preview = value != null ? _jsxs("span", { className: "text-muted-foreground", children: ["\u00B7 \u2264 ", value] }) : null;
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", size: "sm", className: TRIGGER_CLASS }), children: _jsx(TriggerContents, { label: messages.price, preview: preview }) }), _jsx(PopoverContent, { className: "w-[240px] p-3", align: "start", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: messages.maximumPrice }), _jsx(Input, { type: "number", inputMode: "decimal", min: 0, placeholder: messages.noCap, defaultValue: value ?? "", className: "h-8", onBlur: (e) => {
+                                const n = Number(e.target.value);
+                                onChange(Number.isFinite(n) && n > 0 ? n : null);
+                            } }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => onChange(null), disabled: value == null, className: "self-start", children: messages.clear })] }) })] }));
+}

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

@@ -0,0 +1,28 @@
+import type { Itinerary } from "@voyant-travel/flights/contract/types";
+export interface FlightItineraryProps {
+    itinerary: Itinerary;
+    /** Optional label shown above the segment list (e.g. "Outbound", "Return"). */
+    label?: string;
+    /** Optional sub-label, typically the dated city pair: "BUH → LON · Mon, 13 Jul". */
+    sublabel?: string;
+    carrierName?: (iataCode: string) => string | undefined;
+    airportName?: (iataCode: string) => string | undefined;
+    aircraftName?: (iataCode: string) => string | undefined;
+    /** Compact rendering for use inside the ledger / right rail. */
+    compact?: boolean;
+    className?: string;
+}
+/**
+ * Carrier-aware itinerary renderer. One itinerary = one direction of travel
+ * (outbound, return, or one leg of an open-jaw). Surfaces:
+ *  - per-segment carrier + flight number
+ *  - operating-vs-marketing carrier ("Operated by …") for codeshares
+ *  - layover dwell time chips between segments
+ *  - aircraft per segment
+ *  - total journey duration
+ *
+ * `compact` strips the per-segment cards down to a single timeline row —
+ * suitable for the booking ledger.
+ */
+export declare function FlightItinerary({ itinerary, label, sublabel, carrierName, airportName, aircraftName, compact, className, }: FlightItineraryProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=flight-itinerary.d.ts.map

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

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