@voyantjs/flights-ui 0.30.7 → 0.31.0

package/dist/components/flights-page.js

@@ -0,0 +1,318 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { flightsQueryKeys, useAirlines, useAirports, useFlightSearch, } from "@voyantjs/flights-react";
+import { formatMessage } from "@voyantjs/i18n";
+import { Badge } from "@voyantjs/ui/components/badge";
+import { Button } from "@voyantjs/ui/components/button";
+import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle, } from "@voyantjs/ui/components/sheet";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { ChevronLeft, ChevronRight, Pencil, Plane } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+import { EMPTY_FLIGHT_FILTERS, FlightFiltersBar, } from "./flight-filters-bar.js";
+import { FlightItinerary } from "./flight-itinerary.js";
+import { FlightOfferDetail } from "./flight-offer-detail.js";
+import { FlightOfferRow } from "./flight-offer-row.js";
+import { FlightSearchForm } from "./flight-search-form.js";
+import { DEFAULT_POPULAR_ROUTES, PopularRoutes } from "./popular-routes.js";
+const PAGE_SIZE = 20;
+export function FlightsPage({ search, onSearchChange, onBookOffer, routes = DEFAULT_POPULAR_ROUTES, className, }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    const qc = useQueryClient();
+    const [openOffer, setOpenOffer] = useState(null);
+    const isRoundTrip = (search.tripType ?? "round_trip") === "round_trip";
+    const stage = (() => {
+        if (!isRoundTrip)
+            return "outbound";
+        if (!search.outboundOfferId)
+            return "outbound";
+        if (!search.returnOfferId)
+            return "return";
+        return "ready";
+    })();
+    const outboundOffer = useMemo(() => (search.outboundOfferId ? readOfferFromCache(qc, search.outboundOfferId) : null), [search.outboundOfferId, qc]);
+    const returnOffer = useMemo(() => (search.returnOfferId ? readOfferFromCache(qc, search.returnOfferId) : null), [search.returnOfferId, qc]);
+    const airlinesQuery = useAirlines();
+    const airportsQuery = useAirports({ limit: 200 });
+    const carrierMap = useMemo(() => {
+        const map = new Map();
+        for (const airline of airlinesQuery.data?.data ?? []) {
+            map.set(airline.iataCode, airline.name);
+        }
+        return map;
+    }, [airlinesQuery.data]);
+    const airportMap = useMemo(() => {
+        const map = new Map();
+        for (const airport of airportsQuery.data?.data ?? []) {
+            map.set(airport.iataCode, `${airport.city} (${airport.iataCode})`);
+        }
+        return map;
+    }, [airportsQuery.data]);
+    const carrierName = (code) => carrierMap.get(code);
+    const airportName = (code) => airportMap.get(code);
+    const baseRequest = useMemo(() => urlToBaseRequest(search, stage === "ready" ? "outbound" : stage), [search, stage]);
+    const filters = useMemo(() => urlToFilters(search), [search]);
+    const searchEnabled = baseRequest != null && stage !== "ready";
+    const request = useMemo(() => baseRequest && stage !== "ready"
+        ? composeRequest(baseRequest, filters, search.page ?? 1)
+        : null, [baseRequest, filters, search.page, stage]);
+    const flightSearchQuery = useFlightSearch(request ?? EMPTY_REQUEST_FOR_DISABLED, {
+        enabled: searchEnabled,
+    });
+    const offers = flightSearchQuery.data?.offers ?? [];
+    const meta = flightSearchQuery.data?.pagination;
+    const total = meta?.total ?? offers.length;
+    const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));
+    const page = search.page ?? 1;
+    const rangeStart = total === 0 ? 0 : (page - 1) * PAGE_SIZE + 1;
+    const rangeEnd = Math.min(page * PAGE_SIZE, total);
+    const passengers = useMemo(() => ({
+        adults: search.pax_a ?? 1,
+        children: search.pax_c ?? 0,
+        infants: search.pax_i ?? 0,
+    }), [search.pax_a, search.pax_c, search.pax_i]);
+    const cabin = search.cabin ?? "economy";
+    const pickOffer = (offer) => {
+        qc.setQueryData(flightsQueryKeys.offerDetail(offer.offerId), { offer });
+        if (!isRoundTrip) {
+            onBookOffer({
+                outboundOfferId: offer.offerId,
+                passengers,
+                cabin,
+            });
+            return;
+        }
+        if (stage === "outbound") {
+            onSearchChange({
+                ...search,
+                leg: "return",
+                outboundOfferId: offer.offerId,
+                returnOfferId: undefined,
+                page: 1,
+            });
+            return;
+        }
+        if (stage === "return") {
+            onSearchChange({
+                ...search,
+                returnOfferId: offer.offerId,
+            });
+        }
+    };
+    const proceedToBooking = () => {
+        if (!search.outboundOfferId)
+            return;
+        onBookOffer({
+            outboundOfferId: search.outboundOfferId,
+            returnOfferId: search.returnOfferId,
+            passengers,
+            cabin,
+        });
+    };
+    const changeOutbound = () => {
+        onSearchChange({
+            ...search,
+            leg: "outbound",
+            outboundOfferId: undefined,
+            returnOfferId: undefined,
+            page: 1,
+        });
+    };
+    const changeReturn = () => {
+        onSearchChange({
+            ...search,
+            leg: "return",
+            returnOfferId: undefined,
+            page: 1,
+        });
+    };
+    const handleSubmit = (next) => {
+        const first = next.slices[0];
+        const second = next.slices[1];
+        onSearchChange({
+            tripType: next.slices.length === 2 ? "round_trip" : "one_way",
+            from: first?.origin,
+            to: first?.destination,
+            depart: first?.departureDate,
+            ret: second?.departureDate,
+            pax_a: next.passengers.adults,
+            pax_c: next.passengers.children ?? 0,
+            pax_i: next.passengers.infants ?? 0,
+            cabin: next.cabin ?? "economy",
+            leg: "outbound",
+            outboundOfferId: undefined,
+            returnOfferId: undefined,
+            page: 1,
+        });
+    };
+    const handleFiltersChange = (nextFilters) => {
+        onSearchChange({
+            ...search,
+            carriers: nextFilters.carriers.length > 0 ? nextFilters.carriers : undefined,
+            maxStops: nextFilters.maxStops ?? undefined,
+            maxPrice: nextFilters.maxPrice ?? undefined,
+            page: 1,
+        }, { replace: true });
+    };
+    const setPage = (next) => {
+        onSearchChange({ ...search, page: next }, { replace: true });
+    };
+    const formInitial = useMemo(() => {
+        if (!search.from || !search.to || !search.depart)
+            return undefined;
+        const slices = [{ origin: search.from, destination: search.to, departureDate: search.depart }];
+        if (isRoundTrip && search.ret) {
+            slices.push({ origin: search.to, destination: search.from, departureDate: search.ret });
+        }
+        return {
+            slices,
+            passengers,
+            cabin,
+            tripType: search.tripType,
+        };
+    }, [
+        cabin,
+        isRoundTrip,
+        passengers,
+        search.depart,
+        search.from,
+        search.ret,
+        search.to,
+        search.tripType,
+    ]);
+    const hasSearchInput = baseRequest != null;
+    return (_jsxs("div", { className: cn("mx-auto flex w-full max-w-screen-2xl flex-col gap-5 px-6 py-6 lg:px-8", className), children: [_jsxs("header", { children: [_jsx("h1", { className: "font-semibold text-2xl", children: messages.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.description })] }), _jsx(FlightSearchForm, { onSearch: handleSubmit, loading: flightSearchQuery.isFetching, initial: formInitial }, hasSearchInput
+                ? `${search.from}-${search.to}-${search.depart}-${search.ret ?? ""}`
+                : "empty"), !hasSearchInput && _jsx(PopularRoutes, { routes: routes, onSelect: handleSubmit }), stage === "ready" && outboundOffer && returnOffer && (_jsx(ReadyToBookPanel, { outbound: outboundOffer, returnLeg: returnOffer, carrierName: carrierName, airportName: airportName, onChangeOutbound: changeOutbound, onChangeReturn: changeReturn, onContinue: proceedToBooking })), stage === "ready" && (!outboundOffer || !returnOffer) && (_jsx(CacheColdBanner, { message: messages.pickedOfferMissing, onReset: changeOutbound })), stage === "return" && !outboundOffer && (_jsx(CacheColdBanner, { message: messages.outboundOfferMissing, onReset: changeOutbound })), hasSearchInput && stage !== "ready" && flightSearchQuery.isError && (_jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-4 text-destructive text-sm", children: flightSearchQuery.error instanceof Error
+                    ? flightSearchQuery.error.message
+                    : messages.searchFailed })), hasSearchInput && stage !== "ready" && !flightSearchQuery.isError && (_jsxs(_Fragment, { children: [_jsx(FlightFiltersBar, { value: filters, onChange: handleFiltersChange, offers: offers, carrierName: carrierName }), stage === "return" && outboundOffer && (_jsx(PickedLegBanner, { label: messages.selectedOutbound, offer: outboundOffer, carrierName: carrierName, airportName: airportName, onChange: changeOutbound })), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("h2", { className: "font-medium text-base", children: legHeading(messages, stage, isRoundTrip, search.from, search.to) }), _jsx("span", { className: "text-muted-foreground text-sm", children: flightSearchQuery.isFetching
+                                    ? messages.searching
+                                    : total === 0
+                                        ? messages.zeroOffers
+                                        : formatMessage(messages.offersSummary, {
+                                            start: String(rangeStart),
+                                            end: String(rangeEnd),
+                                            total: String(total),
+                                            plural: total === 1 ? "" : "s",
+                                        }) })] }), flightSearchQuery.isFetching ? (_jsx("div", { className: "flex flex-col gap-2", children: Array.from({ length: 4 }).map((_, index) => (_jsx("div", { className: "h-24 animate-pulse rounded-lg border bg-muted/40" }, index))) })) : offers.length === 0 ? (_jsx(NoResults, { hasFilters: hasActiveFilters(filters) })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-2", children: offers.map((offer) => (_jsx(FlightOfferRow, { offer: offer, carrierName: carrierName, onClick: (nextOffer) => setOpenOffer(nextOffer), onSelect: pickOffer, selectLabel: selectLabel(messages, stage, isRoundTrip) }, offer.offerId))) }), totalPages > 1 && (_jsxs("div", { className: "mt-2 flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: formatMessage(messages.pageSummary, {
+                                            page: String(page),
+                                            totalPages: String(totalPages),
+                                        }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setPage(Math.max(1, page - 1)), disabled: page <= 1, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), messages.previous] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setPage(Math.min(totalPages, page + 1)), disabled: page >= totalPages || meta?.hasMore === false, children: [messages.next, _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] })] })] }))] }))] })), _jsx(Sheet, { open: openOffer != null, onOpenChange: (open) => {
+                    if (!open)
+                        setOpenOffer(null);
+                }, children: _jsx(SheetContent, { className: "w-full p-0 sm:max-w-2xl", children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx(SheetHeader, { className: "border-b px-6 py-5", children: _jsxs(SheetTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Plane, { className: "h-4 w-4" }), messages.flightOffer, openOffer?.validatingCarrier && (_jsx(Badge, { variant: "secondary", children: openOffer.validatingCarrier }))] }) }), _jsx("div", { className: "flex-1 overflow-y-auto px-6 py-5", children: openOffer && (_jsx(FlightOfferDetail, { offer: openOffer, carrierName: carrierName, airportName: airportName })) }), openOffer && (_jsx(SheetFooter, { className: "border-t bg-muted/20 px-6 py-3", children: _jsx("div", { className: "flex w-full items-center justify-end gap-2", children: _jsx(Button, { onClick: () => {
+                                            const offer = openOffer;
+                                            setOpenOffer(null);
+                                            pickOffer(offer);
+                                        }, children: selectLabel(messages, stage, isRoundTrip) }) }) }))] }) }) })] }));
+}
+function PickedLegBanner({ label, offer, carrierName, airportName, onChange, }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    const itinerary = offer.itineraries[0];
+    if (!itinerary)
+        return null;
+    return (_jsxs("div", { className: "rounded-xl border bg-card p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [_jsx("span", { className: "font-medium text-[11px] uppercase tracking-wider text-emerald-700", children: label }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "font-semibold text-base tabular-nums", children: formatMoney(offer.totalPrice.amount, offer.totalPrice.currency) }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: onChange, children: [_jsx(Pencil, { className: "mr-1 h-3.5 w-3.5" }), messages.change] })] })] }), _jsx(FlightItinerary, { itinerary: itinerary, compact: true, carrierName: carrierName, airportName: airportName })] }));
+}
+function ReadyToBookPanel({ outbound, returnLeg, carrierName, airportName, onChangeOutbound, onChangeReturn, onContinue, }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    const total = Number(outbound.totalPrice.amount) + Number(returnLeg.totalPrice.amount);
+    const currency = outbound.totalPrice.currency;
+    return (_jsxs("section", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(PickedLegBanner, { label: messages.selectedOutbound, offer: outbound, carrierName: carrierName, airportName: airportName, onChange: onChangeOutbound }), _jsx(PickedLegBanner, { label: messages.selectedReturn, offer: returnLeg, carrierName: carrierName, airportName: airportName, onChange: onChangeReturn })] }), _jsxs("div", { className: "flex flex-col items-stretch gap-3 rounded-xl border bg-card p-5 shadow-sm md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { className: "flex flex-col leading-tight", children: [_jsx("span", { className: "font-medium text-[11px] uppercase tracking-wider text-muted-foreground", children: messages.tripTotal }), _jsx("span", { className: "font-semibold text-2xl tabular-nums", children: formatMoney(total.toFixed(2), currency) }), _jsx("span", { className: "text-muted-foreground text-xs", children: messages.tripTotalDescription })] }), _jsxs(Button, { size: "lg", onClick: onContinue, className: "md:px-8", children: [messages.continueToBooking, _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] })] })] }));
+}
+function CacheColdBanner({ message, onReset }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    return (_jsxs("div", { className: "rounded-md border border-dashed bg-card p-6 text-center text-muted-foreground text-sm", children: [_jsx("p", { children: message }), _jsxs(Button, { className: "mt-3", variant: "outline", onClick: onReset, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), messages.pickOutboundAgain] })] }));
+}
+function legHeading(messages, stage, isRoundTrip, from, to) {
+    if (!isRoundTrip)
+        return messages.availableFlights;
+    if (stage === "outbound") {
+        return formatMessage(messages.outboundHeading, { from: from ?? "?", to: to ?? "?" });
+    }
+    if (stage === "return") {
+        return formatMessage(messages.returnHeading, { from: to ?? "?", to: from ?? "?" });
+    }
+    return messages.tripHeading;
+}
+function selectLabel(messages, stage, isRoundTrip) {
+    if (!isRoundTrip)
+        return messages.bookThisFlight;
+    if (stage === "outbound")
+        return messages.selectOutbound;
+    if (stage === "return")
+        return messages.selectReturn;
+    return messages.continueToBooking;
+}
+function NoResults({ hasFilters }) {
+    const messages = useFlightsUiMessagesOrDefault().flightsPage;
+    return (_jsx("div", { className: "rounded-lg border border-dashed p-8 text-center text-muted-foreground text-sm", children: hasFilters ? messages.noFilteredResults : messages.noRouteResults }));
+}
+function hasActiveFilters(filters) {
+    return filters.carriers.length > 0 || filters.maxStops != null || filters.maxPrice != null;
+}
+function readOfferFromCache(qc, offerId) {
+    const cached = qc.getQueryData(flightsQueryKeys.offerDetail(offerId));
+    return cached?.offer ?? null;
+}
+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);
+}
+const EMPTY_REQUEST_FOR_DISABLED = {
+    slices: [],
+    passengers: { adults: 1 },
+    cabin: "economy",
+};
+function urlToBaseRequest(search, leg) {
+    if (!search.from || !search.to || !search.depart)
+        return null;
+    const isRoundTrip = (search.tripType ?? "round_trip") === "round_trip";
+    if (leg === "return" && (!isRoundTrip || !search.ret))
+        return null;
+    const slice = leg === "outbound"
+        ? { origin: search.from, destination: search.to, departureDate: search.depart }
+        : { origin: search.to, destination: search.from, departureDate: search.ret };
+    return {
+        slices: [slice],
+        passengers: {
+            adults: search.pax_a ?? 1,
+            children: search.pax_c ?? 0,
+            infants: search.pax_i ?? 0,
+        },
+        cabin: search.cabin ?? "economy",
+    };
+}
+function urlToFilters(search) {
+    return {
+        ...EMPTY_FLIGHT_FILTERS,
+        carriers: search.carriers ?? [],
+        maxStops: search.maxStops ?? null,
+        maxPrice: search.maxPrice ?? null,
+    };
+}
+function composeRequest(base, filters, page) {
+    const searchOptions = {};
+    if (filters.carriers.length > 0)
+        searchOptions.includeCarriers = filters.carriers;
+    if (filters.maxStops === 0)
+        searchOptions.directOnly = true;
+    else if (filters.maxStops != null)
+        searchOptions.maxStops = filters.maxStops;
+    if (filters.maxPrice != null)
+        searchOptions.maxPrice = filters.maxPrice;
+    return {
+        ...base,
+        ...(Object.keys(searchOptions).length > 0 ? { searchOptions } : {}),
+        pagination: {
+            limit: PAGE_SIZE,
+            ...(page > 1 ? { cursor: String(page) } : {}),
+        },
+    };
+}

