@voyant-travel/inventory-react 0.1.0

package/dist/components/product-detail/product-unit-form.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyant-travel/ui/components";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useOptionUnitMutation } from "../../index.js";
+import { useProductDetailMessages } from "./host.js";
+import { zodResolver } from "./zod-resolver.js";
+// "Min/Max quantity" is meaningless to an agent — phrase it in terms of the
+// thing being counted (rooms / vehicles / travelers) for the selected type.
+function quantityLabels(unitType, m) {
+    switch (unitType) {
+        case "room":
+            return { min: m.quantityRoomMin, max: m.quantityRoomMax };
+        case "vehicle":
+            return { min: m.quantityVehicleMin, max: m.quantityVehicleMax };
+        case "person":
+            return { min: m.quantityPersonMin, max: m.quantityPersonMax };
+        default:
+            return { min: m.minQuantityLabel, max: m.maxQuantityLabel };
+    }
+}
+// Occupancy = how many people fit in one unit (guests per room, seats per
+// vehicle, group size). Label it for the selected type.
+function occupancyLabels(unitType, m) {
+    switch (unitType) {
+        case "room":
+            return { min: m.occupancyRoomMin, max: m.occupancyRoomMax };
+        case "vehicle":
+            return { min: m.occupancyVehicleMin, max: m.occupancyVehicleMax };
+        case "group":
+            return { min: m.occupancyGroupMin, max: m.occupancyGroupMax };
+        default:
+            return { min: m.occupancyMinLabel, max: m.occupancyMaxLabel };
+    }
+}
+const buildUnitFormSchema = (messages) => z.object({
+    name: z.string().min(1, messages.validationNameRequired).max(255),
+    code: z.string().max(100).optional().nullable(),
+    description: z.string().optional().nullable(),
+    unitType: z.enum(["person", "group", "room", "vehicle", "service", "other"]),
+    minQuantity: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    maxQuantity: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    minAge: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    maxAge: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    occupancyMin: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    occupancyMax: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    isRequired: z.boolean(),
+    isHidden: z.boolean(),
+    sortOrder: z.coerce.number().int(),
+});
+function initialValues(unit, nextSortOrder, defaultUnitType) {
+    if (unit) {
+        return {
+            name: unit.name,
+            code: unit.code ?? "",
+            description: unit.description ?? "",
+            unitType: unit.unitType,
+            minQuantity: unit.minQuantity ?? "",
+            maxQuantity: unit.maxQuantity ?? "",
+            minAge: unit.minAge ?? "",
+            maxAge: unit.maxAge ?? "",
+            occupancyMin: unit.occupancyMin ?? "",
+            occupancyMax: unit.occupancyMax ?? "",
+            isRequired: unit.isRequired,
+            isHidden: unit.isHidden,
+            sortOrder: unit.sortOrder,
+        };
+    }
+    return {
+        name: "",
+        code: "",
+        description: "",
+        unitType: defaultUnitType ?? "person",
+        minQuantity: "",
+        maxQuantity: "",
+        minAge: "",
+        maxAge: "",
+        occupancyMin: "",
+        occupancyMax: "",
+        isRequired: false,
+        isHidden: false,
+        sortOrder: nextSortOrder ?? 0,
+    };
+}
+export function UnitForm({ optionId, unit, defaultUnitType, lockUnitType, nextSortOrder, onSuccess, onCancel, }) {
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    const unitMessages = messages.products.operations.units;
+    const isEditing = !!unit;
+    const { create, update } = useOptionUnitMutation();
+    const unitFormSchema = buildUnitFormSchema(unitMessages);
+    const unitTypes = [
+        { value: "person", label: unitMessages.typePerson },
+        { value: "group", label: unitMessages.typeGroup },
+        { value: "room", label: unitMessages.typeRoom },
+        { value: "vehicle", label: unitMessages.typeVehicle },
+        { value: "service", label: unitMessages.typeService },
+        { value: "other", label: unitMessages.typeOther },
+    ];
+    const form = useForm({
+        resolver: zodResolver(unitFormSchema),
+        defaultValues: initialValues(unit, nextSortOrder, defaultUnitType),
+    });
+    useEffect(() => {
+        form.reset(initialValues(unit, nextSortOrder, defaultUnitType));
+    }, [unit, nextSortOrder, defaultUnitType, form]);
+    const onSubmit = async (values) => {
+        const canHaveAge = values.unitType === "person";
+        const canHaveOccupancy = values.unitType === "group" || values.unitType === "room" || values.unitType === "vehicle";
+        const payload = {
+            name: values.name,
+            code: values.code || null,
+            description: values.description || null,
+            unitType: values.unitType,
+            minQuantity: typeof values.minQuantity === "number" ? values.minQuantity : null,
+            maxQuantity: typeof values.maxQuantity === "number" ? values.maxQuantity : null,
+            minAge: canHaveAge && typeof values.minAge === "number" ? values.minAge : null,
+            maxAge: canHaveAge && typeof values.maxAge === "number" ? values.maxAge : null,
+            occupancyMin: canHaveOccupancy && typeof values.occupancyMin === "number" ? values.occupancyMin : null,
+            occupancyMax: canHaveOccupancy && typeof values.occupancyMax === "number" ? values.occupancyMax : null,
+            isRequired: values.isRequired,
+            isHidden: values.isHidden,
+            sortOrder: values.sortOrder,
+        };
+        if (isEditing) {
+            await update.mutateAsync({ id: unit.id, input: payload });
+        }
+        else {
+            await create.mutateAsync({ optionId, ...payload });
+        }
+        onSuccess();
+    };
+    const unitType = form.watch("unitType");
+    const qtyLabels = quantityLabels(unitType, unitMessages);
+    const occLabels = occupancyLabels(unitType, unitMessages);
+    return (_jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col gap-4 overflow-hidden", children: [_jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitMessages.nameLabel }), _jsx(Input, { ...form.register("name"), placeholder: unitMessages.namePlaceholder }), form.formState.errors.name && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.name.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitMessages.codeLabel }), _jsx(Input, { ...form.register("code"), placeholder: unitMessages.codePlaceholder })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [lockUnitType ? null : (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitMessages.typeLabel }), _jsxs(Select, { value: unitType, onValueChange: (v) => form.setValue("unitType", v), items: unitTypes, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: unitTypes.map((t) => (_jsx(SelectItem, { value: t.value, children: t.label }, t.value))) })] })] })), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitMessages.sortOrderLabel }), _jsx(Input, { ...form.register("sortOrder"), type: "number" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: qtyLabels.min }), _jsx(Input, { ...form.register("minQuantity"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: qtyLabels.max }), _jsx(Input, { ...form.register("maxQuantity"), type: "number", min: "0" })] })] }), unitType === "person" && (_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitMessages.minAgeLabel }), _jsx(Input, { ...form.register("minAge"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitMessages.maxAgeLabel }), _jsx(Input, { ...form.register("maxAge"), type: "number", min: "0" })] })] })), (unitType === "room" || unitType === "vehicle" || unitType === "group") && (_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: occLabels.min }), _jsx(Input, { ...form.register("occupancyMin"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: occLabels.max }), _jsx(Input, { ...form.register("occupancyMax"), type: "number", min: "0" })] })] })), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitMessages.descriptionLabel }), _jsx(Textarea, { ...form.register("description") })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("isRequired"), onCheckedChange: (v) => form.setValue("isRequired", v) }), _jsx(Label, { children: unitMessages.requiredLabel })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("isHidden"), onCheckedChange: (v) => form.setValue("isHidden", v) }), _jsx(Label, { children: unitMessages.hiddenLabel })] })] })] }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: productMessages.cancel })) : null, _jsxs(Button, { type: "submit", size: "sm", disabled: form.formState.isSubmitting || create.isPending || update.isPending, children: [(form.formState.isSubmitting || create.isPending || update.isPending) && (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })), isEditing ? productMessages.saveChanges : unitMessages.create] })] })] }));
+}

package/dist/components/product-detail/product-unit-price-rule-dialog.d.ts

@@ -0,0 +1,17 @@
+import type { OptionUnitData } from "./product-unit-form.js";
+import { type OptionUnitPriceRuleData } from "./product-unit-price-rule-form.js";
+export type { OptionUnitPriceRuleData };
+type UnitPriceRuleDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    optionPriceRuleId: string;
+    optionId: string;
+    units: OptionUnitData[];
+    productCurrency?: string;
+    preselectedUnitId?: string;
+    preselectedCategoryId?: string | null;
+    cell?: OptionUnitPriceRuleData;
+    onSuccess: () => void;
+};
+export declare function UnitPriceRuleDialog({ open, onOpenChange, optionPriceRuleId, optionId, units, productCurrency, preselectedUnitId, preselectedCategoryId, cell, onSuccess, }: UnitPriceRuleDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-unit-price-rule-dialog.d.ts.map

package/dist/components/product-detail/product-unit-price-rule-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-unit-price-rule-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-unit-price-rule-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,KAAK,uBAAuB,EAAqB,MAAM,mCAAmC,CAAA;AAEnG,YAAY,EAAE,uBAAuB,EAAE,CAAA;AAEvC,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,uBAAuB,CAAA;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,KAAK,EACL,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,GACV,EAAE,wBAAwB,2CA6B1B"}

package/dist/components/product-detail/product-unit-price-rule-dialog.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components";
+import { useProductDetailMessages } from "./host.js";
+import { UnitPriceRuleForm } from "./product-unit-price-rule-form.js";
+export function UnitPriceRuleDialog({ open, onOpenChange, optionPriceRuleId, optionId, units, productCurrency, preselectedUnitId, preselectedCategoryId, cell, onSuccess, }) {
+    const messages = useProductDetailMessages();
+    const unitPriceMessages = messages.products.operations.unitPrices;
+    const isEditing = !!cell;
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: isEditing ? unitPriceMessages.editTitle : unitPriceMessages.newTitle }) }), _jsx(SheetBody, { children: _jsx(UnitPriceRuleForm, { optionPriceRuleId: optionPriceRuleId, optionId: optionId, units: units, productCurrency: productCurrency, preselectedUnitId: preselectedUnitId, preselectedCategoryId: preselectedCategoryId, cell: cell, onSuccess: onSuccess, onCancel: () => onOpenChange(false) }) })] }) }));
+}

