@voyant-travel/inventory-react 0.1.0

package/dist/components/product-detail/product-options-pricing-panel.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@voyant-travel/ui/components";
+import { ChevronDown, ChevronRight, MoreHorizontal, Pencil, Plus, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { useOptionPriceRuleMutation } from "./commerce-client.js";
+import { useProductDetailApi, useProductDetailMessages } from "./host.js";
+import { OptionPriceRuleDialog } from "./product-option-price-rule-dialog.js";
+import { OptionPricingGrid } from "./product-option-pricing-grid.js";
+import { ExtraPriceRulesPanel } from "./product-options-extra-price-rules.js";
+import { formatProductMoney } from "./product-options-pricing-helpers.js";
+import { getOptionPriceRulesQueryOptions, } from "./product-options-shared.js";
+import { UnitPriceMatrix } from "./product-options-unit-price-matrix.js";
+function getRulePricingModeLabel(value, messages) {
+    switch (value) {
+        case "per_person":
+            return messages.pricingModePerPerson;
+        case "per_booking":
+            return messages.pricingModePerBooking;
+        case "starting_from":
+            return messages.pricingModeStartingFrom;
+        case "free":
+            return messages.pricingModeFree;
+        case "on_request":
+            return messages.pricingModeOnRequest;
+        default:
+            return value;
+    }
+}
+function ActionMenu({ children }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 text-muted-foreground", children: _jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: children })] }));
+}
+/**
+ * Per-option pricing surface. The everyday view is the merged rooms/seats
+ * grid; the full rate-plan machinery (multiple plans, catalogs, cost prices,
+ * cancellation) plus any injected per-departure inventory live behind an
+ * Advanced disclosure so low-tech agents never have to see them.
+ */
+export function PricingPanel({ productId, optionId, optionName, productCurrency, layout, extras, }) {
+    const messages = useProductDetailMessages();
+    const gridMessages = messages.products.operations.pricingGrid;
+    const [advancedOpen, setAdvancedOpen] = useState(false);
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(OptionPricingGrid, { productId: productId, optionId: optionId, optionName: optionName, productCurrency: productCurrency, layout: layout }), _jsxs("div", { className: "rounded-md border bg-background/60", children: [_jsxs("button", { type: "button", onClick: () => setAdvancedOpen((open) => !open), className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs font-medium text-muted-foreground transition-colors hover:text-foreground", children: [advancedOpen ? (_jsx(ChevronDown, { className: "h-3.5 w-3.5" })) : (_jsx(ChevronRight, { className: "h-3.5 w-3.5" })), _jsx("span", { children: gridMessages.advancedToggle }), !advancedOpen ? (_jsxs("span", { className: "font-normal normal-case", children: ["\u2014 ", gridMessages.advancedHint] })) : null] }), advancedOpen ? (_jsx("div", { className: "flex flex-col gap-4 border-t p-3", children: _jsx(AdvancedRatePlans, { productId: productId, optionId: optionId, productCurrency: productCurrency }) })) : null] }), extras] }));
+}
+function AdvancedRatePlans({ productId, optionId, productCurrency, }) {
+    const messages = useProductDetailMessages();
+    const api = useProductDetailApi();
+    const priceRuleMessages = messages.products.operations.priceRules;
+    const [ruleDialogOpen, setRuleDialogOpen] = useState(false);
+    const [editingRule, setEditingRule] = useState();
+    const { data, refetch } = useQuery(getOptionPriceRulesQueryOptions(api, optionId));
+    const { remove: removeRule } = useOptionPriceRuleMutation();
+    const deleteMutation = useMutation({
+        mutationFn: (id) => removeRule.mutateAsync(id),
+        onSuccess: () => void refetch(),
+    });
+    const rules = data?.data ?? [];
+    // The default rate plan IS the everyday grid above — don't re-render its
+    // identical matrix here. Advanced only manages the *extra* plans (net,
+    // contract, promo) plus the default plan's hidden settings (cost,
+    // cancellation, catalog) via "Edit default pricing".
+    const defaultRule = rules.find((rule) => rule.isDefault) ?? rules[0];
+    const additionalRules = rules.filter((rule) => rule.id !== defaultRule?.id);
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-2 flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: priceRuleMessages.additionalSectionTitle }), _jsx("p", { className: "text-xs text-muted-foreground", children: priceRuleMessages.additionalSectionDescription })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [defaultRule ? (_jsx(Button, { variant: "outline", size: "sm", onClick: () => {
+                                    setEditingRule(defaultRule);
+                                    setRuleDialogOpen(true);
+                                }, children: priceRuleMessages.editDefaultAction })) : null, _jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
+                                    setEditingRule(undefined);
+                                    setRuleDialogOpen(true);
+                                }, children: [_jsx(Plus, { className: "mr-1 h-3 w-3" }), priceRuleMessages.addAction] })] })] }), additionalRules.length === 0 ? (_jsx("p", { className: "py-2 text-center text-xs text-muted-foreground", children: priceRuleMessages.additionalEmpty })) : (_jsx("div", { className: "flex flex-col gap-3", children: additionalRules.map((rule) => (_jsx(PriceRuleCard, { rule: rule, productId: productId, optionId: optionId, productCurrency: productCurrency, onEdit: () => {
+                        setEditingRule(rule);
+                        setRuleDialogOpen(true);
+                    }, onDelete: () => {
+                        if (confirm(formatMessage(priceRuleMessages.deleteRuleConfirm, { name: rule.name }))) {
+                            deleteMutation.mutate(rule.id);
+                        }
+                    } }, rule.id))) })), _jsx(OptionPriceRuleDialog, { open: ruleDialogOpen, onOpenChange: setRuleDialogOpen, productId: productId, optionId: optionId, rule: editingRule, onSuccess: () => {
+                    setRuleDialogOpen(false);
+                    setEditingRule(undefined);
+                    void refetch();
+                } })] }));
+}
+function PriceRuleCard({ rule, productId, optionId, productCurrency, onEdit, onDelete, }) {
+    const messages = useProductDetailMessages();
+    const priceRuleMessages = messages.products.operations.priceRules;
+    return (_jsxs("div", { className: "rounded-lg border bg-background p-4", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: rule.name }), _jsx(Badge, { variant: "outline", className: "text-xs capitalize", children: getRulePricingModeLabel(rule.pricingMode, priceRuleMessages) }), rule.isDefault && _jsx(Badge, { variant: "secondary", children: priceRuleMessages.defaultBadge }), _jsx(Badge, { variant: rule.active ? "default" : "outline", children: rule.active ? priceRuleMessages.activeBadge : priceRuleMessages.inactiveBadge })] }), _jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [_jsxs("span", { children: [priceRuleMessages.baseSellLabel, ":", " ", _jsx("span", { className: "font-mono text-foreground", children: formatProductMoney(rule.baseSellAmountCents, productCurrency) })] }), _jsxs("span", { children: [priceRuleMessages.baseCostLabel, ":", " ", _jsx("span", { className: "font-mono text-foreground", children: formatProductMoney(rule.baseCostAmountCents, productCurrency) })] }), rule.allPricingCategories && _jsx("span", { children: priceRuleMessages.allCategoriesLabel })] })] }), _jsxs(ActionMenu, { children: [_jsxs(DropdownMenuItem, { onClick: onEdit, children: [_jsx(Pencil, { className: "h-4 w-4" }), priceRuleMessages.editAction] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: onDelete, children: [_jsx(Trash2, { className: "h-4 w-4" }), priceRuleMessages.deleteAction] })] })] }), _jsxs("div", { className: "mt-3", children: [_jsx(UnitPriceMatrix, { productId: productId, optionPriceRuleId: rule.id, optionId: optionId, pricingMode: rule.pricingMode, allPricingCategories: rule.allPricingCategories, productCurrency: productCurrency }), _jsx(ExtraPriceRulesPanel, { productId: productId, optionId: optionId, optionPriceRuleId: rule.id, productCurrency: productCurrency })] })] }));
+}