package/dist/components/passenger-contact-picker.d.ts

@@ -0,0 +1,16 @@
+import type { PassengerPrefill } from "./flight-passenger-form.js";
+export interface PassengerContactPickerProps {
+    /** Called when the user picks a CRM person; fields get merged into the passenger card. */
+    onPick: (prefill: PassengerPrefill) => void;
+    /** Optional CRM route callback. When omitted, the "add contact" action is hidden. */
+    onAddContact?: () => void;
+    /** Exposes the selected CRM person id to parent flows such as saved-payment lookup. */
+    onPersonSelected?: (personId: string | null) => void;
+}
+/**
+ * Passenger card "Pick from contacts" trigger. Opens a popover with a
+ * searchable list of CRM people and maps the picked person into the
+ * `PassengerPrefill` shape expected by `FlightPassengerForm`.
+ */
+export declare function PassengerContactPicker({ onPick, onAddContact, onPersonSelected, }: PassengerContactPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=passenger-contact-picker.d.ts.map

package/dist/components/passenger-contact-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"passenger-contact-picker.d.ts","sourceRoot":"","sources":["../../src/components/passenger-contact-picker.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAElE,MAAM,WAAW,2BAA2B;IAC1C,0FAA0F;IAC1F,MAAM,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CACrD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,YAAY,EACZ,gBAAgB,GACjB,EAAE,2BAA2B,2CA0F7B"}

package/dist/components/passenger-contact-picker.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { usePeople } from "@voyantjs/crm-react";
+import { Button } from "@voyantjs/ui/components/button";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from "@voyantjs/ui/components/command";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyantjs/ui/components/popover";
+import { ChevronDown, UserPlus, Users } from "lucide-react";
+import { useState } from "react";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
+/**
+ * Passenger card "Pick from contacts" trigger. Opens a popover with a
+ * searchable list of CRM people and maps the picked person into the
+ * `PassengerPrefill` shape expected by `FlightPassengerForm`.
+ */
+export function PassengerContactPicker({ onPick, onAddContact, onPersonSelected, }) {
+    const messages = useFlightsUiMessagesOrDefault().passengerContactPicker;
+    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 ?? [];
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "h-8 gap-2" }), children: [_jsx(Users, { className: "h-3.5 w-3.5" }), messages.trigger, _jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[320px] p-0", align: "end", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: messages.searchPlaceholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: peopleQuery.isLoading ? messages.searching : messages.empty }), _jsx(CommandGroup, { children: people.map((person) => {
+                                        const fullName = `${person.firstName} ${person.lastName}`.trim();
+                                        return (_jsx(CommandItem, { value: `${fullName} ${person.email ?? ""}`, onSelect: () => {
+                                                onPick({
+                                                    firstName: person.firstName,
+                                                    ...(person.middleName ? { middleName: person.middleName } : {}),
+                                                    lastName: person.lastName,
+                                                    email: person.email ?? undefined,
+                                                    phone: person.phone ?? undefined,
+                                                    ...(person.gender ? { gender: person.gender } : {}),
+                                                    ...(person.birthday ? { dateOfBirth: person.birthday } : {}),
+                                                });
+                                                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));
+                                    }) }), onAddContact && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsxs(CommandItem, { value: "__add-new", onSelect: () => {
+                                                    onAddContact();
+                                                    setOpen(false);
+                                                }, className: "text-primary", children: [_jsx(UserPlus, { className: "mr-2 h-4 w-4" }), messages.addNewContact] }) })] }))] })] }) })] }));
+}

