@voyantjs/pricing-ui 0.13.0

package/dist/components/option-price-rule-dialog.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOptionPriceRuleMutation } from "@voyantjs/pricing-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { CancellationPolicyCombobox } from "./cancellation-policy-combobox";
+import { PriceCatalogCombobox } from "./price-catalog-combobox";
+import { PriceScheduleCombobox } from "./price-schedule-combobox";
+import { ProductCombobox } from "./product-combobox";
+import { ProductOptionCombobox } from "./product-option-combobox";
+const PRICING_MODES = ["per_person", "per_booking", "starting_from", "free", "on_request"];
+const formSchema = z.object({
+    productId: z.string().min(1, "Product is required"),
+    optionId: z.string().min(1, "Option is required"),
+    priceCatalogId: z.string().min(1, "Catalog is required"),
+    priceScheduleId: z.string().optional().nullable(),
+    cancellationPolicyId: z.string().optional().nullable(),
+    name: z.string().min(1, "Name is required").max(255),
+    code: z.string().max(100).optional().nullable(),
+    description: z.string().optional().nullable(),
+    pricingMode: z.enum(PRICING_MODES),
+    baseSell: z.coerce.number().min(0),
+    baseCost: z.coerce.number().min(0),
+    minPerBooking: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    maxPerBooking: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+    allPricingCategories: z.boolean(),
+    isDefault: z.boolean(),
+    active: z.boolean(),
+    notes: z.string().optional().nullable(),
+});
+const toInt = (value) => typeof value === "number" ? value : null;
+export function OptionPriceRuleDialog({ open, onOpenChange, rule, onSuccess, }) {
+    const isEditing = !!rule;
+    const { create, update } = useOptionPriceRuleMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            productId: "",
+            optionId: "",
+            priceCatalogId: "",
+            priceScheduleId: "",
+            cancellationPolicyId: "",
+            name: "",
+            code: "",
+            description: "",
+            pricingMode: "per_person",
+            baseSell: 0,
+            baseCost: 0,
+            minPerBooking: "",
+            maxPerBooking: "",
+            allPricingCategories: true,
+            isDefault: false,
+            active: true,
+            notes: "",
+        },
+    });
+    const watchedProductId = form.watch("productId");
+    const watchedCatalogId = form.watch("priceCatalogId");
+    useEffect(() => {
+        if (open && rule) {
+            form.reset({
+                productId: rule.productId,
+                optionId: rule.optionId,
+                priceCatalogId: rule.priceCatalogId,
+                priceScheduleId: rule.priceScheduleId ?? "",
+                cancellationPolicyId: rule.cancellationPolicyId ?? "",
+                name: rule.name,
+                code: rule.code ?? "",
+                description: rule.description ?? "",
+                pricingMode: rule.pricingMode,
+                baseSell: rule.baseSellAmountCents != null ? rule.baseSellAmountCents / 100 : 0,
+                baseCost: rule.baseCostAmountCents != null ? rule.baseCostAmountCents / 100 : 0,
+                minPerBooking: rule.minPerBooking ?? "",
+                maxPerBooking: rule.maxPerBooking ?? "",
+                allPricingCategories: rule.allPricingCategories,
+                isDefault: rule.isDefault,
+                active: rule.active,
+                notes: rule.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [open, rule, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            productId: values.productId,
+            optionId: values.optionId,
+            priceCatalogId: values.priceCatalogId,
+            priceScheduleId: values.priceScheduleId || null,
+            cancellationPolicyId: values.cancellationPolicyId || null,
+            name: values.name,
+            code: values.code || null,
+            description: values.description || null,
+            pricingMode: values.pricingMode,
+            baseSellAmountCents: Math.round(values.baseSell * 100),
+            baseCostAmountCents: Math.round(values.baseCost * 100),
+            minPerBooking: toInt(values.minPerBooking),
+            maxPerBooking: toInt(values.maxPerBooking),
+            allPricingCategories: values.allPricingCategories,
+            isDefault: values.isDefault,
+            active: values.active,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: rule.id, input: payload })
+            : await create.mutateAsync(payload);
+        onSuccess?.(saved);
+        onOpenChange(false);
+    };
+    const isSubmitting = create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Option Price Rule" : "Add Option Price Rule" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { 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: "Product" }), _jsx(ProductCombobox, { value: form.watch("productId"), onChange: (value) => {
+                                                        form.setValue("productId", value ?? "", {
+                                                            shouldDirty: true,
+                                                            shouldValidate: true,
+                                                        });
+                                                        form.setValue("optionId", "", { shouldDirty: true, shouldValidate: true });
+                                                    }, disabled: isEditing }), form.formState.errors.productId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.productId.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Option" }), _jsx(ProductOptionCombobox, { productId: watchedProductId, value: form.watch("optionId"), onChange: (value) => form.setValue("optionId", value ?? "", {
+                                                        shouldDirty: true,
+                                                        shouldValidate: true,
+                                                    }), disabled: isEditing }), form.formState.errors.optionId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.optionId.message })) : null] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Name" }), _jsx(Input, { ...form.register("name") }), form.formState.errors.name ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.name.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Code" }), _jsx(Input, { ...form.register("code") })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Catalog" }), _jsx(PriceCatalogCombobox, { value: form.watch("priceCatalogId"), onChange: (value) => {
+                                                        form.setValue("priceCatalogId", value ?? "", {
+                                                            shouldDirty: true,
+                                                            shouldValidate: true,
+                                                        });
+                                                        form.setValue("priceScheduleId", "", { shouldDirty: true });
+                                                    } }), form.formState.errors.priceCatalogId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.priceCatalogId.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Schedule (optional)" }), _jsx(PriceScheduleCombobox, { priceCatalogId: watchedCatalogId, value: form.watch("priceScheduleId"), onChange: (value) => form.setValue("priceScheduleId", value ?? "", { shouldDirty: true }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cancellation policy (optional)" }), _jsx(CancellationPolicyCombobox, { value: form.watch("cancellationPolicyId"), onChange: (value) => form.setValue("cancellationPolicyId", value ?? "", { shouldDirty: true }) })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Pricing mode" }), _jsxs(Select, { items: PRICING_MODES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("pricingMode"), onValueChange: (value) => form.setValue("pricingMode", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PRICING_MODES.map((mode) => (_jsx(SelectItem, { value: mode, className: "capitalize", children: mode.replace(/_/g, " ") }, mode))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Base sell" }), _jsx(Input, { ...form.register("baseSell"), type: "number", min: "0", step: "0.01" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Base cost" }), _jsx(Input, { ...form.register("baseCost"), type: "number", min: "0", step: "0.01" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Min per booking" }), _jsx(Input, { ...form.register("minPerBooking"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Max per booking" }), _jsx(Input, { ...form.register("maxPerBooking"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Description" }), _jsx(Textarea, { ...form.register("description"), rows: 2 })] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("allPricingCategories"), onCheckedChange: (checked) => form.setValue("allPricingCategories", checked) }), _jsx(Label, { children: "All pricing categories" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("isDefault"), onCheckedChange: (checked) => form.setValue("isDefault", checked) }), _jsx(Label, { children: "Default rule" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) }), _jsx(Label, { children: "Active" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes"), rows: 2 })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Create Rule"] })] })] })] }) }));
+}

