@open-mercato/core 0.4.5-develop-3ce83a8b24 → 0.4.5-develop-539cff4960

package/dist/modules/catalog/backend/catalog/products/create/page.js

@@ -4,7 +4,9 @@ import * as React from "react";
 import dynamic from "next/dynamic";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
-import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import {
+  CrudForm
+} from "@open-mercato/ui/backend/CrudForm";
 import { createCrud } from "@open-mercato/ui/backend/utils/crud";
 import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
@@ -13,11 +15,25 @@ import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
 import { Label } from "@open-mercato/ui/primitives/label";
 import { cn } from "@open-mercato/shared/lib/utils";
-import { Plus, Trash2, FileText, AlignLeft, ChevronLeft, ChevronRight, AlertCircle, Settings } from "lucide-react";
-import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import {
+  Plus,
+  Trash2,
+  FileText,
+  AlignLeft,
+  ChevronLeft,
+  ChevronRight,
+  AlertCircle,
+  Settings
+} from "lucide-react";
+import {
+  apiCall,
+  readApiResultOrThrow
+} from "@open-mercato/ui/backend/utils/apiCall";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { E } from "../../../../../../generated/entities.ids.generated.js";
-import { ProductMediaManager } from "@open-mercato/core/modules/catalog/components/products/ProductMediaManager";
+import {
+  ProductMediaManager
+} from "@open-mercato/core/modules/catalog/components/products/ProductMediaManager";
 import { ProductCategorizeSection } from "@open-mercato/core/modules/catalog/components/products/ProductCategorizeSection";
 import {
   PRODUCT_FORM_STEPS,
@@ -39,7 +55,18 @@ import {
   updateDimensionValue,
   updateWeightValue
 } from "@open-mercato/core/modules/catalog/components/products/productForm";
-import { buildAttachmentImageUrl, slugifyAttachmentFileName } from "@open-mercato/core/modules/attachments/lib/imageUrls";
+import {
+  buildAttachmentImageUrl,
+  slugifyAttachmentFileName
+} from "@open-mercato/core/modules/attachments/lib/imageUrls";
+import { ProductUomSection } from "@open-mercato/core/modules/catalog/components/products/ProductUomSection";
+import { canonicalizeUnitCode } from "@open-mercato/core/modules/catalog/lib/unitCodes";
+import {
+  UNIT_PRICE_REFERENCE_UNITS,
+  toPositiveNumberOrNull,
+  toIntegerInRangeOrDefault,
+  normalizeProductConversionInputs
+} from "@open-mercato/core/modules/catalog/components/products/productFormUtils";
 const productFormTypedSchema = productFormSchema;
 const MarkdownEditor = dynamic(() => import("@uiw/react-md-editor"), {
   ssr: false,
@@ -58,8 +85,27 @@ const STEP_FIELD_MATCHERS = {
     matchPrefix("dimensions"),
     matchPrefix("weight")
   ],
-  organize: [matchField("categoryIds"), matchField("channelIds"), matchField("tags")],
-  variants: [matchField("hasVariants"), matchPrefix("options"), matchPrefix("variants")]
+  organize: [
+    matchField("categoryIds"),
+    matchField("channelIds"),
+    matchField("tags")
+  ],
+  uom: [
+    matchField("defaultUnit"),
+    matchField("defaultSalesUnit"),
+    matchField("defaultSalesUnitQuantity"),
+    matchField("uomRoundingScale"),
+    matchField("uomRoundingMode"),
+    matchField("unitPriceEnabled"),
+    matchField("unitPriceReferenceUnit"),
+    matchField("unitPriceBaseQuantity"),
+    matchPrefix("unitConversions")
+  ],
+  variants: [
+    matchField("hasVariants"),
+    matchPrefix("options"),
+    matchPrefix("variants")
+  ]
 };
 function resolveStepForField(fieldId) {
   const normalized = fieldId?.trim();
@@ -116,11 +162,12 @@ function CreateCatalogProductPage() {
   React.useEffect(() => {
     const loadPriceKinds = async () => {
       try {
-        const payload = await readApiResultOrThrow(
-          "/api/catalog/price-kinds?pageSize=100",
-          void 0,
-          { errorMessage: t("catalog.priceKinds.errors.load", "Failed to load price kinds.") }
-        );
+        const payload = await readApiResultOrThrow("/api/catalog/price-kinds?pageSize=100", void 0, {
+          errorMessage: t(
+            "catalog.priceKinds.errors.load",
+            "Failed to load price kinds."
+          )
+        });
         const items = Array.isArray(payload.items) ? payload.items : [];
         setPriceKinds(
           items.map((item) => normalizePriceKindSummary(item)).filter((item) => item !== null)
@@ -136,18 +183,23 @@ function CreateCatalogProductPage() {
   React.useEffect(() => {
     const loadTaxRates = async () => {
       try {
-        const payload = await readApiResultOrThrow(
-          "/api/sales/tax-rates?pageSize=200",
-          void 0,
-          { errorMessage: t("catalog.products.create.taxRates.error", "Failed to load tax rates."), fallback: { items: [] } }
-        );
+        const payload = await readApiResultOrThrow("/api/sales/tax-rates?pageSize=100", void 0, {
+          errorMessage: t(
+            "catalog.products.create.taxRates.error",
+            "Failed to load tax rates."
+          ),
+          fallback: { items: [] }
+        });
         const items = Array.isArray(payload.items) ? payload.items : [];
         setTaxRates(
           items.map((item) => {
             const rawRate = typeof item.rate === "number" ? item.rate : Number(item.rate ?? Number.NaN);
             return {
               id: String(item.id),
-              name: typeof item.name === "string" && item.name.trim().length ? item.name : t("catalog.products.create.taxRates.unnamed", "Untitled tax rate"),
+              name: typeof item.name === "string" && item.name.trim().length ? item.name : t(
+                "catalog.products.create.taxRates.unnamed",
+                "Untitled tax rate"
+              ),
               code: typeof item.code === "string" && item.code.trim().length ? item.code : null,
               rate: Number.isFinite(rawRate) ? rawRate : null,
               isDefault: resolveBooleanFlag(
@@ -164,37 +216,51 @@ function CreateCatalogProductPage() {
     loadTaxRates().catch(() => {
     });
   }, [t]);
-  const groups = React.useMemo(() => [
-    {
-      id: "builder",
-      column: 1,
-      component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
-        ProductBuilder,
-        {
+  const groups = React.useMemo(
+    () => [
+      {
+        id: "builder",
+        column: 1,
+        component: ({
           values,
           setValue,
-          errors,
-          priceKinds,
-          taxRates
-        }
-      )
-    },
-    {
-      id: "product-meta",
-      column: 2,
-      title: t("catalog.products.create.meta.title", "Product meta"),
-      description: t("catalog.products.create.meta.description", "Manage subtitle and handle for storefronts."),
-      component: ({ values, setValue, errors }) => /* @__PURE__ */ jsx(
-        ProductMetaSection,
-        {
+          errors
+        }) => /* @__PURE__ */ jsx(
+          ProductBuilder,
+          {
+            values,
+            setValue,
+            errors,
+            priceKinds,
+            taxRates
+          }
+        )
+      },
+      {
+        id: "product-meta",
+        column: 2,
+        title: t("catalog.products.create.meta.title", "Product meta"),
+        description: t(
+          "catalog.products.create.meta.description",
+          "Manage subtitle and handle for storefronts."
+        ),
+        component: ({
           values,
           setValue,
-          errors,
-          taxRates
-        }
-      )
-    }
-  ], [priceKinds, taxRates, t]);
+          errors
+        }) => /* @__PURE__ */ jsx(
+          ProductMetaSection,
+          {
+            values,
+            setValue,
+            errors,
+            taxRates
+          }
+        )
+      }
+    ],
+    [priceKinds, taxRates, t]
+  );
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
     CrudForm,
     {
@@ -210,9 +276,18 @@ function CreateCatalogProductPage() {
       onSubmit: async (formValues) => {
         const title = formValues.title?.trim();
         if (!title) {
-          throw createCrudFormError(t("catalog.products.create.errors.title", "Provide a product title."), {
-            title: t("catalog.products.create.errors.title", "Provide a product title.")
-          });
+          throw createCrudFormError(
+            t(
+              "catalog.products.create.errors.title",
+              "Provide a product title."
+            ),
+            {
+              title: t(
+                "catalog.products.create.errors.title",
+                "Provide a product title."
+              )
+            }
+          );
         }
         const handle = formValues.handle?.trim() || void 0;
         const description = formValues.description?.trim() || void 0;
@@ -224,8 +299,13 @@ function CreateCatalogProductPage() {
         const defaultMediaUrl = defaultMediaEntry ? buildAttachmentImageUrl(defaultMediaEntry.id, {
           slug: slugifyAttachmentFileName(defaultMediaEntry.fileName)
         }) : null;
-        const optionSchemaDefinition = buildOptionSchemaDefinition(formValues.options, title);
-        const dimensions = sanitizeProductDimensions(formValues.dimensions ?? null);
+        const optionSchemaDefinition = buildOptionSchemaDefinition(
+          formValues.options,
+          title
+        );
+        const dimensions = sanitizeProductDimensions(
+          formValues.dimensions ?? null
+        );
         const weight = sanitizeProductWeight(formValues.weight ?? null);
         const resolveTaxRateValue = (taxRateId) => {
           if (!taxRateId) return null;
@@ -239,6 +319,85 @@ function CreateCatalogProductPage() {
           const resolvedVariantTaxRate = resolveTaxRateValue(resolvedVariantTaxRateId) ?? (resolvedVariantTaxRateId ? null : productTaxRate ?? null);
           return { resolvedVariantTaxRateId, resolvedVariantTaxRate };
         };
+        const defaultUnit = canonicalizeUnitCode(formValues.defaultUnit);
+        const defaultSalesUnit = canonicalizeUnitCode(
+          formValues.defaultSalesUnit
+        );
+        const defaultSalesUnitQuantity = toPositiveNumberOrNull(formValues.defaultSalesUnitQuantity) ?? 1;
+        const uomRoundingScale = toIntegerInRangeOrDefault(
+          formValues.uomRoundingScale,
+          0,
+          6,
+          4
+        );
+        const uomRoundingMode = formValues.uomRoundingMode === "down" || formValues.uomRoundingMode === "up" ? formValues.uomRoundingMode : "half_up";
+        const unitPriceEnabled = Boolean(formValues.unitPriceEnabled);
+        const unitPriceReferenceUnit = canonicalizeUnitCode(
+          formValues.unitPriceReferenceUnit
+        );
+        const unitPriceBaseQuantity = toPositiveNumberOrNull(
+          formValues.unitPriceBaseQuantity
+        );
+        if (defaultSalesUnit && !defaultUnit) {
+          const message = t(
+            "catalog.products.uom.errors.baseRequired",
+            "Base unit is required when default sales unit is set."
+          );
+          throw createCrudFormError(message, { defaultSalesUnit: message });
+        }
+        const conversionInputs = normalizeProductConversionInputs(
+          formValues.unitConversions,
+          t(
+            "catalog.products.uom.errors.duplicateConversion",
+            "Duplicate conversion unit is not allowed."
+          )
+        );
+        if (conversionInputs.length && !defaultUnit) {
+          const message = t(
+            "catalog.products.uom.errors.baseRequiredForConversions",
+            "Base unit is required when conversions are configured."
+          );
+          throw createCrudFormError(message, { defaultUnit: message });
+        }
+        const defaultUnitKey = defaultUnit?.toLowerCase() ?? null;
+        const defaultSalesUnitKey = defaultSalesUnit?.toLowerCase() ?? null;
+        if (defaultUnitKey && defaultSalesUnitKey && defaultSalesUnitKey !== defaultUnitKey) {
+          const hasDefaultSalesConversion = conversionInputs.some(
+            (entry) => entry.isActive && entry.unitCode.toLowerCase() === defaultSalesUnitKey
+          );
+          if (!hasDefaultSalesConversion) {
+            const message = t(
+              "catalog.products.uom.errors.defaultSalesConversionRequired",
+              "Active conversion for default sales unit is required when it differs from base unit."
+            );
+            throw createCrudFormError(message, {
+              defaultSalesUnit: message,
+              unitConversions: message
+            });
+          }
+        }
+        if (unitPriceEnabled) {
+          if (!unitPriceReferenceUnit || !UNIT_PRICE_REFERENCE_UNITS.has(
+            unitPriceReferenceUnit
+          )) {
+            const message = t(
+              "catalog.products.unitPrice.errors.referenceUnit",
+              "Reference unit is required when unit price display is enabled."
+            );
+            throw createCrudFormError(message, {
+              unitPriceReferenceUnit: message
+            });
+          }
+          if (unitPriceBaseQuantity === null) {
+            const message = t(
+              "catalog.products.unitPrice.errors.baseQuantity",
+              "Base quantity is required when unit price display is enabled."
+            );
+            throw createCrudFormError(message, {
+              unitPriceBaseQuantity: message
+            });
+          }
+        }
         const productPayload = {
           title,
           subtitle: formValues.subtitle?.trim() || void 0,
@@ -251,7 +410,15 @@ function CreateCatalogProductPage() {
           defaultMediaUrl: defaultMediaUrl ?? void 0,
           dimensions,
           weightValue: weight?.value ?? null,
-          weightUnit: weight?.unit ?? null
+          weightUnit: weight?.unit ?? null,
+          defaultUnit: defaultUnit ?? null,
+          defaultSalesUnit: defaultSalesUnit ?? defaultUnit ?? null,
+          defaultSalesUnitQuantity,
+          uomRoundingScale,
+          uomRoundingMode,
+          unitPriceEnabled,
+          unitPriceReferenceUnit: unitPriceEnabled ? unitPriceReferenceUnit : void 0,
+          unitPriceBaseQuantity: unitPriceEnabled ? unitPriceBaseQuantity : void 0
         };
         if (optionSchemaDefinition) {
           productPayload.optionSchema = optionSchemaDefinition;
@@ -278,7 +445,11 @@ function CreateCatalogProductPage() {
             defaultMediaUrl: defaultMediaUrl ?? void 0
           }));
         }
-        const variantDrafts = (Array.isArray(formValues.variants) && formValues.variants.length ? formValues.variants : [createVariantDraft(formValues.taxRateId ?? null, { isDefault: true })]) ?? [];
+        const variantDrafts = (Array.isArray(formValues.variants) && formValues.variants.length ? formValues.variants : [
+          createVariantDraft(formValues.taxRateId ?? null, {
+            isDefault: true
+          })
+        ]) ?? [];
         const priceRequests = [];
         for (const variant of variantDrafts) {
           const { resolvedVariantTaxRateId, resolvedVariantTaxRate } = resolveVariantTax(variant);
@@ -288,13 +459,19 @@ function CreateCatalogProductPage() {
             const numeric = Number(value);
             if (Number.isNaN(numeric) || !Number.isFinite(numeric) || numeric < 0) {
               throw createCrudFormError(
-                t("catalog.products.create.errors.priceNonNegative", "Prices must be zero or greater.")
+                t(
+                  "catalog.products.create.errors.priceNonNegative",
+                  "Prices must be zero or greater."
+                )
               );
             }
             const currencyCode = typeof priceKind.currencyCode === "string" && priceKind.currencyCode.trim().length ? priceKind.currencyCode.trim().toUpperCase() : "";
             if (!currencyCode) {
               throw createCrudFormError(
-                t("catalog.products.create.errors.currency", "Provide a currency for all price kinds."),
+                t(
+                  "catalog.products.create.errors.currency",
+                  "Provide a currency for all price kinds."
+                ),
                 {}
               );
             }
@@ -311,12 +488,29 @@ function CreateCatalogProductPage() {
         }
         const cleanupState = { productId: null, variantIds: [] };
         try {
-          const { result: created } = await createCrud("catalog/products", productPayload);
+          const { result: created } = await createCrud(
+            "catalog/products",
+            productPayload
+          );
           const productId = created?.id;
           if (!productId) {
-            throw createCrudFormError(t("catalog.products.create.errors.id", "Product id missing after create."));
+            throw createCrudFormError(
+              t(
+                "catalog.products.create.errors.id",
+                "Product id missing after create."
+              )
+            );
           }
           cleanupState.productId = productId;
+          for (const conversion of conversionInputs) {
+            await createCrud("catalog/product-unit-conversions", {
+              productId,
+              unitCode: conversion.unitCode,
+              toBaseFactor: conversion.toBaseFactor,
+              sortOrder: conversion.sortOrder,
+              isActive: conversion.isActive
+            });
+          }
           const variantIdMap = {};
           for (const variant of variantDrafts) {
             const { resolvedVariantTaxRateId, resolvedVariantTaxRate } = resolveVariantTax(variant);
@@ -330,13 +524,15 @@ function CreateCatalogProductPage() {
               taxRateId: resolvedVariantTaxRateId ?? null,
               taxRate: resolvedVariantTaxRate ?? null
             };
-            const { result: variantResult } = await createCrud(
-              "catalog/variants",
-              variantPayload
-            );
+            const { result: variantResult } = await createCrud("catalog/variants", variantPayload);
             const variantId = variantResult?.variantId ?? variantResult?.id;
             if (!variantId) {
-              throw createCrudFormError(t("catalog.products.create.errors.variant", "Failed to create variant."));
+              throw createCrudFormError(
+                t(
+                  "catalog.products.create.errors.variant",
+                  "Failed to create variant."
+                )
+              );
             }
             variantIdMap[variant.id] = variantId;
             cleanupState.variantIds.push(variantId);
@@ -378,7 +574,10 @@ function CreateCatalogProductPage() {
               { fallback: null }
             );
             if (!transfer.ok) {
-              console.error("attachments.transfer.failed", transfer.result?.error);
+              console.error(
+                "attachments.transfer.failed",
+                transfer.result?.error
+              );
             }
           }
           if (inboxDraft) {
@@ -398,17 +597,31 @@ function CreateCatalogProductPage() {
                 }
               );
             } catch {
-              flash(t("inbox_ops.flash.complete_failed", "Product created but failed to update inbox action status."), "warning");
+              flash(
+                t(
+                  "inbox_ops.flash.complete_failed",
+                  "Product created but failed to update inbox action status."
+                ),
+                "warning"
+              );
             }
           }
-          flash(t("catalog.products.create.success", "Product created."), "success");
+          flash(
+            t("catalog.products.create.success", "Product created."),
+            "success"
+          );
           if (inboxDraft) {
-            router.push(`/backend/inbox-ops/proposals/${encodeURIComponent(inboxDraft.proposalId)}`);
+            router.push(
+              `/backend/inbox-ops/proposals/${encodeURIComponent(inboxDraft.proposalId)}`
+            );
           } else {
             router.push("/backend/catalog/products");
           }
         } catch (err) {
-          await cleanupFailedProduct(cleanupState.productId, cleanupState.variantIds);
+          await cleanupFailedProduct(
+            cleanupState.productId,
+            cleanupState.variantIds
+          );
           throw err;
         }
       }
@@ -419,15 +632,22 @@ async function cleanupFailedProduct(productId, variantIds) {
   if (!productId && variantIds.length === 0) return;
   if (variantIds.length) {
     const variantDeletes = variantIds.map(
-      (variantId) => apiCall(`/api/catalog/variants?id=${encodeURIComponent(variantId)}`, { method: "DELETE" }).catch(() => null)
+      (variantId) => apiCall(`/api/catalog/variants?id=${encodeURIComponent(variantId)}`, {
+        method: "DELETE"
+      }).catch(() => null)
     );
     await Promise.allSettled(variantDeletes);
   }
   if (productId) {
-    await apiCall(`/api/catalog/products?id=${encodeURIComponent(productId)}`, { method: "DELETE" }).catch(() => null);
+    await apiCall(`/api/catalog/products?id=${encodeURIComponent(productId)}`, {
+      method: "DELETE"
+    }).catch(() => null);
   }
 }
-function ProductDimensionsFields({ values, setValue }) {
+function ProductDimensionsFields({
+  values,
+  setValue
+}) {
   const t = useT();
   const dimensionValues = normalizeProductDimensions(values.dimensions);
   const weightValues = normalizeProductWeight(values.weight);
@@ -441,7 +661,14 @@ function ProductDimensionsFields({ values, setValue }) {
           {
             type: "number",
             value: dimensionValues?.width ?? "",
-            onChange: (event) => setValue("dimensions", updateDimensionValue(values.dimensions ?? null, "width", event.target.value)),
+            onChange: (event) => setValue(
+              "dimensions",
+              updateDimensionValue(
+                values.dimensions ?? null,
+                "width",
+                event.target.value
+              )
+            ),
             placeholder: "0"
           }
         )
@@ -453,7 +680,14 @@ function ProductDimensionsFields({ values, setValue }) {
           {
             type: "number",
             value: dimensionValues?.height ?? "",
-            onChange: (event) => setValue("dimensions", updateDimensionValue(values.dimensions ?? null, "height", event.target.value)),
+            onChange: (event) => setValue(
+              "dimensions",
+              updateDimensionValue(
+                values.dimensions ?? null,
+                "height",
+                event.target.value
+              )
+            ),
             placeholder: "0"
           }
         )
@@ -465,7 +699,14 @@ function ProductDimensionsFields({ values, setValue }) {
           {
             type: "number",
             value: dimensionValues?.depth ?? "",
-            onChange: (event) => setValue("dimensions", updateDimensionValue(values.dimensions ?? null, "depth", event.target.value)),
+            onChange: (event) => setValue(
+              "dimensions",
+              updateDimensionValue(
+                values.dimensions ?? null,
+                "depth",
+                event.target.value
+              )
+            ),
             placeholder: "0"
           }
         )
@@ -476,7 +717,14 @@ function ProductDimensionsFields({ values, setValue }) {
           Input,
           {
             value: dimensionValues?.unit ?? "",
-            onChange: (event) => setValue("dimensions", updateDimensionValue(values.dimensions ?? null, "unit", event.target.value)),
+            onChange: (event) => setValue(
+              "dimensions",
+              updateDimensionValue(
+                values.dimensions ?? null,
+                "unit",
+                event.target.value
+              )
+            ),
             placeholder: "cm"
           }
         )
@@ -488,7 +736,14 @@ function ProductDimensionsFields({ values, setValue }) {
           {
             type: "number",
             value: weightValues?.value ?? "",
-            onChange: (event) => setValue("weight", updateWeightValue(values.weight ?? null, "value", event.target.value)),
+            onChange: (event) => setValue(
+              "weight",
+              updateWeightValue(
+                values.weight ?? null,
+                "value",
+                event.target.value
+              )
+            ),
             placeholder: "0"
           }
         )
@@ -499,7 +754,14 @@ function ProductDimensionsFields({ values, setValue }) {
           Input,
           {
             value: weightValues?.unit ?? "",
-            onChange: (event) => setValue("weight", updateWeightValue(values.weight ?? null, "unit", event.target.value)),
+            onChange: (event) => setValue(
+              "weight",
+              updateWeightValue(
+                values.weight ?? null,
+                "unit",
+                event.target.value
+              )
+            ),
             placeholder: "kg"
           }
         )
@@ -507,7 +769,13 @@ function ProductDimensionsFields({ values, setValue }) {
     ] })
   ] });
 }
-function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
+function ProductBuilder({
+  values,
+  setValue,
+  errors,
+  priceKinds,
+  taxRates
+}) {
   const t = useT();
   const steps = PRODUCT_FORM_STEPS;
   const [currentStep, setCurrentStep] = React.useState(0);
@@ -523,10 +791,13 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
     setValue("taxRateId", fallback.id);
   }, [taxRates, setValue, values.taxRateId]);
   const stepErrors = React.useMemo(() => {
-    const map = steps.reduce((acc, step) => {
-      acc[step] = [];
-      return acc;
-    }, {});
+    const map = steps.reduce(
+      (acc, step) => {
+        acc[step] = [];
+        return acc;
+      },
+      {}
+    );
     Object.entries(errors).forEach(([fieldId, message]) => {
       const step = resolveStepForField(fieldId);
       if (!step) return;
@@ -535,14 +806,20 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
     });
     return map;
   }, [errors, steps]);
-  const errorSignature = React.useMemo(() => Object.keys(errors).sort().join("|"), [errors]);
+  const errorSignature = React.useMemo(
+    () => Object.keys(errors).sort().join("|"),
+    [errors]
+  );
   const lastErrorSignatureRef = React.useRef(null);
   React.useEffect(() => {
-    if (!errorSignature || errorSignature === lastErrorSignatureRef.current) return;
+    if (!errorSignature || errorSignature === lastErrorSignatureRef.current)
+      return;
     lastErrorSignatureRef.current = errorSignature;
     const currentStepKey2 = steps[currentStep];
     if (currentStepKey2 && stepErrors[currentStepKey2]?.length) return;
-    const fallbackIndex = steps.findIndex((step) => (stepErrors[step] ?? []).length > 0);
+    const fallbackIndex = steps.findIndex(
+      (step) => (stepErrors[step] ?? []).length > 0
+    );
     if (fallbackIndex >= 0 && fallbackIndex !== currentStep) {
       setCurrentStep(fallbackIndex);
     }
@@ -556,11 +833,16 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
     if (currentStep >= steps.length) setCurrentStep(0);
   }, [currentStep, steps.length]);
   const currentStepKey = steps[currentStep] ?? steps[0];
-  const mediaItems = Array.isArray(values.mediaItems) ? values.mediaItems : [];
+  const mediaItems = React.useMemo(
+    () => Array.isArray(values.mediaItems) ? values.mediaItems : [],
+    [values.mediaItems]
+  );
   const handleMediaItemsChange = React.useCallback(
     (nextItems) => {
       setValue("mediaItems", nextItems);
-      const hasCurrent = nextItems.some((item) => item.id === values.defaultMediaId);
+      const hasCurrent = nextItems.some(
+        (item) => item.id === values.defaultMediaId
+      );
       if (!hasCurrent) {
         const fallbackId = nextItems[0]?.id ?? null;
         setValue("defaultMediaId", fallbackId);
@@ -589,7 +871,9 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
       if (target) {
         setValue(
           "defaultMediaUrl",
-          buildAttachmentImageUrl(target.id, { slug: slugifyAttachmentFileName(target.fileName) })
+          buildAttachmentImageUrl(target.id, {
+            slug: slugifyAttachmentFileName(target.fileName)
+          })
         );
       }
     },
@@ -599,13 +883,20 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
     const optionDefinitions = Array.isArray(values.options) ? values.options : [];
     if (!values.hasVariants || !optionDefinitions.length) {
       if (!values.variants || !values.variants.length) {
-        setValue("variants", [createVariantDraft(values.taxRateId ?? null, { isDefault: true })]);
+        setValue("variants", [
+          createVariantDraft(values.taxRateId ?? null, { isDefault: true })
+        ]);
       }
       return;
     }
     const combos = buildVariantCombinations(optionDefinitions);
     const existing = Array.isArray(values.variants) ? values.variants : [];
-    const existingByKey = new Map(existing.map((variant) => [buildOptionValuesKey(variant.optionValues), variant]));
+    const existingByKey = new Map(
+      existing.map((variant) => [
+        buildOptionValuesKey(variant.optionValues),
+        variant
+      ])
+    );
     let hasDefault = existing.some((variant) => variant.isDefault);
     let changed = existing.length !== combos.length;
     const nextVariants = combos.map((combo, index) => {
@@ -636,7 +927,13 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
     if (changed) {
       setValue("variants", nextVariants);
     }
-  }, [values.options, values.variants, values.hasVariants, setValue]);
+  }, [
+    values.options,
+    values.variants,
+    values.hasVariants,
+    values.taxRateId,
+    setValue
+  ]);
   React.useEffect(() => {
     ensureVariants();
   }, [ensureVariants]);
@@ -656,10 +953,12 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
   }, [values.taxRateId, values.variants, setValue]);
   const setVariantField = React.useCallback(
     (variantId, field, value) => {
-      const next = (Array.isArray(values.variants) ? values.variants : []).map((variant) => {
-        if (variant.id !== variantId) return variant;
-        return { ...variant, [field]: value };
-      });
+      const next = (Array.isArray(values.variants) ? values.variants : []).map(
+        (variant) => {
+          if (variant.id !== variantId) return variant;
+          return { ...variant, [field]: value };
+        }
+      );
       setValue("variants", next);
     },
     [values.variants, setValue]
@@ -667,51 +966,72 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
   const setVariantPrice = React.useCallback(
     (variantId, priceKindId, amount) => {
       if (amount.trim().startsWith("-")) return;
-      const next = (Array.isArray(values.variants) ? values.variants : []).map((variant) => {
-        if (variant.id !== variantId) return variant;
-        const nextPrices = { ...variant.prices ?? {} };
-        if (amount === "") {
-          delete nextPrices[priceKindId];
-        } else {
-          nextPrices[priceKindId] = { amount };
+      const next = (Array.isArray(values.variants) ? values.variants : []).map(
+        (variant) => {
+          if (variant.id !== variantId) return variant;
+          const nextPrices = { ...variant.prices ?? {} };
+          if (amount === "") {
+            delete nextPrices[priceKindId];
+          } else {
+            nextPrices[priceKindId] = { amount };
+          }
+          return {
+            ...variant,
+            prices: nextPrices
+          };
         }
-        return {
+      );
+      setValue("variants", next);
+    },
+    [values.variants, setValue]
+  );
+  const markDefaultVariant = React.useCallback(
+    (variantId) => {
+      const next = (Array.isArray(values.variants) ? values.variants : []).map(
+        (variant) => ({
           ...variant,
-          prices: nextPrices
-        };
-      });
+          isDefault: variant.id === variantId
+        })
+      );
       setValue("variants", next);
     },
     [values.variants, setValue]
   );
-  const markDefaultVariant = React.useCallback((variantId) => {
-    const next = (Array.isArray(values.variants) ? values.variants : []).map((variant) => ({
-      ...variant,
-      isDefault: variant.id === variantId
-    }));
-    setValue("variants", next);
-  }, [values.variants, setValue]);
-  const handleOptionTitleChange = React.useCallback((optionId, title) => {
-    const next = (Array.isArray(values.options) ? values.options : []).map((option) => {
-      if (option.id !== optionId) return option;
-      return { ...option, title };
-    });
-    setValue("options", next);
-  }, [values.options, setValue]);
-  const setOptionValues = React.useCallback((optionId, labels) => {
-    const normalized = labels.map((label) => label.trim()).filter((label) => label.length);
-    const unique = Array.from(new Set(normalized));
-    const next = (Array.isArray(values.options) ? values.options : []).map((option) => {
-      if (option.id !== optionId) return option;
-      const existingByLabel = new Map(option.values.map((value) => [value.label, value]));
-      const nextValues = unique.map((label) => existingByLabel.get(label) ?? { id: createLocalId(), label });
-      return {
-        ...option,
-        values: nextValues
-      };
-    });
-    setValue("options", next);
-  }, [values.options, setValue]);
+  const handleOptionTitleChange = React.useCallback(
+    (optionId, title) => {
+      const next = (Array.isArray(values.options) ? values.options : []).map(
+        (option) => {
+          if (option.id !== optionId) return option;
+          return { ...option, title };
+        }
+      );
+      setValue("options", next);
+    },
+    [values.options, setValue]
+  );
+  const setOptionValues = React.useCallback(
+    (optionId, labels) => {
+      const normalized = labels.map((label) => label.trim()).filter((label) => label.length);
+      const unique = Array.from(new Set(normalized));
+      const next = (Array.isArray(values.options) ? values.options : []).map(
+        (option) => {
+          if (option.id !== optionId) return option;
+          const existingByLabel = new Map(
+            option.values.map((value) => [value.label, value])
+          );
+          const nextValues = unique.map(
+            (label) => existingByLabel.get(label) ?? { id: createLocalId(), label }
+          );
+          return {
+            ...option,
+            values: nextValues
+          };
+        }
+      );
+      setValue("options", next);
+    },
+    [values.options, setValue]
+  );
   const addOption = React.useCallback(() => {
     const next = [
       ...Array.isArray(values.options) ? values.options : [],
@@ -719,10 +1039,15 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
     ];
     setValue("options", next);
   }, [values.options, setValue]);
-  const removeOption = React.useCallback((optionId) => {
-    const next = (Array.isArray(values.options) ? values.options : []).filter((option) => option.id !== optionId);
-    setValue("options", next);
-  }, [values.options, setValue]);
+  const removeOption = React.useCallback(
+    (optionId) => {
+      const next = (Array.isArray(values.options) ? values.options : []).filter(
+        (option) => option.id !== optionId
+      );
+      setValue("options", next);
+    },
+    [values.options, setValue]
+  );
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsx("nav", { className: "flex gap-6 border-b pb-2 text-sm font-medium", children: steps.map((step, index) => /* @__PURE__ */ jsxs(
       Button,
@@ -738,8 +1063,15 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
         children: [
           step === "general" && t("catalog.products.create.steps.general", "General data"),
           step === "organize" && t("catalog.products.create.steps.organize", "Organize"),
+          step === "uom" && t("catalog.products.uom.title", "Units of measure"),
           step === "variants" && t("catalog.products.create.steps.variants", "Variants"),
-          (stepErrors[step]?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("span", { className: "absolute -right-2 top-0 h-2 w-2 rounded-full bg-destructive", "aria-hidden": "true" }) : null,
+          (stepErrors[step]?.length ?? 0) > 0 ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "absolute -right-2 top-0 h-2 w-2 rounded-full bg-destructive",
+              "aria-hidden": "true"
+            }
+          ) : null,
           currentStep === index ? /* @__PURE__ */ jsx("span", { className: "absolute inset-x-0 -bottom-px h-0.5 bg-foreground rounded-full" }) : null
         ]
       },
@@ -756,7 +1088,10 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
           {
             value: values.title,
             onChange: (event) => setValue("title", event.target.value),
-            placeholder: t("catalog.products.create.placeholders.title", "e.g., Summer sneaker")
+            placeholder: t(
+              "catalog.products.create.placeholders.title",
+              "e.g., Summer sneaker"
+            )
           }
         ),
         errors.title ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.title }) : null
@@ -774,26 +1109,42 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
               className: "gap-2 text-xs",
               children: [
                 values.useMarkdown ? /* @__PURE__ */ jsx(AlignLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" }),
-                values.useMarkdown ? t("catalog.products.create.actions.usePlain", "Use plain text") : t("catalog.products.create.actions.useMarkdown", "Use markdown")
+                values.useMarkdown ? t(
+                  "catalog.products.create.actions.usePlain",
+                  "Use plain text"
+                ) : t(
+                  "catalog.products.create.actions.useMarkdown",
+                  "Use markdown"
+                )
               ]
             }
           )
         ] }),
-        values.useMarkdown ? /* @__PURE__ */ jsx("div", { "data-color-mode": "light", className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ jsx(
-          MarkdownEditor,
+        values.useMarkdown ? /* @__PURE__ */ jsx(
+          "div",
           {
-            value: values.description,
-            height: 260,
-            onChange: (val) => setValue("description", val ?? ""),
-            previewOptions: { remarkPlugins: [] }
+            "data-color-mode": "light",
+            className: "overflow-hidden rounded-md border",
+            children: /* @__PURE__ */ jsx(
+              MarkdownEditor,
+              {
+                value: values.description,
+                height: 260,
+                onChange: (val) => setValue("description", val ?? ""),
+                previewOptions: { remarkPlugins: [] }
+              }
+            )
           }
-        ) }) : /* @__PURE__ */ jsx(
+        ) : /* @__PURE__ */ jsx(
           "textarea",
           {
             className: "min-h-[180px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             value: values.description,
             onChange: (event) => setValue("description", event.target.value),
-            placeholder: t("catalog.products.create.placeholders.description", "Describe the product...")
+            placeholder: t(
+              "catalog.products.create.placeholders.description",
+              "Describe the product..."
+            )
           }
         )
       ] }),
@@ -808,7 +1159,13 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
           onDefaultChange: handleDefaultMediaChange
         }
       ),
-      /* @__PURE__ */ jsx(ProductDimensionsFields, { values, setValue })
+      /* @__PURE__ */ jsx(
+        ProductDimensionsFields,
+        {
+          values,
+          setValue
+        }
+      )
     ] }) : null,
     currentStepKey === "organize" ? /* @__PURE__ */ jsx(
       ProductCategorizeSection,
@@ -818,6 +1175,15 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
         errors
       }
     ) : null,
+    currentStepKey === "uom" ? /* @__PURE__ */ jsx(
+      ProductUomSection,
+      {
+        values,
+        setValue,
+        errors,
+        embedded: true
+      }
+    ) : null,
     currentStepKey === "variants" ? /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
         /* @__PURE__ */ jsx(
@@ -829,69 +1195,141 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
             onChange: (event) => setValue("hasVariants", event.target.checked)
           }
         ),
-        t("catalog.products.create.variantsBuilder.toggle", "Yes, this is a product with variants")
+        t(
+          "catalog.products.create.variantsBuilder.toggle",
+          "Yes, this is a product with variants"
+        )
       ] }),
       values.hasVariants ? /* @__PURE__ */ jsxs("div", { className: "space-y-4 rounded-lg border p-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("catalog.products.create.optionsBuilder.title", "Product options") }),
-          /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addOption, children: [
-            /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
-            t("catalog.products.create.optionsBuilder.add", "Add option")
-          ] })
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t(
+            "catalog.products.create.optionsBuilder.title",
+            "Product options"
+          ) }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: addOption,
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+                t(
+                  "catalog.products.create.optionsBuilder.add",
+                  "Add option"
+                )
+              ]
+            }
+          )
         ] }),
