@open-mercato/core 0.4.9-develop-b2b88cde69 → 0.4.9-develop-d1d38e26fb

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

@@ -53,8 +53,10 @@ import {
   sanitizeProductDimensions,
   sanitizeProductWeight,
   updateDimensionValue,
-  updateWeightValue
+  updateWeightValue,
+  isConfigurableProductType
 } from "@open-mercato/core/modules/catalog/components/products/productForm";
+import { CATALOG_PRODUCT_TYPES } from "@open-mercato/core/modules/catalog/data/types";
 import {
   buildAttachmentImageUrl,
   slugifyAttachmentFileName
@@ -78,6 +80,8 @@ const matchPrefix = (prefix) => (value) => value.startsWith(prefix);
 const STEP_FIELD_MATCHERS = {
   general: [
     matchField("title"),
+    matchField("sku"),
+    matchField("productType"),
     matchField("description"),
     matchField("mediaItems"),
     matchField("mediaDraftId"),
@@ -403,9 +407,13 @@ function CreateCatalogProductPage() {
           subtitle: formValues.subtitle?.trim() || void 0,
           description,
           handle,
+          sku: formValues.sku?.trim() || void 0,
+          productType: formValues.productType || "simple",
           taxRateId: formValues.taxRateId ?? null,
           taxRate: productTaxRate ?? null,
-          isConfigurable: Boolean(formValues.hasVariants),
+          isConfigurable: isConfigurableProductType(
+            formValues.productType || "simple"
+          ),
           defaultMediaId: defaultMediaId ?? void 0,
           defaultMediaUrl: defaultMediaUrl ?? void 0,
           dimensions,
@@ -1192,7 +1200,19 @@ function ProductBuilder({
             type: "checkbox",
             className: "h-4 w-4 rounded border",
             checked: values.hasVariants,
-            onChange: (event) => setValue("hasVariants", event.target.checked)
+            onChange: (event) => {
+              const checked = event.target.checked;
+              setValue("hasVariants", checked);
+              if (checked && !isConfigurableProductType(
+                values.productType || "simple"
+              )) {
+                setValue("productType", "configurable");
+              } else if (!checked && isConfigurableProductType(
+                values.productType || "simple"
+              )) {
+                setValue("productType", "simple");
+              }
+            }
           }
         ),
         t(
@@ -1595,6 +1615,65 @@ function ProductMetaSection({
       ) }),
       errors.handle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.handle }) : null
     ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { children: t("catalog.products.form.sku", "SKU") }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: values.sku,
+          onChange: (event) => setValue("sku", event.target.value),
+          placeholder: t(
+            "catalog.products.create.placeholders.sku",
+            "e.g., PROD-001"
+          ),
+          className: "font-mono"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+        "catalog.products.create.skuHelp",
+        "Unique product identifier. Letters, numbers, hyphens, underscores, periods."
+      ) }),
+      errors.sku ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.sku }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { children: t("catalog.products.form.productType", "Product type") }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          value: values.productType || "simple",
+          onChange: (event) => {
+            const nextType = event.target.value;
+            setValue("productType", nextType);
+            const nextIsConfigurable = isConfigurableProductType(nextType);
+            if (nextIsConfigurable && !values.hasVariants) {
+              setValue("hasVariants", true);
+            } else if (!nextIsConfigurable && values.hasVariants) {
+              setValue("hasVariants", false);
+            }
+          },
+          children: CATALOG_PRODUCT_TYPES.map((type) => {
+            const isDisabled = type === "bundle" || type === "grouped";
+            return /* @__PURE__ */ jsxs(
+              "option",
+              {
+                value: type,
+                disabled: isDisabled,
+                children: [
+                  t(
+                    `catalog.products.types.${type}`,
+                    type
+                  ),
+                  isDisabled ? ` (${t("common.comingSoon", "Coming soon")})` : ""
+                ]
+              },
+              type
+            );
+          })
+        }
+      ),
+      errors.productType ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.productType }) : null
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx(Label, { children: t("catalog.products.create.taxRates.label", "Tax class") }),