@open-mercato/core 0.5.1-develop.2953.6647bb2c43 → 0.5.1-develop.2954.610bab2d08

package/dist/modules/catalog/backend/catalog/products/[id]/page.js

@@ -19,6 +19,13 @@ import { flash } from "@open-mercato/ui/backend/FlashMessages";
 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 {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { TagsInput } from "@open-mercato/ui/backend/inputs/TagsInput";
 import { Textarea } from "@open-mercato/ui/primitives/textarea";
 import { DataLoader } from "@open-mercato/ui/primitives/DataLoader";
@@ -2010,13 +2017,12 @@ function ProductMetaSection({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx(Label, { children: t("catalog.products.form.productType", "Product type") }),
-      /* @__PURE__ */ jsx(
-        "select",
+      /* @__PURE__ */ jsxs(
+        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;
+          onValueChange: (value) => {
+            const nextType = value;
             setValue("productType", nextType);
             const nextIsConfigurable = isConfigurableProductType(nextType);
             if (nextIsConfigurable && !values.hasVariants) {
@@ -2025,24 +2031,16 @@ function ProductMetaSection({
               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
-            );
-          })
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: CATALOG_PRODUCT_TYPES.map((type) => {
+              const isDisabled = type === "bundle" || type === "grouped";
+              return /* @__PURE__ */ jsxs(SelectItem, { 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
@@ -2081,21 +2079,19 @@ function ProductMetaSection({
         )
       ] }),
       /* @__PURE__ */ jsxs(
-        "select",
+        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.taxRateId ?? "",
-          onChange: (event) => setValue("taxRateId", event.target.value || null),
+          value: values.taxRateId || void 0,
+          onValueChange: (value) => setValue("taxRateId", 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(SelectTrigger, { children: /* @__PURE__ */ jsx(
+              SelectValue,
+              {
+                placeholder: 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(SelectContent, { children: taxRates.map((rate) => /* @__PURE__ */ jsx(SelectItem, { value: rate.id, children: formatTaxRateLabel(rate) }, rate.id)) })
           ]
         }
       ),