-        (Array.isArray(values.options) ? values.options : []).map((option) => /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/40 p-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: option.title,
-                onChange: (event) => handleOptionTitleChange(option.id, event.target.value),
-                placeholder: t("catalog.products.create.optionsBuilder.placeholder", "e.g., Color"),
-                className: "flex-1"
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", type: "button", onClick: () => removeOption(option.id), children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { className: "text-xs uppercase text-muted-foreground", children: t("catalog.products.create.optionsBuilder.values", "Values") }),
-            /* @__PURE__ */ jsx(
-              TagsInput,
-              {
-                value: option.values.map((value) => value.label),
-                onChange: (labels) => setOptionValues(option.id, labels),
-                placeholder: t("catalog.products.create.optionsBuilder.valuePlaceholder", "Type a value and press Enter")
-              }
-            )
-          ] })
-        ] }, option.id)),
-        !values.options?.length ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("catalog.products.create.optionsBuilder.empty", "No options yet. Add your first option to generate variants.") }) : null
+        (Array.isArray(values.options) ? values.options : []).map(
+          (option) => /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/40 p-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: option.title,
+                  onChange: (event) => handleOptionTitleChange(option.id, event.target.value),
+                  placeholder: t(
+                    "catalog.products.create.optionsBuilder.placeholder",
+                    "e.g., Color"
+                  ),
+                  className: "flex-1"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  type: "button",
+                  onClick: () => removeOption(option.id),
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs uppercase text-muted-foreground", children: t(
+                "catalog.products.create.optionsBuilder.values",
+                "Values"
+              ) }),
+              /* @__PURE__ */ jsx(
+                TagsInput,
+                {
+                  value: option.values.map((value) => value.label),
+                  onChange: (labels) => setOptionValues(option.id, labels),
+                  placeholder: t(
+                    "catalog.products.create.optionsBuilder.valuePlaceholder",
+                    "Type a value and press Enter"
+                  )
+                }
+              )
+            ] })
+          ] }, option.id)
+        ),
+        !values.options?.length ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+          "catalog.products.create.optionsBuilder.empty",
+          "No options yet. Add your first option to generate variants."
+        ) }) : null
       ] }) : null,
       /* @__PURE__ */ jsxs("div", { className: "rounded-lg border", children: [
         /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full min-w-[900px] table-fixed border-collapse text-sm", children: [
           /* @__PURE__ */ jsx("thead", { className: "bg-muted/40", children: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left", children: t("catalog.products.create.variantsBuilder.defaultOption", "Default option") }),
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left", children: t(
+              "catalog.products.create.variantsBuilder.defaultOption",
+              "Default option"
+            ) }),
             /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left", children: t("catalog.products.form.variants", "Variant title") }),
             /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left", children: t("catalog.products.create.variantsBuilder.sku", "SKU") }),
-            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left", children: t("catalog.products.create.variantsBuilder.vatColumn", "Tax class") }),
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left", children: t(
+              "catalog.products.create.variantsBuilder.vatColumn",
+              "Tax class"
+            ) }),
             priceKinds.map((kind) => /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx("span", { children: t("catalog.products.create.variantsBuilder.priceColumn", "Price {{title}}").replace("{{title}}", kind.title) }),
+                /* @__PURE__ */ jsx("span", { children: t(
+                  "catalog.products.create.variantsBuilder.priceColumn",
+                  "Price {{title}}"
+                ).replace("{{title}}", kind.title) }),
                 /* @__PURE__ */ jsx(
                   "small",
                   {
-                    title: kind.displayMode === "including-tax" ? t("catalog.priceKinds.form.displayMode.include", "Including tax") : t("catalog.priceKinds.form.displayMode.exclude", "Excluding tax"),
+                    title: kind.displayMode === "including-tax" ? t(
+                      "catalog.priceKinds.form.displayMode.include",
+                      "Including tax"
+                    ) : t(
+                      "catalog.priceKinds.form.displayMode.exclude",
+                      "Excluding tax"
+                    ),
                     className: "text-xs text-muted-foreground",
                     children: kind.displayMode === "including-tax" ? "\u24C9" : "\u24C3"
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: kind.currencyCode?.toUpperCase() ?? t("catalog.products.create.variantsBuilder.currencyMissing", "Currency missing") })
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: kind.currencyCode?.toUpperCase() ?? t(
+                "catalog.products.create.variantsBuilder.currencyMissing",
+                "Currency missing"
+              ) })
             ] }) }, kind.id)),
