@voyant-travel/catalog-react 0.117.2

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

@@ -0,0 +1,369 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Image as ImageIcon } from "lucide-react";
+import { formatHitPrice, numberField, resolveHitPriceUnit, stringField, } from "./catalog-hit.js";
+import { formatBoard, formatCountry, formatDepartureMonth, formatStars, formatTransport, } from "./catalog-page-cards.js";
+export function makeProductColumns(formatSupplier, messages) {
+    return [
+        nameColumn(messages.fallbacks.productName, messages),
+        statusColumn(messages),
+        sourceColumn(messages),
+        lookupColumn("supplierId", messages.columns.supplier, formatSupplier, messages),
+        daysColumn(messages),
+        nightsColumn(messages),
+        priceColumn("sellAmountCents", "sellCurrency", messages.columns.price, messages),
+    ];
+}
+export function makeExtraColumns(formatSupplier, messages) {
+    return [
+        nameColumn(messages.fallbacks.extraName, messages),
+        activeColumn(messages),
+        sourceColumn(messages),
+        lookupColumn("supplierId", messages.columns.supplier, formatSupplier, messages),
+        textColumn("selectionType", messages.columns.selection, messages),
+        textColumn("pricingMode", messages.columns.pricing, messages),
+        textColumn("defaultQuantity", messages.columns.defaultQuantity, messages),
+    ];
+}
+export function makeCruiseColumns(formatSupplier, messages) {
+    return [
+        nameColumn(messages.fallbacks.cruiseName, messages),
+        statusColumn(messages),
+        sourceColumn(messages),
+        textColumn("cruiseType", messages.columns.type, messages),
+        lookupColumn("lineSupplierId", messages.columns.supplier, formatSupplier, messages),
+        textColumn("nights", messages.columns.nights, messages),
+        priceColumn("lowestPriceCached", "lowestPriceCurrencyCached", messages.columns.price, messages, "major", "lowestPriceUnit"),
+    ];
+}
+export function makeCharterColumns(formatSupplier, messages) {
+    return [
+        nameColumn(messages.fallbacks.charterName, messages, "heroImageUrl"),
+        statusColumn(messages),
+        sourceColumn(messages),
+        lookupColumn("lineSupplierId", messages.columns.supplier, formatSupplier, messages),
+        textColumn("defaultYachtId", messages.columns.yacht, messages),
+        priceColumn("lowestPriceCachedAmount", "lowestPriceCachedCurrency", messages.columns.from, messages),
+    ];
+}
+export function makeAccommodationColumns(formatSupplier, messages) {
+    return [
+        nameColumn(messages.fallbacks.roomName, messages),
+        activeColumn(messages),
+        sourceColumn(messages),
+        lookupColumn("supplierId", messages.columns.supplier, formatSupplier, messages),
+        textColumn("roomClass", messages.columns.class, messages),
+        textColumn("maxOccupancy", messages.columns.maxPax, messages),
+        textColumn("bedroomCount", messages.columns.bedrooms, messages),
+    ];
+}
+export function makeProductFilters(formatSupplier, messages) {
+    return [
+        { field: "status", label: messages.filters.status },
+        { field: "countryCodes", label: messages.filters.country, formatValue: formatCountry },
+        { field: "destinations", label: messages.filters.destination },
+        {
+            field: "board",
+            label: messages.filters.board,
+            formatValue: (value) => formatBoard(String(value), messages) ?? String(value),
+        },
+        {
+            field: "stars",
+            label: messages.filters.stars,
+            formatValue: (value) => formatStars(value) ?? String(value),
+            // Show 5★ → 0, not by item count.
+            sortValues: "value-desc",
+        },
+        {
+            field: "transport",
+            label: messages.filters.transport,
+            formatValue: (value) => formatTransport(String(value), messages) ?? String(value),
+        },
+        {
+            field: "source.kind",
+            label: messages.filters.source,
+            formatValue: (value) => formatSourceKind(value, messages),
+        },
+        { field: "supplierId", label: messages.filters.supplier, formatValue: formatSupplier },
+        { field: "bookingMode", label: messages.filters.bookingMode },
+        { field: "productTypeId", label: messages.filters.type },
+        { field: "capacityMode", label: messages.filters.capacity },
+        { field: "visibility", label: messages.filters.visibility },
+        { field: "facilityId", label: messages.filters.facility },
+        {
+            kind: "range",
+            field: "sellAmountCents",
+            label: messages.filters.price,
+            format: "currency",
+            currency: "EUR",
+            step: 100,
+            minPlaceholder: "0",
+            maxPlaceholder: messages.filters.any,
+        },
+        {
+            kind: "range",
+            field: "pax",
+            label: messages.filters.pax,
+            minPlaceholder: "0",
+            maxPlaceholder: messages.filters.any,
+        },
+    ];
+}
+export function makeExtraFilters(formatSupplier, messages) {
+    return [
+        { field: "active", label: messages.filters.active },
+        {
+            field: "source.kind",
+            label: messages.filters.source,
+            formatValue: (value) => formatSourceKind(value, messages),
+        },
+        { field: "supplierId", label: messages.filters.supplier, formatValue: formatSupplier },
+        { field: "selectionType", label: messages.filters.selection },
+        { field: "pricingMode", label: messages.filters.pricingMode },
+        { field: "pricedPerPerson", label: messages.filters.perPerson },
+        {
+            kind: "range",
+            field: "minQuantity",
+            label: messages.filters.minQuantity,
+            minPlaceholder: "0",
+            maxPlaceholder: messages.filters.any,
+        },
+        {
+            kind: "range",
+            field: "maxQuantity",
+            label: messages.filters.maxQuantity,
+            minPlaceholder: "0",
+            maxPlaceholder: messages.filters.any,
+        },
+    ];
+}
+export function makeCruiseFilters(formatSupplier, messages) {
+    return [
+        { field: "status", label: messages.filters.status },
+        {
+            field: "source.kind",
+            label: messages.filters.source,
+            formatValue: (value) => formatSourceKind(value, messages),
+        },
+        { field: "cruiseType", label: messages.filters.type },
+        {
+            // Departure month/year facet — `YYYY-MM` values sorted chronologically,
+            // shown as "Mar 2027".
+            field: "departureMonths",
+            label: messages.filters.departureMonth,
+            formatValue: formatDepartureMonth,
+            sortValues: "value-asc",
+        },
+        { field: "lineSupplierId", label: messages.filters.supplier, formatValue: formatSupplier },
+        { field: "defaultShipId", label: messages.filters.ship },
+        { field: "embarkPortFacilityId", label: messages.filters.embark },
+        { field: "disembarkPortFacilityId", label: messages.filters.disembark },
+        { field: "regions", label: messages.filters.region },
+        { field: "themes", label: messages.filters.theme },
+        {
+            kind: "range",
+            field: "nights",
+            label: messages.filters.nights,
+            minPlaceholder: "0",
+            maxPlaceholder: messages.filters.any,
+        },
+    ];
+}
+export function makeCharterFilters(formatSupplier, messages) {
+    return [
+        { field: "status", label: messages.filters.status },
+        {
+            field: "source.kind",
+            label: messages.filters.source,
+            formatValue: (value) => formatSourceKind(value, messages),
+        },
+        { field: "lineSupplierId", label: messages.filters.supplier, formatValue: formatSupplier },
+        { field: "defaultYachtId", label: messages.filters.yacht },
+        { field: "defaultBookingModes", label: messages.filters.bookingMode },
+        { field: "regions", label: messages.filters.region },
+        { field: "themes", label: messages.filters.theme },
+        {
+            kind: "range",
+            field: "lowestPriceCachedAmount",
+            label: messages.filters.price,
+            format: "currency",
+            currency: "EUR",
+            step: 100,
+            minPlaceholder: "0",
+            maxPlaceholder: messages.filters.any,
+        },
+        {
+            kind: "range",
+            field: "defaultApaPercent",
+            label: messages.filters.apaPercent,
+            step: 1,
+            minPlaceholder: "0",
+            maxPlaceholder: "100",
+        },
+    ];
+}
+export function makeAccommodationFilters(formatSupplier, messages) {
+    return [
+        { field: "active", label: messages.filters.active },
+        {
+            field: "source.kind",
+            label: messages.filters.source,
+            formatValue: (value) => formatSourceKind(value, messages),
+        },
+        { field: "supplierId", label: messages.filters.supplier, formatValue: formatSupplier },
+        { field: "inventoryMode", label: messages.filters.inventory },
+        { field: "roomClass", label: messages.filters.class },
+        { field: "smokingAllowed", label: messages.filters.smoking },
+        { field: "propertyId", label: messages.filters.property },
+        {
+            kind: "range",
+            field: "maxOccupancy",
+            label: messages.filters.maxPax,
+            minPlaceholder: "0",
+            maxPlaceholder: messages.filters.any,
+        },
+        {
+            kind: "range",
+            field: "bedroomCount",
+            label: messages.filters.bedrooms,
+            minPlaceholder: "0",
+            maxPlaceholder: messages.filters.any,
+        },
+        {
+            kind: "range",
+            field: "bathroomCount",
+            label: messages.filters.bathrooms,
+            minPlaceholder: "0",
+            maxPlaceholder: messages.filters.any,
+        },
+    ];
+}
+function nameColumn(fallback, messages, urlField = "thumbnailUrl") {
+    return {
+        id: "name",
+        header: messages.columns.name,
+        cell: ({ row }) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CatalogThumbnail, { hit: row.original, urlField: urlField }), _jsx("span", { className: "font-medium", children: stringField(row.original, "name", fallback) })] })),
+    };
+}
+function statusColumn(messages) {
+    return {
+        id: "status",
+        header: messages.columns.status,
+        cell: ({ row }) => {
+            const status = stringField(row.original, "status", null);
+            if (!status)
+                return null;
+            return (_jsx(Badge, { variant: status === "active" ? "default" : "secondary", className: "capitalize", children: status }));
+        },
+    };
+}
+function activeColumn(messages) {
+    return {
+        id: "active",
+        header: messages.columns.active,
+        cell: ({ row }) => {
+            const v = stringField(row.original, "active", null);
+            if (v == null)
+                return null;
+            const isActive = v === "true" || v === "1";
+            return (_jsx(Badge, { variant: isActive ? "default" : "secondary", children: isActive ? messages.values.active : messages.values.inactive }));
+        },
+    };
+}
+function textColumn(field, header, messages) {
+    return {
+        id: field,
+        header,
+        cell: ({ row }) => (_jsx("span", { className: "text-muted-foreground text-sm", children: stringField(row.original, field, messages.values.empty) })),
+    };
+}
+function daysColumn(messages) {
+    return {
+        id: "durationDays",
+        header: messages.columns.days,
+        cell: ({ row }) => {
+            const days = numberField(row.original, "durationDays");
+            if (days == null)
+                return _jsx("span", { className: "text-muted-foreground", children: messages.values.empty });
+            return _jsx("span", { className: "tabular-nums", children: days });
+        },
+    };
+}
+function nightsColumn(messages) {
+    return {
+        id: "nights",
+        header: messages.columns.nights,
+        cell: ({ row }) => {
+            const days = numberField(row.original, "durationDays");
+            if (days == null || days < 1)
+                return _jsx("span", { className: "text-muted-foreground", children: messages.values.empty });
+            return _jsx("span", { className: "tabular-nums", children: Math.max(0, days - 1) });
+        },
+    };
+}
+function sourceColumn(messages) {
+    return {
+        id: "source.kind",
+        header: messages.columns.source,
+        cell: ({ row }) => {
+            const kind = stringField(row.original, "source.kind", null);
+            if (!kind)
+                return _jsx("span", { className: "text-muted-foreground", children: messages.values.empty });
+            return (_jsx(Badge, { variant: kind === "owned" ? "secondary" : "outline", children: formatSourceKind(kind, messages) }));
+        },
+    };
+}
+export function formatSourceKind(value, messages) {
+    const raw = String(value);
+    const known = {
+        owned: messages.sourceKinds.owned,
+        "voyant-connect": messages.sourceKinds.voyantConnect,
+        manual: messages.sourceKinds.manual,
+        "gds:amadeus": messages.sourceKinds.gdsAmadeus,
+        "gds:sabre": messages.sourceKinds.gdsSabre,
+        "gds:travelport": messages.sourceKinds.gdsTravelport,
+        "bedbank:hotelbeds": messages.sourceKinds.bedbankHotelbeds,
+        "bedbank:expedia": messages.sourceKinds.bedbankExpedia,
+    };
+    if (known[raw])
+        return known[raw];
+    if (raw.startsWith("direct:")) {
+        return `${raw.slice("direct:".length).toUpperCase()} ${messages.sourceKinds.directSuffix}`;
+    }
+    return raw
+        .split(/[:\-_]/)
+        .filter(Boolean)
+        .map((s) => s.charAt(0).toUpperCase() + s.slice(1))
+        .join(" ");
+}
+function lookupColumn(field, header, format, messages) {
+    return {
+        id: field,
+        header,
+        cell: ({ row }) => {
+            const id = stringField(row.original, field, null);
+            if (!id)
+                return _jsx("span", { className: "text-muted-foreground", children: messages.values.empty });
+            return _jsx("span", { children: format(id) });
+        },
+    };
+}
+function priceColumn(amountField, currencyField, header, messages, unit = "minor", unitField) {
+    return {
+        id: amountField,
+        header,
+        cell: ({ row }) => {
+            const resolvedUnit = resolveHitPriceUnit(row.original, unit, unitField);
+            const formatted = formatHitPrice(row.original, amountField, currencyField, resolvedUnit);
+            return (_jsx("span", { className: "font-medium", children: formatted ?? _jsx("span", { className: "text-muted-foreground", children: messages.values.empty }) }));
+        },
+    };
+}
+function CatalogThumbnail({ hit, urlField }) {
+    const url = stringField(hit, urlField, null);
+    const name = stringField(hit, "name", "");
+    if (url) {
+        return (_jsx("img", { src: url, alt: name, className: "h-9 w-9 shrink-0 rounded-md object-cover", loading: "lazy" }));
+    }
+    return (_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", "aria-hidden": "true", children: _jsx(ImageIcon, { className: "h-4 w-4" }) }));
+}

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

@@ -0,0 +1,88 @@
+import type { ReactNode } from "react";
+import type { CatalogSearchHit } from "../index.js";
+import type { CatalogDetailEnrichment, CatalogDetailRenderSlot, CatalogDetailSheetProps } from "./catalog-detail-sheet.js";
+import type { CatalogEnrichmentFetchers } from "./catalog-enrichment-fetchers.js";
+import { type CatalogFilterSelections, type CatalogSortOption } from "./catalog-search-page.js";
+export interface CatalogPageSearchState {
+    tab?: string;
+    q?: string;
+    page?: number;
+    market?: string;
+    locale?: string;
+    view?: "grid" | "list";
+    sort?: CatalogSortOption;
+    filters?: CatalogFilterSelections;
+}
+export interface CatalogPageProps {
+    search?: CatalogPageSearchState;
+    onTabChange?: (tabId: string) => void;
+    onQueryChange?: (query: string) => void;
+    onPageChange?: (page: number) => void;
+    onViewChange?: (view: "grid" | "list") => void;
+    onSortChange?: (sort: CatalogSortOption) => void;
+    onFiltersChange?: (filters: CatalogFilterSelections) => void;
+    toolbarEnd?: ReactNode;
+    formatSupplier?: (id: string | number) => string;
+    onBookHit?: (hit: CatalogSearchHit, entityModule: string) => void;
+    onBookDeparture?: (hit: CatalogSearchHit, entityModule: string, departure: NonNullable<CatalogDetailEnrichment["departures"]>[number]) => void;
+    onBookOption?: (hit: CatalogSearchHit, entityModule: string, departure: NonNullable<CatalogDetailEnrichment["departures"]>[number], option: NonNullable<CatalogDetailEnrichment["options"]>[number]) => void;
+    onOpenProductEditor?: (hit: CatalogSearchHit) => void;
+    /**
+     * Open the full, URL-addressable detail page for a result (e.g. in a new
+     * tab) instead of the in-page detail sheet. Bound per vertical and passed
+     * the clicked hit + its vertical; return nothing. Provide it only for
+     * verticals that have a dedicated detail page — others keep the sheet.
+     */
+    onOpenProductDetail?: (hit: CatalogSearchHit, vertical: string) => void;
+    /**
+     * Explicit detail-enrichment callback. When set, takes precedence over
+     * `enrichmentFetchers` — pass this when you need full control over the
+     * request (auth headers, locale resolution, side-channel data). The
+     * default integration uses `enrichmentFetchers` for the common case.
+     */
+    onLoadProductDetail?: (hit: CatalogSearchHit, vertical?: string) => Promise<CatalogDetailEnrichment | null>;
+    /**
+     * Declarative detail-enrichment fetchers. Build with
+     * `createCatalogEnrichmentFetchers({ baseUrl, … })`. When provided
+     * (and `onLoadProductDetail` is not), the detail sheet calls
+     * `fetchers.loadProductDetail` on open. This is the recommended way
+     * to wire up the sheet — it pins the route contract with
+     * `createProductContentRoutes` so a missing server-side mount is
+     * caught immediately instead of rendering an empty sheet.
+     */
+    enrichmentFetchers?: CatalogEnrichmentFetchers;
+    detailSheetWidth?: CatalogDetailSheetProps["width"];
+    detailHeaderExtras?: CatalogDetailSheetProps["headerExtras"];
+    renderDetailBrochure?: CatalogDetailRenderSlot;
+    renderDetailMedia?: CatalogDetailRenderSlot;
+    renderDetailItineraryDay?: CatalogDetailSheetProps["renderItineraryDay"];
+    renderDetailExtraSections?: CatalogDetailRenderSlot;
+    /**
+     * Renders the supplier value in the detail sheet's Attributes tab as
+     * a clickable link to the supplier record. Templates wire this with
+     * their router's `Link` component. When omitted, the supplier shows
+     * as plain text (the resolved supplier name via `formatSupplier`).
+     */
+    renderSupplierLink?: CatalogDetailSheetProps["renderSupplierLink"];
+    /**
+     * Inline tags editor for the detail sheet. When set, the Tags row in
+     * the Overview tab becomes editable; the callback persists the next
+     * tag list (e.g. a product PATCH). Owned products only on the
+     * operator side — sourced rows pass through without an editor.
+     */
+    onTagsChange?: CatalogDetailSheetProps["onTagsChange"];
+    /**
+     * Restrict the page to one catalog vertical and hide the vertical tab
+     * switcher. Use this when routing owns the vertical selection.
+     */
+    vertical?: string;
+    title?: ReactNode;
+    className?: string;
+    /**
+     * Hide the built-in search input. Use when an embedding surface provides its
+     * own unified search box and drives `search.q`/`onQueryChange` externally.
+     */
+    hideSearchInput?: boolean;
+}
+export declare function CatalogPage({ search, onTabChange, onQueryChange, onPageChange, onViewChange, onSortChange, onFiltersChange, toolbarEnd, hideSearchInput, formatSupplier, onBookHit, onBookDeparture, onBookOption, onOpenProductEditor, onOpenProductDetail, onLoadProductDetail, enrichmentFetchers, detailSheetWidth, detailHeaderExtras, renderDetailBrochure, renderDetailMedia, renderDetailItineraryDay, renderDetailExtraSections, renderSupplierLink, onTagsChange, vertical, title, className, }: CatalogPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=catalog-page.d.ts.map

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

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

package/dist/components/catalog-page.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { useMemo } from "react";
+import { useCatalogUiMessagesOrDefault } from "../i18n/index.js";
+import { stringField } from "./catalog-hit.js";
+import { makeAccommodationCard, makeCharterCard, makeCruiseCard, makeProductCard, } from "./catalog-page-cards.js";
+import { formatSourceKind, makeAccommodationColumns, makeAccommodationFilters, makeCharterColumns, makeCharterFilters, makeCruiseColumns, makeCruiseFilters, makeExtraColumns, makeExtraFilters, makeProductColumns, makeProductFilters, } from "./catalog-page-config.js";
+import { CatalogSearchPage, } from "./catalog-search-page.js";
+export function CatalogPage({ search = {}, onTabChange, onQueryChange, onPageChange, onViewChange, onSortChange, onFiltersChange, toolbarEnd, hideSearchInput, formatSupplier = (id) => String(id), onBookHit, onBookDeparture, onBookOption, onOpenProductEditor, onOpenProductDetail, onLoadProductDetail, enrichmentFetchers, detailSheetWidth, detailHeaderExtras, renderDetailBrochure, renderDetailMedia, renderDetailItineraryDay, renderDetailExtraSections, renderSupplierLink, onTagsChange, vertical, title, className, }) {
+    const messages = useCatalogUiMessagesOrDefault().catalogPage;
+    const resolvedLoadProductDetail = useMemo(() => onLoadProductDetail ?? enrichmentFetchers?.loadProductDetail, [onLoadProductDetail, enrichmentFetchers]);
+    // Each tab binds the loader to its vertical so the detail sheet fetches
+    // from the right content route (e.g. cruises → /v1/admin/cruises). Without
+    // this, only the products tab loaded enrichment and every other vertical's
+    // sheet rendered the bare projection.
+    const detailLoaderFor = (vertical) => resolvedLoadProductDetail
+        ? (hit) => resolvedLoadProductDetail(hit, vertical)
+        : undefined;
+    // Open the dedicated detail page (e.g. new tab), bound per vertical. Only
+    // verticals with a real detail page get it; the rest fall back to the sheet.
+    const detailOpenerFor = (vertical) => onOpenProductDetail ? (hit) => onOpenProductDetail(hit, vertical) : undefined;
+    // Lazy per-cabin pricing loader, bound per vertical (cruises only today).
+    const loadDeparturePricing = enrichmentFetchers?.loadDeparturePricing;
+    const departurePricingLoaderFor = (vertical) => loadDeparturePricing
+        ? (hit, sailingRef) => loadDeparturePricing(hit, sailingRef, vertical)
+        : undefined;
+    const supplierFormatter = (value) => typeof value === "string" ? formatSupplier(value) : String(value ?? "");
+    const sourceKindFormatter = (value) => typeof value === "string" || typeof value === "number"
+        ? formatSourceKind(value, messages)
+        : String(value ?? "");
+    const tabs = [
+        {
+            id: "products",
+            label: messages.tabs.products,
+            vertical: "products",
+            columns: makeProductColumns(formatSupplier, messages),
+            filterFields: makeProductFilters(formatSupplier, messages),
+            card: makeProductCard(formatSupplier, messages),
+            sorts: ["price-asc", "price-desc", "departure-asc", "newest"],
+            detailFormatters: {
+                supplierId: supplierFormatter,
+                "source.kind": sourceKindFormatter,
+            },
+            detailActions: [
+                ...(onBookHit
+                    ? [
+                        {
+                            label: messages.actions.bookThis,
+                            onClick: (hit) => onBookHit(hit, "products"),
+                        },
+                    ]
+                    : []),
+                ...(onOpenProductEditor
+                    ? [
+                        {
+                            label: messages.actions.openEditor,
+                            onClick: onOpenProductEditor,
+                            visible: (hit) => {
+                                const kind = stringField(hit, "source.kind", null);
+                                // Owned products are the only ones that have an editor —
+                                // sourced rows are read-only mirrors of the upstream.
+                                return kind === "owned" || kind == null;
+                            },
+                        },
+                    ]
+                    : []),
+            ],
+            onLoadDetail: detailLoaderFor("products"),
+            onBookDeparture: onBookDeparture
+                ? (hit, departure) => onBookDeparture(hit, "products", departure)
+                : undefined,
+            onBookOption: onBookOption
+                ? (hit, departure, option) => onBookOption(hit, "products", departure, option)
+                : undefined,
+        },
+        {
+            id: "extras",
+            label: messages.tabs.extras,
+            vertical: "extras",
+            columns: makeExtraColumns(formatSupplier, messages),
+            filterFields: makeExtraFilters(formatSupplier, messages),
+            detailFormatters: {
+                supplierId: supplierFormatter,
+                "source.kind": sourceKindFormatter,
+            },
+            onLoadDetail: detailLoaderFor("extras"),
+        },
+        {
+            id: "cruises",
+            label: messages.tabs.cruises,
+            vertical: "cruises",
+            columns: makeCruiseColumns(formatSupplier, messages),
+            filterFields: makeCruiseFilters(formatSupplier, messages),
+            imageField: "thumbnailUrl",
+            card: makeCruiseCard(formatSupplier, messages),
+            detailFormatters: {
+                lineSupplierId: supplierFormatter,
+                "source.kind": sourceKindFormatter,
+            },
+            onLoadDetail: detailLoaderFor("cruises"),
+            onLoadDeparturePricing: departurePricingLoaderFor("cruises"),
+        },
+        {
+            id: "charters",
+            label: messages.tabs.charters,
+            vertical: "charters",
+            columns: makeCharterColumns(formatSupplier, messages),
+            filterFields: makeCharterFilters(formatSupplier, messages),
+            imageField: "heroImageUrl",
+            card: makeCharterCard(formatSupplier),
+            sorts: ["price-asc", "price-desc", "newest"],
+            detailFormatters: {
+                lineSupplierId: supplierFormatter,
+                "source.kind": sourceKindFormatter,
+            },
+            onLoadDetail: detailLoaderFor("charters"),
+        },
+        {
+            id: "accommodations",
+            label: messages.tabs.accommodations,
+            vertical: "accommodations",
+            columns: makeAccommodationColumns(formatSupplier, messages),
+            filterFields: makeAccommodationFilters(formatSupplier, messages),
+            card: makeAccommodationCard(formatSupplier),
+            detailFormatters: {
+                supplierId: supplierFormatter,
+                "source.kind": sourceKindFormatter,
+            },
+            onLoadDetail: detailLoaderFor("accommodations"),
+        },
+    ];
+    // Bind the new-tab detail opener per vertical on every tab — when the host
+    // provides `onOpenProductDetail`, results open the dedicated detail page
+    // (new tab) instead of the in-page sheet, for whichever vertical is shown.
+    const tabsWithDetail = tabs.map((tab) => ({
+        ...tab,
+        onOpenDetail: detailOpenerFor(tab.vertical),
+    }));
+    const visibleTabs = vertical
+        ? tabsWithDetail.filter((tab) => tab.id === vertical || tab.vertical === vertical)
+        : tabsWithDetail;
+    const activeTab = vertical ? visibleTabs[0]?.id : (search.tab ?? tabs[0]?.id);
+    return (_jsx("div", { className: cn("mx-auto w-full max-w-screen-2xl px-6 py-6 lg:px-8", className), children: _jsx(CatalogSearchPage, { tabs: visibleTabs, activeTab: activeTab, onActiveTabChange: (id) => {
+                if (!vertical)
+                    onTabChange?.(id);
+            }, showTabs: !vertical, hideSearchInput: hideSearchInput, query: search.q ?? "", onQueryChange: (q) => onQueryChange?.(q), page: search.page ?? 1, onPageChange: (p) => onPageChange?.(p), view: search.view, onViewChange: onViewChange, sort: search.sort, onSortChange: onSortChange, filters: search.filters, onFiltersChange: onFiltersChange, market: search.market, locale: search.locale, toolbarEnd: toolbarEnd, detailSheetWidth: detailSheetWidth, detailHeaderExtras: detailHeaderExtras, renderDetailBrochure: renderDetailBrochure, renderDetailMedia: renderDetailMedia, renderDetailItineraryDay: renderDetailItineraryDay, renderDetailExtraSections: renderDetailExtraSections, renderSupplierLink: renderSupplierLink, onTagsChange: onTagsChange, title: title ?? (_jsxs("div", { children: [_jsx("h1", { className: "font-semibold text-2xl", children: messages.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: messages.description })] })), searchPlaceholder: messages.searchPlaceholder }) }));
+}

package/dist/components/catalog-range-filter.d.ts

@@ -0,0 +1,34 @@
+export interface CatalogRangeFilterValue {
+    gte?: number;
+    lte?: number;
+}
+export interface CatalogRangeFilterProps {
+    /** Field name (matches the indexer document field). */
+    field: string;
+    /** Display label for the trigger. */
+    label: string;
+    /** Current selection. `undefined` means no filter. */
+    value: CatalogRangeFilterValue | undefined;
+    /** Apply a new range. */
+    onChange: (next: CatalogRangeFilterValue | undefined) => void;
+    /** Number-input step (default 1). */
+    step?: number;
+    /** Optional placeholder min/max — purely visual. */
+    minPlaceholder?: string;
+    maxPlaceholder?: string;
+    /**
+     * Format the active selection in the trigger badge. When the field
+     * stores money in cents, use `format="currency"` + `currency` so the
+     * trigger displays e.g. "€100 – €500".
+     */
+    format?: "number" | "currency";
+    /** ISO 4217 currency code when `format === "currency"`. */
+    currency?: string;
+}
+/**
+ * Numeric-range filter — popover trigger styled like the faceted filter
+ * for visual consistency. When active, the trigger shows the range as a
+ * compact badge ("≥ €100", "≤ €500", or "€100 – €500").
+ */
+export declare function CatalogRangeFilter({ label, value, onChange, step, minPlaceholder, maxPlaceholder, format, currency, }: CatalogRangeFilterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=catalog-range-filter.d.ts.map

package/dist/components/catalog-range-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-range-filter.d.ts","sourceRoot":"","sources":["../../src/components/catalog-range-filter.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,KAAK,EAAE,uBAAuB,GAAG,SAAS,CAAA;IAC1C,yBAAyB;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,uBAAuB,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7D,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC9B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAQ,EACR,cAAc,EACd,cAAc,EACd,MAAiB,EACjB,QAAQ,GACT,EAAE,uBAAuB,2CAwFzB"}