@mercurjs/admin 2.2.0-canary.2 → 2.2.0-canary.20

package/dist/{product-create-WOCQFTMZ.js → product-create-QYEZHBTC.js}

@@ -1,68 +1,67 @@
 import {
   ProductCreate
-} from "./chunk-HRGC5JHU.js";
+} from "./chunk-7XBB24GO.js";
 import "./chunk-IIFQ7KYL.js";
+import "./chunk-32URSQ4F.js";
+import "./chunk-AGXO2H4E.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-B5OMHYJ5.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-2NA54XKC.js";
+import "./chunk-FREUYHMS.js";
+import "./chunk-VSLHL2AZ.js";
 import "./chunk-2EME4AWX.js";
-import "./chunk-YGRTRAWX.js";
-import "./chunk-V6OGMYAI.js";
+import "./chunk-KDE4HKH2.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-DZIXC7OE.js";
+import "./chunk-C4XKPQ6T.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-AXTQMIIK.js";
+import "./chunk-6FLSBL4Q.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZZ3XFIEM.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-N6SI4IIT.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
 import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
+import "./chunk-ESPLVOFC.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
+import "./chunk-QKJGSZI2.js";
+import "./chunk-Z2UBJXTU.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
+import "./chunk-5TRY5IMZ.js";
+import "./chunk-EPHVGD5Z.js";
+import "./chunk-XGUUM3S6.js";
+import "./chunk-RMAQKNBA.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-BDGZ4EQO.js";
-import "./chunk-S5BJ5CMF.js";
-import "./chunk-H5PYBIOZ.js";
+import "./chunk-OKWGPKVK.js";
+import "./chunk-KYFWVLWO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-2YYXP6XI.js";
+import "./chunk-M2E3PKA4.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";

package/dist/{product-create-attribute-ZT3VZDNZ.js → product-create-attribute-ELMLVRUB.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
@@ -14,7 +14,7 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   useAddAttributeToProduct
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-M2E3PKA4.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
@@ -28,27 +28,30 @@ 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";
 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);
@@ -59,7 +62,7 @@ var CreateAttributeForm = ({
         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 }))
+        values
       },
       {
         onSuccess: () => {
@@ -77,7 +80,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 +91,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 +122,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 +173,9 @@ var CreateAttributeForm = ({
                     checked: value,
                     onCheckedChange: (checked) => {
                       fieldOnChange(checked);
-                      form.setValue(
-                        "values",
-                        checked ? [] : ""
-                      );
+                      form.setValue("values", checked ? [] : "", {
+                        shouldValidate: false
+                      });
                     }
                   }
                 ) }),
@@ -174,7 +193,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-FQSREC66.js

@@ -0,0 +1,20 @@
+import {
+  ProductCreateVariant
+} from "./chunk-FNGPOGDR.js";
+import "./chunk-QPLEFEOZ.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-GVEF6UDT.js";
+import "./chunk-6FLSBL4Q.js";
+import "./chunk-M2E3PKA4.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  ProductCreateVariant as Component
+};

package/dist/{product-detail-AOMYROBE.js → product-detail-Q6YF7IYX.js}

@@ -1,60 +1,60 @@
 import {
   ProductDetailPage
-} from "./chunk-HDRFPI6V.js";
+} from "./chunk-4UWPTSZK.js";
+import "./chunk-AWLDIHXR.js";
 import "./chunk-FI474ADU.js";
 import "./chunk-3XPXUIK3.js";
-import "./chunk-54RTJBYO.js";
+import "./chunk-UKLRBS4W.js";
+import "./chunk-DGCPYCHU.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-RQ4NMLSS.js";
+} from "./chunk-GVEF6UDT.js";
 import "./chunk-E74OUNA3.js";
 import "./chunk-WIYFXWRI.js";
 import "./chunk-H6MYB7GB.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-LYZT5REU.js";
-import "./chunk-DZIXC7OE.js";
+import "./chunk-C4XKPQ6T.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-AXTQMIIK.js";
+import "./chunk-6FLSBL4Q.js";
+import "./chunk-PJR6W35H.js";
 import "./chunk-OH4AABUT.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import "./chunk-ZZ3XFIEM.js";
+import "./chunk-FJHAAROU.js";
 import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
+import "./chunk-N6SI4IIT.js";
+import "./chunk-46M463BR.js";
+import "./chunk-ZIFHQXP3.js";
 import "./chunk-JPNPTILP.js";
+import "./chunk-DAXXLQKB.js";
 import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