-            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-center", children: t("catalog.products.create.variantsBuilder.manageInventory", "Managed inventory") }),
-            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-center", children: t("catalog.products.create.variantsBuilder.allowBackorder", "Allow backorder") }),
-            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-center", children: t("catalog.products.create.variantsBuilder.inventoryKit", "Has inventory kit") })
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-center", children: t(
+              "catalog.products.create.variantsBuilder.manageInventory",
+              "Managed inventory"
+            ) }),
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-center", children: t(
+              "catalog.products.create.variantsBuilder.allowBackorder",
+              "Allow backorder"
+            ) }),
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-center", children: t(
+              "catalog.products.create.variantsBuilder.inventoryKit",
+              "Has inventory kit"
+            ) })
           ] }) }),
-          /* @__PURE__ */ jsx("tbody", { children: (Array.isArray(values.variants) && values.variants.length ? values.variants : [createVariantDraft(values.taxRateId ?? null, { isDefault: true })]).map((variant) => /* @__PURE__ */ jsxs("tr", { className: "border-t", children: [
+          /* @__PURE__ */ jsx("tbody", { children: (Array.isArray(values.variants) && values.variants.length ? values.variants : [
+            createVariantDraft(values.taxRateId ?? null, {
+              isDefault: true
+            })
+          ]).map((variant) => /* @__PURE__ */ jsxs("tr", { className: "border-t", children: [
             /* @__PURE__ */ jsxs("td", { className: "px-3 py-2", children: [
               /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-1 text-xs", children: [
                 /* @__PURE__ */ jsx(
@@ -903,7 +1341,13 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
                     onChange: () => markDefaultVariant(variant.id)
                   }
                 ),
-                variant.isDefault ? t("catalog.products.create.variantsBuilder.defaultLabel", "Default option value") : t("catalog.products.create.variantsBuilder.makeDefault", "Set as default")
+                variant.isDefault ? t(
+                  "catalog.products.create.variantsBuilder.defaultLabel",
+                  "Default option value"
+                ) : t(
+                  "catalog.products.create.variantsBuilder.makeDefault",
+                  "Set as default"
+                )
               ] }),
               values.hasVariants && variant.optionValues ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: Object.values(variant.optionValues).join(" / ") }) : null
             ] }),
@@ -911,16 +1355,30 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
               Input,
               {
                 value: variant.title,
-                onChange: (event) => setVariantField(variant.id, "title", event.target.value),
-                placeholder: t("catalog.products.create.variantsBuilder.titlePlaceholder", "Variant title")
+                onChange: (event) => setVariantField(
+                  variant.id,
+                  "title",
+                  event.target.value
+                ),
+                placeholder: t(
+                  "catalog.products.create.variantsBuilder.titlePlaceholder",
+                  "Variant title"
+                )
               }
             ) }),
             /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(
               Input,
               {
                 value: variant.sku,
-                onChange: (event) => setVariantField(variant.id, "sku", event.target.value),
-                placeholder: t("catalog.products.create.variantsBuilder.skuPlaceholder", "e.g., SKU-001")
+                onChange: (event) => setVariantField(
+                  variant.id,
+                  "sku",
+                  event.target.value
+                ),
+                placeholder: t(
+                  "catalog.products.create.variantsBuilder.skuPlaceholder",
+                  "e.g., SKU-001"
+                )
               }
             ) }),
             /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxs(
@@ -928,10 +1386,20 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
               {
                 className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
                 value: variant.taxRateId ?? "",
-                onChange: (event) => setVariantField(variant.id, "taxRateId", event.target.value || null),
+                onChange: (event) => setVariantField(
+                  variant.id,
+                  "taxRateId",
+                  event.target.value || null
+                ),
                 disabled: !taxRates.length,
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: defaultTaxRateLabel ? t("catalog.products.create.variantsBuilder.vatOptionDefault", "Use product tax class ({{label}})").replace("{{label}}", defaultTaxRateLabel) : t("catalog.products.create.variantsBuilder.vatOptionNone", "No tax class") }),
+                  /* @__PURE__ */ jsx("option", { value: "", children: defaultTaxRateLabel ? t(
+                    "catalog.products.create.variantsBuilder.vatOptionDefault",
+                    "Use product tax class ({{label}})"
+                  ).replace("{{label}}", defaultTaxRateLabel) : t(
+                    "catalog.products.create.variantsBuilder.vatOptionNone",
+                    "No tax class"
+                  ) }),
                   taxRates.map((rate) => /* @__PURE__ */ jsx("option", { value: rate.id, children: formatTaxRateLabel(rate) }, rate.id))
                 ]
               }
