@voyant-travel/catalog-react 0.117.2

package/dist/components/dynamic-catalog-page-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-catalog-page-parts.d.ts","sourceRoot":"","sources":["../../src/components/dynamic-catalog-page-parts.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE5D,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC3D,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACxD;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,KAAK,cAAc,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,CAAA;AACnE,KAAK,WAAW,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;AAK1E,wBAAgB,sBAAsB,4CA0CrC;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,CAAC,EACD,MAAM,EACN,MAAM,GACP,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,CAAC,EAAE,cAAc,CAAA;IACjB,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;CACf,2CAmEA"}

package/dist/components/dynamic-catalog-page-parts.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Image as ImageIcon, Plane } from "lucide-react";
+// Loading state for a live availability search — mirrors the results layout
+// (availability calendar + holiday cards) so there's no empty box or jump when
+// offers arrive.
+export function DynamicResultsSkeleton() {
+    return (_jsxs("div", { className: "mt-4 grid gap-6 lg:grid-cols-[minmax(0,360px)_1fr]", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "h-4 w-44 animate-pulse rounded bg-muted/30" }), _jsxs("div", { className: "rounded-lg border p-3", children: [_jsxs("div", { className: "mb-3 flex items-center justify-center gap-3", children: [_jsx("div", { className: "h-7 w-7 animate-pulse rounded bg-muted/30" }), _jsx("div", { className: "h-4 w-28 animate-pulse rounded bg-muted/30" }), _jsx("div", { className: "h-7 w-7 animate-pulse rounded bg-muted/30" })] }), _jsx("div", { className: "grid grid-cols-7 gap-1", children: Array.from({ length: 42 }).map((_, i) => (_jsx("div", { className: `rounded-md ${i < 7 ? "h-3 bg-muted/15" : "aspect-square animate-pulse bg-muted/20"}` }, i))) })] })] }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "h-5 w-56 animate-pulse rounded bg-muted/30" }), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "flex flex-col overflow-hidden rounded-lg border", children: [_jsx("div", { className: "aspect-[4/3] w-full animate-pulse bg-muted/40" }), _jsxs("div", { className: "flex flex-col gap-2 p-3", children: [_jsx("div", { className: "h-4 w-3/4 animate-pulse rounded bg-muted/40" }), _jsx("div", { className: "h-3 w-1/2 animate-pulse rounded bg-muted/20" }), _jsx("div", { className: "mt-2 h-5 w-1/3 animate-pulse rounded bg-muted/30" })] })] }, i))) })] })] }));
+}
+export function HolidayCard({ card, onOpen, s, boards, locale, }) {
+    const open = () => onOpen(card.productId);
+    const stars = formatStars(card.stars);
+    const subtitle = [stars, card.destination, formatCountry(card.country, locale)]
+        .filter((v) => Boolean(v))
+        .join(" · ");
+    return (_jsxs("button", { type: "button", onClick: open, className: "group flex flex-col overflow-hidden rounded-lg border text-left transition hover:border-primary/40 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [_jsxs("div", { className: "relative aspect-[4/3] w-full overflow-hidden bg-muted", children: [card.image ? (_jsx("img", { src: card.image, alt: card.name ?? "", loading: "lazy", className: "h-full w-full object-cover transition duration-300 group-hover:scale-105" })) : (_jsx("div", { className: "flex h-full w-full items-center justify-center text-muted-foreground", children: _jsx(ImageIcon, { className: "h-8 w-8", "aria-hidden": "true" }) })), card.nights != null && (_jsxs("span", { className: "absolute top-2 right-2 rounded-md bg-background/90 px-2 py-0.5 font-medium text-xs shadow-sm backdrop-blur", children: [card.nights, "n"] }))] }), _jsxs("div", { className: "flex flex-1 flex-col gap-2 p-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-medium leading-tight", children: card.name }), subtitle && _jsx("div", { className: "truncate text-muted-foreground text-sm", children: subtitle })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [card.board && (_jsx(Badge, { variant: "outline", className: "font-normal", children: boards[card.board.toUpperCase()] ?? card.board })), _jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [_jsx(Plane, { className: "h-3.5 w-3.5" }), card.departureAirport && card.arrivalAirport
+                                        ? `${card.departureAirport} → ${card.arrivalAirport}${card.carrier ? ` · ${card.carrier}` : ""}`
+                                        : s.flightIncluded] })] }), _jsxs("div", { className: "mt-auto flex items-end justify-between gap-2 pt-1", children: [_jsxs("div", { children: [card.total && (_jsx("div", { className: "font-semibold text-base", children: formatMoney(card.total, locale) })), card.perPerson && (_jsxs("div", { className: "text-muted-foreground text-xs", children: [formatMoney(card.perPerson, locale), " ", s.perPerson] }))] }), _jsx("span", { className: "shrink-0 rounded-md bg-secondary px-3 py-1.5 font-medium text-secondary-foreground text-sm", children: s.viewDates })] })] })] }));
+}
+function formatMoney(m, locale) {
+    return new Intl.NumberFormat(locale, {
+        style: "currency",
+        currency: m.currency,
+        maximumFractionDigits: 0,
+    }).format(m.amountMinor / 100);
+}
+function formatStars(value) {
+    const n = typeof value === "number" ? value : value ? Number(value) : Number.NaN;
+    if (!Number.isFinite(n) || n <= 0)
+        return null;
+    return `${Number.isInteger(n) ? n : n.toFixed(1)}★`;
+}
+function formatCountry(code, locale) {
+    if (!code || !/^[A-Za-z]{2}$/.test(code))
+        return code;
+    try {
+        return new Intl.DisplayNames(locale, { type: "region" }).of(code.toUpperCase()) ?? code;
+    }
+    catch {
+        return code;
+    }
+}