package/dist/components/product-detail/product-options-pricing.d.ts

@@ -0,0 +1,5 @@
+export { ExtraPriceRulesPanel } from "./product-options-extra-price-rules.js";
+export { categoryAppliesToUnit, formatProductMoney, getCategoryCondition, getUnitTypeLabel, isTravelerCategory, } from "./product-options-pricing-helpers.js";
+export { PricingPanel } from "./product-options-pricing-panel.js";
+export { TravelerCategoryDialog } from "./product-options-traveler-category-dialog.js";
+//# sourceMappingURL=product-options-pricing.d.ts.map

package/dist/components/product-detail/product-options-pricing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-options-pricing.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-options-pricing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAA;AAC7E,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA"}

package/dist/components/product-detail/product-options-pricing.js

@@ -0,0 +1,4 @@
+export { ExtraPriceRulesPanel } from "./product-options-extra-price-rules.js";
+export { categoryAppliesToUnit, formatProductMoney, getCategoryCondition, getUnitTypeLabel, isTravelerCategory, } from "./product-options-pricing-helpers.js";
+export { PricingPanel } from "./product-options-pricing-panel.js";
+export { TravelerCategoryDialog } from "./product-options-traveler-category-dialog.js";

package/dist/components/product-detail/product-options-shared.d.ts