package/dist/i18n/en.d.ts

@@ -0,0 +1,61 @@
+export declare const flightsUiEn: {
+    flightsPage: {
+        title: string;
+        description: string;
+        searchFailed: string;
+        selectedOutbound: string;
+        selectedReturn: string;
+        change: string;
+        tripTotal: string;
+        tripTotalDescription: string;
+        continueToBooking: string;
+        pickedOfferMissing: string;
+        outboundOfferMissing: string;
+        pickOutboundAgain: string;
+        availableFlights: string;
+        outboundHeading: string;
+        returnHeading: string;
+        tripHeading: string;
+        searching: string;
+        zeroOffers: string;
+        offersSummary: string;
+        pageSummary: string;
+        previous: string;
+        next: string;
+        flightOffer: string;
+        bookThisFlight: string;
+        selectOutbound: string;
+        selectReturn: string;
+        noFilteredResults: string;
+        noRouteResults: string;
+    };
+    flightBookingPage: {
+        title: string;
+        descriptionTrip: string;
+        descriptionOffer: string;
+        offerNotInSessionTitle: string;
+        offerNotInSessionDescription: string;
+        backToFlightSearch: string;
+        backToResults: string;
+    };
+    passengerContactPicker: {
+        trigger: string;
+        searchPlaceholder: string;
+        searching: string;
+        empty: string;
+        addNewContact: string;
+        emptyName: string;
+    };
+    billingPickers: {
+        personTrigger: string;
+        personSearchPlaceholder: string;
+        peopleSearching: string;
+        peopleEmpty: string;
+        orgTrigger: string;
+        orgSearchPlaceholder: string;
+        orgsSearching: string;
+        orgsEmpty: string;
+        emptyName: string;
+    };
+};
+//# sourceMappingURL=en.d.ts.map

