@voyantjs/pricing-ui 0.16.0 → 0.18.0

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

@@ -7,6 +7,7 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
+import { usePricingUiMessagesOrDefault } from "../i18n/provider";
 import { OptionPriceRuleCombobox } from "./option-price-rule-combobox";
 const ADDON_PRICING_MODES = [
     "included",
@@ -15,22 +16,28 @@ const ADDON_PRICING_MODES = [
     "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"),
-    productExtraId: z.string().optional().nullable(),
-    optionExtraConfigId: z.string().optional().nullable(),
-    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(),
-});
+function createFormSchema(messages) {
+    return z.object({
+        optionPriceRuleId: z
+            .string()
+            .min(1, messages.locationPriceRuleDialog.validation.optionPriceRuleRequired),
+        optionId: z.string().min(1, messages.locationPriceRuleDialog.validation.optionIdRequired),
+        productExtraId: z.string().optional().nullable(),
+        optionExtraConfigId: z.string().optional().nullable(),
+        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 ExtraPriceRuleDialog({ open, onOpenChange, rule, onSuccess }) {
     const isEditing = !!rule;
     const { create, update } = useExtraPriceRuleMutation();
+    const messages = usePricingUiMessagesOrDefault();
+    const formSchema = createFormSchema(messages);
     const form = useForm({
         resolver: zodResolver(formSchema),
         defaultValues: {
@@ -85,8 +92,15 @@ export function ExtraPriceRuleDialog({ open, onOpenChange, rule, onSuccess }) {
         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 Extra Price Rule" : "Add Extra 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 ?? "", {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing
+                            ? messages.locationPriceRuleDialog.extra.titles.edit
+                            : messages.locationPriceRuleDialog.extra.titles.create }) }), _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: messages.locationPriceRuleDialog.fields.optionPriceRule }), _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: "Product extra ID (optional)" }), _jsx(Input, { ...form.register("productExtraId"), placeholder: "pext_\u2026" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Option extra config ID (optional)" }), _jsx(Input, { ...form.register("optionExtraConfigId"), placeholder: "oecf_\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"] })] })] })] }) }));
+                                            }), 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: messages.locationPriceRuleDialog.fields.optionId }), _jsx(Input, { ...form.register("optionId"), placeholder: messages.locationPriceRuleDialog.placeholders.optionId })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.locationPriceRuleDialog.extra.fields.productExtraId }), _jsx(Input, { ...form.register("productExtraId"), placeholder: messages.locationPriceRuleDialog.extra.placeholders.productExtraId })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.locationPriceRuleDialog.extra.fields.optionExtraConfigId }), _jsx(Input, { ...form.register("optionExtraConfigId"), placeholder: messages.locationPriceRuleDialog.extra.placeholders.optionExtraConfigId })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.locationPriceRuleDialog.fields.pricingMode }), _jsxs(Select, { items: ADDON_PRICING_MODES.map((mode) => ({
+                                                label: messages.common.addonPricingModeLabels[mode],
+                                                value: mode,
+                                            })), 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, children: messages.common.addonPricingModeLabels[mode] }, mode))) })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.locationPriceRuleDialog.fields.sellAmount }), _jsx(Input, { ...form.register("sellAmount"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.locationPriceRuleDialog.fields.costAmount }), _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: messages.locationPriceRuleDialog.fields.sortOrder }), _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: messages.locationPriceRuleDialog.fields.active })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.locationPriceRuleDialog.fields.notes }), _jsx(Textarea, { ...form.register("notes") })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing
+                                            ? messages.locationPriceRuleDialog.actions.saveRule
+                                            : messages.locationPriceRuleDialog.actions.createRule] })] })] })] }) }));
 }

package/dist/components/option-price-rule-combobox.d.ts

@@ -4,6 +4,6 @@ type Props = {
     placeholder?: string;
     disabled?: boolean;
 };