package/dist/components/option-start-time-rule-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type OptionStartTimeRuleRecord } from "@voyantjs/pricing-react";
+type Props = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    rule?: OptionStartTimeRuleRecord;
+    onSuccess?: (rule: OptionStartTimeRuleRecord) => void;
+};
+export declare function OptionStartTimeRuleDialog({ open, onOpenChange, rule, onSuccess }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=option-start-time-rule-dialog.d.ts.map

package/dist/components/option-start-time-rule-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-start-time-rule-dialog.d.ts","sourceRoot":"","sources":["../../src/components/option-start-time-rule-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,yBAAyB,CAAA;AAiDhC,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,yBAAyB,CAAA;IAChC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAA;CACtD,CAAA;AAOD,wBAAgB,yBAAyB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,2CAuMvF"}

package/dist/components/option-start-time-rule-dialog.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOptionStartTimeRuleMutation, } from "@voyantjs/pricing-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { OptionPriceRuleCombobox } from "./option-price-rule-combobox";
+const RULE_MODES = ["included", "excluded", "override", "adjustment"];
+const ADJUSTMENT_TYPES = ["fixed", "percentage"];
+const formSchema = z.object({
+    optionPriceRuleId: z.string().min(1, "Option price rule is required"),
+    optionId: z.string().min(1, "Option ID is required"),
+    startTimeId: z.string().min(1, "Start time ID is required"),
+    ruleMode: z.enum(RULE_MODES),
+    adjustmentType: z.enum(ADJUSTMENT_TYPES).optional().nullable(),
+    sellAdjustment: z.coerce.number().min(0).optional().or(z.literal("")).nullable(),
+    costAdjustment: z.coerce.number().min(0).optional().or(z.literal("")).nullable(),
+    adjustmentPercent: z.coerce.number().min(0).max(100).optional().or(z.literal("")).nullable(),
+    active: z.boolean(),
+    notes: z.string().optional().nullable(),
+});
+const toCents = (value) => typeof value === "number" ? Math.round(value * 100) : null;
+const toBasisPoints = (value) => typeof value === "number" ? Math.round(value * 100) : null;
+export function OptionStartTimeRuleDialog({ open, onOpenChange, rule, onSuccess }) {
+    const isEditing = !!rule;
+    const { create, update } = useOptionStartTimeRuleMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            optionPriceRuleId: "",
+            optionId: "",
+            startTimeId: "",
+            ruleMode: "included",
+            adjustmentType: null,
+            sellAdjustment: "",
+            costAdjustment: "",
+            adjustmentPercent: "",
+            active: true,
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && rule) {
+            form.reset({
+                optionPriceRuleId: rule.optionPriceRuleId,
+                optionId: rule.optionId,
+                startTimeId: rule.startTimeId,
+                ruleMode: rule.ruleMode,
+                adjustmentType: rule.adjustmentType,
+                sellAdjustment: rule.sellAdjustmentCents != null ? rule.sellAdjustmentCents / 100 : "",
+                costAdjustment: rule.costAdjustmentCents != null ? rule.costAdjustmentCents / 100 : "",
+                adjustmentPercent: rule.adjustmentBasisPoints != null ? rule.adjustmentBasisPoints / 100 : "",
+                active: rule.active,
+                notes: rule.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [form, open, rule]);
+    const watchedMode = form.watch("ruleMode");
+    const showAdjustment = watchedMode === "adjustment" || watchedMode === "override";
+    const onSubmit = async (values) => {
+        const payload = {
+            optionPriceRuleId: values.optionPriceRuleId,
+            optionId: values.optionId,
+            startTimeId: values.startTimeId,
+            ruleMode: values.ruleMode,
+            adjustmentType: showAdjustment ? values.adjustmentType || null : null,
+            sellAdjustmentCents: showAdjustment ? toCents(values.sellAdjustment) : null,
+            costAdjustmentCents: showAdjustment ? toCents(values.costAdjustment) : null,
+            adjustmentBasisPoints: showAdjustment ? toBasisPoints(values.adjustmentPercent) : null,
+            active: values.active,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: rule.id, input: payload })
+            : await create.mutateAsync(payload);
+        onSuccess?.(saved);
+        onOpenChange(false);
+    };
+    const isSubmitting = create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Start Time Rule" : "Add Start Time Rule" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Option price rule" }), _jsx(OptionPriceRuleCombobox, { value: form.watch("optionPriceRuleId"), onChange: (value) => form.setValue("optionPriceRuleId", value ?? "", {
+                                                shouldDirty: true,
+                                                shouldValidate: true,
+                                            }), disabled: isEditing }), form.formState.errors.optionPriceRuleId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.optionPriceRuleId.message })) : null] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Option ID" }), _jsx(Input, { ...form.register("optionId"), placeholder: "popt_\u2026" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Start time ID" }), _jsx(Input, { ...form.register("startTimeId"), placeholder: "pst_\u2026" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Rule mode" }), _jsxs(Select, { items: RULE_MODES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("ruleMode"), onValueChange: (value) => form.setValue("ruleMode", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: RULE_MODES.map((mode) => (_jsx(SelectItem, { value: mode, className: "capitalize", children: mode.replace(/_/g, " ") }, mode))) })] })] }), showAdjustment ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Adjustment type" }), _jsxs(Select, { items: ADJUSTMENT_TYPES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("adjustmentType") ?? "", onValueChange: (value) => form.setValue("adjustmentType", (value || null)), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Select\u2026" }) }), _jsx(SelectContent, { children: ADJUSTMENT_TYPES.map((type) => (_jsx(SelectItem, { value: type, className: "capitalize", children: type }, type))) })] })] })) : null] }), showAdjustment ? (_jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sell adjustment" }), _jsx(Input, { ...form.register("sellAdjustment"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cost adjustment" }), _jsx(Input, { ...form.register("costAdjustment"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Adjustment (%)" }), _jsx(Input, { ...form.register("adjustmentPercent"), type: "number", step: "0.01", min: "0", max: "100" })] })] })) : null, _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) }), _jsx(Label, { children: "Active" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes") })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Add Rule"] })] })] })] }) }));
+}

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