@@ -0,0 +1,236 @@
+import { type VoyantProductsContextValue } from "../../index.js";
+import type { ProductDetailApi } from "./host.js";
+/**
+ * The same configured `{ baseUrl, fetcher }` client (from `useVoyantProductsContext()`)
+ * drives both the products and pricing query-options — they hit the same API and
+ * auth. Callers pass it in so this module stays free of app-specific fetchers.
+ */
+export type OptionsClient = VoyantProductsContextValue;
+export declare const optionStatusVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+/**
+ * Which pricing layout an option shows. "rooms" = a room×traveler-type grid
+ * (accommodation / multi-day). "seats" = a flat traveler-type price list
+ * (single-day excursions, transfers). Derived from the product's bookingMode
+ * so the agent never picks a pricing model directly.
+ */
+export type OptionPricingLayout = "rooms" | "seats";
+/**
+ * Derive the pricing layout from the product's booking mode. Multi-day /
+ * overnight modes imply rooms; single-day activity modes imply per-person
+ * seats. `dayCount` is a fallback for the ambiguous `other` mode (>1 day →
+ * rooms), matching the operator rule "more than one day means rooms".
+ */
+export declare function deriveOptionPricingLayout(bookingMode: string | null | undefined, dayCount?: number): OptionPricingLayout;
+export declare function getProductOptionsQueryOptions(client: OptionsClient, productId: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        productId: string;
+        name: string;
+        code: string | null;
+        description: string | null;
+        status: "draft" | "active" | "archived";
+        isDefault: boolean;
+        sortOrder: number;
+        availableFrom: string | null;
+        availableTo: string | null;
+        createdAt: string;
+        updatedAt: string;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error, {
+    data: {
+        id: string;
+        productId: string;
+        name: string;
+        code: string | null;
+        description: string | null;
+        status: "draft" | "active" | "archived";
+        isDefault: boolean;
+        sortOrder: number;
+        availableFrom: string | null;
+        availableTo: string | null;
+        createdAt: string;
+        updatedAt: string;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, readonly ["voyant", "products", "product-options", "list", import("../../query-keys.js").ProductOptionsListFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            productId: string;
+            name: string;
+            code: string | null;
+            description: string | null;
+            status: "draft" | "active" | "archived";
+            isDefault: boolean;
+            sortOrder: number;
+            availableFrom: string | null;
+            availableTo: string | null;
+            createdAt: string;
+            updatedAt: string;
+        }[];
+        total: number;
+        limit: number;
+        offset: number;
+    }, readonly ["voyant", "products", "product-options", "list", import("../../query-keys.js").ProductOptionsListFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "products", "product-options", "list", import("../../query-keys.js").ProductOptionsListFilters] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                productId: string;
+                name: string;
+                code: string | null;
+                description: string | null;
+                status: "draft" | "active" | "archived";
+                isDefault: boolean;
+                sortOrder: number;
+                availableFrom: string | null;
+                availableTo: string | null;
+                createdAt: string;
+                updatedAt: string;
+            }[];
+            total: number;
+            limit: number;
+            offset: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getOptionUnitsQueryOptions(client: OptionsClient, optionId: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        optionId: string;
+        name: string;
+        code: string | null;
+        description: string | null;
+        unitType: "person" | "group" | "room" | "vehicle" | "service" | "other";
+        minQuantity: number | null;
+        maxQuantity: number | null;
+        minAge: number | null;
+        maxAge: number | null;
+        occupancyMin: number | null;
+        occupancyMax: number | null;
+        isRequired: boolean;
+        isHidden: boolean;
+        sortOrder: number;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error, {
+    data: {
+        id: string;
+        optionId: string;
+        name: string;
+        code: string | null;
+        description: string | null;
+        unitType: "person" | "group" | "room" | "vehicle" | "service" | "other";
+        minQuantity: number | null;
+        maxQuantity: number | null;
+        minAge: number | null;
+        maxAge: number | null;
+        occupancyMin: number | null;
+        occupancyMax: number | null;
+        isRequired: boolean;
+        isHidden: boolean;
+        sortOrder: number;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, readonly ["voyant", "products", "option-units", "list", import("../../query-keys.js").OptionUnitsListFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            optionId: string;
+            name: string;
+            code: string | null;
+            description: string | null;
+            unitType: "person" | "group" | "room" | "vehicle" | "service" | "other";
+            minQuantity: number | null;
+            maxQuantity: number | null;
+            minAge: number | null;
+            maxAge: number | null;
+            occupancyMin: number | null;
+            occupancyMax: number | null;
+            isRequired: boolean;
+            isHidden: boolean;
+            sortOrder: number;
+        }[];
+        total: number;
+        limit: number;
+        offset: number;
+    }, readonly ["voyant", "products", "option-units", "list", import("../../query-keys.js").OptionUnitsListFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "products", "option-units", "list", import("../../query-keys.js").OptionUnitsListFilters] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                optionId: string;
+                name: string;
+                code: string | null;
+                description: string | null;
+                unitType: "person" | "group" | "room" | "vehicle" | "service" | "other";
+                minQuantity: number | null;
+                maxQuantity: number | null;
+                minAge: number | null;
+                maxAge: number | null;
+                occupancyMin: number | null;
+                occupancyMax: number | null;
+                isRequired: boolean;
+                isHidden: boolean;
+                sortOrder: number;
+            }[];
+            total: number;
+            limit: number;
+            offset: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getOptionPriceRulesQueryOptions(client: ProductDetailApi, optionId: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").OptionPriceRuleRecord>, Error, import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").OptionPriceRuleRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "option-price-rules", Record<string, string | number | boolean | null | undefined>]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").OptionPriceRuleRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "option-price-rules", Record<string, string | number | boolean | null | undefined>], never> | undefined;
+} & {
+    queryKey: readonly ["inventory-product-detail", "commerce", "pricing", "option-price-rules", Record<string, string | number | boolean | null | undefined>] & {
+        [dataTagSymbol]: import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").OptionPriceRuleRecord>;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getPricingCategoriesQueryOptions(client: ProductDetailApi): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").PricingCategoryRecord>, Error, import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").PricingCategoryRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "pricing-categories", Record<string, string | number | boolean | null | undefined>]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").PricingCategoryRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "pricing-categories", Record<string, string | number | boolean | null | undefined>], never> | undefined;
+} & {
+    queryKey: readonly ["inventory-product-detail", "commerce", "pricing", "pricing-categories", Record<string, string | number | boolean | null | undefined>] & {
+        [dataTagSymbol]: import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").PricingCategoryRecord>;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getOptionUnitPriceRulesQueryOptions(client: ProductDetailApi, optionPriceRuleId: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").OptionUnitPriceRuleRecord>, Error, import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").OptionUnitPriceRuleRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "option-unit-price-rules", Record<string, string | number | boolean | null | undefined>]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").OptionUnitPriceRuleRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "option-unit-price-rules", Record<string, string | number | boolean | null | undefined>], never> | undefined;
+} & {
+    queryKey: readonly ["inventory-product-detail", "commerce", "pricing", "option-unit-price-rules", Record<string, string | number | boolean | null | undefined>] & {
+        [dataTagSymbol]: import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").OptionUnitPriceRuleRecord>;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getPriceCatalogsQueryOptions(client: ProductDetailApi): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").PriceCatalogRecord>, Error, import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").PriceCatalogRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "price-catalogs", Record<string, string | number | boolean | null | undefined>]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").PriceCatalogRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "price-catalogs", Record<string, string | number | boolean | null | undefined>], never> | undefined;
+} & {
+    queryKey: readonly ["inventory-product-detail", "commerce", "pricing", "price-catalogs", Record<string, string | number | boolean | null | undefined>] & {
+        [dataTagSymbol]: import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").PriceCatalogRecord>;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getDeparturePriceOverridesQueryOptions(client: ProductDetailApi, departureId: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").DeparturePriceOverrideRecord>, Error, import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").DeparturePriceOverrideRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "departure-price-overrides", Record<string, string | number | boolean | null | undefined>]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").DeparturePriceOverrideRecord>, readonly ["inventory-product-detail", "commerce", "pricing", "departure-price-overrides", Record<string, string | number | boolean | null | undefined>], never> | undefined;
+} & {
+    queryKey: readonly ["inventory-product-detail", "commerce", "pricing", "departure-price-overrides", Record<string, string | number | boolean | null | undefined>] & {
+        [dataTagSymbol]: import("./commerce-client.js").PaginatedEnvelope<import("./commerce-client.js").DeparturePriceOverrideRecord>;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+//# sourceMappingURL=product-options-shared.d.ts.map

package/dist/components/product-detail/product-options-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-options-shared.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-options-shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,0BAA0B,EAChC,MAAM,gBAAgB,CAAA;AAQvB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAEjD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,0BAA0B,CAAA;AAEtD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,MAAM,EACN,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAKpD,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,OAAO,CAAA;AAEnD;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,CAAC,EAAE,MAAM,GAChB,mBAAmB,CAarB;AAED,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAErF;AAED,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEjF;AAED,wBAAgB,+BAA+B,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM;;;;;;;EAKzF;AAED,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,gBAAgB;;;;;;;EAExE;AAED,wBAAgB,mCAAmC,CACjD,MAAM,EAAE,gBAAgB,EACxB,iBAAiB,EAAE,MAAM;;;;;;;EAM1B;AAED,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,gBAAgB;;;;;;;EAEpE;AAED,wBAAgB,sCAAsC,CACpD,MAAM,EAAE,gBAAgB,EACxB,WAAW,EAAE,MAAM;;;;;;;EAMpB"}

package/dist/components/product-detail/product-options-shared.js

@@ -0,0 +1,57 @@
+import { getOptionUnitsQueryOptions as getSharedOptionUnitsQueryOptions, getProductOptionsQueryOptions as getSharedProductOptionsQueryOptions, } from "../../index.js";
+import { getDeparturePriceOverridesQueryOptions as getSharedDeparturePriceOverridesQueryOptions, getOptionPriceRulesQueryOptions as getSharedOptionPriceRulesQueryOptions, getOptionUnitPriceRulesQueryOptions as getSharedOptionUnitPriceRulesQueryOptions, getPriceCatalogsQueryOptions as getSharedPriceCatalogsQueryOptions, getPricingCategoriesQueryOptions as getSharedPricingCategoriesQueryOptions, } from "./commerce-client.js";
+export const optionStatusVariant = {
+    draft: "outline",
+    active: "default",
+    archived: "secondary",
+};
+/**
+ * Derive the pricing layout from the product's booking mode. Multi-day /
+ * overnight modes imply rooms; single-day activity modes imply per-person
+ * seats. `dayCount` is a fallback for the ambiguous `other` mode (>1 day →
+ * rooms), matching the operator rule "more than one day means rooms".
+ */
+export function deriveOptionPricingLayout(bookingMode, dayCount) {
+    switch (bookingMode) {
+        case "stay":
+        case "itinerary":
+            return "rooms";
+        case "date":
+        case "date_time":
+        case "open":
+        case "transfer":
+            return "seats";
+        default:
+            return dayCount != null && dayCount > 1 ? "rooms" : "seats";
+    }
+}
+export function getProductOptionsQueryOptions(client, productId) {
+    return getSharedProductOptionsQueryOptions(client, { productId, limit: 100 });
+}
+export function getOptionUnitsQueryOptions(client, optionId) {
+    return getSharedOptionUnitsQueryOptions(client, { optionId, limit: 100 });
+}
+export function getOptionPriceRulesQueryOptions(client, optionId) {
+    return getSharedOptionPriceRulesQueryOptions(client, {
+        optionId,
+        limit: 100,
+    });
+}
+export function getPricingCategoriesQueryOptions(client) {
+    return getSharedPricingCategoriesQueryOptions(client, { limit: 100 });
+}
+export function getOptionUnitPriceRulesQueryOptions(client, optionPriceRuleId) {
+    return getSharedOptionUnitPriceRulesQueryOptions(client, {
+        optionPriceRuleId,
+        limit: 100,
+    });
+}
+export function getPriceCatalogsQueryOptions(client) {
+    return getSharedPriceCatalogsQueryOptions(client, { limit: 100 });
+}
+export function getDeparturePriceOverridesQueryOptions(client, departureId) {
+    return getSharedDeparturePriceOverridesQueryOptions(client, {
+        departureId,
+        limit: 100,
+    });
+}

package/dist/components/product-detail/product-options-traveler-category-dialog.d.ts

@@ -0,0 +1,12 @@
+import { type PricingCategoryRecord } from "./commerce-client.js";
+import type { OptionUnitData } from "./product-unit-dialog.js";
+export declare function TravelerCategoryDialog({ open, onOpenChange, productId, units, nextSortOrder, category, onSuccess, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    productId: string;
+    units: OptionUnitData[];
+    nextSortOrder: number;
+    category?: PricingCategoryRecord;
+    onSuccess: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-options-traveler-category-dialog.d.ts.map

package/dist/components/product-detail/product-options-traveler-category-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-options-traveler-category-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-options-traveler-category-dialog.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,qBAAqB,EAA8B,MAAM,sBAAsB,CAAA;AAE7F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAiD9D,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,aAAa,EACb,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,2CAiOA"}

package/dist/components/product-detail/product-options-traveler-category-dialog.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { Checkbox } from "@voyant-travel/ui/components/checkbox";
+import { useEffect, useState } from "react";
+import { usePricingCategoryMutation } from "./commerce-client.js";
+import { useProductDetailMessages } from "./host.js";
+function initialTravelerCategoryState() {
+    return {
+        name: "",
+        code: "",
+        categoryType: "child",
+        minAge: "",
+        maxAge: "",
+        condition: "",
+        allowedUnitIds: [],
+    };
+}
+function stateFromCategory(category) {
+    const metadata = category.metadata ?? {};
+    const allowedUnitIds = Array.isArray(metadata.allowedUnitIds)
+        ? metadata.allowedUnitIds.filter((id) => typeof id === "string")
+        : [];
+    return {
+        name: category.name,
+        code: category.code ?? "",
+        categoryType: category.categoryType,
+        minAge: category.minAge != null ? String(category.minAge) : "",
+        maxAge: category.maxAge != null ? String(category.maxAge) : "",
+        condition: typeof metadata.condition === "string" ? metadata.condition : "",
+        allowedUnitIds,
+    };
+}
+function parseOptionalInteger(value) {
+    const trimmed = value.trim();
+    if (!trimmed)
+        return null;
+    const parsed = Number(trimmed);
+    return Number.isFinite(parsed) ? Math.trunc(parsed) : null;
+}
+export function TravelerCategoryDialog({ open, onOpenChange, productId, units, nextSortOrder, category, onSuccess, }) {
+    const messages = useProductDetailMessages();
+    const priceRuleMessages = messages.products.operations.priceRules;
+    const pricingCategoryMessages = messages.pricing.categories;
+    const { create, update } = usePricingCategoryMutation();
+    const isEditing = !!category;
+    const [state, setState] = useState(() => initialTravelerCategoryState());
+    const [error, setError] = useState(null);
+    const travelerCategoryTypes = [
+        { value: "adult", label: pricingCategoryMessages.typeAdult },
+        { value: "child", label: pricingCategoryMessages.typeChild },
+        { value: "infant", label: pricingCategoryMessages.typeInfant },
+        { value: "senior", label: pricingCategoryMessages.typeSenior },
+        { value: "group", label: pricingCategoryMessages.typeGroup },
+        { value: "other", label: pricingCategoryMessages.typeOther },
+    ];
+    useEffect(() => {
+        if (open) {
+            setState(category ? stateFromCategory(category) : initialTravelerCategoryState());
+            setError(null);
+        }
+    }, [open, category]);
+    const toggleUnit = (unitId, checked) => {
+        setState((prev) => ({
+            ...prev,
+            allowedUnitIds: checked
+                ? [...prev.allowedUnitIds, unitId]
+                : prev.allowedUnitIds.filter((id) => id !== unitId),
+        }));
+    };
+    const save = async () => {
+        const name = state.name.trim();
+        if (!name) {
+            setError(priceRuleMessages.travelerCategoryNameRequired);
+            return;
+        }
+        const selectedUnits = units.filter((unit) => state.allowedUnitIds.includes(unit.id));
+        const minAge = parseOptionalInteger(state.minAge);
+        const maxAge = parseOptionalInteger(state.maxAge);
+        const condition = state.condition.trim();
+        const metadata = {};
+        if (condition)
+            metadata.condition = condition;
+        if (selectedUnits.length > 0) {
+            metadata.allowedUnitIds = selectedUnits.map((unit) => unit.id);
+            metadata.allowedUnitCodes = selectedUnits.map((unit) => unit.code).filter(Boolean);
+            metadata.allowedUnitNames = selectedUnits.map((unit) => unit.name);
+        }
+        const payload = {
+            // On edit, preserve the category's existing scope — re-stamping a shared
+            // (global) category with this product's id would silently steal it from
+            // every other product that relies on it. Only a freshly created category
+            // is scoped to the current product.
+            productId: category ? (category.productId ?? null) : productId,
+            optionId: category ? (category.optionId ?? null) : null,
+            unitId: null,
+            name,
+            code: state.code.trim() || null,
+            categoryType: state.categoryType,
+            seatOccupancy: 1,
+            isAgeQualified: minAge != null || maxAge != null,
+            minAge,
+            maxAge,
+            internalUseOnly: false,
+            active: true,
+            sortOrder: category?.sortOrder ?? nextSortOrder,
+            metadata: Object.keys(metadata).length > 0 ? metadata : null,
+        };
+        try {
+            if (category) {
+                await update.mutateAsync({ id: category.id, input: payload });
+            }
+            else {
+                await create.mutateAsync(payload);
+            }
+            onSuccess();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : priceRuleMessages.travelerCategorySaveFailed);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEditing
+                                ? priceRuleMessages.travelerCategoryEditTitle
+                                : priceRuleMessages.travelerCategoryDialogTitle }), _jsx(DialogDescription, { children: priceRuleMessages.travelerCategoryDialogDescription })] }), _jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "traveler-category-name", children: pricingCategoryMessages.nameLabel }), _jsx(Input, { id: "traveler-category-name", autoFocus: true, value: state.name, placeholder: priceRuleMessages.travelerCategoryNamePlaceholder, onChange: (event) => setState((prev) => ({ ...prev, name: event.target.value })) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "traveler-category-code", children: pricingCategoryMessages.codeLabel }), _jsx(Input, { id: "traveler-category-code", value: state.code, placeholder: priceRuleMessages.travelerCategoryCodePlaceholder, onChange: (event) => setState((prev) => ({ ...prev, code: event.target.value })) })] })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: pricingCategoryMessages.typeLabel }), _jsxs(Select, { value: state.categoryType, onValueChange: (value) => setState((prev) => ({
+                                                ...prev,
+                                                categoryType: (value ?? "child"),
+                                            })), items: travelerCategoryTypes, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: travelerCategoryTypes.map((type) => (_jsx(SelectItem, { value: type.value, children: type.label }, type.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "traveler-category-min-age", children: pricingCategoryMessages.minAgeLabel }), _jsx(Input, { id: "traveler-category-min-age", type: "number", min: "0", value: state.minAge, onChange: (event) => setState((prev) => ({ ...prev, minAge: event.target.value })) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "traveler-category-max-age", children: pricingCategoryMessages.maxAgeLabel }), _jsx(Input, { id: "traveler-category-max-age", type: "number", min: "0", value: state.maxAge, onChange: (event) => setState((prev) => ({ ...prev, maxAge: event.target.value })) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: priceRuleMessages.travelerCategoryAppliesToLabel }), _jsx("div", { className: "grid gap-2 rounded border p-3 sm:grid-cols-3", children: units.map((unit) => {
+                                        const checkboxId = `traveler-category-unit-${unit.id}`;
+                                        return (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: checkboxId, checked: state.allowedUnitIds.includes(unit.id), onCheckedChange: (checked) => toggleUnit(unit.id, checked === true) }), _jsx(Label, { htmlFor: checkboxId, className: "font-normal", children: unit.name })] }, unit.id));
+                                    }) }), _jsx("p", { className: "text-muted-foreground text-xs", children: priceRuleMessages.travelerCategoryAppliesToHint })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "traveler-category-condition", children: priceRuleMessages.travelerCategoryConditionLabel }), _jsx(Textarea, { id: "traveler-category-condition", value: state.condition, placeholder: priceRuleMessages.travelerCategoryConditionPlaceholder, onChange: (event) => setState((prev) => ({ ...prev, condition: event.target.value })) })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null] }), _jsxs(DialogFooter, { className: "-mx-6 -mb-6", children: [_jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: pricingCategoryMessages.cancel }), _jsx(Button, { onClick: () => void save(), disabled: create.isPending || update.isPending, children: isEditing
+                                ? priceRuleMessages.updateTravelerCategory
+                                : priceRuleMessages.createTravelerCategory })] })] }) }));
+}

package/dist/components/product-detail/product-options-unit-price-matrix.d.ts

@@ -0,0 +1,10 @@
+import type { OptionPriceRuleData } from "./product-option-price-rule-dialog.js";
+export declare function UnitPriceMatrix({ productId, optionPriceRuleId, optionId, pricingMode, allPricingCategories, productCurrency, }: {
+    productId: string;
+    optionPriceRuleId: string;
+    optionId: string;
+    pricingMode: OptionPriceRuleData["pricingMode"];
+    allPricingCategories: boolean;
+    productCurrency: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-options-unit-price-matrix.d.ts.map

package/dist/components/product-detail/product-options-unit-price-matrix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-options-unit-price-matrix.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-options-unit-price-matrix.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAiBhF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,eAAe,GAChB,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC/C,oBAAoB,EAAE,OAAO,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;CACxB,2CA0NA"}