-export declare function OptionPriceRuleCombobox({ value, onChange, placeholder, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function OptionPriceRuleCombobox({ value, onChange, placeholder, disabled }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=option-price-rule-combobox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"option-price-rule-combobox.d.ts","sourceRoot":"","sources":["../../src/components/option-price-rule-combobox.tsx"],"names":[],"mappings":"AAgBA,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,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,WAA0C,EAC1C,QAAQ,GACT,EAAE,KAAK,2CAsEP"}
+{"version":3,"file":"option-price-rule-combobox.d.ts","sourceRoot":"","sources":["../../src/components/option-price-rule-combobox.tsx"],"names":[],"mappings":"AAkBA,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,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA0ExF"}

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

@@ -2,8 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useOptionPriceRule, useOptionPriceRules, } from "@voyantjs/pricing-react";
 import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
 import * as React from "react";
+import { usePricingUiMessagesOrDefault } from "../i18n/provider";
 const PAGE_SIZE = 25;
-export function OptionPriceRuleCombobox({ value, onChange, placeholder = "Search option price rules…", disabled, }) {
+export function OptionPriceRuleCombobox({ value, onChange, placeholder, disabled }) {
+    const messages = usePricingUiMessagesOrDefault();
     const [search, setSearch] = React.useState("");
     const listQuery = useOptionPriceRules({ limit: PAGE_SIZE });
     const selectedQuery = useOptionPriceRule(value, { enabled: !!value });
@@ -34,9 +36,9 @@ export function OptionPriceRuleCombobox({ value, onChange, placeholder = "Search
             const id = next ?? null;
             onChange(id);
             setInputValue(id ? (itemMap.get(id)?.name ?? "") : "");
-        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
-                            ? "Loading…"
-                            : "No option price rules found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder ?? messages.comboboxes.optionPriceRule.placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
+                            ? messages.common.loading
+                            : messages.comboboxes.optionPriceRule.empty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
                                 const item = itemMap.get(id);
                                 if (!item)
                                     return null;

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

@@ -1 +1 @@
-{"version":3,"file":"option-price-rule-dialog.d.ts","sourceRoot":"","sources":["../../src/components/option-price-rule-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,qBAAqB,EAA8B,MAAM,yBAAyB,CAAA;AAyDhG,MAAM,WAAW,0BAA0B;IACzC,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;AAKD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAS,GACV,EAAE,0BAA0B,2CAwR5B"}
+{"version":3,"file":"option-price-rule-dialog.d.ts","sourceRoot":"","sources":["../../src/components/option-price-rule-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,qBAAqB,EAA8B,MAAM,yBAAyB,CAAA;AA8DhG,MAAM,WAAW,0BAA0B;IACzC,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;AAKD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAS,GACV,EAAE,0BAA0B,2CAwS5B"}

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

@@ -7,35 +7,40 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
+import { usePricingUiMessagesOrDefault } from "../i18n/provider";
 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(),
-});
+function createFormSchema(messages) {
+    return z.object({
+        productId: z.string().min(1, messages.optionPriceRuleDialog.validation.productRequired),
+        optionId: z.string().min(1, messages.optionPriceRuleDialog.validation.optionRequired),
+        priceCatalogId: z.string().min(1, messages.optionPriceRuleDialog.validation.catalogRequired),
+        priceScheduleId: z.string().optional().nullable(),
+        cancellationPolicyId: z.string().optional().nullable(),
+        name: z.string().min(1, messages.optionPriceRuleDialog.validation.nameRequired).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 messages = usePricingUiMessagesOrDefault();
+    const formSchema = createFormSchema(messages);
     const form = useForm({
         resolver: zodResolver(formSchema),
         defaultValues: {
@@ -113,20 +118,27 @@ export function OptionPriceRuleDialog({ open, onOpenChange, rule, onSuccess, })
         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) => {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing
+                            ? messages.optionPriceRuleDialog.titles.edit
+                            : messages.optionPriceRuleDialog.titles.create }) }), _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: messages.optionPriceRuleDialog.fields.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 ?? "", {
+                                                    }, 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: messages.optionPriceRuleDialog.fields.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) => {
+                                                    }), 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: messages.optionPriceRuleDialog.fields.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: messages.optionPriceRuleDialog.fields.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: messages.optionPriceRuleDialog.fields.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"] })] })] })] }) }));
+                                                    } }), 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: messages.optionPriceRuleDialog.fields.schedule }), _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: messages.optionPriceRuleDialog.fields.cancellationPolicy }), _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: messages.optionPriceRuleDialog.fields.pricingMode }), _jsxs(Select, { items: PRICING_MODES.map((mode) => ({
+                                                        label: messages.common.optionPriceRulePricingModeLabels[mode],
+                                                        value: mode,
+                                                    })), 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, children: messages.common.optionPriceRulePricingModeLabels[mode] }, mode))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionPriceRuleDialog.fields.baseSell }), _jsx(Input, { ...form.register("baseSell"), type: "number", min: "0", step: "0.01" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionPriceRuleDialog.fields.baseCost }), _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: messages.optionPriceRuleDialog.fields.minPerBooking }), _jsx(Input, { ...form.register("minPerBooking"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionPriceRuleDialog.fields.maxPerBooking }), _jsx(Input, { ...form.register("maxPerBooking"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionPriceRuleDialog.fields.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: messages.optionPriceRuleDialog.fields.allPricingCategories })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("isDefault"), onCheckedChange: (checked) => form.setValue("isDefault", checked) }), _jsx(Label, { children: messages.optionPriceRuleDialog.fields.defaultRule })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (checked) => form.setValue("active", checked) }), _jsx(Label, { children: messages.optionPriceRuleDialog.fields.active })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionPriceRuleDialog.fields.notes }), _jsx(Textarea, { ...form.register("notes"), rows: 2 })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing
+                                            ? messages.common.saveChanges
+                                            : messages.optionPriceRuleDialog.actions.create] })] })] })] }) }));
 }

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