@@ -944,7 +1412,11 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
                   type: "number",
                   className: "w-full rounded-md border px-2 py-1",
                   value: variant.prices?.[kind.id]?.amount ?? "",
-                  onChange: (event) => setVariantPrice(variant.id, kind.id, event.target.value),
+                  onChange: (event) => setVariantPrice(
+                    variant.id,
+                    kind.id,
+                    event.target.value
+                  ),
                   placeholder: "0.00",
                   min: 0
                 }
@@ -956,7 +1428,11 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
                 type: "checkbox",
                 className: "h-4 w-4 rounded border disabled:cursor-not-allowed disabled:opacity-60",
                 checked: variant.manageInventory,
-                onChange: (event) => setVariantField(variant.id, "manageInventory", event.target.checked),
+                onChange: (event) => setVariantField(
+                  variant.id,
+                  "manageInventory",
+                  event.target.checked
+                ),
                 disabled: true,
                 title: inventoryDisabledHint
               }
@@ -967,7 +1443,11 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
                 type: "checkbox",
                 className: "h-4 w-4 rounded border disabled:cursor-not-allowed disabled:opacity-60",
                 checked: variant.allowBackorder,
-                onChange: (event) => setVariantField(variant.id, "allowBackorder", event.target.checked),
+                onChange: (event) => setVariantField(
+                  variant.id,
+                  "allowBackorder",
+                  event.target.checked
+                ),
                 disabled: true,
                 title: inventoryDisabledHint
               }