package/dist/components/product-detail/product-unit-price-rule-form.d.ts

@@ -0,0 +1,29 @@
+import type { OptionUnitData } from "./product-unit-form.js";
+export type OptionUnitPriceRuleData = {
+    id: string;
+    optionPriceRuleId: string;
+    optionId: string;
+    unitId: string;
+    pricingCategoryId: string | null;
+    pricingMode: "per_unit" | "per_person" | "per_booking" | "included" | "free" | "on_request";
+    sellAmountCents: number | null;
+    costAmountCents: number | null;
+    minQuantity: number | null;
+    maxQuantity: number | null;
+    sortOrder: number;
+    active: boolean;
+    notes: string | null;
+};
+export interface UnitPriceRuleFormProps {
+    optionPriceRuleId: string;
+    optionId: string;
+    units: OptionUnitData[];
+    productCurrency?: string;
+    preselectedUnitId?: string;
+    preselectedCategoryId?: string | null;
+    cell?: OptionUnitPriceRuleData;
+    onSuccess: () => void;
+    onCancel?: () => void;
+}
+export declare function UnitPriceRuleForm({ optionPriceRuleId, optionId, units, productCurrency, preselectedUnitId, preselectedCategoryId, cell, onSuccess, onCancel, }: UnitPriceRuleFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-unit-price-rule-form.d.ts.map

package/dist/components/product-detail/product-unit-price-rule-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-unit-price-rule-form.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-unit-price-rule-form.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AA2E5D,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,CAAA;IAC3F,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,uBAAuB,CAAA;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAmCD,wBAAgB,iBAAiB,CAAC,EAChC,iBAAiB,EACjB,QAAQ,EACR,KAAK,EACL,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE,sBAAsB,2CAoLxB"}

package/dist/components/product-detail/product-unit-price-rule-form.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyant-travel/ui/components";
+import { CurrencyInput } from "@voyant-travel/ui/components/currency-input";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { PricingCategoryCombobox, useOptionUnitPriceRuleMutation } from "./commerce-client.js";
+import { useProductDetailMessages, useProductLocale } from "./host.js";
+import { zodResolver } from "./zod-resolver.js";
+function getUnitTypeLabel(type, messages) {
+    switch (type) {
+        case "person":
+            return messages.typePerson;
+        case "group":
+            return messages.typeGroup;
+        case "room":
+            return messages.typeRoom;
+        case "vehicle":
+            return messages.typeVehicle;
+        case "service":
+            return messages.typeService;
+        case "other":
+            return messages.typeOther;
+        default:
+            return type;
+    }
+}
+// "Min/Max quantity" means different things per pricing mode — travelers for
+// per-person, units for per-unit, the whole booking for per-booking. Label it
+// for what's actually being counted.
+function cellQuantityLabels(pricingMode, m) {
+    switch (pricingMode) {
+        case "per_person":
+            return { min: m.minQuantityPerson, max: m.maxQuantityPerson };
+        case "per_unit":
+            return { min: m.minQuantityUnit, max: m.maxQuantityUnit };
+        case "per_booking":
+            return { min: m.minQuantityBooking, max: m.maxQuantityBooking };
+        default:
+            return { min: m.minQuantityLabel, max: m.maxQuantityLabel };
+    }
+}
+const buildCellFormSchema = (messages) => z.object({
+    unitId: z.string().min(1, messages.validationUnitRequired),
+    pricingCategoryId: z.string().optional().nullable(),
+    pricingMode: z.enum([
+        "per_unit",
+        "per_person",
+        "per_booking",
+        "included",
+        "free",
+        "on_request",
+    ]),
+    // Stored in minor units (cents) so CurrencyInput can render the currency
+    // prefix and parse locale-formatted amounts directly.
+    sell: z.number().int().min(0),
+    cost: z.number().int().min(0),
+    minQuantity: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    maxQuantity: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    sortOrder: z.coerce.number().int(),
+    active: z.boolean(),
+    notes: z.string().optional().nullable(),
+});
+function initialValues(cell, preselectedUnitId, preselectedCategoryId) {
+    if (cell) {
+        return {
+            unitId: cell.unitId,
+            pricingCategoryId: cell.pricingCategoryId ?? "",
+            pricingMode: cell.pricingMode,
+            sell: cell.sellAmountCents ?? 0,
+            cost: cell.costAmountCents ?? 0,
+            minQuantity: cell.minQuantity ?? "",
+            maxQuantity: cell.maxQuantity ?? "",
+            sortOrder: cell.sortOrder,
+            active: cell.active,
+            notes: cell.notes ?? "",
+        };
+    }
+    return {
+        unitId: preselectedUnitId ?? "",
+        pricingCategoryId: preselectedCategoryId ?? "",
+        pricingMode: "per_person",
+        sell: 0,
+        cost: 0,
+        minQuantity: "",
+        maxQuantity: "",
+        sortOrder: 0,
+        active: true,
+        notes: "",
+    };
+}
+export function UnitPriceRuleForm({ optionPriceRuleId, optionId, units, productCurrency, preselectedUnitId, preselectedCategoryId, cell, onSuccess, onCancel, }) {
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    const unitPriceMessages = messages.products.operations.unitPrices;
+    const unitMessages = messages.products.operations.units;
+    const locale = useProductLocale();
+    const isEditing = !!cell;
+    const { create, update } = useOptionUnitPriceRuleMutation();
+    const cellFormSchema = buildCellFormSchema(unitPriceMessages);
+    const pricingModes = [
+        { value: "per_unit", label: unitPriceMessages.pricingModePerUnit },
+        { value: "per_person", label: unitPriceMessages.pricingModePerPerson },
+        { value: "per_booking", label: unitPriceMessages.pricingModePerBooking },
+        { value: "included", label: unitPriceMessages.pricingModeIncluded },
+        { value: "free", label: unitPriceMessages.pricingModeFree },
+        { value: "on_request", label: unitPriceMessages.pricingModeOnRequest },
+    ];
+    const form = useForm({
+        resolver: zodResolver(cellFormSchema),
+        defaultValues: initialValues(cell, preselectedUnitId, preselectedCategoryId),
+    });
+    useEffect(() => {
+        form.reset(initialValues(cell, preselectedUnitId, preselectedCategoryId));
+    }, [cell, preselectedUnitId, preselectedCategoryId, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            optionPriceRuleId,
+            optionId,
+            unitId: values.unitId,
+            pricingCategoryId: values.pricingCategoryId || null,
+            pricingMode: values.pricingMode,
+            sellAmountCents: Math.round(values.sell),
+            costAmountCents: Math.round(values.cost),
+            minQuantity: typeof values.minQuantity === "number" ? values.minQuantity : null,
+            maxQuantity: typeof values.maxQuantity === "number" ? values.maxQuantity : null,
+            sortOrder: values.sortOrder,
+            active: values.active,
+            notes: values.notes || null,
+        };
+        if (isEditing) {
+            await update.mutateAsync({ id: cell.id, input: payload });
+        }
+        else {
+            await create.mutateAsync(payload);
+        }
+        onSuccess();
+    };
+    return (_jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col gap-4 overflow-hidden", children: [_jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitPriceMessages.unitLabel }), _jsxs(Select, { value: form.watch("unitId") || undefined, onValueChange: (v) => form.setValue("unitId", v ?? "", { shouldValidate: true }), items: units.map((u) => ({
+                                            value: u.id,
+                                            label: `${u.name} (${getUnitTypeLabel(u.unitType, unitMessages)})`,
+                                        })), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: unitPriceMessages.unitPlaceholder }) }), _jsx(SelectContent, { children: units.map((u) => (_jsxs(SelectItem, { value: u.id, children: [u.name, " (", getUnitTypeLabel(u.unitType, unitMessages), ")"] }, u.id))) })] }), form.formState.errors.unitId && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.unitId.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitPriceMessages.categoryLabel }), _jsx(PricingCategoryCombobox, { value: form.watch("pricingCategoryId"), onChange: (value) => form.setValue("pricingCategoryId", value ?? "", { shouldDirty: true }), placeholder: unitPriceMessages.categoryPlaceholder })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitPriceMessages.pricingModeLabel }), _jsxs(Select, { value: form.watch("pricingMode"), onValueChange: (v) => form.setValue("pricingMode", v), items: pricingModes, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: pricingModes.map((m) => (_jsx(SelectItem, { value: m.value, children: m.label }, m.value))) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitPriceMessages.sellLabel }), _jsx(CurrencyInput, { value: form.watch("sell"), onChange: (value) => form.setValue("sell", value ?? 0, { shouldValidate: true }), currency: productCurrency, locale: locale })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitPriceMessages.costLabel }), _jsx(CurrencyInput, { value: form.watch("cost"), onChange: (value) => form.setValue("cost", value ?? 0, { shouldValidate: true }), currency: productCurrency, locale: locale })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: cellQuantityLabels(form.watch("pricingMode"), unitPriceMessages).min }), _jsx(Input, { ...form.register("minQuantity"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: cellQuantityLabels(form.watch("pricingMode"), unitPriceMessages).max }), _jsx(Input, { ...form.register("maxQuantity"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitPriceMessages.sortOrderLabel }), _jsx(Input, { ...form.register("sortOrder"), type: "number" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (v) => form.setValue("active", v) }), _jsx(Label, { children: unitPriceMessages.activeLabel })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitPriceMessages.notesLabel }), _jsx(Textarea, { ...form.register("notes") })] })] }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: productMessages.cancel })) : null, _jsxs(Button, { type: "submit", size: "sm", disabled: form.formState.isSubmitting, children: [form.formState.isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? productMessages.saveChanges : unitPriceMessages.create] })] })] }));
+}

