@mercurjs/admin 2.2.0-canary.3 → 2.2.0-canary.31

package/dist/{product-add-existing-attributes-QKIGOAE2.js → product-add-existing-attributes-3DKKBGKG.js}

@@ -1,17 +1,20 @@
 import {
   AttributeValueInput
-} from "./chunk-5DNAS3T4.js";
+} from "./chunk-5K5VNKSE.js";
 import {
   useAttributeTableFilters
 } from "./chunk-RT6L7JXU.js";
 import {
   useAttributeTableQuery
 } from "./chunk-4YWKKCTT.js";
+import {
+  DataTable
+} from "./chunk-C4XKPQ6T.js";
 import "./chunk-AW77UWCZ.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -20,51 +23,51 @@ import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import {
-  DataTable
-} from "./chunk-LYZT5REU.js";
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-46MOMKPW.js";
+import "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-FMRP2CNF.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-AXTQMIIK.js";
+} from "./chunk-YZBEJ3CY.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
+import "./chunk-6MZPZ5KV.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZZ3XFIEM.js";
 import {
   useProductAttributes
-} from "./chunk-533GMKEG.js";
+} from "./chunk-ER7GGJ5A.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-N6SI4IIT.js";
 import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
+import "./chunk-ESPLVOFC.js";
 import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
+import "./chunk-GV2Z3IHA.js";
+import "./chunk-Q5HXKDZG.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-B3EEDC47.js";
-import "./chunk-A772RAKB.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
+import "./chunk-QJ4J5F6T.js";
+import "./chunk-RMAQKNBA.js";
+import "./chunk-VYMODH6P.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-QYDWMBEX.js";
 import "./chunk-BDGZ4EQO.js";
-import "./chunk-S5BJ5CMF.js";
-import "./chunk-H5PYBIOZ.js";
+import "./chunk-XKRR5ALR.js";
+import "./chunk-5I6YZOBU.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import {
-  useBatchProductAttributes
-} from "./chunk-2YYXP6XI.js";
+  useBatchProductAttributes,
+  useProduct
+} from "./chunk-AM5XDEIN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
@@ -87,7 +90,7 @@ import {
   Text,
   toast
 } from "@medusajs/ui";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useFieldArray, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { useParams } from "react-router-dom";