@@ -978,7 +1458,11 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
                 type: "checkbox",
                 className: "h-4 w-4 rounded border disabled:cursor-not-allowed disabled:opacity-60",
                 checked: variant.hasInventoryKit,
-                onChange: (event) => setVariantField(variant.id, "hasInventoryKit", event.target.checked),
+                onChange: (event) => setVariantField(
+                  variant.id,
+                  "hasInventoryKit",
+                  event.target.checked
+                ),
                 disabled: true,
                 title: inventoryDisabledHint
               }
@@ -987,7 +1471,10 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
         ] }) }),
         !priceKinds.length ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t px-4 py-3 text-sm text-muted-foreground", children: [
           /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
-          t("catalog.products.create.variantsBuilder.noPriceKinds", "Configure price kinds in Catalog settings to add price columns.")
+          t(
+            "catalog.products.create.variantsBuilder.noPriceKinds",
+            "Configure price kinds in Catalog settings to add price columns."
+          )
         ] }) : null
       ] })
     ] }) : null,
@@ -1024,7 +1511,12 @@ function ProductBuilder({ values, setValue, errors, priceKinds, taxRates }) {
     ] })
   ] });
 }
-function ProductMetaSection({ values, setValue, errors, taxRates }) {
+function ProductMetaSection({
+  values,
+  setValue,
+  errors,
+  taxRates
+}) {
   const t = useT();
   const handleValue = typeof values.handle === "string" ? values.handle : "";
   const titleSource = typeof values.title === "string" ? values.title : "";
@@ -1064,7 +1556,10 @@ function ProductMetaSection({ values, setValue, errors, taxRates }) {
         {
           value: typeof values.subtitle === "string" ? values.subtitle : "",
           onChange: (event) => setValue("subtitle", event.target.value),
-          placeholder: t("catalog.products.create.placeholders.subtitle", "Optional subtitle")
+          placeholder: t(
+            "catalog.products.create.placeholders.subtitle",
+            "Optional subtitle"
+          )
         }
       ),
       errors.subtitle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.subtitle }) : null