package/dist/components/product-detail/rrule-labels.d.ts

@@ -0,0 +1,2 @@
+export declare function describeRRule(rrule: string): string;
+//# sourceMappingURL=rrule-labels.d.ts.map

package/dist/components/product-detail/rrule-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rrule-labels.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/rrule-labels.ts"],"names":[],"mappings":"AA2DA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAsBnD"}

package/dist/components/product-detail/rrule-labels.js

@@ -0,0 +1,65 @@
+const WEEKDAYS = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"];
+const WEEKDAY_LABELS = {
+    MO: "Mon",
+    TU: "Tue",
+    WE: "Wed",
+    TH: "Thu",
+    FR: "Fri",
+    SA: "Sat",
+    SU: "Sun",
+};
+const WEEKDAY_FULL_LABELS = {
+    MO: "Monday",
+    TU: "Tuesday",
+    WE: "Wednesday",
+    TH: "Thursday",
+    FR: "Friday",
+    SA: "Saturday",
+    SU: "Sunday",
+};
+function parseRRule(rrule) {
+    const parts = rrule
+        .split(";")
+        .map((part) => part.trim())
+        .filter(Boolean);
+    const map = new Map();
+    for (const part of parts) {
+        const [key, value] = part.split("=");
+        if (key && value !== undefined)
+            map.set(key.toUpperCase(), value);
+    }
+    const rawFrequency = (map.get("FREQ") ?? "DAILY").toUpperCase();
+    const frequency = rawFrequency === "WEEKLY" || rawFrequency === "MONTHLY" ? rawFrequency : "DAILY";
+    const interval = Number.parseInt(map.get("INTERVAL") ?? "1", 10) || 1;
+    const byWeekdays = (map.get("BYDAY") ?? "")
+        .split(",")
+        .map((day) => day.trim().toUpperCase())
+        .filter((day) => WEEKDAYS.includes(day));
+    const byMonthDays = (map.get("BYMONTHDAY") ?? "")
+        .split(",")
+        .map((day) => Number.parseInt(day.trim(), 10))
+        .filter((day) => Number.isFinite(day) && day >= 1 && day <= 31);
+    return { frequency, interval, byWeekdays, byMonthDays };
+}
+export function describeRRule(rrule) {
+    const { frequency, interval, byWeekdays, byMonthDays } = parseRRule(rrule);
+    const unit = frequency === "DAILY" ? "day" : frequency === "WEEKLY" ? "week" : "month";
+    const cadence = interval > 1 ? `Every ${interval} ${unit}s` : `Every ${unit}`;
+    if (frequency === "WEEKLY") {
+        if (byWeekdays.length === 0)
+            return `${cadence} (no weekdays)`;
+        const ordered = WEEKDAYS.filter((day) => byWeekdays.includes(day));
+        const first = ordered[0];
+        if (interval === 1 && ordered.length === 1 && first) {
+            return `Every ${WEEKDAY_FULL_LABELS[first]}`;
+        }
+        return `${cadence} on ${ordered.map((day) => WEEKDAY_LABELS[day]).join(", ")}`;
+    }
+    if (frequency === "MONTHLY") {
+        if (byMonthDays.length === 0)
+            return `${cadence} (no days)`;
+        const ordered = [...byMonthDays].sort((a, b) => a - b);
+        return `${cadence} on day${ordered.length === 1 ? "" : "s"} ${ordered.join(", ")}`;
+    }
+    return cadence;
+}

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

