@voyant-travel/flights-react 0.119.2

package/dist/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAElF,eAAO,MAAM,cAAc,EAAE,aACoB,CAAA;AAEjD,qBAAa,cAAe,SAAQ,KAAK;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;gBAEV,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;CAM3D;AAaD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,aAAa,CAAA;CACvB;AAED,wBAAsB,mBAAmB,CAAC,IAAI,EAC5C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EACvB,OAAO,EAAE,0BAA0B,EACnC,IAAI,CAAC,EAAE,WAAW,GACjB,OAAO,CAAC,IAAI,CAAC,CAgCf;AAkBD,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAEpC,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,MAAM,CAY7F"}

package/dist/client.js

@@ -0,0 +1,75 @@
+export const defaultFetcher = (url, init) => fetch(url, { credentials: "include", ...init });
+export class VoyantApiError extends Error {
+    status;
+    body;
+    constructor(message, status, body) {
+        super(message);
+        this.name = "VoyantApiError";
+        this.status = status;
+        this.body = body;
+    }
+}
+function extractErrorMessage(status, statusText, body) {
+    if (typeof body === "object" && body !== null && "error" in body) {
+        const err = body.error;
+        if (typeof err === "string")
+            return err;
+        if (typeof err === "object" && err !== null && "message" in err) {
+            return String(err.message);
+        }
+    }
+    return `Voyant API error: ${status} ${statusText}`;
+}
+export async function fetchWithValidation(path, schema, options, init) {
+    const url = joinUrl(options.baseUrl, path);
+    const headers = new Headers(init?.headers);
+    if (init?.body !== undefined && !headers.has("Content-Type")) {
+        headers.set("Content-Type", "application/json");
+    }
+    const response = await options.fetcher(url, { ...init, headers });
+    if (!response.ok) {
+        const body = await safeJson(response);
+        throw new VoyantApiError(extractErrorMessage(response.status, response.statusText, body), response.status, body);
+    }
+    if (response.status === 204) {
+        return schema.parse(undefined);
+    }
+    const body = await safeJson(response);
+    const parsed = schema.safeParse(body);
+    if (!parsed.success) {
+        throw new VoyantApiError(`Voyant API response failed validation: ${parsed.error.message}`, response.status, body);
+    }
+    return parsed.data;
+}
+async function safeJson(response) {
+    const text = await response.text();
+    if (!text)
+        return undefined;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
+}
+function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}
+export function withQueryParams(path, params) {
+    const search = new URLSearchParams();
+    for (const [key, value] of Object.entries(params)) {
+        if (value === undefined || value === null)
+            continue;
+        if (Array.isArray(value)) {
+            for (const v of value)
+                search.append(key, String(v));
+        }
+        else {
+            search.set(key, String(value));
+        }
+    }
+    const qs = search.toString();
+    return qs ? `${path}?${qs}` : path;
+}

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 "@voyant-travel/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 "../index.js";
+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":"AAgBA,OAAO,EAAE,KAAK,UAAU,EAAoB,MAAM,aAAa,CAAA;AAE/D,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,WAAW,EACX,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,2CA2EtB"}