@@ -1077,7 +1572,10 @@ function ProductMetaSection({ values, setValue, errors, taxRates }) {
           {
             value: handleValue,
             onChange: handleHandleInputChange,
-            placeholder: t("catalog.products.create.placeholders.handle", "e.g., summer-sneaker"),
+            placeholder: t(
+              "catalog.products.create.placeholders.handle",
+              "e.g., summer-sneaker"
+            ),
             className: "font-mono lowercase"
           }
         ),
@@ -1091,7 +1589,10 @@ function ProductMetaSection({ values, setValue, errors, taxRates }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("catalog.products.create.handleHelp", "Handle is used for URLs and must be unique.") }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+        "catalog.products.create.handleHelp",
+        "Handle is used for URLs and must be unique."
+      ) }),
       errors.handle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.handle }) : null
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -1105,14 +1606,24 @@ function ProductMetaSection({ values, setValue, errors, taxRates }) {
             size: "icon",
             onClick: () => {
               if (typeof window !== "undefined") {
-                window.open("/backend/config/sales?section=tax-rates", "_blank", "noopener,noreferrer");
+                window.open(
+                  "/backend/config/sales?section=tax-rates",
+                  "_blank",
+                  "noopener,noreferrer"
+                );
               }
             },
-            title: t("catalog.products.create.taxRates.manage", "Manage tax classes"),
+            title: t(
+              "catalog.products.create.taxRates.manage",
+              "Manage tax classes"
+            ),
             className: "text-muted-foreground hover:text-foreground",
             children: [
               /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("catalog.products.create.taxRates.manage", "Manage tax classes") })
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(
+                "catalog.products.create.taxRates.manage",
+                "Manage tax classes"
+              ) })
             ]
           }
         )