@@ -0,0 +1,9 @@
+export type TimezoneOption = {
+    id: string;
+    label: string;
+    offset: number;
+};
+export declare const TIMEZONE_OPTIONS: TimezoneOption[];
+export declare const TIMEZONE_IDS: string[];
+export declare function getTimezoneLabel(id: string): string;
+//# sourceMappingURL=timezone-options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-options.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/timezone-options.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAsBD,eAAO,MAAM,gBAAgB,kBAAyB,CAAA;AACtD,eAAO,MAAM,YAAY,UAAoC,CAAA;AAI7D,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAGnD"}

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

@@ -0,0 +1,28 @@
+import { timezones } from "@voyant-travel/utils/timezones";
+function buildTimezoneOptions() {
+    const seen = new Map();
+    for (const tz of timezones) {
+        for (const id of tz.utc) {
+            if (seen.has(id))
+                continue;
+            seen.set(id, { id, label: tz.text, offset: tz.offset });
+        }
+    }
+    // Include the browser-resolved zone if not already present
+    const browserZone = typeof Intl !== "undefined" ? Intl.DateTimeFormat().resolvedOptions().timeZone : null;
+    if (browserZone && !seen.has(browserZone)) {
+        seen.set(browserZone, { id: browserZone, label: browserZone, offset: 0 });
+    }
+    return Array.from(seen.values()).sort((a, b) => {
+        if (a.offset !== b.offset)
+            return a.offset - b.offset;
+        return a.id.localeCompare(b.id);
+    });
+}
+export const TIMEZONE_OPTIONS = buildTimezoneOptions();
+export const TIMEZONE_IDS = TIMEZONE_OPTIONS.map((t) => t.id);
+const TIMEZONE_BY_ID = new Map(TIMEZONE_OPTIONS.map((t) => [t.id, t]));
+export function getTimezoneLabel(id) {
+    const tz = TIMEZONE_BY_ID.get(id);
+    return tz ? `${id} — ${tz.label}` : id;
+}