package/dist/i18n/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DK,CAAA"}

package/dist/i18n/en.js

@@ -0,0 +1,60 @@
+export const flightsUiEn = {
+    flightsPage: {
+        title: "Flights",
+        description: "Search live flight offers across configured connectors.",
+        searchFailed: "Search failed.",
+        selectedOutbound: "Outbound selected",
+        selectedReturn: "Return selected",
+        change: "Change",
+        tripTotal: "Trip total",
+        tripTotalDescription: "Both legs - taxes included",
+        continueToBooking: "Continue to booking",
+        pickedOfferMissing: "One of your picked offers is not in your session anymore.",
+        outboundOfferMissing: "The outbound offer is not in your session anymore.",
+        pickOutboundAgain: "Pick outbound again",
+        availableFlights: "Available flights",
+        outboundHeading: "Outbound - {from} to {to}",
+        returnHeading: "Return - {from} to {to}",
+        tripHeading: "Trip",
+        searching: "Searching...",
+        zeroOffers: "0 offers",
+        offersSummary: "{start}-{end} of {total} offer{plural}",
+        pageSummary: "Page {page} of {totalPages}",
+        previous: "Previous",
+        next: "Next",
+        flightOffer: "Flight offer",
+        bookThisFlight: "Book this flight",
+        selectOutbound: "Select outbound",
+        selectReturn: "Select return",
+        noFilteredResults: "No offers match the current filters.",
+        noRouteResults: "No flights found for this route on this date.",
+    },
+    flightBookingPage: {
+        title: "Book your flight",
+        descriptionTrip: "Confirm passenger details, contact, and payment to lock in this trip.",
+        descriptionOffer: "Confirm passenger details, contact, and payment to lock in this offer.",
+        offerNotInSessionTitle: "Offer not in session",
+        offerNotInSessionDescription: "This booking link references an offer that is no longer in your browser session. Run the search again to pick a fresh offer.",
+        backToFlightSearch: "Back to flight search",
+        backToResults: "Back to results",
+    },
+    passengerContactPicker: {
+        trigger: "Pick from contacts",
+        searchPlaceholder: "Search contacts...",
+        searching: "Searching...",
+        empty: "No contacts.",
+        addNewContact: "Add new contact in CRM",
+        emptyName: "-",
+    },
+    billingPickers: {
+        personTrigger: "Use details from contact",
+        personSearchPlaceholder: "Search contacts...",
+        peopleSearching: "Searching...",
+        peopleEmpty: "No contacts.",
+        orgTrigger: "Use company on file",
+        orgSearchPlaceholder: "Search companies...",
+        orgsSearching: "Searching...",
+        orgsEmpty: "No companies.",
+        emptyName: "-",
+    },
+};