@@ -1125,12 +1636,24 @@ function ProductMetaSection({ values, setValue, errors, taxRates }) {
           onChange: (event) => setValue("taxRateId", event.target.value || null),
           disabled: !taxRates.length,
           children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: taxRates.length ? t("catalog.products.create.taxRates.noneSelected", "No tax class selected") : t("catalog.products.create.taxRates.emptyOption", "No tax classes available") }),
+            /* @__PURE__ */ jsx("option", { value: "", children: taxRates.length ? t(
+              "catalog.products.create.taxRates.noneSelected",
+              "No tax class selected"
+            ) : t(
+              "catalog.products.create.taxRates.emptyOption",
+              "No tax classes available"
+            ) }),
             taxRates.map((rate) => /* @__PURE__ */ jsx("option", { value: rate.id, children: formatTaxRateLabel(rate) }, rate.id))
           ]
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: taxRates.length ? t("catalog.products.create.taxRates.help", "Applied to new prices unless overridden per variant.") : t("catalog.products.create.taxRates.empty", "Define tax classes under Sales \u2192 Configuration.") }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: taxRates.length ? t(
+        "catalog.products.create.taxRates.help",
+        "Applied to new prices unless overridden per variant."
+      ) : t(
+        "catalog.products.create.taxRates.empty",
+        "Define tax classes under Sales \u2192 Configuration."
+      ) }),
       errors.taxRateId ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.taxRateId }) : null
     ] })
   ] });