package/dist/components/product-detail/use-product-detail-data.d.ts

@@ -0,0 +1,41 @@
+import { useMutation } from "@tanstack/react-query";
+import { useProduct } from "../../index.js";
+import { type AvailabilityRule, type ChannelInfo, type ChannelProductMapping, type DepartureSlot, type ProductMediaItem } from "./product-detail-shared.js";
+export interface UseProductDetailDataResult {
+    product: ReturnType<typeof useProduct>["data"];
+    isPending: boolean;
+    slots: DepartureSlot[];
+    rules: AvailabilityRule[];
+    channels: ChannelInfo[];
+    mappings: ChannelProductMapping[];
+    media: ProductMediaItem[];
+    itineraryNameById: Map<string, string>;
+    refetch: {
+        slots: () => void;
+        rules: () => void;
+        mappings: () => void;
+        media: () => void;
+    };
+    mutations: {
+        addChannelMapping: ReturnType<typeof useMutation<unknown, Error, string>>;
+        removeChannelMapping: ReturnType<typeof useMutation<unknown, Error, string>>;
+        duplicateProduct: ReturnType<typeof useMutation<{
+            data: {
+                id: string;
+            };
+        }, Error, void>>;
+        deleteProduct: ReturnType<typeof useMutation<unknown, Error, void>>;
+        deleteSlot: ReturnType<typeof useMutation<unknown, Error, string>>;
+        deleteRule: ReturnType<typeof useMutation<unknown, Error, string>>;
+        uploadMedia: ReturnType<typeof useMutation<unknown, Error, {
+            file: File;
+            dayId?: string;
+        }>>;
+        deleteMedia: ReturnType<typeof useMutation<unknown, Error, string>>;
+        setCover: ReturnType<typeof useMutation<unknown, Error, string>>;
+        generateBrochure: ReturnType<typeof useMutation<unknown, Error, void>>;
+    };
+    invalidateProduct: () => void;
+}
+export declare function useProductDetailData(productId: string): UseProductDetailDataResult;
+//# sourceMappingURL=use-product-detail-data.d.ts.map

package/dist/components/product-detail/use-product-detail-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-product-detail-data.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/use-product-detail-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAA;AAE7E,OAAO,EAAqB,UAAU,EAAyB,MAAM,gBAAgB,CAAA;AAIrF,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAMlB,KAAK,gBAAgB,EACtB,MAAM,4BAA4B,CAAA;AAEnC,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IAC9C,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,QAAQ,EAAE,qBAAqB,EAAE,CAAA;IACjC,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,IAAI,CAAA;QACjB,KAAK,EAAE,MAAM,IAAI,CAAA;QACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;QACpB,KAAK,EAAE,MAAM,IAAI,CAAA;KAClB,CAAA;IACD,SAAS,EAAE;QACT,iBAAiB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;QACzE,oBAAoB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;QAC5E,gBAAgB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC;YAAE,IAAI,EAAE;gBAAE,EAAE,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;QACvF,aAAa,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;QACnE,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;QAClE,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;QAClE,WAAW,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE;YAAE,IAAI,EAAE,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC,CAAA;QAC3F,WAAW,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;QACnE,QAAQ,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;QAChE,gBAAgB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;KACvE,CAAA;IACD,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,GAAG,0BAA0B,CAiKlF"}