@@ -1 +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"}
+{"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;AAyDhC,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,2CAgOvF"}

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

@@ -7,26 +7,35 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
+import { usePricingUiMessagesOrDefault } from "../i18n/provider";
 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(),
-});
+function createFormSchema(messages) {
+    return z.object({
+        optionPriceRuleId: z
+            .string()
+            .min(1, messages.optionStartTimeRuleDialog.validation.optionPriceRuleRequired),
+        optionId: z.string().min(1, messages.optionStartTimeRuleDialog.validation.optionIdRequired),
+        startTimeId: z
+            .string()
+            .min(1, messages.optionStartTimeRuleDialog.validation.startTimeIdRequired),
+        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 messages = usePricingUiMessagesOrDefault();
+    const formSchema = createFormSchema(messages);
     const form = useForm({
         resolver: zodResolver(formSchema),
         defaultValues: {
@@ -83,8 +92,18 @@ export function OptionStartTimeRuleDialog({ open, onOpenChange, rule, onSuccess
         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 ?? "", {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing
+                            ? messages.optionStartTimeRuleDialog.titles.edit
+                            : messages.optionStartTimeRuleDialog.titles.create }) }), _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: messages.optionStartTimeRuleDialog.fields.optionPriceRule }), _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"] })] })] })] }) }));
+                                            }), 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: messages.optionStartTimeRuleDialog.fields.optionId }), _jsx(Input, { ...form.register("optionId"), placeholder: messages.optionStartTimeRuleDialog.placeholders.optionId })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionStartTimeRuleDialog.fields.startTimeId }), _jsx(Input, { ...form.register("startTimeId"), placeholder: messages.optionStartTimeRuleDialog.placeholders.startTimeId })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionStartTimeRuleDialog.fields.ruleMode }), _jsxs(Select, { items: RULE_MODES.map((mode) => ({
+                                                        label: messages.common.startTimeRuleModeLabels[mode],
+                                                        value: mode,
+                                                    })), 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, children: messages.common.startTimeRuleModeLabels[mode] }, mode))) })] })] }), showAdjustment ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionStartTimeRuleDialog.fields.adjustmentType }), _jsxs(Select, { items: ADJUSTMENT_TYPES.map((type) => ({
+                                                        label: messages.common.adjustmentTypeLabels[type],
+                                                        value: type,
+                                                    })), value: form.watch("adjustmentType") ?? "", onValueChange: (value) => form.setValue("adjustmentType", (value || null)), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: messages.optionStartTimeRuleDialog.placeholders.select }) }), _jsx(SelectContent, { children: ADJUSTMENT_TYPES.map((type) => (_jsx(SelectItem, { value: type, children: messages.common.adjustmentTypeLabels[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: messages.optionStartTimeRuleDialog.fields.sellAdjustment }), _jsx(Input, { ...form.register("sellAdjustment"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionStartTimeRuleDialog.fields.costAdjustment }), _jsx(Input, { ...form.register("costAdjustment"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionStartTimeRuleDialog.fields.adjustmentPercent }), _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: messages.optionStartTimeRuleDialog.fields.active })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionStartTimeRuleDialog.fields.notes }), _jsx(Textarea, { ...form.register("notes") })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing
+                                            ? messages.common.saveChanges
+                                            : messages.optionStartTimeRuleDialog.actions.create] })] })] })] }) }));
 }

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

@@ -1 +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"}
+{"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;AA+DhC,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,2CAgNvF"}

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