@@ -0,0 +1,10 @@
+import { type OptionUnitPriceRuleRecord } from "@voyantjs/pricing-react";
+type Props = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    rule?: OptionUnitPriceRuleRecord;
+    onSuccess?: (rule: OptionUnitPriceRuleRecord) => void;
+};
+export declare function OptionUnitPriceRuleDialog({ open, onOpenChange, rule, onSuccess }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=option-unit-price-rule-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option-unit-price-rule-dialog.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-price-rule-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,yBAAyB,CAAA;AAwDhC,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,yBAAyB,CAAA;IAChC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAA;CACtD,CAAA;AAOD,wBAAgB,yBAAyB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,2CAgMvF"}

package/dist/components/option-unit-price-rule-dialog.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOptionUnitPriceRuleMutation, } from "@voyantjs/pricing-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { OptionPriceRuleCombobox } from "./option-price-rule-combobox";
+import { PricingCategoryCombobox } from "./pricing-category-combobox";
+const PRICING_MODES = [
+    "per_unit",
+    "per_person",
+    "per_booking",
+    "included",
+    "free",
+    "on_request",
+];
+const formSchema = z.object({
+    optionPriceRuleId: z.string().min(1, "Option price rule is required"),
+    optionId: z.string().min(1, "Option ID is required"),
+    unitId: z.string().min(1, "Unit ID is required"),
+    pricingCategoryId: z.string().optional().nullable(),
+    pricingMode: z.enum(PRICING_MODES),
+    sellAmount: z.coerce.number().min(0).optional().or(z.literal("")).nullable(),
+    costAmount: z.coerce.number().min(0).optional().or(z.literal("")).nullable(),
+    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(),
+});
+const toInt = (value) => typeof value === "number" ? value : null;
+const toCents = (value) => typeof value === "number" ? Math.round(value * 100) : null;
+export function OptionUnitPriceRuleDialog({ open, onOpenChange, rule, onSuccess }) {
+    const isEditing = !!rule;
+    const { create, update } = useOptionUnitPriceRuleMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            optionPriceRuleId: "",
+            optionId: "",
+            unitId: "",
+            pricingCategoryId: "",
+            pricingMode: "per_unit",
+            sellAmount: "",
+            costAmount: "",
+            minQuantity: "",
+            maxQuantity: "",
+            sortOrder: 0,
+            active: true,
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && rule) {
+            form.reset({
+                optionPriceRuleId: rule.optionPriceRuleId,
+                optionId: rule.optionId,
+                unitId: rule.unitId,
+                pricingCategoryId: rule.pricingCategoryId ?? "",
+                pricingMode: rule.pricingMode,
+                sellAmount: rule.sellAmountCents != null ? rule.sellAmountCents / 100 : "",
+                costAmount: rule.costAmountCents != null ? rule.costAmountCents / 100 : "",
+                minQuantity: rule.minQuantity ?? "",
+                maxQuantity: rule.maxQuantity ?? "",
+                sortOrder: rule.sortOrder,
+                active: rule.active,
+                notes: rule.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [open, rule, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            optionPriceRuleId: values.optionPriceRuleId,
+            optionId: values.optionId,
+            unitId: values.unitId,
+            pricingCategoryId: values.pricingCategoryId || null,
+            pricingMode: values.pricingMode,
+            sellAmountCents: toCents(values.sellAmount),
+            costAmountCents: toCents(values.costAmount),
+            minQuantity: toInt(values.minQuantity),
+            maxQuantity: toInt(values.maxQuantity),
+            sortOrder: values.sortOrder,
+            active: values.active,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: rule.id, input: payload })
+            : await create.mutateAsync(payload);
+        onSuccess?.(saved);
+        onOpenChange(false);
+    };
+    const isSubmitting = create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Option Unit Price Rule" : "Add Option Unit Price Rule" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Option price rule" }), _jsx(OptionPriceRuleCombobox, { value: form.watch("optionPriceRuleId"), onChange: (value) => form.setValue("optionPriceRuleId", value ?? "", {
+                                                shouldDirty: true,
+                                                shouldValidate: true,
+                                            }), disabled: isEditing }), form.formState.errors.optionPriceRuleId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.optionPriceRuleId.message })) : null] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Option ID" }), _jsx(Input, { ...form.register("optionId"), placeholder: "popt_\u2026" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Unit ID" }), _jsx(Input, { ...form.register("unitId"), placeholder: "punit_\u2026" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Pricing category (optional)" }), _jsx(PricingCategoryCombobox, { value: form.watch("pricingCategoryId"), onChange: (value) => form.setValue("pricingCategoryId", value ?? "", { shouldDirty: true }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Pricing mode" }), _jsxs(Select, { items: PRICING_MODES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("pricingMode"), onValueChange: (value) => form.setValue("pricingMode", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PRICING_MODES.map((mode) => (_jsx(SelectItem, { value: mode, className: "capitalize", children: mode.replace(/_/g, " ") }, mode))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sell amount" }), _jsx(Input, { ...form.register("sellAmount"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cost amount" }), _jsx(Input, { ...form.register("costAmount"), type: "number", step: "0.01", min: "0" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Min quantity" }), _jsx(Input, { ...form.register("minQuantity"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Max quantity" }), _jsx(Input, { ...form.register("maxQuantity"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sort order" }), _jsx(Input, { ...form.register("sortOrder"), type: "number" })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) }), _jsx(Label, { children: "Active" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes") })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Add Rule"] })] })] })] }) }));
+}

package/dist/components/option-unit-tier-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type OptionUnitTierRecord } from "@voyantjs/pricing-react";
+type Props = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    tier?: OptionUnitTierRecord;
+    onSuccess?: (tier: OptionUnitTierRecord) => void;
+};
+export declare function OptionUnitTierDialog({ open, onOpenChange, tier, onSuccess }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=option-unit-tier-dialog.d.ts.map

package/dist/components/option-unit-tier-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-unit-tier-dialog.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-tier-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAA6B,MAAM,yBAAyB,CAAA;AAgC9F,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,oBAAoB,CAAA;IAC3B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAA;CACjD,CAAA;AAOD,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,2CA0IlF"}

package/dist/components/option-unit-tier-dialog.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOptionUnitTierMutation } from "@voyantjs/pricing-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Switch, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const formSchema = z.object({
+    optionUnitPriceRuleId: z.string().min(1, "Option unit price rule is required"),
+    minQuantity: z.coerce.number().int().min(1, "Min quantity must be at least 1"),
+    maxQuantity: z.coerce.number().int().min(1).optional().or(z.literal("")).nullable(),
+    sellAmount: z.coerce.number().min(0).optional().or(z.literal("")).nullable(),
+    costAmount: z.coerce.number().min(0).optional().or(z.literal("")).nullable(),
+    active: z.boolean(),
+    sortOrder: z.coerce.number().int(),
+});
+const toCents = (value) => typeof value === "number" ? Math.round(value * 100) : null;
+const toInt = (value) => typeof value === "number" ? value : null;
+export function OptionUnitTierDialog({ open, onOpenChange, tier, onSuccess }) {
+    const isEditing = !!tier;
+    const { create, update } = useOptionUnitTierMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            optionUnitPriceRuleId: "",
+            minQuantity: 1,
+            maxQuantity: "",
+            sellAmount: "",
+            costAmount: "",
+            active: true,
+            sortOrder: 0,
+        },
+    });
+    useEffect(() => {
+        if (open && tier) {
+            form.reset({
+                optionUnitPriceRuleId: tier.optionUnitPriceRuleId,
+                minQuantity: tier.minQuantity,
+                maxQuantity: tier.maxQuantity ?? "",
+                sellAmount: tier.sellAmountCents != null ? tier.sellAmountCents / 100 : "",
+                costAmount: tier.costAmountCents != null ? tier.costAmountCents / 100 : "",
+                active: tier.active,
+                sortOrder: tier.sortOrder,
+            });
+        }
+        else if (open) {
+            form.reset({
+                optionUnitPriceRuleId: "",
+                minQuantity: 1,
+                maxQuantity: "",
+                sellAmount: "",
+                costAmount: "",
+                active: true,
+                sortOrder: 0,
+            });
+        }
+    }, [open, tier, form]);
+    const onSubmit = async (values) => {
+        const payload = {
+            optionUnitPriceRuleId: values.optionUnitPriceRuleId,
+            minQuantity: values.minQuantity,
+            maxQuantity: toInt(values.maxQuantity),
+            sellAmountCents: toCents(values.sellAmount),
+            costAmountCents: toCents(values.costAmount),
+            active: values.active,
+            sortOrder: values.sortOrder,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: tier.id, input: payload })
+            : await create.mutateAsync(payload);
+        onSuccess?.(saved);
+        onOpenChange(false);
+    };
+    const isSubmitting = create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Unit Tier" : "Add Unit Tier" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Option unit price rule ID" }), _jsx(Input, { ...form.register("optionUnitPriceRuleId"), placeholder: "oupr_\u2026", disabled: isEditing }), form.formState.errors.optionUnitPriceRuleId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.optionUnitPriceRuleId.message })) : null] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Min quantity" }), _jsx(Input, { ...form.register("minQuantity"), type: "number", min: "1" }), form.formState.errors.minQuantity ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.minQuantity.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Max quantity" }), _jsx(Input, { ...form.register("maxQuantity"), type: "number", min: "1" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sell amount" }), _jsx(Input, { ...form.register("sellAmount"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cost amount" }), _jsx(Input, { ...form.register("costAmount"), 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: "Sort order" }), _jsx(Input, { ...form.register("sortOrder"), type: "number" })] }), _jsxs("div", { className: "flex items-center gap-3 pt-6", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) }), _jsx(Label, { children: "Active" })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Add Tier"] })] })] })] }) }));
+}

