@voyant-travel/catalog-react 0.117.2

package/dist/client.js

@@ -0,0 +1,65 @@
+/**
+ * Re-exports the shared HTTP plumbing from `@voyant-travel/inventory-react/client`
+ * so the catalog-react package doesn't duplicate the fetcher / error-shaping
+ * logic. If/when this drifts, extract into `@voyant-travel/react/client` and
+ * point both packages at it.
+ */
+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}`;
+}

package/dist/components/availability-calendar.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Availability-aware month calendar. Each day that has live offers is
+ * selectable and shows a "from" price plus how many offers/holidays depart
+ * that day; days with no inventory are dimmed and disabled — so the operator
+ * only ever picks a date that actually has something to sell.
+ *
+ * Shared by the Dynamic destination search (count = hotels available that day)
+ * and the individual product page (count = room/board offers that day).
+ */
+export interface DayAvailability {
+    count: number;
+    fromMinor: number;
+}
+export interface MonthCursor {
+    year: number;
+    month: number;
+}
+export declare function AvailabilityCalendar({ cursor, byDate, currency, selected, onSelect, onPrev, onNext, canPrev, canNext, }: {
+    cursor: MonthCursor;
+    byDate: Map<string, DayAvailability>;
+    currency: string;
+    selected: string | null;
+    onSelect: (date: string) => void;
+    onPrev: () => void;
+    onNext: () => void;
+    canPrev?: boolean;
+    canNext?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function dateKey(year: number, month: number, day: number): string;
+export declare function shiftMonth(c: MonthCursor, delta: number): MonthCursor;
+export declare function monthOfIso(iso: string): MonthCursor | null;
+export declare function compareMonth(a: MonthCursor, b: MonthCursor): number;
+//# sourceMappingURL=availability-calendar.d.ts.map

package/dist/components/availability-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-calendar.d.ts","sourceRoot":"","sources":["../../src/components/availability-calendar.tsx"],"names":[],"mappings":"AAQA;;;;;;;;GAQG;AAEH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAc,EACd,OAAc,GACf,EAAE;IACD,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CA+FA;AAWD,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAExE;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,CAGrE;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAI1D;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,GAAG,MAAM,CAEnE"}

package/dist/components/availability-calendar.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useMemo } from "react";
+import { useCatalogUiI18nOrDefault, useCatalogUiMessagesOrDefault } from "../i18n/index.js";
+export function AvailabilityCalendar({ cursor, byDate, currency, selected, onSelect, onPrev, onNext, canPrev = true, canNext = true, }) {
+    const cal = useCatalogUiMessagesOrDefault().catalogBrowser.calendar;
+    const { locale: resolvedLocale } = useCatalogUiI18nOrDefault();
+    const { year, month } = cursor;
+    const firstWeekday = (new Date(year, month, 1).getDay() + 6) % 7; // Mon = 0
+    const daysInMonth = new Date(year, month + 1, 0).getDate();
+    const cells = [];
+    for (let i = 0; i < firstWeekday; i++)
+        cells.push(null);
+    for (let d = 1; d <= daysInMonth; d++)
+        cells.push(d);
+    const monthLabel = new Intl.DateTimeFormat(resolvedLocale, {
+        month: "long",
+        year: "numeric",
+    }).format(new Date(year, month, 1));
+    // Localized short weekday names (Mon→Sun), derived from the app locale so we
+    // never hard-code English. 2024-01-01 is a Monday.
+    const weekdays = useMemo(() => {
+        const fmt = new Intl.DateTimeFormat(resolvedLocale, { weekday: "short" });
+        return Array.from({ length: 7 }, (_, i) => fmt.format(new Date(Date.UTC(2024, 0, 1 + i))));
+    }, [resolvedLocale]);
+    return (_jsxs("div", { className: "rounded-lg border p-3", children: [_jsxs("div", { className: "mb-3 flex items-center justify-center gap-3", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: onPrev, disabled: !canPrev, "aria-label": cal.prevMonth, children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("span", { className: "min-w-[10rem] text-center font-medium text-sm capitalize", children: monthLabel }), _jsx(Button, { variant: "outline", size: "sm", onClick: onNext, disabled: !canNext, "aria-label": cal.nextMonth, children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "grid grid-cols-7 gap-1 text-center", children: [weekdays.map((w) => (_jsx("div", { className: "py-1 text-muted-foreground text-xs", children: w }, w))), cells.map((day, i) => {
+                        if (day == null) {
+                            // biome-ignore lint/suspicious/noArrayIndexKey: fixed leading blanks -- owner: catalog-react; existing suppression is intentional pending typed cleanup.
+                            return _jsx("div", {}, `blank-${i}`);
+                        }
+                        const key = dateKey(year, month, day);
+                        const avail = byDate.get(key);
+                        const isSelected = selected === key;
+                        if (!avail) {
+                            return (_jsx("div", { className: "rounded-md border border-transparent py-2.5 text-muted-foreground/30 text-sm", children: day }, key));
+                        }
+                        return (_jsxs("button", { type: "button", onClick: () => onSelect(key), className: `flex flex-col items-center gap-0.5 rounded-md border py-1.5 transition hover:border-primary ${isSelected ? "border-primary bg-primary/10" : "border-border"}`, children: [_jsx("span", { className: "font-medium text-sm leading-none", children: day }), Number.isFinite(avail.fromMinor) && avail.fromMinor > 0 && (_jsx("span", { className: "font-semibold text-[11px] text-primary leading-none", children: formatCompact(avail.fromMinor, currency, resolvedLocale) })), _jsxs("span", { className: "text-[10px] text-muted-foreground leading-none", children: [avail.count, " ", avail.count === 1 ? cal.offer : cal.offers] })] }, key));
+                    })] })] }));
+}
+function formatCompact(amountMinor, currency, locale) {
+    return new Intl.NumberFormat(locale, {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+        notation: "compact",
+    }).format(amountMinor / 100);
+}
+export function dateKey(year, month, day) {
+    return `${year}-${String(month + 1).padStart(2, "0")}-${String(day).padStart(2, "0")}`;
+}
+export function shiftMonth(c, delta) {
+    const d = new Date(c.year, c.month + delta, 1);
+    return { year: d.getFullYear(), month: d.getMonth() };
+}
+export function monthOfIso(iso) {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return null;
+    return { year: d.getFullYear(), month: d.getMonth() };
+}
+export function compareMonth(a, b) {
+    return a.year !== b.year ? a.year - b.year : a.month - b.month;
+}

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

@@ -0,0 +1,41 @@
+import { type ReactNode } from "react";
+import type { CatalogSearchParams } from "../index.js";
+import { type CatalogPageProps } from "./catalog-page.js";
+/**
+ * Browse surface — the catalog results grid (cards + filter rail + sort/view +
+ * detail sheet) wired to a `CatalogSearchParams` URL state. Owns the reusable
+ * bits: merging always-on `lockedFacets`/`lockedRanges` into the user's filters
+ * (kept out of URL state) and adapting `onSearchChange` into the grid's
+ * query/page/view/sort/filter callbacks.
+ *
+ * Host-specific concerns stay injected: `scopeControls` (market/locale selects),
+ * `enrichmentFetchers`, `formatSupplier`, `renderSupplierLink`, booking + editor
+ * callbacks, and `onTagsChange`. The Dynamic/Scheduled surfaces embed this via
+ * `embedded` to drop its own search box/header/padding under their unified bar.
+ */
+export interface CatalogBrowsePageProps extends Pick<CatalogPageProps, "formatSupplier" | "enrichmentFetchers" | "renderSupplierLink" | "onTagsChange" | "onBookHit" | "onBookDeparture" | "onBookOption" | "onOpenProductEditor" | "onOpenProductDetail"> {
+    vertical: string;
+    search: CatalogSearchParams;
+    onSearchChange: (updater: (prev: CatalogSearchParams) => CatalogSearchParams, replace?: boolean) => void;
+    /** Resolved display locale — the host resolves it from its markets. */
+    locale: string;
+    /**
+     * Embedded under another surface's unified search bar (the Dynamic/Scheduled
+     * page). Hides the built-in search box, header and outer padding so there is
+     * a single search experience; `search.q` is driven externally.
+     */
+    embedded?: boolean;
+    /** Facet filters always applied on this surface, never erased by the user. */
+    lockedFacets?: Record<string, Array<string | number>>;
+    /** Range filters always applied on this surface, never erased by the user. */
+    lockedRanges?: Record<string, {
+        gte?: number;
+        lte?: number;
+    }>;
+    /** Toolbar-end controls (market/locale selects). Hidden when embedded. */
+    scopeControls?: ReactNode;
+    /** Header. `false` suppresses catalog-ui's default. Ignored when embedded. */
+    title?: ReactNode | false;
+}
+export declare function CatalogBrowsePage({ vertical, search, onSearchChange, locale, embedded, lockedFacets, lockedRanges, scopeControls, title, ...forward }: CatalogBrowsePageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=catalog-browse-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-browse-page.d.ts","sourceRoot":"","sources":["../../src/components/catalog-browse-page.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEtD,OAAO,EAAE,KAAK,gBAAgB,EAAgC,MAAM,mBAAmB,CAAA;AAEvF;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,gBAAgB,EACd,gBAAgB,GAChB,oBAAoB,GACpB,oBAAoB,GACpB,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,cAAc,GACd,qBAAqB,GACrB,qBAAqB,CACxB;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,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,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;IACrD,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC7D,0EAA0E;IAC1E,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;CAC1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,cAAc,EACd,MAAM,EACN,QAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,KAAK,EACL,GAAG,OAAO,EACX,EAAE,sBAAsB,2CAyExB"}

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { CatalogPage as CatalogUiPage } from "./catalog-page.js";
+export function CatalogBrowsePage({ vertical, search, onSearchChange, locale, embedded = false, lockedFacets, lockedRanges, scopeControls, title, ...forward }) {
+    // Merge the always-on locked facets/ranges with the user's URL-driven filters.
+    // Memoized so locked surfaces hand a STABLE `filters` object to the tab panel:
+    // a fresh object every render reads as "selections changed" and resets back to
+    // page 1, breaking pagination. Key on the locked values' content (callers pass
+    // inline literals), not their identity. `search` is already stable (router).
+    const lockedFacetsKey = JSON.stringify(lockedFacets ?? null);
+    const lockedRangesKey = JSON.stringify(lockedRanges ?? null);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: keyed on serialized locked filters, not their object identity -- owner: catalog-react; existing suppression is intentional pending typed cleanup.
+    const effectiveSearch = useMemo(() => lockedFacets || lockedRanges
+        ? {
+            ...search,
+            locale,
+            filters: {
+                ...search.filters,
+                facets: { ...(search.filters?.facets ?? {}), ...(lockedFacets ?? {}) },
+                ranges: { ...(search.filters?.ranges ?? {}), ...(lockedRanges ?? {}) },
+            },
+        }
+        : { ...search, locale }, [search, locale, lockedFacetsKey, lockedRangesKey]);
+    return (_jsx(CatalogUiPage, { ...forward, vertical: vertical, search: effectiveSearch, hideSearchInput: embedded, className: embedded ? "px-0 py-0 lg:px-0" : undefined, 
+        // `false` (not `undefined`) so catalog-ui's `title ?? default` does NOT
+        // fall back to its generic header when an embedding surface renders its own.
+        title: embedded ? false : title, toolbarEnd: embedded ? undefined : scopeControls, onQueryChange: (q) => onSearchChange((prev) => ({ ...prev, q: q.length > 0 ? q : undefined, page: 1 }), true), onPageChange: (p) => onSearchChange((prev) => ({ ...prev, page: p }), true), onViewChange: (view) => onSearchChange((prev) => ({ ...prev, view }), true), onSortChange: (sort) => onSearchChange((prev) => ({ ...prev, sort }), true), onFiltersChange: (next) => {
+            // Prune empty selections so the URL stays clean; reset to page 1.
+            const facets = {};
+            for (const [field, values] of Object.entries(next.facets ?? {})) {
+                if (values.length > 0)
+                    facets[field] = values;
+            }
+            const ranges = {};
+            for (const [field, range] of Object.entries(next.ranges ?? {})) {
+                if (range && (range.gte != null || range.lte != null))
+                    ranges[field] = range;
+            }
+            const hasAny = Object.keys(facets).length > 0 || Object.keys(ranges).length > 0;
+            onSearchChange((prev) => ({
+                ...prev,
+                filters: hasAny ? { facets, ranges } : undefined,
+                page: 1,
+            }), true);
+        } }));
+}

package/dist/components/catalog-card.d.ts

@@ -0,0 +1,68 @@
+import type { CatalogSearchHit } from "../index.js";
+import { type PriceUnit } from "./catalog-hit.js";
+export interface CatalogCardBadge {
+    label: string;
+    variant?: "default" | "secondary" | "outline";
+}
+/**
+ * Declarative card mapping for one vertical. The grid view renders a
+ * `CatalogCard` per hit using these accessors so per-vertical packages own
+ * their merchandising language without the shell knowing field names.
+ *
+ * Accessors receive the indexer document's `fields` map and return ready-to-
+ * render strings; the shell formats price from the `*AmountField`/`*CurrencyField`
+ * pair (integer cents + ISO currency).
+ */
+export interface CatalogCardConfig {
+    /** Field carrying the hero/thumbnail url. Falls back to the tab `imageField` then `thumbnailUrl`. */
+    imageField?: string;
+    /** Title field (default `name`). */
+    titleField?: string;
+    /**
+     * Integer-cents amount field(s) for the "from" price, tried in order — so a
+     * card can prefer the computed lowest price (`priceFromAmountCents`) and fall
+     * back to the headline (`sellAmountCents`).
+     */
+    priceAmountField?: string | string[];
+    /** ISO currency field(s) paired with the amount, tried in order. */
+    priceCurrencyField?: string | string[];
+    /**
+     * Whether the amount field holds integer minor units (cents, the default) or
+     * major currency units.
+     */
+    priceUnit?: PriceUnit;
+    /**
+     * Optional field carrying `minor` or `major`. When present it overrides
+     * `priceUnit`, which keeps legacy index documents display-compatible while
+     * letting newly indexed rows declare their units.
+     */
+    priceUnitField?: string;
+    /** Secondary line under the title — typically location (e.g. "Spain · Palma"). */
+    subtitle?: (fields: Record<string, unknown>) => string | null;
+    /** Compact overlay chip on the image — typically duration (e.g. "8d / 7n"). */
+    meta?: (fields: Record<string, unknown>) => string | null;
+    /** Muted footer line — typically next departure + count (e.g. "Next: 15 Aug · 12 departures"). */
+    footerNote?: (fields: Record<string, unknown>) => string | null;
+    /** Theme/category chips (rendered as outline badges; capped at 3). */
+    chips?: (fields: Record<string, unknown>) => string[];
+    /** Image-overlay badges — typically source/status. */
+    badges?: (fields: Record<string, unknown>) => CatalogCardBadge[];
+}
+export interface CatalogCardProps {
+    hit: CatalogSearchHit;
+    config: CatalogCardConfig;
+    /** Tab-level image field used when the card config omits its own. */
+    imageFallbackField?: string;
+    /** Title shown when the hit has no name. */
+    fallbackTitle: string;
+    /** Opens the detail sheet for this hit. */
+    onOpen: (hit: CatalogSearchHit) => void;
+}
+/**
+ * Booking.com-style merchandising card for one search hit. Pure projection
+ * of the indexed document via the tab's `CatalogCardConfig` — no extra fetch.
+ * The whole card is a button that opens the detail sheet (which carries the
+ * departures + Book actions).
+ */
+export declare function CatalogCard({ hit, config, imageFallbackField, fallbackTitle, onOpen, }: CatalogCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=catalog-card.d.ts.map

package/dist/components/catalog-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-card.d.ts","sourceRoot":"","sources":["../../src/components/catalog-card.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAGL,KAAK,SAAS,EAGf,MAAM,kBAAkB,CAAA;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IAChC,qGAAqG;IACrG,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACpC,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IAC7D,+EAA+E;IAC/E,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IACzD,kGAAkG;IAClG,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IAC/D,sEAAsE;IACtE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,EAAE,CAAA;IACrD,sDAAsD;IACtD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,gBAAgB,EAAE,CAAA;CACjE;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,gBAAgB,CAAA;IACrB,MAAM,EAAE,iBAAiB,CAAA;IACzB,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,4CAA4C;IAC5C,aAAa,EAAE,MAAM,CAAA;IACrB,2CAA2C;IAC3C,MAAM,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;CACxC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,kBAAkB,EAClB,aAAa,EACb,MAAM,GACP,EAAE,gBAAgB,2CAqGlB"}

package/dist/components/catalog-card.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Card } from "@voyant-travel/ui/components/card";
+import { Image as ImageIcon } from "lucide-react";
+import { useCatalogUiMessagesOrDefault } from "../i18n/index.js";
+import { asString, formatHitPrice, resolveHitPriceUnit, stringField, } from "./catalog-hit.js";
+/**
+ * Booking.com-style merchandising card for one search hit. Pure projection
+ * of the indexed document via the tab's `CatalogCardConfig` — no extra fetch.
+ * The whole card is a button that opens the detail sheet (which carries the
+ * departures + Book actions).
+ */
+export function CatalogCard({ hit, config, imageFallbackField, fallbackTitle, onOpen, }) {
+    const card = useCatalogUiMessagesOrDefault().catalogPage.card;
+    const fields = hit.document.fields;
+    const imageField = config.imageField ?? imageFallbackField ?? "thumbnailUrl";
+    const imageUrl = asString(fields[imageField]);
+    const title = stringField(hit, config.titleField ?? "name", fallbackTitle);
+    const subtitle = config.subtitle?.(fields) ?? null;
+    const meta = config.meta?.(fields) ?? null;
+    const footerNote = config.footerNote?.(fields) ?? null;
+    const chips = config.chips?.(fields) ?? [];
+    const badges = config.badges?.(fields) ?? [];
+    const price = resolveCardPrice(hit, config.priceAmountField, config.priceCurrencyField, config.priceUnit, config.priceUnitField);
+    const open = () => onOpen(hit);
+    return (_jsxs(Card, { role: "button", tabIndex: 0, onClick: open, onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                open();
+            }
+        }, className: "group flex cursor-pointer flex-col gap-0 overflow-hidden p-0 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: [imageUrl ? (_jsx("img", { src: imageUrl, alt: title, 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" }) })), badges.length > 0 && (_jsx("div", { className: "absolute top-2 left-2 flex flex-wrap gap-1", children: badges.map((b) => (_jsx(Badge, { variant: b.variant ?? "secondary", className: "shadow-sm", children: b.label }, b.label))) })), meta && (_jsx("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: meta }))] }), _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: title }), subtitle && _jsx("div", { className: "truncate text-muted-foreground text-sm", children: subtitle })] }), chips.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1", children: chips.slice(0, 3).map((c) => (_jsx(Badge, { variant: "outline", className: "font-normal capitalize", children: c }, c))) })), footerNote && _jsx("div", { className: "text-muted-foreground text-xs", children: footerNote }), _jsxs("div", { className: "mt-auto flex items-end justify-between gap-2 pt-1", children: [_jsx("div", { className: "min-w-0", children: price ? (_jsxs("div", { className: "flex items-baseline gap-1", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: card.from }), _jsx("span", { className: "font-semibold text-base", children: price })] })) : null }), _jsx(Button, { size: "sm", variant: "secondary", className: "shrink-0", onClick: (e) => {
+                                    e.stopPropagation();
+                                    open();
+                                }, children: card.viewDetails })] })] })] }));
+}
+function resolveCardPrice(hit, amountField, currencyField, unit = "minor", unitField) {
+    if (!amountField || !currencyField)
+        return null;
+    const resolvedUnit = resolveHitPriceUnit(hit, unit, unitField);
+    const amounts = Array.isArray(amountField) ? amountField : [amountField];
+    const currencies = Array.isArray(currencyField) ? currencyField : [currencyField];
+    for (const amount of amounts) {
+        for (const currency of currencies) {
+            const formatted = formatHitPrice(hit, amount, currency, resolvedUnit);
+            if (formatted)
+                return formatted;
+        }
+    }
+    return null;
+}

package/dist/components/catalog-detail-cruise-cards.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+import type { CatalogUiMessages } from "../i18n/messages.js";
+import type { CatalogDetailEnrichment } from "../index.js";
+export declare function CabinCard({ cabin, messages, }: {
+    cabin: NonNullable<CatalogDetailEnrichment["options"]>[number];
+    messages: CatalogUiMessages["catalogPage"]["detail"];
+}): ReactNode;
+/**
+ * The vessel a cruise sails on: gallery + name/type, key specs (capacity,
+ * decks, year built) and a description.
+ */
+export declare function ShipCard({ ship, messages, }: {
+    ship: NonNullable<CatalogDetailEnrichment["ship"]>;
+    messages: CatalogUiMessages["catalogPage"]["detail"];
+}): ReactNode;
+//# sourceMappingURL=catalog-detail-cruise-cards.d.ts.map

package/dist/components/catalog-detail-cruise-cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-detail-cruise-cards.d.ts","sourceRoot":"","sources":["../../src/components/catalog-detail-cruise-cards.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAI1D,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,WAAW,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IAC9D,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAA;CACrD,GAAG,SAAS,CA+DZ;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,WAAW,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAA;IAClD,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAA;CACrD,GAAG,SAAS,CA8FZ"}

package/dist/components/catalog-detail-cruise-cards.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { ExternalLink } from "lucide-react";
+import { formatTemplate } from "./catalog-detail-parts.js";
+import { MediaGallery } from "./media-gallery.js";
+export function CabinCard({ cabin, messages, }) {
+    const desc = cabin.description?.trim() ?? "";
+    const meta = [
+        cabin.squareFeet ? `${cabin.squareFeet} sqft` : null,
+        cabin.capacityMax ? `sleeps ${cabin.capacityMax}` : null,
+        cabin.gradeCodes && cabin.gradeCodes.length > 0
+            ? `grades ${cabin.gradeCodes.join(", ")}`
+            : null,
+    ]
+        .filter(Boolean)
+        .join(" · ");
+    // The upstream amenity list leads with the cabin size + a copy of the
+    // description; drop those so the chips show genuine, non-duplicated perks.
+    const amenities = (cabin.amenities ?? []).filter((a) => a.trim() !== desc && !/^stateroom size/i.test(a.trim()));
+    return (_jsxs("li", { className: "flex gap-4 rounded-lg border border-border p-3", children: [_jsx(MediaGallery, { images: cabin.images ?? [], alt: cabin.name }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [_jsx("h4", { className: "font-medium text-sm", children: cabin.name }), meta && _jsx("span", { className: "text-xs text-muted-foreground", children: meta }), cabin.wheelchairAccessible && (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: messages.wheelchairAccessible }))] }), desc && _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: desc }), (cabin.floorplanImages?.length ?? 0) > 0 && (_jsxs("div", { className: "mt-3", children: [_jsx("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: messages.floorPlan }), _jsx(MediaGallery, { images: cabin.floorplanImages ?? [], alt: `${cabin.name} floor plan`, className: "w-44", imageClassName: "h-28 w-44 object-contain bg-muted" })] })), amenities.length > 0 && (_jsxs("div", { className: "mt-2 flex flex-wrap gap-1", children: [amenities.slice(0, 6).map((a) => (_jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: a }, a))), amenities.length > 6 && (_jsxs("span", { className: "px-1 text-[10px] text-muted-foreground", children: ["+", amenities.length - 6] }))] }))] })] }));
+}
+/**
+ * The vessel a cruise sails on: gallery + name/type, key specs (capacity,
+ * decks, year built) and a description.
+ */
+export function ShipCard({ ship, messages, }) {
+    const desc = ship.description?.trim() ?? "";
+    const specs = [
+        ship.shipType ? { label: messages.shipSpecs.type, value: ship.shipType } : null,
+        ship.capacity
+            ? {
+                label: messages.shipSpecs.capacity,
+                value: formatTemplate(messages.shipSpecs.capacityGuests, { count: ship.capacity }),
+            }
+            : null,
+        ship.decks ? { label: messages.shipSpecs.decks, value: String(ship.decks) } : null,
+        ship.yearBuilt ? { label: messages.shipSpecs.yearBuilt, value: String(ship.yearBuilt) } : null,
+    ].filter((s) => s != null);
+    const images = ship.images ?? [];
+    const deckPlanUrls = [
+        ...(ship.deckPlanUrl ? [ship.deckPlanUrl] : []),
+        ...(ship.deckPlans ?? []).flatMap((deck) => (deck.imageUrl ? [deck.imageUrl] : [])),
+    ];
+    const deckPlanImages = Array.from(new Set(deckPlanUrls.filter(isRenderableImageUrl)));
+    const deckPlanDocuments = Array.from(new Set(deckPlanUrls.filter((url) => !isRenderableImageUrl(url))));
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [images.length > 0 && (_jsx(MediaGallery, { images: images, alt: ship.name, className: "w-full max-w-lg", imageClassName: "h-56 w-full" })), deckPlanImages.length > 0 && (_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: messages.deckPlan }), _jsx(MediaGallery, { images: deckPlanImages, alt: `${ship.name} deck plan`, className: "w-full max-w-lg", imageClassName: "h-56 w-full object-contain bg-muted" })] })), deckPlanDocuments.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2", children: deckPlanDocuments.map((url) => (_jsxs("a", { href: url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 rounded-md border px-2 py-1 text-xs text-foreground transition-colors hover:bg-muted", children: [_jsx(ExternalLink, { className: "h-3 w-3" }), messages.openDeckPlan] }, url))) })), _jsxs("div", { children: [_jsx("h3", { className: "text-base font-medium text-foreground", children: ship.name }), ship.shipType && _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: ship.shipType })] }), (ship.deckPlans?.length ?? 0) > 0 && (_jsx("div", { className: "flex flex-wrap gap-1", children: ship.deckPlans.map((deck) => (_jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: deck.level != null ? `Deck ${deck.level}: ${deck.name}` : deck.name }, `${deck.level ?? ""}-${deck.name}`))) })), specs.length > 0 && (_jsx("dl", { className: "grid grid-cols-2 gap-x-6 gap-y-2 sm:grid-cols-3", children: specs.map((s) => (_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("dt", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: s.label }), _jsx("dd", { className: "text-sm text-foreground", children: s.value })] }, s.label))) })), desc && (_jsx("p", { className: "whitespace-pre-line text-sm leading-relaxed text-muted-foreground", children: desc }))] }));
+}
+function isRenderableImageUrl(url) {
+    if (url.startsWith("data:image/"))
+        return true;
+    const path = url.split(/[?#]/, 1)[0]?.toLowerCase() ?? "";
+    return /\.(avif|gif|jpe?g|png|svg|webp)$/.test(path);
+}

package/dist/components/catalog-detail-departures.d.ts

@@ -0,0 +1,25 @@
+import type { CatalogUiMessages } from "../i18n/messages.js";
+import type { CatalogDeparturePricingRow, CatalogDetailEnrichment, CatalogSearchHit } from "../index.js";
+type DepartureEntry = NonNullable<CatalogDetailEnrichment["departures"]>[number];
+type DepartureOption = NonNullable<CatalogDetailEnrichment["options"]>[number];
+/**
+ * Flat departures table with sortable columns and filter controls
+ * (month/year, status, min-availability). Sold-out / closed / past
+ * rows render dimmed and are not clickable. Bookable rows expand to
+ * reveal a per-option row with its own remaining capacity and Book
+ * button.
+ */
+export declare function DeparturesTable({ hit, vertical, departures, options, productSellAmountCents, productSellCurrency, onBookDeparture, onBookOption, onLoadDeparturePricing, messages, }: {
+    hit: CatalogSearchHit | null;
+    vertical?: string;
+    departures: ReadonlyArray<DepartureEntry>;
+    options: NonNullable<CatalogDetailEnrichment["options"]>;
+    productSellAmountCents: number | null;
+    productSellCurrency: string | null;
+    onBookDeparture?: (hit: CatalogSearchHit, departure: DepartureEntry) => void;
+    onBookOption?: (hit: CatalogSearchHit, departure: DepartureEntry, option: DepartureOption) => void;
+    onLoadDeparturePricing?: (hit: CatalogSearchHit, sailingRef: string) => Promise<CatalogDeparturePricingRow[] | null>;
+    messages: CatalogUiMessages["catalogPage"]["detail"];
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=catalog-detail-departures.d.ts.map

package/dist/components/catalog-detail-departures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-detail-departures.d.ts","sourceRoot":"","sources":["../../src/components/catalog-detail-departures.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,KAAK,EACV,0BAA0B,EAC1B,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAGpB,KAAK,cAAc,GAAG,WAAW,CAAC,uBAAuB,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAChF,KAAK,eAAe,GAAG,WAAW,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AA8C9E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,QAAQ,EACR,UAAU,EACV,OAAO,EACP,sBAAsB,EACtB,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,sBAAsB,EACtB,QAAQ,GACT,EAAE;IACD,GAAG,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACzC,OAAO,EAAE,WAAW,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC,CAAA;IACxD,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,KAAK,IAAI,CAAA;IAC5E,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;IAClG,sBAAsB,CAAC,EAAE,CACvB,GAAG,EAAE,gBAAgB,EACrB,UAAU,EAAE,MAAM,KACf,OAAO,CAAC,0BAA0B,EAAE,GAAG,IAAI,CAAC,CAAA;IACjD,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAA;CACrD,2CAwQA"}