@@ -7,6 +7,7 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
+import { usePricingUiMessagesOrDefault } from "../i18n/provider";
 import { OptionPriceRuleCombobox } from "./option-price-rule-combobox";
 import { PricingCategoryCombobox } from "./pricing-category-combobox";
 const PRICING_MODES = [
@@ -17,25 +18,31 @@ const PRICING_MODES = [
     "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(),
-});
+function createFormSchema(messages) {
+    return z.object({
+        optionPriceRuleId: z
+            .string()
+            .min(1, messages.optionUnitPriceRuleDialog.validation.optionPriceRuleRequired),
+        optionId: z.string().min(1, messages.optionUnitPriceRuleDialog.validation.optionIdRequired),
+        unitId: z.string().min(1, messages.optionUnitPriceRuleDialog.validation.unitIdRequired),
+        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 messages = usePricingUiMessagesOrDefault();
+    const formSchema = createFormSchema(messages);
     const form = useForm({
         resolver: zodResolver(formSchema),
         defaultValues: {
@@ -96,8 +103,15 @@ export function OptionUnitPriceRuleDialog({ open, onOpenChange, rule, onSuccess
         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 ?? "", {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing
+                            ? messages.optionUnitPriceRuleDialog.titles.edit
+                            : messages.optionUnitPriceRuleDialog.titles.create }) }), _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: messages.optionUnitPriceRuleDialog.fields.optionPriceRule }), _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"] })] })] })] }) }));
+                                            }), 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: messages.optionUnitPriceRuleDialog.fields.optionId }), _jsx(Input, { ...form.register("optionId"), placeholder: messages.optionUnitPriceRuleDialog.placeholders.optionId })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionUnitPriceRuleDialog.fields.unitId }), _jsx(Input, { ...form.register("unitId"), placeholder: messages.optionUnitPriceRuleDialog.placeholders.unitId })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionUnitPriceRuleDialog.fields.pricingCategory }), _jsx(PricingCategoryCombobox, { value: form.watch("pricingCategoryId"), onChange: (value) => form.setValue("pricingCategoryId", value ?? "", { shouldDirty: true }), placeholder: messages.optionUnitPriceRuleDialog.placeholders.pricingCategory })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionUnitPriceRuleDialog.fields.pricingMode }), _jsxs(Select, { items: PRICING_MODES.map((mode) => ({
+                                                        label: messages.common.unitPricingModeLabels[mode],
+                                                        value: mode,
+                                                    })), 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, children: messages.common.unitPricingModeLabels[mode] }, mode))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionUnitPriceRuleDialog.fields.sellAmount }), _jsx(Input, { ...form.register("sellAmount"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionUnitPriceRuleDialog.fields.costAmount }), _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: messages.optionUnitPriceRuleDialog.fields.minQuantity }), _jsx(Input, { ...form.register("minQuantity"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionUnitPriceRuleDialog.fields.maxQuantity }), _jsx(Input, { ...form.register("maxQuantity"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionUnitPriceRuleDialog.fields.sortOrder }), _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: messages.optionUnitPriceRuleDialog.fields.active })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionUnitPriceRuleDialog.fields.notes }), _jsx(Textarea, { ...form.register("notes") })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing
+                                            ? messages.common.saveChanges
+                                            : messages.optionUnitPriceRuleDialog.actions.create] })] })] })] }) }));
 }

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

@@ -1 +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"}
+{"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;AA0C9F,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,2CAkJlF"}

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

@@ -7,20 +7,30 @@ 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(),
-});
+import { usePricingUiMessagesOrDefault } from "../i18n/provider";
+function createFormSchema(messages) {
+    return z.object({
+        optionUnitPriceRuleId: z
+            .string()
+            .min(1, messages.optionUnitTierDialog.validation.optionUnitPriceRuleIdRequired),
+        minQuantity: z.coerce
+            .number()
+            .int()
+            .min(1, messages.optionUnitTierDialog.validation.minQuantityMin),
+        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 messages = usePricingUiMessagesOrDefault();
+    const formSchema = createFormSchema(messages);
     const form = useForm({
         resolver: zodResolver(formSchema),
         defaultValues: {
@@ -74,5 +84,9 @@ export function OptionUnitTierDialog({ open, onOpenChange, tier, onSuccess }) {
         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"] })] })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing
+                            ? messages.optionUnitTierDialog.titles.edit
+                            : messages.optionUnitTierDialog.titles.create }) }), _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: messages.optionUnitTierDialog.fields.optionUnitPriceRuleId }), _jsx(Input, { ...form.register("optionUnitPriceRuleId"), placeholder: messages.optionUnitTierDialog.placeholders.optionUnitPriceRuleId, 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: messages.optionUnitTierDialog.fields.minQuantity }), _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: messages.optionUnitTierDialog.fields.maxQuantity }), _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: messages.optionUnitTierDialog.fields.sellAmount }), _jsx(Input, { ...form.register("sellAmount"), type: "number", step: "0.01", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.optionUnitTierDialog.fields.costAmount }), _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: messages.optionUnitTierDialog.fields.sortOrder }), _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: messages.optionUnitTierDialog.fields.active })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing
+                                            ? messages.common.saveChanges
+                                            : messages.optionUnitTierDialog.actions.create] })] })] })] }) }));
 }

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

@@ -1 +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"}
+{"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;AAyDhG,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,2CAoLnF"}