package/dist/components/dynamic-catalog-page.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+import type { CatalogSearchParams, CatalogSurface } from "../index.js";
+export interface DynamicCatalogPageProps {
+    search: CatalogSearchParams;
+    onSearchChange: (updater: (prev: CatalogSearchParams) => CatalogSearchParams, replace?: boolean) => void;
+    /** `/v1/admin/...` (default) vs `/v1/public/...`. */
+    surface?: CatalogSurface;
+    /** Localized "Packages" header title. */
+    productsLabel: string;
+    /** Localized header tagline. */
+    productsTagline: string;
+    /** Build the detail-page href for a holiday (opened in a new tab). */
+    buildDetailHref: (productId: string, ctx: {
+        adults: number;
+        nights: number;
+    }) => string;
+    /** Render the indexed browse grid shown when no live search is active. */
+    renderBrowseGrid: (locks: {
+        lockedFacets: Record<string, Array<string | number>>;
+    }) => ReactNode;
+}
+export declare function DynamicCatalogPage({ search, onSearchChange, surface, productsLabel, productsTagline, buildDetailHref, renderBrowseGrid, }: DynamicCatalogPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dynamic-catalog-page.d.ts.map

package/dist/components/dynamic-catalog-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-catalog-page.d.ts","sourceRoot":"","sources":["../../src/components/dynamic-catalog-page.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,SAAS,EAA6C,MAAM,OAAO,CAAA;AAEjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAmDtE,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,mBAAmB,CAAA;IAC3B,cAAc,EAAE,CACd,OAAO,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,mBAAmB,EAC3D,OAAO,CAAC,EAAE,OAAO,KACd,IAAI,CAAA;IACT,qDAAqD;IACrD,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,yCAAyC;IACzC,aAAa,EAAE,MAAM,CAAA;IACrB,gCAAgC;IAChC,eAAe,EAAE,MAAM,CAAA;IACvB,sEAAsE;IACtE,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IACvF,0EAA0E;IAC1E,gBAAgB,EAAE,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;KAAE,KAAK,SAAS,CAAA;CACjG;AAaD,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,cAAc,EACd,OAAiB,EACjB,aAAa,EACb,eAAe,EACf,eAAe,EACf,gBAAgB,GACjB,EAAE,uBAAuB,2CA0ZzB"}

package/dist/components/dynamic-catalog-page.js

@@ -0,0 +1,270 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Input } from "@voyant-travel/ui/components/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components/select";
+import { Search, X } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCatalogUiI18nOrDefault, useCatalogUiMessagesOrDefault } from "../i18n/index.js";
+import { fetchDepartureAirports, fetchPackageSearch, useCatalogSearch, useVoyantCatalogContext, } from "../index.js";
+import { AvailabilityCalendar, compareMonth, monthOfIso, shiftMonth, } from "./availability-calendar.js";
+import { DynamicResultsSkeleton, HolidayCard, } from "./dynamic-catalog-page-parts.js";
+/**
+ * Dynamic (FIT) catalog surface — search-first, availability-driven.
+ *
+ * Flow: free-text + destination + duration → a live `packages/search` across
+ * that destination's dynamic hotels → an **availability calendar** (only days
+ * with real offers are selectable, each showing a "from" price + how many
+ * holidays depart that day) → pick a day → the holidays for that day. With no
+ * search active it falls back to the indexed browse grid (`renderBrowseGrid`).
+ *
+ * Presentational: the data comes from `VoyantCatalogProvider` + the catalog
+ * offer hooks/client; navigation (`buildDetailHref`), the embedded browse grid
+ * (`renderBrowseGrid`) and the localized header (`productsLabel`/Tagline) are
+ * injected by the host.
+ *
+ * See docs/architecture/catalog-supply-models.md (`dynamic` mechanic).
+ */
+const ALL_AIRPORTS = "__all__";
+const ANY_MONTH = "__any__";
+// Search-bar select triggers, sized to match the h-9 inputs. The trigger's
+// height comes from a `data-[size]` variant that out-specifies a plain `h-9`,
+// so we set it through the same variant; `rounded-md` matches the inputs.
+const TRIGGER_CLASS = "h-9 rounded-md data-[size=default]:h-9";
+// How far ahead to scan for departures (the calendar spans this window).
+const SEARCH_LEAD_DAYS = 10;
+const SEARCH_WINDOW_DAYS = 230;
+export function DynamicCatalogPage({ search, onSearchChange, surface = "admin", productsLabel, productsTagline, buildDetailHref, renderBrowseGrid, }) {
+    const { baseUrl, fetcher } = useVoyantCatalogContext();
+    const browser = useCatalogUiMessagesOrDefault().catalogBrowser;
+    const s = browser.search;
+    const boards = browser.detail.boards;
+    const { locale: resolvedLocale } = useCatalogUiI18nOrDefault();
+    const [destination, setDestination] = useState(null);
+    const [nights, setNights] = useState("7");
+    const [adults, setAdults] = useState(2);
+    const [month, setMonth] = useState(ANY_MONTH);
+    const [airport, setAirport] = useState(ALL_AIRPORTS);
+    const [airportOptions, setAirportOptions] = useState([]);
+    const [airportsLoading, setAirportsLoading] = useState(false);
+    // Destination picker, derived from the indexed country facet.
+    const countriesQuery = useCatalogSearch({
+        vertical: "products",
+        facets: [{ field: "countryCodes" }],
+        pagination: { limit: 1 },
+        surface,
+    });
+    const countries = useMemo(() => {
+        const region = new Intl.DisplayNames(resolvedLocale, { type: "region" });
+        return (countriesQuery.data?.facets?.countryCodes ?? [])
+            .map((b) => String(b.value))
+            .filter((code) => /^[A-Za-z]{2}$/.test(code))
+            .map((code) => ({ value: code, label: region.of(code.toUpperCase()) ?? code }))
+            .sort((a, b) => a.label.localeCompare(b.label));
+    }, [countriesQuery.data, resolvedLocale]);
+    // "When" options: any time, then the next 8 departure months.
+    const monthOptions = useMemo(() => {
+        const opts = [{ value: ANY_MONTH, label: s.anyTime }];
+        const now = new Date();
+        for (let i = 0; i < 8; i++) {
+            const d = new Date(now.getFullYear(), now.getMonth() + i, 1);
+            opts.push({
+                value: `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}`,
+                label: new Intl.DateTimeFormat(resolvedLocale, { month: "short", year: "numeric" }).format(d),
+            });
+        }
+        return opts;
+    }, [s.anyTime, resolvedLocale]);
+    // Length-of-stay options ("7 nights" / "10 nights" / "14 nights").
+    const durations = useMemo(() => [7, 10, 14].map((n) => ({ value: String(n), label: `${n} ${s.nights}` })), [s.nights]);
+    const [state, setState] = useState({ status: "browse" });
+    const [monthCursor, setMonthCursor] = useState(null);
+    const [selected, setSelected] = useState(null);
+    const query = (search.q ?? "").trim().toLowerCase();
+    // When the destination changes, probe its departure airports so the operator
+    // can pick where they fly from BEFORE running the full availability search.
+    useEffect(() => {
+        if (!destination) {
+            setAirportOptions([]);
+            setAirport(ALL_AIRPORTS);
+            setAirportsLoading(false);
+            return;
+        }
+        let cancelled = false;
+        setAirport(ALL_AIRPORTS);
+        setAirportOptions([]);
+        setAirportsLoading(true);
+        void (async () => {
+            try {
+                const json = await fetchDepartureAirports({ baseUrl, fetcher, surface }, { countryCode: destination });
+                if (!cancelled)
+                    setAirportOptions(json.departureAirports ?? []);
+            }
+            catch {
+                if (!cancelled)
+                    setAirportOptions([]);
+            }
+            finally {
+                if (!cancelled)
+                    setAirportsLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [destination, baseUrl, fetcher, surface]);
+    const runSearch = useCallback(async () => {
+        if (!destination)
+            return;
+        setState({ status: "loading" });
+        setSelected(null);
+        setMonthCursor(null);
+        const n = Number(nights) || 7;
+        const { from, to } = searchWindow(month);
+        try {
+            const json = await fetchPackageSearch({ baseUrl, fetcher, surface }, {
+                countryCode: destination,
+                departureDateFrom: from,
+                departureDateTo: to,
+                adults,
+                nights: { min: n, max: n },
+            });
+            const offers = json.offers ?? [];
+            // Refresh the picker from the full search (authoritative over the probe).
+            if (json.departureAirports && json.departureAirports.length > 0) {
+                setAirportOptions(json.departureAirports);
+            }
+            setState({
+                status: "results",
+                offers,
+                currency: json.currency ?? "EUR",
+                retryable: Boolean(json.retryable),
+            });
+        }
+        catch {
+            setState({ status: "error" });
+        }
+    }, [destination, nights, adults, month, baseUrl, fetcher, surface]);
+    const clearSearch = () => {
+        setState({ status: "browse" });
+        setSelected(null);
+        setMonthCursor(null);
+        setAirport(ALL_AIRPORTS);
+    };
+    // Offers filtered by the free-text box (hotel/destination) + departure airport.
+    const offers = useMemo(() => {
+        if (state.status !== "results")
+            return [];
+        return state.offers.filter((o) => {
+            if (airport !== ALL_AIRPORTS && o.departureAirport !== airport)
+                return false;
+            if (query && !`${o.name ?? ""} ${o.destination ?? ""}`.toLowerCase().includes(query)) {
+                return false;
+            }
+            return true;
+        });
+    }, [state, query, airport]);
+    // Per-day availability: how many holidays depart each day + the cheapest.
+    const byDate = useMemo(() => {
+        const map = new Map();
+        for (const o of offers) {
+            if (!o.checkIn || !o.total)
+                continue;
+            const day = o.checkIn.slice(0, 10);
+            const cur = map.get(day) ?? { hotels: new Set(), fromMinor: Number.POSITIVE_INFINITY };
+            cur.hotels.add(o.productId);
+            cur.fromMinor = Math.min(cur.fromMinor, o.total.amountMinor);
+            map.set(day, cur);
+        }
+        const out = new Map();
+        for (const [day, v] of map)
+            out.set(day, { count: v.hotels.size, fromMinor: v.fromMinor });
+        return out;
+    }, [offers]);
+    const availableMonths = useMemo(() => {
+        const months = [...byDate.keys()].map(monthOfIso).filter((m) => m != null);
+        months.sort(compareMonth);
+        // Dedupe consecutive equal months.
+        return months.filter((m, i) => i === 0 || compareMonth(m, months[i - 1]) !== 0);
+    }, [byDate]);
+    // Land the calendar on the first month that has departures + auto-select the
+    // earliest available day so the operator sees holidays immediately.
+    useEffect(() => {
+        if (state.status !== "results")
+            return;
+        const days = [...byDate.keys()].sort();
+        if (days.length === 0) {
+            setMonthCursor(null);
+            setSelected(null);
+            return;
+        }
+        const first = days[0];
+        setMonthCursor(monthOfIso(first));
+        setSelected((prev) => (prev && byDate.has(prev) ? prev : first));
+    }, [state.status, byDate]);
+    // i18n-literal-ok: "results" is a status discriminant and "EUR" a currency-code fallback, not UI copy.
+    const currency = state.status === "results" ? state.currency : "EUR";
+    const selectedOffers = useMemo(() => {
+        if (!selected)
+            return [];
+        const byHotel = new Map();
+        for (const o of offers) {
+            if (o.checkIn?.slice(0, 10) !== selected)
+                continue;
+            const cur = byHotel.get(o.productId);
+            if (!cur || (o.total?.amountMinor ?? 0) < (cur.total?.amountMinor ?? 0)) {
+                byHotel.set(o.productId, o);
+            }
+        }
+        return [...byHotel.values()].sort((a, b) => (a.total?.amountMinor ?? 0) - (b.total?.amountMinor ?? 0));
+    }, [offers, selected]);
+    const destinationLabel = useMemo(() => countries.find((c) => c.value === destination)?.label, [countries, destination]);
+    // Open the full detail page in a new tab — the live search stays put in this
+    // tab so the operator keeps their availability results. Occupancy + length of
+    // stay ride along so the detail page's offers match the search.
+    const openHoliday = (productId) => {
+        const href = buildDetailHref(productId, { adults, nights: Number(nights) || 7 });
+        if (typeof window !== "undefined")
+            window.open(href, "_blank", "noopener,noreferrer");
+    };
+    const monthIndex = monthCursor
+        ? availableMonths.findIndex((m) => compareMonth(m, monthCursor) === 0)
+        : -1;
+    return (_jsxs("div", { className: "mx-auto w-full max-w-screen-2xl px-6 py-6 lg:px-8", children: [_jsxs("div", { className: "mb-4", children: [_jsx("h1", { className: "font-semibold text-2xl", children: productsLabel }), _jsx("p", { className: "text-muted-foreground text-sm", children: productsTagline })] }), _jsxs("div", { className: "flex flex-wrap items-end gap-2 rounded-lg border bg-card p-3", children: [_jsxs("div", { className: "flex min-w-[200px] flex-1 flex-col gap-1", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: s.searchLabel }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "-translate-y-1/2 absolute top-1/2 left-2.5 h-4 w-4 text-muted-foreground" }), _jsx(Input, { value: search.q ?? "", onChange: (e) => onSearchChange((prev) => ({ ...prev, q: e.target.value || undefined, page: 1 }), true), placeholder: s.searchPlaceholder, className: "h-9 pl-8" })] })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: s.destination }), _jsxs(Select, { items: countries, value: destination ?? undefined, onValueChange: (value) => setDestination(value), children: [_jsx(SelectTrigger, { className: `${TRIGGER_CLASS} w-[190px]`, "aria-label": s.destination, children: _jsx(SelectValue, { placeholder: s.chooseCountry }) }), _jsx(SelectContent, { children: countries.map((c) => (_jsx(SelectItem, { value: c.value, children: c.label }, c.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: s.when }), _jsxs(Select, { items: monthOptions, value: month, onValueChange: (v) => setMonth(v), children: [_jsx(SelectTrigger, { className: `${TRIGGER_CLASS} w-[140px]`, "aria-label": s.when, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: monthOptions.map((m) => (_jsx(SelectItem, { value: m.value, children: m.label }, m.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("span", { className: "text-muted-foreground text-xs", children: [s.flyingFrom, airportsLoading ? ` · ${s.finding}` : ""] }), _jsxs(Select, { value: airport, onValueChange: (v) => setAirport(v || ALL_AIRPORTS), disabled: airportOptions.length === 0, children: [_jsx(SelectTrigger, { className: `${TRIGGER_CLASS} w-[180px]`, "aria-label": s.departureAirport, children: _jsx(SelectValue, { placeholder: destination ? s.loading : s.allAirports }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL_AIRPORTS, children: s.allAirports }), airportOptions.map((a) => (_jsx(SelectItem, { value: a.code, children: a.label }, a.code)))] })] })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: s.duration }), _jsxs(Select, { items: durations, value: nights, onValueChange: (v) => setNights(v), children: [_jsx(SelectTrigger, { className: `${TRIGGER_CLASS} w-[120px]`, "aria-label": s.duration, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: durations.map((d) => (_jsx(SelectItem, { value: d.value, children: d.label }, d.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: s.adults }), _jsx(Input, { type: "number", "aria-label": s.adults, min: 1, value: adults, onChange: (e) => setAdults(Math.max(1, Number(e.target.value) || 1)), className: "h-9 w-[80px]" })] }), _jsxs(Button, { onClick: () => void runSearch(), disabled: !destination || state.status === "loading", className: "h-9", children: [_jsx(Search, { className: "mr-1 h-4 w-4" }), state.status === "loading" ? s.searching : s.searchAvailability] }), state.status !== "browse" && (_jsxs(Button, { variant: "ghost", onClick: clearSearch, className: "h-9", children: [_jsx(X, { className: "mr-1 h-4 w-4" }), " ", s.clear] }))] }), state.status === "browse" ? (_jsx("div", { className: "mt-4", children: renderBrowseGrid({ lockedFacets: { supplyModel: ["dynamic"] } }) })) : state.status === "loading" ? (_jsx(DynamicResultsSkeleton, {})) : state.status === "error" ? (_jsx("div", { className: "mt-4 rounded-md border border-destructive/40 bg-destructive/5 p-6 text-center text-destructive text-sm", children: s.error })) : byDate.size === 0 ? (_jsx("div", { className: "mt-4 rounded-md border border-dashed p-6 text-center text-muted-foreground text-sm", children: state.retryable
+                    ? s.availabilityUnavailable
+                    : s.noDepartures
+                        .replace("{nights}", nights)
+                        .replace("{destination}", destinationLabel ?? s.thisDestination) })) : (_jsxs("div", { className: "mt-4 grid gap-6 lg:grid-cols-[minmax(0,360px)_1fr]", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "text-muted-foreground text-sm", children: [byDate.size, " ", byDate.size === 1 ? s.departureDate : s.departureDates, destinationLabel ? ` ${s.in} ${destinationLabel}` : ""] }), monthCursor && (_jsx(AvailabilityCalendar, { cursor: monthCursor, byDate: byDate, currency: currency, selected: selected, onSelect: setSelected, onPrev: () => setMonthCursor((c) => (c ? shiftMonth(c, -1) : c)), onNext: () => setMonthCursor((c) => (c ? shiftMonth(c, 1) : c)), canPrev: monthIndex > 0, canNext: monthIndex >= 0 && monthIndex < availableMonths.length - 1 }))] }), _jsxs("div", { className: "flex flex-col gap-3", children: [selected && (_jsxs("div", { className: "font-medium text-lg", children: [selectedOffers.length, " ", selectedOffers.length === 1 ? s.holiday : s.holidays, " ", s.departing, " ", formatDay(selected, resolvedLocale)] })), selectedOffers.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-6 text-center text-muted-foreground text-sm", children: s.selectDay })) : (_jsx("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3", children: selectedOffers.map((card) => (_jsx(HolidayCard, { card: card, onOpen: openHoliday, s: s, boards: boards, locale: resolvedLocale }, card.productId))) }))] })] }))] }));
+}
+function formatDay(iso, locale) {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return new Intl.DateTimeFormat(locale, {
+        weekday: "short",
+        day: "numeric",
+        month: "short",
+        year: "numeric",
+    }).format(d);
+}
+function addDays(date, days) {
+    const next = new Date(date);
+    next.setDate(next.getDate() + days);
+    return next;
+}
+// Translate the "When" selection into a departure-date window. "Any time" scans
+// the next several months; a specific month clamps to that month (never earlier
+// than the booking lead time).
+function searchWindow(month) {
+    const lead = addDays(new Date(), SEARCH_LEAD_DAYS);
+    if (month === ANY_MONTH) {
+        return { from: isoDate(lead), to: isoDate(addDays(new Date(), SEARCH_WINDOW_DAYS)) };
+    }
+    const [year, m] = month.split("-").map(Number);
+    const start = new Date(year, m - 1, 1);
+    const end = new Date(year, m, 0);
+    return { from: isoDate(start > lead ? start : lead), to: isoDate(end) };
+}
+function isoDate(date) {
+    return date.toISOString().slice(0, 10);
+}

package/dist/components/media-gallery.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Photo gallery: a carousel thumbnail that opens a full-screen lightbox
+ * carousel on click. Used for cruise cabins (Cabins tab) and the cruise
+ * Overview media gallery. Falls back to a placeholder when there are no images.
+ * Size is controlled by `className` (container) + `imageClassName` (thumbnail).
+ */
+export declare function MediaGallery({ images, alt, className, imageClassName, }: {
+    images: string[];
+    alt: string;
+    className?: string;
+    imageClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=media-gallery.d.ts.map

package/dist/components/media-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-gallery.d.ts","sourceRoot":"","sources":["../../src/components/media-gallery.tsx"],"names":[],"mappings":"AAeA;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,GAAG,EACH,SAAS,EACT,cAAc,GACf,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,2CAmEA"}

package/dist/components/media-gallery.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from "@voyant-travel/ui/components/carousel";
+import { Dialog, DialogContent, DialogTitle } from "@voyant-travel/ui/components/dialog";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ImageIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+/**
+ * Photo gallery: a carousel thumbnail that opens a full-screen lightbox
+ * carousel on click. Used for cruise cabins (Cabins tab) and the cruise
+ * Overview media gallery. Falls back to a placeholder when there are no images.
+ * Size is controlled by `className` (container) + `imageClassName` (thumbnail).
+ */
+export function MediaGallery({ images, alt, className, imageClassName, }) {
+    const [open, setOpen] = useState(false);
+    const [startIndex, setStartIndex] = useState(0);
+    if (images.length === 0) {
+        return (_jsx("div", { className: cn("flex h-24 w-36 shrink-0 items-center justify-center rounded-md bg-muted", className), children: _jsx(ImageIcon, { className: "h-5 w-5 text-muted-foreground/50" }) }));
+    }
+    const openAt = (index) => {
+        setStartIndex(index);
+        setOpen(true);
+    };
+    return (_jsxs("div", { className: cn("w-36 shrink-0", className), children: [_jsxs(Carousel, { className: "group relative", opts: { loop: images.length > 1 }, children: [_jsx(CarouselContent, { children: images.map((src, i) => (_jsx(CarouselItem, { children: _jsx("button", { type: "button", onClick: () => openAt(i), className: "block w-full overflow-hidden rounded-md ring-1 ring-border", "aria-label": `${alt} — open photo ${i + 1} of ${images.length}`, children: _jsx("img", { src: src, alt: alt, className: cn("h-24 w-36 object-cover transition group-hover:opacity-90", imageClassName), loading: "lazy" }) }) }, src))) }), images.length > 1 && (_jsxs(_Fragment, { children: [_jsx(CarouselPrevious, { className: "left-1 h-6 w-6 opacity-0 transition group-hover:opacity-100" }), _jsx(CarouselNext, { className: "right-1 h-6 w-6 opacity-0 transition group-hover:opacity-100" }), _jsx("span", { className: "pointer-events-none absolute right-1 bottom-1 rounded bg-black/60 px-1.5 py-0.5 text-[10px] font-medium text-white tabular-nums", children: images.length })] }))] }), _jsx(CabinLightbox, { images: images, alt: alt, startIndex: startIndex, open: open, onOpenChange: setOpen })] }));
+}
+function CabinLightbox({ images, alt, startIndex, open, onOpenChange, }) {
+    const [api, setApi] = useState();
+    const [current, setCurrent] = useState(startIndex);
+    useEffect(() => {
+        if (!api)
+            return;
+        setCurrent(api.selectedScrollSnap());
+        const onSelect = () => setCurrent(api.selectedScrollSnap());
+        api.on("select", onSelect);
+        return () => {
+            api.off("select", onSelect);
+        };
+    }, [api]);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "gap-2 border-0 bg-black/95 p-3 text-white ring-0 sm:max-w-5xl", children: [_jsx(DialogTitle, { className: "sr-only", children: alt }), _jsxs(Carousel
+                // Remount per-open so embla honors the clicked start index.
+                , { opts: { startIndex, loop: images.length > 1 }, setApi: setApi, className: "w-full", children: [_jsx(CarouselContent, { children: images.map((src, i) => (_jsx(CarouselItem, { className: "flex items-center justify-center", children: _jsx("img", { src: src, alt: `${alt} (${i + 1})`, className: "max-h-[78vh] w-full rounded object-contain" }) }, src))) }), images.length > 1 && (_jsxs(_Fragment, { children: [_jsx(CarouselPrevious, { className: "left-2 border-0 bg-white/15 text-white hover:bg-white/25" }), _jsx(CarouselNext, { className: "right-2 border-0 bg-white/15 text-white hover:bg-white/25" })] }))] }, `${startIndex}-${open}`), images.length > 1 && (_jsxs("div", { className: "text-center text-xs text-white/70 tabular-nums", children: [current + 1, " / ", images.length] }))] }) }));
+}

package/dist/components/product-detail-page-parts.d.ts

@@ -0,0 +1,106 @@
+import type { CatalogUiMessages } from "../i18n/messages.js";
+export interface Offer {
+    id: string;
+    title: string | null;
+    checkIn: string | null;
+    checkOut: string | null;
+    nights: number | null;
+    board: string | null;
+    roomTypeId: string | null;
+    ratePlanId?: string | null;
+    perPerson: {
+        amountMinor: number;
+        currency: string;
+    } | null;
+    total: {
+        amountMinor: number;
+        currency: string;
+    } | null;
+    flights: Array<{
+        origin: string | null;
+        destination: string | null;
+        departureAt: string | null;
+        carrier: string | null;
+        flightNumber: string | null;
+    }>;
+    freeCancellationUntil: string | null;
+}
+export interface ProductMedia {
+    src: string;
+    rel: string | null;
+    caption: string | null;
+}
+export interface ProductDetail {
+    name: string | null;
+    stars: number | null;
+    city: string | null;
+    region: string | null;
+    countryCode: string | null;
+    category: string | null;
+    media: ProductMedia[];
+    sections: Array<{
+        title: string | null;
+        kind: string | null;
+        type: string | null;
+        lines: string[];
+    }>;
+    features: Array<{
+        code: string | null;
+        label: string | null;
+        type: string | null;
+    }>;
+    rooms: Array<{
+        code: string | null;
+        name: string | null;
+        area: number | null;
+        maxGuests: number | null;
+        view: string | null;
+        specifications: string[];
+        image: string | null;
+    }>;
+    reviews: {
+        source: string | null;
+        rating: number | null;
+        reviewsCount: number | null;
+        subratings: Array<{
+            name: string | null;
+            value: number | null;
+        }>;
+    } | null;
+}
+export type RoomDetail = ProductDetail["rooms"][number];
+export type DetailMessages = CatalogUiMessages["catalogBrowser"]["detail"];
+export interface OfferGroup {
+    /** Room code (offer.roomTypeId / room.code); null when the offer has none. */
+    code: string | null;
+    /** Matched content room (details, amenities, photo) — null if unmatched. */
+    room: RoomDetail | null;
+    /** Board/rate options for this room on the selected day, cheapest first. */
+    offers: Offer[];
+}
+export declare function sectionIconFor(kind: string | null | undefined): import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare function ReviewsCard({ reviews, t, }: {
+    reviews: NonNullable<ProductDetail["reviews"]>;
+    t: DetailMessages;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RoomRateCard({ group, showImage, onBook, t, locale, }: {
+    group: OfferGroup;
+    showImage: boolean;
+    onBook: (offer: Offer) => void;
+    t: DetailMessages;
+    locale: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function boardKeyOf(o: Offer | undefined): string;
+export declare function boardLabel(board: string | null, t: DetailMessages): string;
+export declare function roomCodeOf(roomTypeId: string | null): string | null;
+export declare function humanizeFeature(value: string): string;
+export declare function formatMoney(m: {
+    amountMinor: number;
+    currency: string;
+}, locale?: string): string;
+export declare function formatStars(value: number | null | undefined): string | null;
+export declare function formatCountry(code: string | null | undefined, locale?: string): string | null;
+export declare function formatDay(iso: string, locale?: string): string;
+export declare function addDays(date: Date, days: number): Date;
+export declare function isoDate(date: Date): string;
+//# sourceMappingURL=product-detail-page-parts.d.ts.map

package/dist/components/product-detail-page-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-detail-page-parts.d.ts","sourceRoot":"","sources":["../../src/components/product-detail-page-parts.tsx"],"names":[],"mappings":"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"}