@voyantjs/flights-ui 0.20.0

package/dist/components/airline-logo.d.ts

@@ -0,0 +1,19 @@
+export interface AirlineLogoProps {
+    /** 2- or 3-char IATA carrier code. */
+    iataCode: string;
+    /** Optional override; defaults to Kayak's public logo CDN. */
+    logoUrl?: string | null;
+    /** Display name for `alt` text + initials fallback. */
+    name?: string;
+    /** Pixel size of the logo box. Default 28. */
+    size?: number;
+    className?: string;
+}
+/**
+ * Inline carrier logo. Falls back to a colored initials chip when the
+ * image fails to load (e.g. unknown carrier, blocked CDN). Initials are
+ * the IATA code so they're never wrong even when the airline name isn't
+ * known to the operator's reference data.
+ */
+export declare function AirlineLogo({ iataCode, logoUrl, name, size, className }: AirlineLogoProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=airline-logo.d.ts.map

package/dist/components/airline-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"airline-logo.d.ts","sourceRoot":"","sources":["../../src/components/airline-logo.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAS,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAgC9F"}

package/dist/components/airline-logo.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { useState } from "react";
+/**
+ * Inline carrier logo. Falls back to a colored initials chip when the
+ * image fails to load (e.g. unknown carrier, blocked CDN). Initials are
+ * the IATA code so they're never wrong even when the airline name isn't
+ * known to the operator's reference data.
+ */
+export function AirlineLogo({ iataCode, logoUrl, name, size = 28, className }) {
+    const [errored, setErrored] = useState(false);
+    const url = logoUrl ?? `https://www.kayak.com/h/run/airline-logos/${iataCode}.png`;
+    if (errored || !iataCode) {
+        return (_jsx("div", { className: cn("flex shrink-0 items-center justify-center rounded bg-muted font-mono text-[10px] font-medium text-muted-foreground", className), style: { width: size, height: size }, role: "img", "aria-label": name ?? iataCode, children: iataCode }));
+    }
+    return (_jsx("img", { src: url, alt: name ?? iataCode, width: size, height: size, loading: "lazy", onError: () => setErrored(true), className: cn("shrink-0 rounded object-contain", className), style: { width: size, height: size } }));
+}

package/dist/components/airport-combobox.d.ts

@@ -0,0 +1,20 @@
+import { type AirportDto } from "@voyantjs/flights-react";
+export interface AirportComboboxProps {
+    /** Selected IATA code, or null when nothing is selected. */
+    value: string | null;
+    onChange: (next: string | null, airport: AirportDto | null) => void;
+    /** Trigger placeholder when nothing is selected (e.g. "From", "To"). */
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+}
+/**
+ * Single-line typeahead airport picker. Trigger reads as one of:
+ *   - placeholder (no selection)
+ *   - "LHR · London" (selection in current result set)
+ *   - "LHR" (selection but airport not in current result page)
+ *
+ * Backed by `useAirportSearch` (debounced server query).
+ */
+export declare function AirportCombobox({ value, onChange, placeholder, className, disabled, }: AirportComboboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=airport-combobox.d.ts.map

package/dist/components/airport-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"airport-combobox.d.ts","sourceRoot":"","sources":["../../src/components/airport-combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAoB,MAAM,yBAAyB,CAAA;AAe3E,MAAM,WAAW,oBAAoB;IACnC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IACnE,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,2CAwEtB"}

package/dist/components/airport-combobox.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAirportSearch } from "@voyantjs/flights-react";
+import { Button } from "@voyantjs/ui/components/button";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "@voyantjs/ui/components/command";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyantjs/ui/components/popover";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { ChevronDown, MapPin } from "lucide-react";
+import { useState } from "react";
+/**
+ * Single-line typeahead airport picker. Trigger reads as one of:
+ *   - placeholder (no selection)
+ *   - "LHR · London" (selection in current result set)
+ *   - "LHR" (selection but airport not in current result page)
+ *
+ * Backed by `useAirportSearch` (debounced server query).
+ */
+export function AirportCombobox({ value, onChange, placeholder = "Airport", className, disabled, }) {
+    const [open, setOpen] = useState(false);
+    const [input, setInput] = useState("");
+    const search = useAirportSearch(input, { enabled: open, limit: 30 });
+    const airports = search.data?.data ?? [];
+    const selected = value ? airports.find((a) => a.iataCode === value) : null;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", disabled: disabled, className: cn("h-10 justify-between gap-2 px-3", className) }), children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-left", children: [_jsx(MapPin, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), value ? (_jsxs("span", { className: "truncate text-sm", children: [_jsx("span", { className: "font-mono font-medium", children: value }), selected && (_jsx("span", { className: "ml-1.5 font-normal text-muted-foreground", children: selected.city }))] })) : (_jsx("span", { className: "truncate text-sm text-muted-foreground", children: placeholder }))] }), _jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[320px] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: input, onValueChange: setInput, placeholder: "Type city or IATA code\u2026" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: search.isLoading ? "Searching…" : "No airports." }), _jsx(CommandGroup, { children: airports.map((a) => (_jsxs(CommandItem, { value: `${a.iataCode} ${a.city} ${a.name}`, onSelect: () => {
+                                            onChange(a.iataCode, a);
+                                            setOpen(false);
+                                            setInput("");
+                                        }, children: [_jsx("span", { className: "mr-2 inline-flex w-10 justify-center rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] font-medium", children: a.iataCode }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-sm", children: a.city }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: a.name })] }), _jsx("span", { className: "ml-2 text-[10px] uppercase text-muted-foreground", children: a.country })] }, a.iataCode))) })] })] }) })] }));
+}

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

@@ -0,0 +1,32 @@
+import type { AncillaryCatalog, AncillarySelection, FlightOffer, FlightPassenger, PassengerCounts } from "@voyantjs/flights/contract/types";
+type BaggagePicks = NonNullable<AncillarySelection["baggage"]>;
+export interface FlightBaggageStepProps {
+    /** Per-leg catalogs. Outbound is required; return only when round-trip. */
+    outboundCatalog: AncillaryCatalog | null;
+    returnCatalog?: AncillaryCatalog | null;
+    /** Carrier-friendly leg labels for cards. */
+    outboundOffer: FlightOffer;
+    returnOffer?: FlightOffer;
+    /**
+     * Passengers, in slot order. Pulled from the passengers step for labels;
+     * if some are still blank-named, fall back to "Adult 1", "Child 1", etc.
+     */
+    passengers: FlightPassenger[];
+    /** Fallback when passengers haven't been entered yet. */
+    passengerCounts: PassengerCounts;
+    value: BaggagePicks;
+    onChange: (next: BaggagePicks) => void;
+    /** Mirror outbound picks to return — UI toggle, defaults true on round-trip. */
+    sameForBothDirections: boolean;
+    onSameForBothDirectionsChange: (next: boolean) => void;
+    loading?: boolean;
+}
+/**
+ * Wizz-style baggage step. Tiered grid (10/20/26/32 kg with "Recommended"
+ * highlight) per passenger per leg, plus a "skip checked bag" path. The
+ * "same for both directions" toggle mirrors outbound picks to the return
+ * leg — kept on by default per LCC convention.
+ */
+export declare function FlightBaggageStep({ outboundCatalog, returnCatalog, outboundOffer, returnOffer, passengers, passengerCounts, value, onChange, sameForBothDirections, onSameForBothDirectionsChange, loading, }: FlightBaggageStepProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=flight-baggage-step.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flight-baggage-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-baggage-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,kCAAkC,CAAA;AAOzC,KAAK,YAAY,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAA;AAG9D,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACvC,6CAA6C;IAC7C,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,yDAAyD;IACzD,eAAe,EAAE,eAAe,CAAA;IAChC,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,gFAAgF;IAChF,qBAAqB,EAAE,OAAO,CAAA;IAC9B,6BAA6B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,qBAAqB,EACrB,6BAA6B,EAC7B,OAAO,GACR,EAAE,sBAAsB,2CA0FxB"}

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

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from "@voyantjs/ui/components/checkbox";
+import { Label } from "@voyantjs/ui/components/label";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { Briefcase, CheckCircle2, Luggage } from "lucide-react";
+import { useMemo } from "react";
+/**
+ * Wizz-style baggage step. Tiered grid (10/20/26/32 kg with "Recommended"
+ * highlight) per passenger per leg, plus a "skip checked bag" path. The
+ * "same for both directions" toggle mirrors outbound picks to the return
+ * leg — kept on by default per LCC convention.
+ */
+export function FlightBaggageStep({ outboundCatalog, returnCatalog, outboundOffer, returnOffer, passengers, passengerCounts, value, onChange, sameForBothDirections, onSameForBothDirectionsChange, loading, }) {
+    const isRoundTrip = !!returnOffer;
+    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts), [passengers, passengerCounts]);
+    if (loading) {
+        return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "h-8 w-64 animate-pulse rounded bg-muted/40" }), _jsx("div", { className: "h-40 animate-pulse rounded-xl bg-muted/40" }), _jsx("div", { className: "h-40 animate-pulse rounded-xl bg-muted/40" })] }));
+    }
+    if (!outboundCatalog) {
+        return (_jsx("div", { className: "rounded-xl border border-dashed p-6 text-center text-muted-foreground text-sm", children: "Bags couldn't be loaded for this offer." }));
+    }
+    const setPick = (next, removeMatch) => {
+        const filtered = value.filter((p) => !(p.passengerId === removeMatch.passengerId && p.sliceIndex === removeMatch.sliceIndex));
+        const updated = next ? [...filtered, next] : filtered;
+        if (sameForBothDirections && isRoundTrip && removeMatch.sliceIndex === 0) {
+            // Mirror to return leg (slice 1) — strip then re-add the same option.
+            const noReturn = updated.filter((p) => !(p.passengerId === removeMatch.passengerId && p.sliceIndex === 1));
+            const mirrored = next ? [...noReturn, { ...next, sliceIndex: 1 }] : noReturn;
+            onChange(mirrored);
+            return;
+        }
+        onChange(updated);
+    };
+    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: "Add checked baggage" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Carry-on under the seat is included. Pick a checked bag tier per passenger or skip this step." })] }), isRoundTrip && (_jsxs("div", { className: "flex shrink-0 items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: "baggage-same-for-both", checked: sameForBothDirections, onCheckedChange: (v) => onSameForBothDirectionsChange(!!v) }), _jsx("label", { htmlFor: "baggage-same-for-both", className: "cursor-pointer", children: "Same for both directions" })] }))] }), _jsx(BaggageLegSection, { legLabel: "Outbound", catalog: outboundCatalog, offer: outboundOffer, passengers: paxRows, sliceIndex: 0, value: value, onPick: setPick }), isRoundTrip && returnCatalog && !sameForBothDirections && (_jsx(BaggageLegSection, { legLabel: "Return", catalog: returnCatalog, offer: returnOffer ?? outboundOffer, passengers: paxRows, sliceIndex: 1, value: value, onPick: setPick }))] }));
+}
+function BaggageLegSection({ legLabel, catalog, offer, passengers, sliceIndex, value, onPick, }) {
+    const itin = offer.itineraries[0];
+    const first = itin?.segments[0];
+    const last = itin?.segments[itin.segments.length - 1];
+    return (_jsxs("section", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsxs("header", { className: "mb-4 flex items-baseline justify-between gap-2", children: [_jsxs("h3", { className: "font-medium text-sm", children: [_jsx(Luggage, { className: "mr-1.5 inline h-3.5 w-3.5 -translate-y-px text-muted-foreground" }), legLabel, " bags"] }), first && last && (_jsxs("span", { className: "text-muted-foreground text-xs", children: [first.departure.iataCode, " \u2192 ", last.arrival.iataCode, " \u00B7 ", formatDate(first.departure.at)] }))] }), _jsx("div", { className: "flex flex-col gap-5", children: passengers.map((pax) => {
+                    const pick = value.find((p) => p.passengerId === pax.passengerId && p.sliceIndex === sliceIndex);
+                    return (_jsx(PaxBaggageRow, { pax: pax, options: catalog.baggage, selectedOptionId: pick?.optionId ?? null, onSelect: (optionId) => onPick(optionId
+                            ? { passengerId: pax.passengerId, sliceIndex, optionId, quantity: 1 }
+                            : null, { passengerId: pax.passengerId, sliceIndex, optionId: "" }) }, pax.passengerId));
+                }) })] }));
+}
+function PaxBaggageRow({ pax, options, selectedOptionId, onSelect, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx(Label, { className: "font-medium text-sm", children: pax.label }), selectedOptionId == null && (_jsx("span", { className: "text-[11px] text-muted-foreground", children: "No checked bag" }))] }), _jsx("div", { className: "grid grid-cols-2 gap-2 md:grid-cols-4", children: options.map((opt) => {
+                    const isSelected = selectedOptionId === opt.id;
+                    return (_jsxs("button", { type: "button", onClick: () => onSelect(isSelected ? null : opt.id), className: cn("relative flex flex-col items-center justify-center gap-1.5 rounded-lg border bg-card p-3 text-center transition-colors", isSelected
+                            ? "border-primary ring-2 ring-primary/20"
+                            : "hover:border-primary/40 hover:bg-accent/30", opt.recommended && !isSelected && "border-primary/40"), children: [opt.recommended && (_jsx("span", { className: "-translate-y-1/2 absolute top-0 left-1/2 -translate-x-1/2 rounded-full bg-primary px-2 py-0.5 font-medium text-[9px] text-primary-foreground uppercase tracking-wider", children: "Recommended" })), isSelected && (_jsx(CheckCircle2, { className: "absolute top-2 right-2 h-3.5 w-3.5 text-primary" })), _jsx(Briefcase, { className: "h-7 w-7 text-muted-foreground" }), _jsx("span", { className: "font-semibold text-base", children: opt.weightKg ? `${opt.weightKg} kg` : opt.label }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: opt.price.amount === "0.00"
+                                    ? "Included"
+                                    : `+${formatMoney(opt.price.amount, opt.price.currency)}` })] }, opt.id));
+                }) })] }));
+}
+// ── Helpers ──────────────────────────────────────────────────────────────────
+function buildPassengerRows(passengers, counts) {
+    if (passengers.length > 0) {
+        return passengers.map((p) => ({
+            passengerId: p.passengerId,
+            label: nameOrFallback(p),
+        }));
+    }
+    // Synthesize from counts when passengers haven't been filled yet.
+    const out = [];
+    for (let i = 1; i <= counts.adults; i++) {
+        out.push({ passengerId: `pax_adult_${i}`, label: `Adult ${i}` });
+    }
+    for (let i = 1; i <= (counts.children ?? 0); i++) {
+        out.push({ passengerId: `pax_child_${i}`, label: `Child ${i}` });
+    }
+    for (let i = 1; i <= (counts.infants ?? 0); i++) {
+        out.push({ passengerId: `pax_infant_${i}`, label: `Infant ${i}` });
+    }
+    return out;
+}
+function nameOrFallback(p) {
+    const full = `${p.firstName} ${p.lastName}`.trim();
+    if (full)
+        return full;
+    const idx = p.passengerId.match(/_(\d+)$/)?.[1] ?? "1";
+    const cap = p.type[0]?.toUpperCase() + p.type.slice(1);
+    return `${cap} ${idx}`;
+}
+function formatMoney(amount, currency) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${amount} ${currency}`;
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(n);
+}
+function formatDate(iso) {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return new Intl.DateTimeFormat(undefined, {
+        weekday: "short",
+        day: "numeric",
+        month: "short",
+    }).format(d);
+}

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

@@ -0,0 +1,69 @@
+import { type ReactNode } from "react";
+/** Tab id — Privat (personal) vs Companie (business invoicing). */
+export type BillingMode = "personal" | "company";
+export interface BillingValue {
+    mode: BillingMode;
+    /** Personal: pax / billing-recipient first name. */
+    firstName: string;
+    /** Personal: pax / billing-recipient last name. */
+    lastName: string;
+    email: string;
+    phone?: string;
+    /** Postal address — same shape as `BillingAddress` from the contract. */
+    line1: string;
+    line2?: string;
+    city: string;
+    region?: string;
+    postalCode?: string;
+    /** ISO 3166-1 alpha-2. */
+    countryCode: string;
+    /** Company tab — required when mode === "company". */
+    companyName?: string;
+    vatNumber?: string;
+    /** "Save as default" toggle — parent decides what to do with it. */
+    saveAsDefault?: boolean;
+}
+/** A booking passenger eligible to be the billing recipient. */
+export interface BillingEligiblePassenger {
+    id: string;
+    firstName: string;
+    middleName?: string;
+    lastName: string;
+}
+export interface FlightBillingStepProps {
+    value: BillingValue;
+    onChange: (next: BillingValue) => void;
+    /**
+     * Adult passengers from the booking who can stand in as the billing
+     * recipient. Children + infants are filtered out by the parent — a kid
+     * can never be the billing person. When non-empty, a "Pick from
+     * passengers" trigger appears alongside the contact picker.
+     */
+    eligiblePassengers?: BillingEligiblePassenger[];
+    /**
+     * Render slot for a person picker (e.g. CRM "Use details from contact").
+     * The parent supplies a CRM-aware picker that, on selection, calls
+     * `applyPrefill` with the relevant fields. Set null/undefined to omit.
+     */
+    renderPersonPicker?: (apply: (prefill: Partial<BillingValue>) => void) => ReactNode;
+    /**
+     * Render slot for an organization picker (Companie tab). On selection,
+     * `applyPrefill` is called with company name + VAT + address.
+     */
+    renderOrgPicker?: (apply: (prefill: Partial<BillingValue>) => void) => ReactNode;
+}
+/**
+ * Two-tab billing step with Privat (personal) + Companie (business / VAT)
+ * shapes. Address fields are structured (line1/city/postal/country) so the
+ * payload maps cleanly to `BillingAddress` on the payment intent. Pickers
+ * for prefill from CRM are supplied as render-prop slots so this component
+ * stays decoupled from the CRM data layer.
+ */
+export declare function FlightBillingStep({ value, onChange, eligiblePassengers, renderPersonPicker, renderOrgPicker, }: FlightBillingStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function emptyBillingValue(): BillingValue;
+/**
+ * Validate the billing value. Returns the first error message, or null
+ * when valid. Drives the journey's Continue gate.
+ */
+export declare function validateBilling(v: BillingValue): string | null;
+//# sourceMappingURL=flight-billing-step.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flight-billing-step.d.ts","sourceRoot":"","sources":["../../src/components/flight-billing-step.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAEhD,mEAAmE;AACnE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,CAAA;AAEhD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAA;IACjB,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAA;IACjB,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,gEAAgE;AAChE,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC/C;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,SAAS,CAAA;IACnF;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,SAAS,CAAA;CACjF;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,GAChB,EAAE,sBAAsB,2CAiExB;AA8ND,wBAAgB,iBAAiB,IAAI,YAAY,CAUhD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,CAc9D"}

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

@@ -0,0 +1,111 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyantjs/ui/components/button";
+import { Checkbox } from "@voyantjs/ui/components/checkbox";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "@voyantjs/ui/components/command";
+import { CountryCombobox } from "@voyantjs/ui/components/country-combobox";
+import { Input } from "@voyantjs/ui/components/input";
+import { Label } from "@voyantjs/ui/components/label";
+import { PhoneInput } from "@voyantjs/ui/components/phone-input";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyantjs/ui/components/popover";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@voyantjs/ui/components/tabs";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { Building2, ChevronDown, User, Users } from "lucide-react";
+import { useState } from "react";
+/**
+ * Two-tab billing step with Privat (personal) + Companie (business / VAT)
+ * shapes. Address fields are structured (line1/city/postal/country) so the
+ * payload maps cleanly to `BillingAddress` on the payment intent. Pickers
+ * for prefill from CRM are supplied as render-prop slots so this component
+ * stays decoupled from the CRM data layer.
+ */
+export function FlightBillingStep({ value, onChange, eligiblePassengers, renderPersonPicker, renderOrgPicker, }) {
+    const apply = (prefill) => onChange({ ...value, ...prefill });
+    const set = (patch) => onChange({ ...value, ...patch });
+    const hasPassengerOptions = (eligiblePassengers?.length ?? 0) > 0;
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-base", children: "Billing" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "The receipt and tax documents will be issued in this name." })] }), _jsxs(Tabs, { value: value.mode, onValueChange: (v) => set({ mode: v ?? "personal" }), children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "personal", children: [_jsx(User, { className: "mr-1.5 h-3.5 w-3.5" }), "Personal"] }), _jsxs(TabsTrigger, { value: "company", children: [_jsx(Building2, { className: "mr-1.5 h-3.5 w-3.5" }), "Company"] })] }), _jsxs(TabsContent, { value: "personal", className: "mt-5 flex flex-col gap-4", children: [(hasPassengerOptions || renderPersonPicker) && (_jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [hasPassengerOptions && (_jsx(PassengerPickerTrigger, { passengers: eligiblePassengers ?? [], onPick: (p) => apply({
+                                            mode: "personal",
+                                            firstName: p.firstName,
+                                            ...(p.middleName ? { middleName: p.middleName } : {}),
+                                            lastName: p.lastName,
+                                        }) })), renderPersonPicker?.(apply)] })), _jsx(NameRow, { value: value, onChange: set }), _jsx(ContactRow, { value: value, onChange: set }), _jsx(AddressBlock, { value: value, onChange: set }), _jsx(SaveDefaultRow, { value: value, onChange: set })] }), _jsxs(TabsContent, { value: "company", className: "mt-5 flex flex-col gap-4", children: [renderOrgPicker && _jsx("div", { className: "flex justify-end", children: renderOrgPicker(apply) }), _jsx(CompanyRow, { value: value, onChange: set }), _jsx(ContactRow, { value: value, onChange: set, workPhone: true }), _jsx(AddressBlock, { value: value, onChange: set }), _jsx(SaveDefaultRow, { value: value, onChange: set })] })] })] }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+function NameRow({ value, onChange, }) {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsx(Field, { label: "First name", required: true, children: _jsx(Input, { value: value.firstName, onChange: (e) => onChange({ firstName: e.target.value }) }) }), _jsx(Field, { label: "Last name", required: true, children: _jsx(Input, { value: value.lastName, onChange: (e) => onChange({ lastName: e.target.value }) }) })] }));
+}
+function CompanyRow({ value, onChange, }) {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsx(Field, { label: "Company name", required: true, children: _jsx(Input, { value: value.companyName ?? "", onChange: (e) => onChange({ companyName: e.target.value }) }) }), _jsx(Field, { label: "Tax id / VAT number", required: true, children: _jsx(Input, { value: value.vatNumber ?? "", onChange: (e) => onChange({ vatNumber: e.target.value }), placeholder: "e.g. RO43917962" }) })] }));
+}
+function ContactRow({ value, onChange, workPhone, }) {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [_jsx(Field, { label: "Email", required: true, children: _jsx(Input, { type: "email", value: value.email, onChange: (e) => onChange({ email: e.target.value }) }) }), _jsx(Field, { label: workPhone ? "Work phone" : "Phone", children: _jsx(PhoneInput, { value: (value.phone ?? ""), onChange: (v) => onChange({ phone: v ? String(v) : undefined }), defaultCountry: "RO", international: true }) })] }));
+}
+function AddressBlock({ value, onChange, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Field, { label: "Street address", required: true, children: _jsx(Input, { value: value.line1, onChange: (e) => onChange({ line1: e.target.value }), placeholder: "Street + number" }) }), _jsx(Field, { label: "Address line 2", children: _jsx(Input, { value: value.line2 ?? "", onChange: (e) => onChange({ line2: e.target.value }), placeholder: "Apartment, suite, etc." }) }), _jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-3", children: [_jsx(Field, { label: "City", required: true, children: _jsx(Input, { value: value.city, onChange: (e) => onChange({ city: e.target.value }) }) }), _jsx(Field, { label: "Postal code", children: _jsx(Input, { value: value.postalCode ?? "", onChange: (e) => onChange({ postalCode: e.target.value }) }) }), _jsx(Field, { label: "Country", required: true, children: _jsx(CountryCombobox, { value: value.countryCode || null, onChange: (code) => onChange({ countryCode: code ?? "" }) }) })] })] }));
+}
+function SaveDefaultRow({ value, onChange, }) {
+    const id = "billing-save-default";
+    return (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-sm", children: [_jsx(Checkbox, { id: id, checked: !!value.saveAsDefault, onCheckedChange: (v) => onChange({ saveAsDefault: !!v }) }), _jsx("label", { htmlFor: id, className: "cursor-pointer", children: "Save these details as the default for this contact" })] }));
+}
+function Field({ label, required, children, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs(Label, { className: cn("text-[11px] uppercase tracking-wider text-muted-foreground"), children: [label, required && _jsx("span", { className: "ml-0.5 text-destructive", children: "*" })] }), children] }));
+}
+// ── Helpers ──────────────────────────────────────────────────────────────────
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Compact "Pick from passengers" popover. Lists adult passengers entered
+ * upstream — the operator can click one to copy their first/middle/last name
+ * into the billing recipient. Self-contained: doesn't depend on CRM data.
+ */
+function PassengerPickerTrigger({ passengers, onPick, }) {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "gap-2" }), children: [_jsx(Users, { className: "h-3.5 w-3.5" }), "Pick from passengers", _jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[320px] p-0", align: "end", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search passengers\u2026" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No matching passengers." }), _jsx(CommandGroup, { children: passengers.map((p) => {
+                                        const fullName = [p.firstName, p.middleName, p.lastName]
+                                            .filter((s) => s?.trim())
+                                            .join(" ");
+                                        return (_jsx(CommandItem, { value: fullName, onSelect: () => {
+                                                onPick(p);
+                                                setOpen(false);
+                                            }, children: _jsx("span", { className: "truncate font-medium text-sm", children: fullName || "—" }) }, p.id));
+                                    }) })] })] }) })] }));
+}
+export function emptyBillingValue() {
+    return {
+        mode: "personal",
+        firstName: "",
+        lastName: "",
+        email: "",
+        line1: "",
+        city: "",
+        countryCode: "",
+    };
+}
+/**
+ * Validate the billing value. Returns the first error message, or null
+ * when valid. Drives the journey's Continue gate.
+ */
+export function validateBilling(v) {
+    if (!v.email.trim())
+        return "Email is required";
+    if (!/^\S+@\S+\.\S+$/.test(v.email.trim()))
+        return "Email looks invalid";
+    if (!v.line1.trim())
+        return "Street address is required";
+    if (!v.city.trim())
+        return "City is required";
+    if (!v.countryCode.trim())
+        return "Country is required";
+    if (v.mode === "personal") {
+        if (!v.firstName.trim())
+            return "First name is required";
+        if (!v.lastName.trim())
+            return "Last name is required";
+    }
+    else {
+        if (!v.companyName?.trim())
+            return "Company name is required";
+        if (!v.vatNumber?.trim())
+            return "VAT / tax number is required";
+    }
+    return null;
+}

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

@@ -0,0 +1,31 @@
+import type { FlightBookRequest, FlightOffer, FlightOrder, PassengerCounts } from "@voyantjs/flights/contract/types";
+import { type FlightPassengerFormProps } from "./flight-passenger-form";
+export interface FlightBookingJourneyProps {
+    /** The offer to book — usually returned by the priceOffer call. */
+    offer: FlightOffer;
+    /** Passenger counts captured at search time. */
+    passengers: PassengerCounts;
+    /** Submit handler — wire to the useFlightBook mutation. */
+    onBook: (request: FlightBookRequest) => Promise<FlightOrder> | FlightOrder;
+    /** Surfaced via book result; parent typically navigates to /orders/:id. */
+    onBooked?: (order: FlightOrder) => void;
+    /** "Back to results" affordance. */
+    onCancel?: () => void;
+    /** Optional formatter so passenger card shows airline/airport names. */
+    carrierName?: (iataCode: string) => string | undefined;
+    airportName?: (iataCode: string) => string | undefined;
+    /**
+     * Optional render slot for a person picker on each passenger card.
+     * Forwarded to `FlightPassengerForm.renderPicker` — operators wire a
+     * CRM-aware picker here so users can pick existing contacts as travelers.
+     */
+    renderPassengerPicker?: FlightPassengerFormProps["renderPicker"];
+}
+/**
+ * Multi-step booking journey: Review → Passengers → Contact + Payment →
+ * Confirm. Owns the in-progress form state; submits via `onBook` on the
+ * final step. Each step gates Continue with its own validator so the user
+ * can't advance with incomplete data.
+ */
+export declare function FlightBookingJourney({ offer, passengers, onBook, onBooked, onCancel, carrierName, airportName, renderPassengerPicker, }: FlightBookingJourneyProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=flight-booking-journey.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flight-booking-journey.d.ts","sourceRoot":"","sources":["../../src/components/flight-booking-journey.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,iBAAiB,EACjB,WAAW,EACX,WAAW,EAEX,eAAe,EAEhB,MAAM,kCAAkC,CAAA;AAQzC,OAAO,EAEL,KAAK,wBAAwB,EAE9B,MAAM,yBAAyB,CAAA;AAYhC,MAAM,WAAW,yBAAyB;IACxC,mEAAmE;IACnE,KAAK,EAAE,WAAW,CAAA;IAClB,gDAAgD;IAChD,UAAU,EAAE,eAAe,CAAA;IAC3B,2DAA2D;IAC3D,MAAM,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAAA;IAC1E,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wEAAwE;IACxE,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;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAA;CACjE;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,qBAAqB,GACtB,EAAE,yBAAyB,kDAmH3B"}

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

@@ -0,0 +1,114 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { useState } from "react";
+import { FlightContactForm, validateContact } from "./flight-contact-form";
+import { FlightOfferDetail } from "./flight-offer-detail";
+import { FlightPassengerForm, validatePassengers, } from "./flight-passenger-form";
+import { FlightPaymentSelector } from "./flight-payment-selector";
+const STEPS = [
+    { id: "review", label: "Review offer" },
+    { id: "passengers", label: "Passengers" },
+    { id: "contact", label: "Contact & payment" },
+    { id: "confirm", label: "Confirm" },
+];
+/**
+ * Multi-step booking journey: Review → Passengers → Contact + Payment →
+ * Confirm. Owns the in-progress form state; submits via `onBook` on the
+ * final step. Each step gates Continue with its own validator so the user
+ * can't advance with incomplete data.
+ */
+export function FlightBookingJourney({ offer, passengers, onBook, onBooked, onCancel, carrierName, airportName, renderPassengerPicker, }) {
+    const [stepIdx, setStepIdx] = useState(0);
+    const [paxList, setPaxList] = useState([]);
+    const [contact, setContact] = useState({});
+    const [payment, setPayment] = useState({ type: "hold" });
+    const [submitting, setSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const step = STEPS[stepIdx];
+    if (!step)
+        return null;
+    const paxErrors = validatePassengers(paxList);
+    const contactError = validateContact(contact);
+    const canContinue = (() => {
+        switch (step.id) {
+            case "review":
+                return true;
+            case "passengers":
+                return Object.keys(paxErrors).length === 0 && paxList.length > 0;
+            case "contact":
+                return contactError == null;
+            case "confirm":
+                return true;
+        }
+    })();
+    const goNext = () => {
+        setStepIdx((i) => Math.min(STEPS.length - 1, i + 1));
+    };
+    const goBack = () => {
+        setStepIdx((i) => Math.max(0, i - 1));
+    };
+    const submit = async () => {
+        setError(null);
+        setSubmitting(true);
+        try {
+            const order = await onBook({
+                offerId: offer.offerId,
+                offer,
+                passengers: paxList,
+                contact,
+                paymentIntent: payment,
+            });
+            onBooked?.(order);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(Stepper, { currentIdx: stepIdx }), error && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: error })), _jsxs("div", { className: "flex flex-col gap-4", children: [step.id === "review" && (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "mb-4 text-base font-semibold", children: "Review your selected flight" }), _jsx(FlightOfferDetail, { offer: offer, carrierName: carrierName, airportName: airportName })] })), step.id === "passengers" && (_jsx(FlightPassengerForm, { counts: passengers, value: paxList, onChange: setPaxList, renderPicker: renderPassengerPicker })), step.id === "contact" && (_jsxs(_Fragment, { children: [_jsx(FlightContactForm, { value: contact, onChange: setContact }), _jsx(FlightPaymentSelector, { value: payment, onChange: setPayment })] })), step.id === "confirm" && (_jsx(ConfirmSummary, { offer: offer, passengers: paxList, contact: contact, payment: payment }))] }), _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" })] }))] })] }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Stepper indicator
+// ─────────────────────────────────────────────────────────────────────────────
+function Stepper({ currentIdx }) {
+    return (_jsx("ol", { className: "flex items-center gap-2", 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 text-xs font-medium 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));
+        }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Final confirmation summary
+// ─────────────────────────────────────────────────────────────────────────────
+function ConfirmSummary({ offer, passengers, contact, payment, }) {
+    return (_jsxs("div", { className: "rounded-xl border bg-card p-5 shadow-sm", children: [_jsx("h2", { className: "mb-4 text-base font-semibold", children: "Confirm booking" }), _jsx(Row, { label: "Total", children: _jsx("span", { className: "font-semibold tabular-nums", children: formatMoney(offer.totalPrice.amount, offer.totalPrice.currency) }) }), _jsx(Row, { label: "Passengers", children: passengers.length }), _jsx(Row, { label: "Contact", children: contact.email ?? "—" }), _jsx(Row, { label: "Payment", children: _jsx("span", { className: "capitalize", children: payment.type.replace("_", " ") }) }), offer.expiresAt && (_jsx(Row, { label: "Offer expires", children: _jsx("time", { dateTime: offer.expiresAt, children: formatDateTime(offer.expiresAt) }) })), _jsx("p", { className: "mt-4 text-xs text-muted-foreground", children: "Submitting will hold seats with the connector and (depending on the chosen payment intent) either issue tickets immediately or open a ticketing window. Once confirmed, the booking appears under the order id below." })] }));
+}
+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 })] }));
+}
+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);
+}
+function formatDateTime(iso) {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return new Intl.DateTimeFormat(undefined, {
+        day: "numeric",
+        month: "short",
+        hour: "2-digit",
+        minute: "2-digit",
+    }).format(d);
+}