@voyantjs/products-ui 0.101.0 → 0.101.2

package/dist/components/product-detail/product-translation-popover.d.ts.map

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

package/dist/components/product-detail/product-translation-popover.js

@@ -0,0 +1,217 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductTranslationMutation, useProductTranslations, } from "@voyantjs/products-react";
+import { Button, Input, Label } from "@voyantjs/ui/components";
+import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyantjs/ui/components/popover";
+import { RichTextEditor } from "@voyantjs/ui/components/rich-text-editor";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@voyantjs/ui/components/tooltip";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { languages } from "@voyantjs/utils/languages";
+import { Globe, Plus, X } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+function recordToDraft(record) {
+    return {
+        id: record.id,
+        languageTag: record.languageTag,
+        name: record.name,
+        description: record.description ?? "",
+        slug: record.slug ?? "",
+        shortDescription: record.shortDescription,
+        inclusionsHtml: record.inclusionsHtml,
+        exclusionsHtml: record.exclusionsHtml,
+        termsHtml: record.termsHtml,
+        seoTitle: record.seoTitle,
+        seoDescription: record.seoDescription,
+    };
+}
+function emptyDraft(languageTag) {
+    return {
+        id: null,
+        languageTag,
+        name: "",
+        description: "",
+        slug: "",
+        shortDescription: null,
+        inclusionsHtml: null,
+        exclusionsHtml: null,
+        termsHtml: null,
+        seoTitle: null,
+        seoDescription: null,
+    };
+}
+// Rich text is "set" only when it has visible text, not just empty markup like <p></p>.
+export function richTextHasContent(html) {
+    return (html
+        .replace(/<[^>]*>/g, "")
+        .replace(/&nbsp;/g, " ")
+        .trim().length > 0);
+}
+function fieldHasContent(draft, field) {
+    if (field === "description")
+        return richTextHasContent(draft.description);
+    return draft[field].trim().length > 0;
+}
+export function languageLabel(tag) {
+    const base = tag.split("-")[0]?.toLowerCase() ?? tag;
+    return languages[base] ?? tag;
+}
+/**
+ * Manages an in-memory draft of a product's translations so Name/Description/
+ * Slug can be edited in context from the edit sheet. Seeds from the saved
+ * translation records and persists create/update/delete on save.
+ *
+ * The base product columns hold the default language's Name/Description, so the
+ * default-language translation row (if any) just mirrors them and carries the
+ * slug (base has no slug column). Fields we don't edit here (short description,
+ * inclusions, SEO, …) are preserved untouched.
+ */
+export function useProductTranslationDrafts(productId) {
+    const query = useProductTranslations(productId ?? undefined, {
+        limit: 100,
+        enabled: !!productId,
+    });
+    const mutations = useProductTranslationMutation();
+    const [drafts, setDrafts] = useState([]);
+    const seededKey = useRef(null);
+    const existingRef = useRef([]);
+    useEffect(() => {
+        const key = productId ?? "__new__";
+        if (productId && query.isPending)
+            return;
+        if (seededKey.current === key)
+            return;
+        const records = query.data?.data ?? [];
+        existingRef.current = records;
+        setDrafts(records.map(recordToDraft));
+        seededKey.current = key;
+    }, [productId, query.isPending, query.data]);
+    const setFieldValue = useCallback((languageTag, field, value) => {
+        setDrafts((prev) => {
+            if (prev.some((draft) => draft.languageTag === languageTag)) {
+                return prev.map((draft) => draft.languageTag === languageTag ? { ...draft, [field]: value } : draft);
+            }
+            return [...prev, { ...emptyDraft(languageTag), [field]: value }];
+        });
+    }, []);
+    const addLanguage = useCallback((languageTag) => {
+        setDrafts((prev) => prev.some((draft) => draft.languageTag === languageTag)
+            ? prev
+            : [...prev, emptyDraft(languageTag)]);
+    }, []);
+    const removeLanguage = useCallback((languageTag) => {
+        setDrafts((prev) => prev.filter((draft) => draft.languageTag !== languageTag));
+    }, []);
+    const persist = useCallback(async (resolvedProductId, options) => {
+        const { defaultLanguageTag, baseName, baseDescription } = options;
+        const original = existingRef.current;
+        const currentLanguages = new Set(drafts.map((draft) => draft.languageTag));
+        const deletes = original
+            .filter((record) => !currentLanguages.has(record.languageTag))
+            .map((record) => mutations.remove.mutateAsync({
+            productId: resolvedProductId,
+            translationId: record.id,
+        }));
+        const upserts = drafts.map((draft) => {
+            const isDefault = draft.languageTag === defaultLanguageTag;
+            // The default-language row mirrors the base columns so public serving
+            // (which prefers translations) stays consistent with what's edited.
+            // When base is empty we keep the row's own value rather than wiping it —
+            // legacy products often have empty base columns with content only here.
+            const name = isDefault ? baseName : draft.name.trim() || baseName;
+            const description = isDefault
+                ? richTextHasContent(baseDescription)
+                    ? baseDescription
+                    : richTextHasContent(draft.description)
+                        ? draft.description
+                        : null
+                : richTextHasContent(draft.description)
+                    ? draft.description
+                    : null;
+            const slug = draft.slug.trim() ? draft.slug.trim() : null;
+            if (draft.id) {
+                return mutations.update.mutateAsync({
+                    productId: resolvedProductId,
+                    translationId: draft.id,
+                    input: { name, description, slug },
+                });
+            }
+            // A brand-new row is only worth creating once it carries content.
+            const isEmpty = isDefault
+                ? !slug
+                : !draft.name.trim() && !richTextHasContent(draft.description) && !slug;
+            if (isEmpty)
+                return Promise.resolve(null);
+            return mutations.create.mutateAsync({
+                productId: resolvedProductId,
+                input: { languageTag: draft.languageTag, name, description, slug },
+            });
+        });
+        await Promise.all([...deletes, ...upserts]);
+        // Force a reseed from the refreshed server state so a second save patches
+        // (with real ids) instead of re-creating.
+        seededKey.current = null;
+    }, [drafts, mutations]);
+    return {
+        drafts,
+        isLoading: !!productId && query.isPending,
+        setFieldValue,
+        addLanguage,
+        removeLanguage,
+        persist,
+    };
+}
+/** Top-of-sheet switcher: picks which language every translatable field edits. */
+export function ContentLanguageSwitcher({ activeLanguage, defaultLanguageTag, languageTags, messages, onSelect, onAddLanguage, onRemoveLanguage, }) {
+    const [addOpen, setAddOpen] = useState(false);
+    const otherLanguages = languageTags.filter((tag) => tag !== defaultLanguageTag);
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: messages.editingLanguageLabel }), _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx(LanguageChip, { active: activeLanguage === defaultLanguageTag, languageTag: defaultLanguageTag, badge: messages.defaultBadge, onSelect: () => onSelect(defaultLanguageTag) }), otherLanguages.map((tag) => (_jsx(LanguageChip, { active: activeLanguage === tag, languageTag: tag, onSelect: () => onSelect(tag), onRemove: () => onRemoveLanguage(tag), removeLabel: messages.translationRemoveLanguage }, tag))), _jsxs(Popover, { open: addOpen, onOpenChange: setAddOpen, children: [_jsx(PopoverTrigger, { render: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "h-7 border-dashed", children: [_jsx(Plus, { className: "size-3.5" }), messages.addLanguage] }) }), _jsx(PopoverContent, { align: "start", className: "w-64", children: _jsx(LanguageCombobox, { value: "", exclude: [defaultLanguageTag, ...otherLanguages], placeholder: messages.translationLanguageSearch, emptyLabel: messages.translationLanguageEmpty, onValueChange: (code) => {
+                                        if (code) {
+                                            onAddLanguage(code);
+                                            setAddOpen(false);
+                                        }
+                                    } }) })] })] })] }));
+}
+function LanguageChip({ active, languageTag, badge, onSelect, onRemove, removeLabel, }) {
+    return (_jsxs("div", { className: cn("inline-flex items-center gap-1.5 rounded-md border px-2 py-1 text-xs transition-colors", active
+            ? "border-primary bg-primary/10 text-foreground"
+            : "border-input text-muted-foreground hover:bg-accent"), children: [_jsxs("button", { type: "button", onClick: onSelect, className: "inline-flex items-center gap-1.5", children: [_jsx("span", { className: "font-medium", children: languageLabel(languageTag) }), _jsx("span", { className: "font-mono uppercase opacity-70", children: languageTag }), badge ? (_jsx("span", { className: "rounded bg-muted px-1 text-[10px] font-medium uppercase tracking-wide", children: badge })) : null] }), onRemove ? (_jsx("button", { type: "button", onClick: onRemove, "aria-label": removeLabel, className: "text-muted-foreground hover:text-destructive", children: _jsx(X, { className: "size-3" }) })) : null] }));
+}
+/**
+ * A field bound to the sheet's active language. When that's the default
+ * language (and the field has a base column), it edits the base value;
+ * otherwise it edits the active language's translation draft. The globe is an
+ * informational indicator (green when the field has any non-default translation).
+ */
+export function TranslatableField({ label, type, field, activeLanguage, defaultLanguageTag, base, translations, messages, placeholder, autoFocus, error, }) {
+    const usesBase = !!base && activeLanguage === defaultLanguageTag;
+    const activeDraft = translations.drafts.find((draft) => draft.languageTag === activeLanguage);
+    const defaultDraft = translations.drafts.find((draft) => draft.languageTag === defaultLanguageTag);
+    // When editing the default language, show the base value — but fall back to
+    // the default-language translation (legacy products keep content only there).
+    // Editing writes to the base columns, promoting that content forward.
+    const value = usesBase
+        ? (base?.value ?? "") || (defaultDraft?.[field] ?? "")
+        : (activeDraft?.[field] ?? "");
+    const handleChange = usesBase
+        ? (base?.onChange ?? (() => { }))
+        : (next) => translations.setFieldValue(activeLanguage, field, next);
+    const translatedLanguages = translations.drafts
+        .filter((draft) => draft.languageTag !== defaultLanguageTag && fieldHasContent(draft, field))
+        .map((draft) => draft.languageTag);
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Label, { children: label }), _jsx(TranslationIndicator, { languages: translatedLanguages, messages: messages })] }), type === "richtext" ? (_jsx(RichTextEditor, { value: value, onChange: handleChange, placeholder: placeholder, editorClassName: "max-h-[280px] overflow-y-auto" })) : (_jsx(Input, { value: value, onChange: (event) => handleChange(event.target.value), placeholder: placeholder, autoFocus: autoFocus })), error ? _jsx("p", { className: "text-xs text-destructive", children: error }) : null] }));
+}
+export function TranslationIndicator({ languages: translatedLanguages, messages, }) {
+    const isTranslated = translatedLanguages.length > 0;
+    return (_jsx(TooltipProvider, { delay: 150, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: _jsx("button", { type: "button", className: "inline-flex cursor-help items-center", children: _jsx(Globe, { className: cn("size-3.5", isTranslated ? "text-emerald-500" : "text-muted-foreground/50") }) }) }), _jsx(TooltipContent, { children: isTranslated
+                        ? `${messages.fieldTranslated}: ${translatedLanguages
+                            .map((tag) => tag.toUpperCase())
+                            .join(", ")}`
+                        : messages.fieldNotTranslated })] }) }));
+}
+export function LanguageCombobox({ value, onValueChange, exclude = [], placeholder, emptyLabel, }) {
+    const excludeKey = exclude.join("|");
+    const options = useMemo(() => Object.entries(languages)
+        .filter(([code]) => !excludeKey.split("|").includes(code))
+        .map(([code, name]) => ({ value: code, label: name })), [excludeKey]);
+    return (_jsxs(Combobox, { value: value, onValueChange: (next) => onValueChange(next ?? ""), children: [_jsx(ComboboxInput, { placeholder: placeholder, className: "w-full" }), _jsx(ComboboxContent, { children: _jsxs(ComboboxList, { children: [options.map((option) => (_jsxs(ComboboxItem, { value: option.value, children: [_jsx("span", { className: "truncate", children: option.label }), _jsx("span", { className: "font-mono text-xs text-muted-foreground", children: option.value })] }, option.value))), _jsx(ComboboxEmpty, { children: emptyLabel })] }) })] }));
+}

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