+import "./chunk-ESPLVOFC.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
+import "./chunk-QKJGSZI2.js";
+import "./chunk-Z2UBJXTU.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
+import "./chunk-5TRY5IMZ.js";
+import "./chunk-EPHVGD5Z.js";
+import "./chunk-XGUUM3S6.js";
+import "./chunk-RMAQKNBA.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-BDGZ4EQO.js";
-import "./chunk-S5BJ5CMF.js";
-import "./chunk-H5PYBIOZ.js";
-import "./chunk-YGAX72XV.js";
+import "./chunk-OKWGPKVK.js";
+import "./chunk-KYFWVLWO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
 import {
   productsQueryKeys,
   useProduct
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-M2E3PKA4.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{product-edit-EKAZRIJ6.js → product-edit-3Q5E5E5L.js}

@@ -8,7 +8,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -18,14 +18,14 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-RQ4NMLSS.js";
+} from "./chunk-GVEF6UDT.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-M2E3PKA4.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";
@@ -48,7 +48,6 @@ var EditProductSchema = zod.object({
     "draft",
     "published",
     "proposed",
-    "requires_action",
     "rejected"
   ]),
   title: zod.string().min(1),
@@ -151,7 +150,6 @@ var EditProductForm = ({ product }) => {
                                         "draft",
                                         "published",
                                         "proposed",
-                                        "requires_action",
                                         "rejected"
                                       ].map((status) => {
                                         return /* @__PURE__ */ jsx(

package/dist/product-edit-attribute-WW4LCYD7.js

@@ -0,0 +1,175 @@
+import {
+  AttributeValueInput
+} from "./chunk-QPLEFEOZ.js";
+import "./chunk-AW77UWCZ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-SITRHMZZ.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-GVEF6UDT.js";
+import {
+  require_dist
+} from "./chunk-6FLSBL4Q.js";
+import {
+  useProduct,
+  useUpdateAttributeOnProduct
+} from "./chunk-M2E3PKA4.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-edit-attribute/product-edit-attribute.tsx
+import { Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/product-edit-attribute/components/edit-attribute-form/edit-attribute-form.tsx
+var import_types = __toESM(require_dist(), 1);
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, Label, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditAttributeForm = ({
+  productId,
+  attribute
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const hasPresetValues = attribute.type === import_types.AttributeType.SINGLE_SELECT || attribute.type === import_types.AttributeType.MULTI_SELECT;
+  const initialValues = (() => {
+    const selected = attribute.values ?? [];
+    if (attribute.type === import_types.AttributeType.MULTI_SELECT) {
+      return selected.map((v) => v.name);
+    }
+    return selected[0]?.name ?? "";
+  })();
+  const schema = zod.object({
+    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") }
+    )
+  });
+  const form = useForm({
+    defaultValues: { values: initialValues },
+    resolver: zodResolver(schema)
+  });
+  const { mutateAsync, isPending } = useUpdateAttributeOnProduct(
+    productId,
+    attribute.id
+  );
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const vals = Array.isArray(data.values) ? data.values : [data.values].filter((s) => s.trim().length > 0);
+    const payload = hasPresetValues ? {
+      attribute_value_ids: (attribute.all_values ?? []).filter((v) => vals.includes(v.name)).map((v) => v.id)
+    } : { values: vals };
+    await mutateAsync(payload, {
+      onSuccess: () => handleSuccess(),
+      onError: (error) => toast.error(error.message)
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { 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("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
+        Label,
+        {
+          size: "xsmall",
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          children: t("fields.title")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: "bg-ui-bg-field-component",
+          value: attribute.name,
+          disabled: true,
+          "data-testid": "edit-attribute-title-input"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
+        Label,
+        {
+          size: "xsmall",
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          children: t("fields.values")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "values",
+          render: ({ field: { onChange, value } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              AttributeValueInput,
+              {
+                type: attribute.type,
+                value,
+                onChange,
+                availableValues: attribute.all_values ?? []
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      )
+    ] }) }) }) }),
+    /* @__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,
+          "data-testid": "edit-attribute-submit-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+// src/pages/products/product-edit-attribute/product-edit-attribute.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductEditAttribute = () => {
+  const { id, attribute_id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isLoading, isError, error } = useProduct(
+    id,
+    PRODUCT_DETAIL_QUERY
+  );
+  if (isError) {
+    throw error;
+  }
+  const attribute = product?.attributes?.find(
+    (a) => a.id === attribute_id
+  );
+  const ready = !isLoading && !!product && !!attribute;
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("products.editAttribute") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle", children: t("products.editAttributeHint") }) })
+    ] }),
+    ready && /* @__PURE__ */ jsx2(EditAttributeForm, { productId: id, attribute })
+  ] });
+};
+export {
+  ProductEditAttribute as Component
+};