package/dist/components/airport-combobox.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "@voyant-travel/ui/components/command";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyant-travel/ui/components/popover";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ChevronDown, MapPin } from "lucide-react";
+import { useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { useAirportSearch } from "../index.js";
+/**
+ * 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, className, disabled, }) {
+    const messages = useFlightsUiMessagesOrDefault().airportCombobox;
+    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 ?? messages.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: messages.searchPlaceholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: search.isLoading ? messages.searching : messages.empty }), _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/billing-pickers.d.ts

@@ -0,0 +1,19 @@
+import type { BillingValue } from "./flight-billing-step.js";
+export interface BillingPersonPickerProps {
+    apply: (prefill: Partial<BillingValue>) => void;
+    onPersonSelected?: (personId: string | null) => void;
+}
+/**
+ * Billing-step CRM person picker. It searches `/v1/relationships/people`, prefers a
+ * billing/primary address, and maps the selected person into `BillingValue`.
+ */
+export declare function BillingPersonPicker({ apply, onPersonSelected }: BillingPersonPickerProps): import("react/jsx-runtime").JSX.Element;
+export interface BillingOrgPickerProps {
+    apply: (prefill: Partial<BillingValue>) => void;
+}
+/**
+ * Billing-step CRM organization picker. It searches organizations and maps
+ * the selected organization, address, and contact points into `BillingValue`.
+ */
+export declare function BillingOrgPicker({ apply }: BillingOrgPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=billing-pickers.d.ts.map

package/dist/components/billing-pickers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"billing-pickers.d.ts","sourceRoot":"","sources":["../../src/components/billing-pickers.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IAC/C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CACrD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,wBAAwB,2CA6ExF;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;CAChD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,qBAAqB,2CA0EhE"}

package/dist/components/billing-pickers.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOrganizations, usePeople } from "@voyant-travel/relationships-react";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "@voyant-travel/ui/components/command";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyant-travel/ui/components/popover";
+import { Building2, ChevronDown, Users } from "lucide-react";
+import { useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+/**
+ * Billing-step CRM person picker. It searches `/v1/relationships/people`, prefers a
+ * billing/primary address, and maps the selected person into `BillingValue`.
+ */
+export function BillingPersonPicker({ apply, onPersonSelected }) {
+    const messages = useFlightsUiMessagesOrDefault().billingPickers;
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    const peopleQuery = usePeople({
+        search: search.trim() || undefined,
+        limit: 30,
+        enabled: open,
+    });
+    const people = (peopleQuery.data?.data ?? []).filter((person) => isAdult(person.dateOfBirth));
+    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" }), messages.personTrigger, _jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[340px] p-0", align: "end", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: messages.personSearchPlaceholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: peopleQuery.isLoading ? messages.peopleSearching : messages.peopleEmpty }), _jsx(CommandGroup, { children: people.map((person) => {
+                                        const fullName = `${person.firstName} ${person.lastName}`.trim();
+                                        return (_jsx(CommandItem, { value: `${fullName} ${person.email ?? ""}`, onSelect: async () => {
+                                                const address = await fetchPreferredAddress("person", person.id);
+                                                apply({
+                                                    mode: "personal",
+                                                    firstName: person.firstName,
+                                                    lastName: person.lastName,
+                                                    email: person.email ?? "",
+                                                    phone: person.phone ?? undefined,
+                                                    line1: address?.line1 ?? "",
+                                                    line2: address?.line2 ?? undefined,
+                                                    city: address?.city ?? "",
+                                                    region: address?.region ?? undefined,
+                                                    postalCode: address?.postalCode ?? undefined,
+                                                    countryCode: address?.country ?? "",
+                                                });
+                                                onPersonSelected?.(person.id);
+                                                setOpen(false);
+                                                setSearch("");
+                                            }, children: _jsxs("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [_jsx("span", { className: "truncate font-medium text-sm", children: fullName || messages.emptyName }), person.email && (_jsx("span", { className: "truncate text-muted-foreground text-xs", children: person.email }))] }) }, person.id));
+                                    }) })] })] }) })] }));
+}
+/**
+ * Billing-step CRM organization picker. It searches organizations and maps
+ * the selected organization, address, and contact points into `BillingValue`.
+ */
+export function BillingOrgPicker({ apply }) {
+    const messages = useFlightsUiMessagesOrDefault().billingPickers;
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    const orgsQuery = useOrganizations({
+        search: search.trim() || undefined,
+        limit: 30,
+        enabled: open,
+    });
+    const orgs = orgsQuery.data?.data ?? [];
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "gap-2" }), children: [_jsx(Building2, { className: "h-3.5 w-3.5" }), messages.orgTrigger, _jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[340px] p-0", align: "end", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: messages.orgSearchPlaceholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: orgsQuery.isLoading ? messages.orgsSearching : messages.orgsEmpty }), _jsx(CommandGroup, { children: orgs.map((org) => (_jsx(CommandItem, { value: org.name, onSelect: async () => {
+                                            const [address, contactPoints] = await Promise.all([
+                                                fetchPreferredAddress("organization", org.id),
+                                                fetchContactPoints("organization", org.id),
+                                            ]);
+                                            apply({
+                                                mode: "company",
+                                                companyName: org.name,
+                                                ...(org.taxId ? { vatNumber: org.taxId } : {}),
+                                                email: contactPoints.email ?? "",
+                                                ...(contactPoints.phone ? { phone: contactPoints.phone } : {}),
+                                                line1: address?.line1 ?? "",
+                                                line2: address?.line2 ?? undefined,
+                                                city: address?.city ?? "",
+                                                region: address?.region ?? undefined,
+                                                postalCode: address?.postalCode ?? undefined,
+                                                countryCode: address?.country ?? "",
+                                            });
+                                            setOpen(false);
+                                            setSearch("");
+                                        }, children: _jsxs("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [_jsx("span", { className: "truncate font-medium text-sm", children: org.name }), org.legalName && (_jsx("span", { className: "truncate text-muted-foreground text-xs", children: org.legalName }))] }) }, org.id))) })] })] }) })] }));
+}
+function isAdult(dateOfBirth) {
+    if (!dateOfBirth)
+        return true;
+    const dob = new Date(dateOfBirth);
+    if (Number.isNaN(dob.getTime()))
+        return true;
+    const now = new Date();
+    let years = now.getFullYear() - dob.getFullYear();
+    const beforeBirthdayThisYear = now.getMonth() < dob.getMonth() ||
+        (now.getMonth() === dob.getMonth() && now.getDate() < dob.getDate());
+    if (beforeBirthdayThisYear)
+        years -= 1;
+    return years >= 18;
+}
+async function fetchContactPoints(entity, id) {
+    const entityType = entity === "person" ? "person" : "organization";
+    try {
+        const res = await fetch(`/v1/identity/entities/${entityType}/${encodeURIComponent(id)}/contact-points`, { headers: { accept: "application/json" } });
+        if (!res.ok)
+            return { email: null, phone: null };
+        const json = (await res.json());
+        const list = json.data ?? [];
+        return {
+            email: pickContactPoint(list, "email"),
+            phone: pickContactPoint(list, "phone"),
+        };
+    }
+    catch {
+        return { email: null, phone: null };
+    }
+}
+function pickContactPoint(list, kind) {
+    const matches = list.filter((contactPoint) => contactPoint.kind === kind);
+    if (matches.length === 0)
+        return null;
+    const billing = matches.find((contactPoint) => contactPoint.label === "billing");
+    if (billing)
+        return billing.value;
+    const primary = matches.find((contactPoint) => contactPoint.isPrimary);
+    if (primary)
+        return primary.value;
+    return matches[0]?.value ?? null;
+}
+async function fetchPreferredAddress(entity, id) {
+    const path = entity === "person" ? "people" : "organizations";
+    try {
+        const res = await fetch(`/v1/relationships/${path}/${encodeURIComponent(id)}/addresses`, {
+            headers: { accept: "application/json" },
+        });
+        if (!res.ok)
+            return null;
+        const json = (await res.json());
+        const list = json.data ?? [];
+        if (list.length === 0)
+            return null;
+        const billing = list.find((address) => address.label === "billing");
+        if (billing)
+            return billing;
+        const primary = list.find((address) => address.label === "primary") ??
+            list.find((address) => address.isPrimary);
+        return primary ?? list[0] ?? null;
+    }
+    catch {
+        return null;
+    }
+}

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