@@ -0,0 +1,12 @@
+import { type OptionUnitData } from "./product-unit-form.js";
+export type { OptionUnitData };
+type UnitDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    optionId: string;
+    unit?: OptionUnitData;
+    nextSortOrder?: number;
+    onSuccess: () => void;
+};
+export declare function UnitDialog({ open, onOpenChange, optionId, unit, nextSortOrder, onSuccess, }: UnitDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-unit-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-unit-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-unit-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,wBAAwB,CAAA;AAEtE,YAAY,EAAE,cAAc,EAAE,CAAA;AAE9B,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,SAAS,GACV,EAAE,eAAe,2CAuBjB"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle } from "@voyantjs/ui/components";
+import { useProductDetailMessages } from "./host.js";
+import { UnitForm } from "./product-unit-form.js";
+export function UnitDialog({ open, onOpenChange, optionId, unit, nextSortOrder, onSuccess, }) {
+    const messages = useProductDetailMessages();
+    const unitMessages = messages.products.operations.units;
+    const isEditing = !!unit;
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: isEditing ? unitMessages.editTitle : unitMessages.newTitle }) }), _jsx(SheetBody, { children: _jsx(UnitForm, { optionId: optionId, unit: unit, nextSortOrder: nextSortOrder, onSuccess: onSuccess, onCancel: () => onOpenChange(false) }) })] }) }));
+}

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