package/dist/components/pickup-price-rule-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type PickupPriceRuleRecord } from "@voyantjs/pricing-react";
+type Props = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    rule?: PickupPriceRuleRecord;
+    onSuccess?: (rule: PickupPriceRuleRecord) => void;
+};
+export declare function PickupPriceRuleDialog({ open, onOpenChange, rule, onSuccess }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=pickup-price-rule-dialog.d.ts.map

package/dist/components/pickup-price-rule-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickup-price-rule-dialog.d.ts","sourceRoot":"","sources":["../../src/components/pickup-price-rule-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,qBAAqB,EAA8B,MAAM,yBAAyB,CAAA;AAmDhG,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,IAAI,CAAC,EAAE,qBAAqB,CAAA;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAA;CAClD,CAAA;AAKD,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,2CAmKnF"}

package/dist/components/pickup-price-rule-dialog.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePickupPriceRuleMutation } from "@voyantjs/pricing-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { OptionPriceRuleCombobox } from "./option-price-rule-combobox";
+const ADDON_PRICING_MODES = [
+    "included",
+    "per_person",
+    "per_booking",
+    "on_request",
+    "unavailable",
+];
+const formSchema = z.object({
+    optionPriceRuleId: z.string().min(1, "Option price rule is required"),
+    optionId: z.string().min(1, "Option ID is required"),
+    pickupPointId: z.string().min(1, "Pickup point is required"),
+    pricingMode: z.enum(ADDON_PRICING_MODES),
+    sellAmount: z.coerce.number().min(0).optional().or(z.literal("")).nullable(),
+    costAmount: z.coerce.number().min(0).optional().or(z.literal("")).nullable(),
+    active: z.boolean(),
+    sortOrder: z.coerce.number().int(),
+    notes: z.string().optional().nullable(),
+});
+const toCents = (value) => typeof value === "number" ? Math.round(value * 100) : null;
+export function PickupPriceRuleDialog({ open, onOpenChange, rule, onSuccess }) {
+    const isEditing = !!rule;
+    const { create, update } = usePickupPriceRuleMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            optionPriceRuleId: "",
+            optionId: "",
+            pickupPointId: "",
+            pricingMode: "included",
+            sellAmount: "",
+            costAmount: "",
+            active: true,
+            sortOrder: 0,
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && rule) {
+            form.reset({
+                optionPriceRuleId: rule.optionPriceRuleId,
+                optionId: rule.optionId,
+                pickupPointId: rule.pickupPointId,
+                pricingMode: rule.pricingMode,
+                sellAmount: rule.sellAmountCents != null ? rule.sellAmountCents / 100 : "",
+                costAmount: rule.costAmountCents != null ? rule.costAmountCents / 100 : "",
+                active: rule.active,
+                sortOrder: rule.sortOrder,
+                notes: rule.notes ?? "",
+            });
+        }
+        else if (open) {
+            form.reset();
+        }
+    }, [form, open, rule]);
+    const onSubmit = async (values) => {
+        const payload = {
+            optionPriceRuleId: values.optionPriceRuleId,
+            optionId: values.optionId,
+            pickupPointId: values.pickupPointId,
+            pricingMode: values.pricingMode,
+            sellAmountCents: toCents(values.sellAmount),
+            costAmountCents: toCents(values.costAmount),
+            active: values.active,
+            sortOrder: values.sortOrder,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: rule.id, input: payload })
+            : await create.mutateAsync(payload);
+        onSuccess?.(saved);
+        onOpenChange(false);
+    };
+    const isSubmitting = create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Pickup Price Rule" : "Add Pickup Price Rule" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Option price rule" }), _jsx(OptionPriceRuleCombobox, { value: form.watch("optionPriceRuleId"), onChange: (value) => form.setValue("optionPriceRuleId", value ?? "", {
+                                                shouldDirty: true,
+                                                shouldValidate: true,
+                                            }), disabled: isEditing }), form.formState.errors.optionPriceRuleId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.optionPriceRuleId.message })) : null] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Option ID" }), _jsx(Input, { ...form.register("optionId"), placeholder: "popt_\u2026" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Pickup point ID" }), _jsx(Input, { ...form.register("pickupPointId"), placeholder: "ppnt_\u2026" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Pricing mode" }), _jsxs(Select, { items: ADDON_PRICING_MODES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("pricingMode"), onValueChange: (value) => form.setValue("pricingMode", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: ADDON_PRICING_MODES.map((mode) => (_jsx(SelectItem, { value: mode, className: "capitalize", children: mode.replace(/_/g, " ") }, mode))) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sell amount" }), _jsx(Input, { ...form.register("sellAmount"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Cost amount" }), _jsx(Input, { ...form.register("costAmount"), 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: "Sort order" }), _jsx(Input, { ...form.register("sortOrder"), type: "number" })] }), _jsxs("div", { className: "flex items-center gap-3 pt-6", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) }), _jsx(Label, { children: "Active" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes") })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? "Save Changes" : "Add Rule"] })] })] })] }) }));
+}

package/dist/components/price-catalog-combobox.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function PriceCatalogCombobox({ value, onChange, placeholder, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=price-catalog-combobox.d.ts.map

package/dist/components/price-catalog-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-catalog-combobox.d.ts","sourceRoot":"","sources":["../../src/components/price-catalog-combobox.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAID,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,WAAsC,EACtC,QAAQ,GACT,EAAE,KAAK,2CAsEP"}