@@ -0,0 +1,32 @@
+import type { AncillaryCatalog, AncillarySelection, FlightOffer, FlightPassenger, PassengerCounts } from "@voyant-travel/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,uCAAuC,CAAA;AAS9C,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,119 @@
+"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 { Label } from "@voyant-travel/ui/components/label";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Briefcase, CheckCircle2, Luggage } from "lucide-react";
+import { useMemo } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+/**
+ * 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 messages = useFlightsUiMessagesOrDefault();
+    const isRoundTrip = !!returnOffer;
+    const paxRows = useMemo(() => buildPassengerRows(passengers, passengerCounts, messages), [passengers, passengerCounts, messages]);
+    if (loading) {
+        return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "h-8 w-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: messages.flightBaggageStep.unavailable }));
+    }
+    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: messages.flightBaggageStep.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.flightBaggageStep.description })] }), 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: messages.flightBaggageStep.sameForBothDirections })] }))] }), _jsx(BaggageLegSection, { legLabel: messages.common.legLabels.outbound, catalog: outboundCatalog, offer: outboundOffer, passengers: paxRows, sliceIndex: 0, value: value, messages: messages, onPick: setPick }), isRoundTrip && returnCatalog && !sameForBothDirections && (_jsx(BaggageLegSection, { legLabel: messages.common.legLabels.return, catalog: returnCatalog, offer: returnOffer ?? outboundOffer, passengers: paxRows, sliceIndex: 1, value: value, messages: messages, onPick: setPick }))] }));
+}
+function BaggageLegSection({ legLabel, catalog, offer, passengers, sliceIndex, value, onPick, messages, }) {
+    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" }), formatMessage(messages.flightBaggageStep.bags, { leg: legLabel })] }), 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, messages: messages, 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, messages, }) {
+    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: messages.flightBaggageStep.noCheckedBag }))] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 md:grid-cols-5", children: [_jsxs("button", { type: "button", onClick: () => onSelect(null), className: cn("relative flex flex-col items-center justify-center gap-1.5 rounded-lg border bg-card p-3 text-center transition-colors", selectedOptionId == null
+                            ? "border-primary ring-2 ring-primary/20"
+                            : "hover:border-primary/40 hover:bg-accent/30"), children: [selectedOptionId == null && (_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/70" }), _jsx("span", { className: "font-semibold text-base", children: messages.flightBaggageStep.noCheckedBag }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: messages.common.included })] }), 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: messages.common.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"
+                                        ? messages.common.included
+                                        : `+${formatMoney(opt.price.amount, opt.price.currency)}` })] }, opt.id));
+                    })] })] }));
+}
+// ── Helpers ──────────────────────────────────────────────────────────────────
+function buildPassengerRows(passengers, counts, messages) {
+    if (passengers.length > 0) {
+        return passengers.map((p) => ({
+            passengerId: p.passengerId,
+            label: nameOrFallback(p, messages),
+        }));
+    }
+    // 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: `${messages.common.passengerTypeLabels.adult} ${i}`,
+        });
+    }
+    for (let i = 1; i <= (counts.children ?? 0); i++) {
+        out.push({
+            passengerId: `pax_child_${i}`,
+            label: `${messages.common.passengerTypeLabels.child} ${i}`,
+        });
+    }
+    for (let i = 1; i <= (counts.infants ?? 0); i++) {
+        out.push({
+            passengerId: `pax_infant_${i}`,
+            label: `${messages.common.passengerTypeLabels.infant} ${i}`,
+        });
+    }
+    return out;
+}
+function nameOrFallback(p, messages) {
+    const full = `${p.firstName} ${p.lastName}`.trim();
+    if (full)
+        return full;
+    const idx = p.passengerId.match(/_(\d+)$/)?.[1] ?? "1";
+    return `${messages.common.passengerTypeLabels[p.type]} ${idx}`;
+}
+function formatMoney(amount, currency) {
+    const n = Number(amount);
+    if (!Number.isFinite(n))
+        return `${amount} ${currency}`;
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(n);
+}
+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;AAIhD,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;AAkPD,wBAAgB,iBAAiB,IAAI,YAAY,CAUhD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,CAe9D"}