@voyant-travel/catalog-react 0.117.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-gallery.d.ts","sourceRoot":"","sources":["../../src/components/catalog-gallery.tsx"],"names":[],"mappings":"AAOA;;;;GAIG;AAEH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAyBD,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,WAAW,EACX,MAAM,GACP,EAAE;IACD,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC,2CA+GA;AAID,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,GACP,EAAE;IACD,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,qBAAqB,CAAA;CAC9B,kDAuFA"}

package/dist/components/catalog-gallery.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent } from "@voyant-travel/ui/components/dialog";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ChevronLeft, ChevronRight, Image as ImageIcon, Maximize2, X } from "lucide-react";
+import { useEffect } from "react";
+function GalleryImg({ src }) {
+    return (_jsx("img", { src: src, alt: "", loading: "lazy", className: "h-full w-full object-cover transition duration-300 group-hover:scale-[1.03]" }));
+}
+function PhotosBadge({ count, label }) {
+    if (count <= 1)
+        return null;
+    return (_jsxs("span", { className: "pointer-events-none absolute right-3 bottom-3 flex items-center gap-1 rounded-md bg-background/90 px-2 py-1 text-xs shadow-sm backdrop-blur", children: [_jsx(Maximize2, { className: "h-3.5 w-3.5" }), " ", count, " ", label] }));
+}
+// Booking.com-style gallery mosaic — gap-free for any image count; every tile
+// opens the lightbox at its index. Tuned for the common case (many photos)
+// with graceful layouts for 1–4.
+export function Gallery({ images, photosLabel, onOpen, }) {
+    const first = images[0];
+    if (!first) {
+        return (_jsx("div", { className: "flex aspect-[21/9] w-full items-center justify-center rounded-xl bg-muted text-muted-foreground", children: _jsx(ImageIcon, { className: "h-10 w-10", "aria-hidden": "true" }) }));
+    }
+    const tile = "group relative overflow-hidden bg-muted transition hover:opacity-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+    if (images.length === 1) {
+        return (_jsx("button", { type: "button", onClick: () => onOpen(0), className: cn(tile, "block aspect-[21/9] w-full rounded-xl"), children: _jsx(GalleryImg, { src: first.src }) }));
+    }
+    if (images.length === 2) {
+        return (_jsx("div", { className: "grid h-[300px] grid-cols-2 gap-2 sm:h-[380px]", children: images.map((img, i) => (_jsxs("button", { type: "button", onClick: () => onOpen(i), className: cn(tile, "rounded-xl"), children: [_jsx(GalleryImg, { src: img.src }), i === 0 && _jsx(PhotosBadge, { count: images.length, label: photosLabel })] }, img.src))) }));
+    }
+    if (images.length === 3) {
+        return (_jsxs("div", { className: "grid h-[340px] grid-cols-2 grid-rows-2 gap-2 sm:h-[420px]", children: [_jsxs("button", { type: "button", onClick: () => onOpen(0), className: cn(tile, "row-span-2 rounded-xl"), children: [_jsx(GalleryImg, { src: first.src }), _jsx(PhotosBadge, { count: images.length, label: photosLabel })] }), images.slice(1, 3).map((img, i) => (_jsx("button", { type: "button", onClick: () => onOpen(i + 1), className: cn(tile, "rounded-lg"), children: _jsx(GalleryImg, { src: img.src }) }, img.src)))] }));
+    }
+    if (images.length === 4) {
+        return (_jsx("div", { className: "grid h-[340px] grid-cols-2 grid-rows-2 gap-2 sm:h-[420px]", children: images.map((img, i) => (_jsxs("button", { type: "button", onClick: () => onOpen(i), className: cn(tile, "rounded-lg"), children: [_jsx(GalleryImg, { src: img.src }), i === 0 && _jsx(PhotosBadge, { count: images.length, label: photosLabel })] }, img.src))) }));
+    }
+    // 5+: hero (2×2) + four tiles; the last tile shows "+N" when there are more.
+    const side = images.slice(1, 5);
+    const more = images.length - 5;
+    return (_jsxs("div", { className: "grid h-[340px] grid-cols-4 grid-rows-2 gap-2 sm:h-[440px]", children: [_jsxs("button", { type: "button", onClick: () => onOpen(0), className: cn(tile, "col-span-2 row-span-2 rounded-xl"), children: [_jsx(GalleryImg, { src: first.src }), _jsx(PhotosBadge, { count: images.length, label: photosLabel })] }), side.map((img, i) => (_jsxs("button", { type: "button", onClick: () => onOpen(i + 1), className: cn(tile, "rounded-lg"), children: [_jsx(GalleryImg, { src: img.src }), i === side.length - 1 && more > 0 && (_jsxs("span", { className: "absolute inset-0 flex items-center justify-center bg-black/50 font-medium text-sm text-white", children: ["+", more, " ", photosLabel] }))] }, img.src)))] }));
+}
+// Full-screen image lightbox (base-ui Dialog → Esc, focus trap, scroll lock).
+// Arrow keys + on-screen arrows + a thumbnail rail navigate the gallery.
+export function GalleryLightbox({ images, index, onIndex, onClose, labels, }) {
+    const count = images.length;
+    const go = (dir) => onIndex((index + dir + count) % count);
+    useEffect(() => {
+        const onKey = (e) => {
+            if (e.key === "ArrowRight")
+                onIndex((index + 1) % count);
+            else if (e.key === "ArrowLeft")
+                onIndex((index - 1 + count) % count);
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [index, count, onIndex]);
+    const current = images[index] ?? images[0];
+    if (!current)
+        return null;
+    return (_jsx(Dialog, { open: true, onOpenChange: (o) => {
+            if (!o)
+                onClose();
+        }, children: _jsxs(DialogContent, { showCloseButton: false, 
+            // `!` forces the width past the base dialog's `sm:max-w-md`; height is
+            // capped below the viewport so it reads as a panel, not full-screen.
+            className: "flex h-[88vh] max-h-[88vh] w-[95vw]! max-w-[1500px]! flex-col gap-0 rounded-xl border-0 bg-black/95 p-0 ring-0", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 text-white/90", children: [_jsxs("span", { className: "text-sm tabular-nums", children: [index + 1, " / ", count] }), _jsx("button", { type: "button", onClick: onClose, "aria-label": labels.close, className: "rounded-md p-1.5 hover:bg-white/10", children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsxs("div", { className: "relative flex min-h-0 flex-1 items-center justify-center px-12 pb-2", children: [count > 1 && (_jsx("button", { type: "button", onClick: () => go(-1), "aria-label": labels.prev, className: "absolute left-3 rounded-full bg-white/10 p-2 text-white transition hover:bg-white/20", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) })), _jsx("img", { src: current.src, alt: current.caption ?? "", className: "max-h-full max-w-full object-contain" }), count > 1 && (_jsx("button", { type: "button", onClick: () => go(1), "aria-label": labels.next, className: "absolute right-3 rounded-full bg-white/10 p-2 text-white transition hover:bg-white/20", children: _jsx(ChevronRight, { className: "h-6 w-6" }) }))] }), count > 1 && (_jsx("div", { className: "flex gap-2 overflow-x-auto px-4 py-3", children: images.map((img, i) => (_jsx("button", { type: "button", onClick: () => onIndex(i), className: cn("relative h-12 w-16 shrink-0 overflow-hidden rounded transition", i === index ? "ring-2 ring-white" : "opacity-50 hover:opacity-100"), children: _jsx("img", { src: img.src, alt: "", loading: "lazy", className: "h-full w-full object-cover" }) }, img.src))) }))] }) }));
+}

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

@@ -0,0 +1,27 @@
+import type { CatalogSearchHit } from "../index.js";
+export type PriceUnit = "minor" | "major";
+/**
+ * Field-access helpers shared between the catalog table columns
+ * (`catalog-page`) and the merchandising card (`catalog-card`). A search hit
+ * carries its indexer document under `document.fields`; values are weakly
+ * typed (`unknown`) because the index is vertical-agnostic, so every read
+ * coerces defensively.
+ */
+/** Coerce a raw field value to a non-empty string, else `null`. */
+export declare function asString(value: unknown): string | null;
+/** Coerce a raw field value to a finite number, else `null`. */
+export declare function asNumber(value: unknown): number | null;
+/** Coerce a raw field value to a string array (dropping empties). */
+export declare function asStringArray(value: unknown): string[];
+/** Read a string field off a hit, falling back to the supplied value. */
+export declare function stringField<T>(hit: CatalogSearchHit, key: string, fallback: T): string | T;
+/** Read a numeric field off a hit, else `null`. */
+export declare function numberField(hit: CatalogSearchHit, key: string): number | null;
+/**
+ * Format a money field pair (integer cents + ISO currency) as a localized
+ * currency string with no fractional digits. Returns `null` when either side
+ * is missing.
+ */
+export declare function formatHitPrice(hit: CatalogSearchHit, amountField: string, currencyField: string, unit?: PriceUnit): string | null;
+export declare function resolveHitPriceUnit(hit: CatalogSearchHit, fallback?: PriceUnit, unitField?: string): PriceUnit;
+//# sourceMappingURL=catalog-hit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-hit.d.ts","sourceRoot":"","sources":["../../src/components/catalog-hit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEzC;;;;;;GAMG;AAEH,mEAAmE;AACnE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAEtD;AAED,gEAAgE;AAChE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAOtD;AAED,qEAAqE;AACrE,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAGtD;AAED,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,CAG1F;AAED,mDAAmD;AACnD,wBAAgB,WAAW,CAAC,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAE7E;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,gBAAgB,EACrB,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,MAAM,EACrB,IAAI,GAAE,SAAmB,GACxB,MAAM,GAAG,IAAI,CAUf;AAED,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,gBAAgB,EACrB,QAAQ,GAAE,SAAmB,EAC7B,SAAS,CAAC,EAAE,MAAM,GACjB,SAAS,CAGX"}

package/dist/components/catalog-hit.js

@@ -0,0 +1,57 @@
+/**
+ * Field-access helpers shared between the catalog table columns
+ * (`catalog-page`) and the merchandising card (`catalog-card`). A search hit
+ * carries its indexer document under `document.fields`; values are weakly
+ * typed (`unknown`) because the index is vertical-agnostic, so every read
+ * coerces defensively.
+ */
+/** Coerce a raw field value to a non-empty string, else `null`. */
+export function asString(value) {
+    return typeof value === "string" && value.length > 0 ? value : null;
+}
+/** Coerce a raw field value to a finite number, else `null`. */
+export function asNumber(value) {
+    if (typeof value === "number" && Number.isFinite(value))
+        return value;
+    if (typeof value === "string") {
+        const n = Number(value);
+        return Number.isFinite(n) ? n : null;
+    }
+    return null;
+}
+/** Coerce a raw field value to a string array (dropping empties). */
+export function asStringArray(value) {
+    if (!Array.isArray(value))
+        return [];
+    return value.filter((v) => typeof v === "string" && v.length > 0);
+}
+/** Read a string field off a hit, falling back to the supplied value. */
+export function stringField(hit, key, fallback) {
+    const v = hit.document.fields[key];
+    return typeof v === "string" && v.length > 0 ? v : fallback;
+}
+/** Read a numeric field off a hit, else `null`. */
+export function numberField(hit, key) {
+    return asNumber(hit.document.fields[key]);
+}
+/**
+ * Format a money field pair (integer cents + ISO currency) as a localized
+ * currency string with no fractional digits. Returns `null` when either side
+ * is missing.
+ */
+export function formatHitPrice(hit, amountField, currencyField, unit = "minor") {
+    const amount = numberField(hit, amountField);
+    const currency = stringField(hit, currencyField, null);
+    if (amount == null || !currency)
+        return null;
+    const major = unit === "major" ? amount : amount / 100;
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(major);
+}
+export function resolveHitPriceUnit(hit, fallback = "minor", unitField) {
+    const value = unitField ? hit.document.fields[unitField] : null;
+    return value === "minor" || value === "major" ? value : fallback;
+}

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

@@ -0,0 +1,21 @@
+import type { CatalogCardConfig } from "./catalog-card.js";
+import type { CatalogPageMessages } from "./catalog-page-config.js";
+export declare function makeProductCard(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): CatalogCardConfig;
+/** Resolve a board code (AI/HB/BB/RO/FB) to a localized, readable label. */
+export declare function formatBoard(value: string | null, messages: CatalogPageMessages): string | null;
+/** Resolve a transport code ("flight") to a readable label. */
+export declare function formatTransport(value: string | null, messages: CatalogPageMessages): string | null;
+/** Format a (possibly fractional) star rating as e.g. "4.5★". */
+export declare function formatStars(value: unknown): string | null;
+export declare function makeCruiseCard(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): CatalogCardConfig;
+export declare function makeCharterCard(formatSupplier: (id: string | number) => string): CatalogCardConfig;
+export declare function makeAccommodationCard(formatSupplier: (id: string | number) => string): CatalogCardConfig;
+/** Resolve an ISO 3166 alpha-2 country code to a localized name (e.g. TR → Turkey). */
+export declare function formatCountry(value: string | number): string;
+/**
+ * Render a `YYYY-MM` departure-month facet value as a localized "Mon YYYY"
+ * label (e.g. `2027-03` → "Mar 2027"). Falls back to the raw value when it
+ * isn't a parseable month key.
+ */
+export declare function formatDepartureMonth(value: unknown): string;
+//# sourceMappingURL=catalog-page-cards.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-page-cards.d.ts","sourceRoot":"","sources":["../../src/components/catalog-page-cards.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAMnE,wBAAgB,eAAe,CAC7B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,iBAAiB,CAoBnB;AAUD,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAI9F;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,QAAQ,EAAE,mBAAmB,GAC5B,MAAM,GAAG,IAAI,CAGf;AAED,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAIzD;AAED,wBAAgB,cAAc,CAC5B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,iBAAiB,CAuBnB;AAED,wBAAgB,eAAe,CAC7B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,GAC9C,iBAAiB,CAUnB;AAED,wBAAgB,qBAAqB,CACnC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,GAC9C,iBAAiB,CAMnB;AAeD,uFAAuF;AACvF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAQ5D;AA+DD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAO3D"}

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

@@ -0,0 +1,174 @@
+import { asNumber, asString, asStringArray } from "./catalog-hit.js";
+// Card configs ─────────────────────────────────────────────────────────────
+// Each vertical's merchandising card is a declarative projection of indexed
+// fields (no extra fetch). The grid view renders `CatalogCard` from these.
+export function makeProductCard(formatSupplier, messages) {
+    return {
+        imageField: "thumbnailUrl",
+        // Prefer the computed lowest price; fall back to the headline sell price.
+        priceAmountField: ["priceFromAmountCents", "priceFromAmountMinor", "sellAmountCents"],
+        priceCurrencyField: ["priceFromCurrency", "sellCurrency"],
+        subtitle: productSubtitle,
+        meta: (fields) => durationMeta(fields, messages),
+        footerNote: (fields) => departureNote(fields, messages),
+        // Transport + board basis lead the chips, then categories/themes.
+        chips: (fields) => [
+            formatTransport(asString(fields.transport), messages),
+            formatBoard(asString(fields.board), messages),
+            ...asStringArray(fields.categories),
+        ]
+            .filter((v) => Boolean(v))
+            .slice(0, 3),
+        badges: (fields) => supplierBadge(fields, "supplierId", formatSupplier),
+    };
+}
+/** Product card subtitle: star rating + location (e.g. "4.5★ · Belek · Turkey"). */
+function productSubtitle(fields) {
+    const parts = [formatStars(fields.stars), locationSubtitle(fields)].filter((v) => Boolean(v));
+    return parts.length > 0 ? parts.join(" · ") : null;
+}
+/** Resolve a board code (AI/HB/BB/RO/FB) to a localized, readable label. */
+export function formatBoard(value, messages) {
+    if (!value)
+        return null;
+    const code = value.toUpperCase();
+    return messages.boards[code] ?? value;
+}
+/** Resolve a transport code ("flight") to a readable label. */
+export function formatTransport(value, messages) {
+    if (!value)
+        return null;
+    return value === "flight" ? messages.card.flightIncluded : value;
+}
+/** Format a (possibly fractional) star rating as e.g. "4.5★". */
+export function formatStars(value) {
+    const n = asNumber(value);
+    if (n == null || n <= 0)
+        return null;
+    return `${Number.isInteger(n) ? n : n.toFixed(1)}★`;
+}
+export function makeCruiseCard(formatSupplier, messages) {
+    return {
+        // Newly indexed cruise docs declare `lowestPriceUnit: "minor"`; legacy
+        // docs without that field stored `lowestPriceCached` as major units.
+        imageField: "thumbnailUrl",
+        priceAmountField: "lowestPriceCached",
+        priceCurrencyField: "lowestPriceCurrencyCached",
+        priceUnit: "major",
+        priceUnitField: "lowestPriceUnit",
+        subtitle: locationSubtitle,
+        meta: (fields) => nightsMeta(fields, messages),
+        // Next departure + how many sailings — sourced from the per-cruise sailing
+        // rollup (`earliestDepartureCached` / `departureCount`).
+        footerNote: (fields) => departureNote(fields, messages, {
+            dateField: "earliestDepartureCached",
+            countField: "departureCount",
+            withYear: true,
+        }),
+        chips: (fields) => [...asStringArray(fields.themes), ...asStringArray(fields.regions)].slice(0, 3),
+        badges: (fields) => supplierBadge(fields, "lineSupplierId", formatSupplier),
+    };
+}
+export function makeCharterCard(formatSupplier) {
+    return {
+        imageField: "heroImageUrl",
+        priceAmountField: "lowestPriceCachedAmount",
+        priceCurrencyField: "lowestPriceCachedCurrency",
+        subtitle: locationSubtitle,
+        chips: (fields) => [...asStringArray(fields.themes), ...asStringArray(fields.regions)].slice(0, 3),
+        badges: (fields) => supplierBadge(fields, "lineSupplierId", formatSupplier),
+    };
+}
+export function makeAccommodationCard(formatSupplier) {
+    return {
+        imageField: "thumbnailUrl",
+        subtitle: (fields) => asString(fields.roomClass),
+        badges: (fields) => supplierBadge(fields, "supplierId", formatSupplier),
+    };
+}
+function locationSubtitle(fields) {
+    const cities = asStringArray(fields.cities);
+    const regions = asStringArray(fields.regions);
+    const countries = asStringArray(fields.countries);
+    // Owned products carry resolved destination labels (cities/regions/countries);
+    // sourced rows carry raw `destinations` + ISO `countryCodes` from the upstream
+    // search document, so fall back to those and resolve the code to a name.
+    const place = cities[0] ?? regions[0] ?? asStringArray(fields.destinations)[0] ?? null;
+    const country = countries[0] ?? asStringArray(fields.countryCodes).map(formatCountry)[0] ?? null;
+    const parts = [...new Set([place, country].filter((v) => Boolean(v)))];
+    return parts.length > 0 ? parts.join(" · ") : null;
+}
+/** Resolve an ISO 3166 alpha-2 country code to a localized name (e.g. TR → Turkey). */
+export function formatCountry(value) {
+    const code = String(value);
+    if (!/^[A-Za-z]{2}$/.test(code))
+        return code;
+    try {
+        return new Intl.DisplayNames(undefined, { type: "region" }).of(code.toUpperCase()) ?? code;
+    }
+    catch {
+        return code;
+    }
+}
+function durationMeta(fields, messages) {
+    const days = asNumber(fields.durationDays);
+    if (days == null || days < 1)
+        return null;
+    const nights = Math.max(0, days - 1);
+    return messages.card.daysNights
+        .replace("{days}", String(days))
+        .replace("{nights}", String(nights));
+}
+function nightsMeta(fields, messages) {
+    const nights = asNumber(fields.nights);
+    if (nights == null || nights < 1)
+        return null;
+    return messages.card.nights.replace("{nights}", String(nights));
+}
+function departureNote(fields, messages, opts = {}) {
+    const next = asString(fields[opts.dateField ?? "nextDepartureDate"]);
+    const count = asNumber(fields[opts.countField ?? "availableDeparturesCount"]);
+    const parts = [];
+    if (next)
+        parts.push(messages.card.nextDeparture.replace("{date}", formatShortDate(next, opts.withYear)));
+    if (count != null && count > 0) {
+        parts.push(count === 1
+            ? messages.card.oneDeparture
+            : messages.card.departures.replace("{count}", String(count)));
+    }
+    return parts.length > 0 ? parts.join(" · ") : null;
+}
+function supplierBadge(fields, supplierField, formatSupplier) {
+    const id = asString(fields[supplierField]);
+    if (!id)
+        return [];
+    // The supplier (e.g. "TUI") is the merchandising signal operators care
+    // about — more than the sourcing channel (Voyant Connect), which stays a
+    // filter facet + a detail-sheet attribute.
+    return [{ label: formatSupplier(id), variant: "secondary" }];
+}
+function formatShortDate(iso, withYear = false) {
+    const date = new Date(iso);
+    if (Number.isNaN(date.getTime()))
+        return iso;
+    return new Intl.DateTimeFormat(undefined, {
+        day: "numeric",
+        month: "short",
+        ...(withYear ? { year: "numeric" } : {}),
+    }).format(date);
+}
+/**
+ * Render a `YYYY-MM` departure-month facet value as a localized "Mon YYYY"
+ * label (e.g. `2027-03` → "Mar 2027"). Falls back to the raw value when it
+ * isn't a parseable month key.
+ */
+export function formatDepartureMonth(value) {
+    const raw = String(value);
+    const match = /^(\d{4})-(\d{2})$/.exec(raw);
+    if (!match)
+        return raw;
+    const date = new Date(Number(match[1]), Number(match[2]) - 1, 1);
+    if (Number.isNaN(date.getTime()))
+        return raw;
+    return new Intl.DateTimeFormat(undefined, { month: "short", year: "numeric" }).format(date);
+}

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

@@ -0,0 +1,17 @@
+import type { ColumnDef } from "@tanstack/react-table";
+import type { useCatalogUiMessagesOrDefault } from "../i18n/index.js";
+import type { CatalogSearchHit } from "../index.js";
+import type { CatalogFilterField } from "./catalog-search-page.js";
+export type CatalogPageMessages = ReturnType<typeof useCatalogUiMessagesOrDefault>["catalogPage"];
+export declare function makeProductColumns(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): ColumnDef<CatalogSearchHit, unknown>[];
+export declare function makeExtraColumns(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): ColumnDef<CatalogSearchHit, unknown>[];
+export declare function makeCruiseColumns(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): ColumnDef<CatalogSearchHit, unknown>[];
+export declare function makeCharterColumns(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): ColumnDef<CatalogSearchHit, unknown>[];
+export declare function makeAccommodationColumns(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): ColumnDef<CatalogSearchHit, unknown>[];
+export declare function makeProductFilters(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): CatalogFilterField[];
+export declare function makeExtraFilters(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): CatalogFilterField[];
+export declare function makeCruiseFilters(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): CatalogFilterField[];
+export declare function makeCharterFilters(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): CatalogFilterField[];
+export declare function makeAccommodationFilters(formatSupplier: (id: string | number) => string, messages: CatalogPageMessages): CatalogFilterField[];
+export declare function formatSourceKind(value: unknown, messages: CatalogPageMessages): string;
+//# sourceMappingURL=catalog-page-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-page-config.d.ts","sourceRoot":"","sources":["../../src/components/catalog-page-config.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAItD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAenD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAElE,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,6BAA6B,CAAC,CAAC,aAAa,CAAC,CAAA;AAEjG,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,CAUxC;AAED,wBAAgB,gBAAgB,CAC9B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,CAUxC;AAED,wBAAgB,iBAAiB,CAC/B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,CAiBxC;AAED,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,CAcxC;AAED,wBAAgB,wBAAwB,CACtC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,CAUxC;AAED,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,kBAAkB,EAAE,CAmDtB;AAED,wBAAgB,gBAAgB,CAC9B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,kBAAkB,EAAE,CA2BtB;AAED,wBAAgB,iBAAiB,CAC/B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,kBAAkB,EAAE,CA+BtB;AAED,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,kBAAkB,EAAE,CAgCtB;AAED,wBAAgB,wBAAwB,CACtC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,EAC/C,QAAQ,EAAE,mBAAmB,GAC5B,kBAAkB,EAAE,CAmCtB;AA8GD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,mBAAmB,GAAG,MAAM,CAqBtF"}