package/dist/i18n/index.d.ts

@@ -0,0 +1,5 @@
+export { flightsUiEn } from "./en.js";
+export type { FlightsUiMessages } from "./messages.js";
+export { type FlightsUiMessageOverrides, FlightsUiMessagesProvider, flightsUiMessageDefinitions, getFlightsUiI18n, resolveFlightsUiMessages, useFlightsUiI18n, useFlightsUiI18nOrDefault, useFlightsUiMessages, useFlightsUiMessagesOrDefault, } from "./provider.js";
+export { flightsUiRo } from "./ro.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EACL,KAAK,yBAAyB,EAC9B,yBAAyB,EACzB,2BAA2B,EAC3B,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,yBAAyB,EACzB,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}

package/dist/i18n/index.js

@@ -0,0 +1,3 @@
+export { flightsUiEn } from "./en.js";
+export { FlightsUiMessagesProvider, flightsUiMessageDefinitions, getFlightsUiI18n, resolveFlightsUiMessages, useFlightsUiI18n, useFlightsUiI18nOrDefault, useFlightsUiMessages, useFlightsUiMessagesOrDefault, } from "./provider.js";
+export { flightsUiRo } from "./ro.js";

package/dist/i18n/messages.d.ts

@@ -0,0 +1,61 @@
+export type FlightsUiMessages = {
+    flightsPage: {
+        title: string;
+        description: string;
+        searchFailed: string;
+        selectedOutbound: string;
+        selectedReturn: string;
+        change: string;
+        tripTotal: string;
+        tripTotalDescription: string;
+        continueToBooking: string;
+        pickedOfferMissing: string;
+        outboundOfferMissing: string;
+        pickOutboundAgain: string;
+        availableFlights: string;
+        outboundHeading: string;
+        returnHeading: string;
+        tripHeading: string;
+        searching: string;
+        zeroOffers: string;
+        offersSummary: string;
+        pageSummary: string;
+        previous: string;
+        next: string;
+        flightOffer: string;
+        bookThisFlight: string;
+        selectOutbound: string;
+        selectReturn: string;
+        noFilteredResults: string;
+        noRouteResults: string;
+    };
+    flightBookingPage: {
+        title: string;
+        descriptionTrip: string;
+        descriptionOffer: string;
+        offerNotInSessionTitle: string;
+        offerNotInSessionDescription: string;
+        backToFlightSearch: string;
+        backToResults: string;
+    };
+    passengerContactPicker: {
+        trigger: string;
+        searchPlaceholder: string;
+        searching: string;
+        empty: string;
+        addNewContact: string;
+        emptyName: string;
+    };
+    billingPickers: {
+        personTrigger: string;
+        personSearchPlaceholder: string;
+        peopleSearching: string;
+        peopleEmpty: string;
+        orgTrigger: string;
+        orgSearchPlaceholder: string;
+        orgsSearching: string;
+        orgsEmpty: string;
+        emptyName: string;
+    };
+};
+//# sourceMappingURL=messages.d.ts.map