@@ -143,6 +146,36 @@ var Content = ({ productId }) => {
   const { product_attributes, count, isLoading, isError, error } = useProductAttributes(searchParams, {
     placeholderData: keepPreviousData
   });
+  const { product } = useProduct(productId, PRODUCT_DETAIL_QUERY);
+  const assignedIds = useMemo(
+    () => new Set(
+      (product?.attributes ?? []).map(
+        (a) => a.id
+      )
+    ),
+    [product]
+  );
+  const lockedIds = useMemo(() => {
+    const ids = new Set(assignedIds);
+    for (const attr of product_attributes ?? []) {
+      if (attr.is_required) ids.add(attr.id);
+    }
+    return ids;
+  }, [assignedIds, product_attributes]);
+  useEffect(() => {
+    if (!lockedIds.size) return;
+    setRowSelection((prev) => {
+      const next = { ...prev };
+      let changed = false;
+      for (const id of lockedIds) {
+        if (!next[id]) {
+          next[id] = true;
+          changed = true;
+        }
+      }
+      return changed ? next : prev;
+    });
+  }, [lockedIds]);
   const { mutateAsync, isPending } = useBatchProductAttributes(productId);
   const form = useForm({
     defaultValues: { attributes: [] },
@@ -159,7 +192,7 @@ var Content = ({ productId }) => {
   }
   const handleContinue = () => {
     const selectedIds = Object.keys(rowSelection).filter(
-      (id) => rowSelection[id]
+      (id) => rowSelection[id] && !lockedIds.has(id)
     );
     if (!selectedIds.length) return;
     const attrs = selectedIds.map((id) => product_attributes?.find((a) => a.id === id)).filter(Boolean).map((attr) => ({
@@ -185,7 +218,7 @@ var Content = ({ productId }) => {
     });
   };
   const handleSubmit = form.handleSubmit(async (data) => {
-    const batchCreate = [];
+    const add = [];
     for (const attr of data.attributes) {
       const vals = Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [];
       const hasPresetValues = attr.type === "single_select" || attr.type === "multi_select";
@@ -194,19 +227,22 @@ var Content = ({ productId }) => {
           attr.available_values.map((v) => [v.name, v.id])
         );
         const valueIds = vals.map((name) => nameToId.get(name)).filter(Boolean);
-        batchCreate.push({
-          attribute_id: attr.attribute_id,
-          attribute_value_ids: valueIds.length ? valueIds : void 0
-        });
+        if (!valueIds.length) continue;
+        add.push({ id: attr.attribute_id, value_ids: valueIds });
       } else {
-        batchCreate.push({
-          attribute_id: attr.attribute_id,
-          values: vals.length ? vals : void 0
+        if (!vals.length || !vals[0]) continue;
+        add.push({
+          id: attr.attribute_id,
+          value: attr.type === "toggle" ? vals[0] === "true" : vals[0]
         });
       }
     }
+    if (!add.length) {
+      handleSuccess();
+      return;
+    }
     await mutateAsync(
-      { create: batchCreate },
+      { add },
       {
         onSuccess: () => {
           handleSuccess();
@@ -229,7 +265,8 @@ var Content = ({ productId }) => {
         getRowId: (row) => row.id,
         rowSelection: {
           state: rowSelection,
-          onRowSelectionChange: setRowSelection
+          onRowSelectionChange: setRowSelection,
+          enableRowSelection: (row) => !lockedIds.has(row.original.id)
         },
         isLoading,
         layout: "fill",
@@ -244,7 +281,9 @@ var Content = ({ productId }) => {
           size: "small",
           type: "button",
           onClick: handleContinue,
-          disabled: !Object.values(rowSelection).some(Boolean),
+          disabled: !Object.entries(rowSelection).some(
+            ([id, selected]) => selected && !lockedIds.has(id)
+          ),
           children: t("actions.continue")
         }
       )
@@ -396,7 +435,7 @@ var useColumns = () => {
         id: "values",
         header: t("attributes.fields.values"),
         cell: ({ row }) => {
-          const values = row.original.values ?? [];
+          const values = row.original.type === "toggle" ? [] : row.original.values ?? [];
           if (!values.length) {
             return /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted", children: "-" });
           }

package/dist/{product-attributes-MHRXZK5S.js → product-attributes-CGLY56QN.js}

@@ -6,7 +6,7 @@ import "./chunk-JRTZWK77.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -16,11 +16,11 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-RQ4NMLSS.js";
+} from "./chunk-46MOMKPW.js";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-AM5XDEIN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";

package/dist/{product-bulk-edit-J6ZP7GGM.js → product-bulk-edit-L5VJUWHK.js}

@@ -1,3 +1,6 @@
+import {
+  PRODUCT_IDS_KEY
+} from "./chunk-LO2ZWQGL.js";
 import {
   DataGrid,
   DataGridCellContainer,
@@ -5,27 +8,24 @@ import {
   createDataGridHelper,
   useDataGridCell,
   useDataGridCellError
-} from "./chunk-V6OGMYAI.js";
+} from "./chunk-HHW4PPNH.js";
 import "./chunk-IQPN4PZJ.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   useRouteModal
 } from "./chunk-FWJLS7XD.js";
 import "./chunk-3QSRE5LS.js";
-import {
-  PRODUCT_IDS_KEY
-} from "./chunk-YGAX72XV.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
 import {
   useBatchProducts,
   useProducts
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-AM5XDEIN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
@@ -52,7 +52,6 @@ var STATUS_OPTIONS = [
   "draft",
   "proposed",
   "published",
-  "requires_action",
   "rejected"
 ];
 var helper = createDataGridHelper();
@@ -177,7 +176,6 @@ var ProductBulkEditItemSchema = z.object({
     "draft",
     "proposed",
     "published",
-    "requires_action",
     "rejected"
   ]),
   discountable: z.boolean()

package/dist/{product-create-ZVQOFCJA.js → product-create-BJPAN5FR.js}

@@ -1,68 +1,67 @@
 import {
   ProductCreate
-} from "./chunk-XALYF4WJ.js";
+} from "./chunk-KOOVZT22.js";
 import "./chunk-IIFQ7KYL.js";
+import "./chunk-32URSQ4F.js";
+import "./chunk-GME72WUF.js";
 import "./chunk-HJ56YXBU.js";
-import "./chunk-26UTIAAZ.js";
-import "./chunk-EREXPX6I.js";
-import "./chunk-UXD3VNBO.js";
+import "./chunk-AJLGY3LQ.js";
 import "./chunk-SMQT3ZNO.js";
 import "./chunk-RT6L7JXU.js";
 import "./chunk-4YWKKCTT.js";
-import "./chunk-BHOZKBYY.js";
+import "./chunk-C4XKPQ6T.js";
+import "./chunk-WV43FOTY.js";
 import "./chunk-5KGMGL4N.js";
 import "./chunk-PYDRHQTY.js";
 import "./chunk-AW77UWCZ.js";
-import "./chunk-4KX6CBJ4.js";
-import "./chunk-637OFDFC.js";
-import "./chunk-4LXBQTFN.js";
+import "./chunk-FREUYHMS.js";
+import "./chunk-VSLHL2AZ.js";
+import "./chunk-KDE4HKH2.js";
+import "./chunk-GFMTZ5O3.js";
 import "./chunk-2EME4AWX.js";
-import "./chunk-YGRTRAWX.js";
-import "./chunk-V6OGMYAI.js";
+import "./chunk-HHW4PPNH.js";
 import "./chunk-IQPN4PZJ.js";
 import "./chunk-TKGWSUEI.js";
-import "./chunk-U2ZFCAPX.js";
+import "./chunk-SITRHMZZ.js";
 import "./chunk-FWJLS7XD.js";
 import "./chunk-3QSRE5LS.js";
-import "./chunk-LYZT5REU.js";
-import "./chunk-FMRP2CNF.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-AXTQMIIK.js";
+import "./chunk-YZBEJ3CY.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
+import "./chunk-6MZPZ5KV.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZZ3XFIEM.js";
-import "./chunk-533GMKEG.js";
+import "./chunk-ER7GGJ5A.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-N6SI4IIT.js";
 import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
+import "./chunk-ESPLVOFC.js";
 import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
+import "./chunk-GV2Z3IHA.js";
+import "./chunk-Q5HXKDZG.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-B3EEDC47.js";
-import "./chunk-A772RAKB.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
+import "./chunk-QJ4J5F6T.js";
+import "./chunk-RMAQKNBA.js";
+import "./chunk-VYMODH6P.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-QYDWMBEX.js";
 import "./chunk-BDGZ4EQO.js";
-import "./chunk-S5BJ5CMF.js";
-import "./chunk-H5PYBIOZ.js";
+import "./chunk-XKRR5ALR.js";
+import "./chunk-5I6YZOBU.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-2YYXP6XI.js";
+import "./chunk-AM5XDEIN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";

package/dist/{product-create-attribute-ZT3VZDNZ.js → product-create-attribute-LBQENHSF.js}

@@ -1,10 +1,10 @@
 import {
   ChipInput
-} from "./chunk-YGRTRAWX.js";
+} from "./chunk-KDE4HKH2.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -13,12 +13,17 @@ import {
   Form
 } from "./chunk-3QSRE5LS.js";
 import {
-  useAddAttributeToProduct
-} from "./chunk-2YYXP6XI.js";
+  require_dist
+} from "./chunk-YZBEJ3CY.js";
+import {
+  useBatchProductAttributes
+} from "./chunk-AM5XDEIN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
-import "./chunk-NBMM2TZK.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
 
 // src/pages/products/product-create-attribute/product-create-attribute.tsx
 import { Heading } from "@medusajs/ui";
@@ -28,38 +33,46 @@ import { useParams } from "react-router-dom";
 // src/pages/products/product-create-attribute/components/create-attribute-form/create-attribute-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Button, Hint, Input, Label, Switch, Textarea, toast } from "@medusajs/ui";
-import { Controller, useForm } from "react-hook-form";
+import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import * as zod from "zod";
+var import_types = __toESM(require_dist(), 1);
 import { jsx, jsxs } from "react/jsx-runtime";
-var CreateAttributeSchema = zod.object({
-  title: zod.string().min(1),
-  values: zod.union([zod.string(), zod.array(zod.string())]),
-  use_for_variants: zod.boolean()
-});
 var CreateAttributeForm = ({
   productId
 }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
+  const schema = zod.object({
+    title: zod.string().trim().min(1, { message: t("products.create.attributes.errors.titleRequired") }),
+    values: zod.union([zod.string(), zod.array(zod.string())]).refine(
+      (v) => Array.isArray(v) ? v.length > 0 : v.trim().length > 0,
+      { message: t("products.create.attributes.errors.valuesRequired") }
+    ),
+    use_for_variants: zod.boolean()
+  });
   const form = useForm({
     defaultValues: {
       title: "",
       values: "",
       use_for_variants: false
     },
-    resolver: zodResolver(CreateAttributeSchema)
+    resolver: zodResolver(schema)
   });
   const useForVariants = form.watch("use_for_variants");
-  const { mutateAsync: createAttribute, isPending } = useAddAttributeToProduct(productId);
+  const { mutateAsync: createAttribute, isPending } = useBatchProductAttributes(productId);
   const handleSubmit = form.handleSubmit(async (data) => {
     const values = Array.isArray(data.values) ? data.values : data.values.split(",").map((v) => v.trim()).filter(Boolean);
     await createAttribute(
       {
-        name: data.title,
-        type: data.use_for_variants ? "multi_select" : "text",
-        is_variant_axis: data.use_for_variants,
-        values: values.map((v, i) => ({ name: v, rank: i }))
+        add: [
+          {
+            title: data.title,
+            type: data.use_for_variants ? import_types.AttributeType.MULTI_SELECT : import_types.AttributeType.TEXT,
+            is_variant_axis: data.use_for_variants,
+            values
+          }
+        ]
       },
       {
         onSuccess: () => {
@@ -77,7 +90,7 @@ var CreateAttributeForm = ({
       onSubmit: handleSubmit,
       className: "flex h-full flex-col",
       children: [
-        /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component shadow-elevation-card-rest rounded-xl p-1.5", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[min-content,1fr] items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component shadow-elevation-card-rest rounded-xl p-1.5", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[min-content,1fr] items-start gap-1.5", children: [
           /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
             Label,
             {
@@ -88,13 +101,25 @@ var CreateAttributeForm = ({
             }
           ) }),
           /* @__PURE__ */ jsx(
-            Input,
+            Form.Field,
             {
-              className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
-              ...form.register("title"),
-              placeholder: t(
-                "products.create.attributes.titlePlaceholder"
-              )
+              control: form.control,
+              name: "title",
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ...field,
+                    "aria-invalid": fieldState.invalid ? "true" : void 0,
+                    className: fieldState.invalid ? "bg-ui-bg-field-component shadow-borders-error focus:shadow-borders-error" : "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
+                    placeholder: t(
+                      "products.create.attributes.titlePlaceholder"
+                    ),
+                    "data-testid": "create-attribute-title-input"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
@@ -107,33 +132,38 @@ var CreateAttributeForm = ({
             }
           ) }),
           /* @__PURE__ */ jsx(
-            Controller,
+            Form.Field,
             {
               control: form.control,
               name: "values",
-              render: ({ field: { onChange, value, ...field } }) => useForVariants ? /* @__PURE__ */ jsx(
-                ChipInput,
-                {
-                  ...field,
-                  variant: "contrast",
-                  value: Array.isArray(value) ? value : [],
-                  onChange,
-                  placeholder: t(
-                    "products.create.attributes.valuePlaceholder"
-                  )
-                }
-              ) : /* @__PURE__ */ jsx(
-                Textarea,
-                {
-                  ...field,
-                  className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
-                  value: Array.isArray(value) ? value.join(", ") : value ?? "",
-                  onChange: (e) => onChange(e.target.value),
-                  placeholder: t(
-                    "products.create.attributes.valuePlaceholder"
-                  )
-                }
-              )
+              render: ({ field: { onChange, value }, fieldState }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Control, { children: useForVariants ? /* @__PURE__ */ jsx(
+                  ChipInput,
+                  {
+                    variant: "contrast",
+                    value: Array.isArray(value) ? value : [],
+                    onChange,
+                    "aria-invalid": fieldState.invalid ? "true" : void 0,
+                    className: fieldState.invalid ? "shadow-borders-error focus-within:!shadow-borders-error" : void 0,
+                    placeholder: t(
+                      "products.create.attributes.valuePlaceholder"
+                    )
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  Textarea,
+                  {
+                    "aria-invalid": fieldState.invalid ? "true" : void 0,
+                    className: fieldState.invalid ? "bg-ui-bg-field-component shadow-borders-error focus:shadow-borders-error" : "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
+                    value: Array.isArray(value) ? value.join(", ") : value ?? "",
+                    onChange: (e) => onChange(e.target.value),
+                    placeholder: t(
+                      "products.create.attributes.valuePlaceholder"
+                    ),
+                    "data-testid": "create-attribute-values-input"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
             }
           ),
           /* @__PURE__ */ jsx("div", {}),
@@ -153,10 +183,9 @@ var CreateAttributeForm = ({
                     checked: value,
                     onCheckedChange: (checked) => {
                       fieldOnChange(checked);
-                      form.setValue(
-                        "values",
-                        checked ? [] : ""
-                      );
+                      form.setValue("values", checked ? [] : "", {
+                        shouldValidate: false
+                      });
                     }
                   }
                 ) }),
@@ -174,7 +203,16 @@ var CreateAttributeForm = ({
         ] }) }) }) }),
         /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
           /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: t("actions.save") })
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              type: "submit",
+              isLoading: isPending,
+              "data-testid": "create-attribute-submit-button",
+              children: t("actions.save")
+            }
+          )
         ] }) })
       ]
     }

package/dist/product-create-variant-4PS7DJUI.js

@@ -0,0 +1,20 @@
+import {
+  ProductCreateVariant
+} from "./chunk-XGWYGDQN.js";
+import "./chunk-5K5VNKSE.js";
+import "./chunk-AW77UWCZ.js";
+import "./chunk-FREUYHMS.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-SITRHMZZ.js";
+import "./chunk-FWJLS7XD.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-46MOMKPW.js";
+import "./chunk-YZBEJ3CY.js";
+import "./chunk-AM5XDEIN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  ProductCreateVariant as Component
+};