@@ -0,0 +1,26 @@
+export type OptionUnitData = {
+    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;
+};
+export interface UnitFormProps {
+    optionId: string;
+    unit?: OptionUnitData;
+    nextSortOrder?: number;
+    onSuccess: () => void;
+    onCancel?: () => void;
+}
+export declare function UnitForm({ optionId, unit, nextSortOrder, onSuccess, onCancel }: UnitFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-unit-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-unit-form.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-unit-form.tsx"],"names":[],"mappings":"AA2CA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACvE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAqCD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAuL7F"}

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

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOptionUnitMutation } from "@voyantjs/products-react";
+import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/ui/components";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useProductDetailMessages } from "./host.js";
+import { zodResolver } from "./zod-resolver.js";
+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) {
+    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: "person",
+        minQuantity: "",
+        maxQuantity: "",
+        minAge: "",
+        maxAge: "",
+        occupancyMin: "",
+        occupancyMax: "",
+        isRequired: false,
+        isHidden: false,
+        sortOrder: nextSortOrder ?? 0,
+    };
+}
+export function UnitForm({ optionId, unit, 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),
+    });
+    useEffect(() => {
+        form.reset(initialValues(unit, nextSortOrder));
+    }, [unit, nextSortOrder, 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");
+    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: [_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: unitMessages.minQuantityLabel }), _jsx(Input, { ...form.register("minQuantity"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitMessages.maxQuantityLabel }), _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: unitMessages.occupancyMinLabel }), _jsx(Input, { ...form.register("occupancyMin"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitMessages.occupancyMaxLabel }), _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,16 @@
+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[];
+    preselectedUnitId?: string;
+    preselectedCategoryId?: string | null;
+    cell?: OptionUnitPriceRuleData;
+    onSuccess: () => void;
+};
+export declare function UnitPriceRuleDialog({ open, onOpenChange, optionPriceRuleId, optionId, units, 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":"AAGA,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,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,iBAAiB,EACjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,GACV,EAAE,wBAAwB,2CA4B1B"}

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 "@voyantjs/ui/components";
+import { useProductDetailMessages } from "./host.js";
+import { UnitPriceRuleForm } from "./product-unit-price-rule-form.js";
+export function UnitPriceRuleDialog({ open, onOpenChange, optionPriceRuleId, optionId, units, 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, 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,28 @@
+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[];
+    preselectedUnitId?: string;
+    preselectedCategoryId?: string | null;
+    cell?: OptionUnitPriceRuleData;
+    onSuccess: () => void;
+    onCancel?: () => void;
+}
+export declare function UnitPriceRuleForm({ optionPriceRuleId, optionId, units, 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;AAsD5D,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,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,iBAAiB,EACjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE,sBAAsB,2CAyKxB"}

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

@@ -0,0 +1,126 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOptionUnitPriceRuleMutation } from "@voyantjs/pricing-react";
+import { PricingCategoryCombobox } from "@voyantjs/pricing-ui/components/pricing-category-combobox";
+import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/ui/components";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useProductDetailMessages } 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;
+    }
+}
+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",
+    ]),
+    sell: z.coerce.number().min(0),
+    cost: z.coerce.number().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) / 100,
+            cost: (cell.costAmountCents ?? 0) / 100,
+            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, 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 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 * 100),
+            costAmountCents: Math.round(values.cost * 100),
+            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(Input, { ...form.register("sell"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitPriceMessages.costLabel }), _jsx(Input, { ...form.register("cost"), type: "number", step: "0.01", 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.minQuantityLabel }), _jsx(Input, { ...form.register("minQuantity"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: unitPriceMessages.maxQuantityLabel }), _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/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"}