package/dist/i18n/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,MAAM,CAAA;QACpB,gBAAgB,EAAE,MAAM,CAAA;QACxB,cAAc,EAAE,MAAM,CAAA;QACtB,MAAM,EAAE,MAAM,CAAA;QACd,SAAS,EAAE,MAAM,CAAA;QACjB,oBAAoB,EAAE,MAAM,CAAA;QAC5B,iBAAiB,EAAE,MAAM,CAAA;QACzB,kBAAkB,EAAE,MAAM,CAAA;QAC1B,oBAAoB,EAAE,MAAM,CAAA;QAC5B,iBAAiB,EAAE,MAAM,CAAA;QACzB,gBAAgB,EAAE,MAAM,CAAA;QACxB,eAAe,EAAE,MAAM,CAAA;QACvB,aAAa,EAAE,MAAM,CAAA;QACrB,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,UAAU,EAAE,MAAM,CAAA;QAClB,aAAa,EAAE,MAAM,CAAA;QACrB,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,EAAE,MAAM,CAAA;QACnB,cAAc,EAAE,MAAM,CAAA;QACtB,cAAc,EAAE,MAAM,CAAA;QACtB,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,EAAE,MAAM,CAAA;QACzB,cAAc,EAAE,MAAM,CAAA;KACvB,CAAA;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,MAAM,CAAA;QACb,eAAe,EAAE,MAAM,CAAA;QACvB,gBAAgB,EAAE,MAAM,CAAA;QACxB,sBAAsB,EAAE,MAAM,CAAA;QAC9B,4BAA4B,EAAE,MAAM,CAAA;QACpC,kBAAkB,EAAE,MAAM,CAAA;QAC1B,aAAa,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,sBAAsB,EAAE;QACtB,OAAO,EAAE,MAAM,CAAA;QACf,iBAAiB,EAAE,MAAM,CAAA;QACzB,SAAS,EAAE,MAAM,CAAA;QACjB,KAAK,EAAE,MAAM,CAAA;QACb,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,cAAc,EAAE;QACd,aAAa,EAAE,MAAM,CAAA;QACrB,uBAAuB,EAAE,MAAM,CAAA;QAC/B,eAAe,EAAE,MAAM,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,oBAAoB,EAAE,MAAM,CAAA;QAC5B,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAA"}

package/dist/i18n/messages.js

@@ -0,0 +1 @@
+export {};