@mercurjs/admin 2.2.0-canary.5 → 2.2.0-canary.50

package/dist/{attribute-create-F55LOXRA.js → attribute-create-KR4DSDH2.js}

@@ -1,7 +1,7 @@
 import {
   ATTRIBUTE_TYPE_OPTIONS,
-  CreateAttributeSchema
-} from "./chunk-SXGSYSW7.js";
+  createAttributeSchema
+} from "./chunk-NLJ5F7FS.js";
 import {
   SortableList
 } from "./chunk-IIFQ7KYL.js";
@@ -10,18 +10,18 @@ import {
 } from "./chunk-HJ56YXBU.js";
 import {
   CategoryCombobox
-} from "./chunk-HZQGZQTV.js";
+} from "./chunk-DP6YFZHP.js";
 import "./chunk-PYDRHQTY.js";
 import {
   TabbedForm,
   defineTabMeta,
   useTabbedForm
-} from "./chunk-4LXBQTFN.js";
+} from "./chunk-FREUYHMS.js";
 import {
   SwitchBox
 } from "./chunk-2EME4AWX.js";
 import "./chunk-TKGWSUEI.js";
-import "./chunk-U2ZFCAPX.js";
+import "./chunk-SITRHMZZ.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -31,45 +31,44 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   require_dist
-} from "./chunk-F5H5JZQZ.js";
-import "./chunk-46A3QXAL.js";
-import "./chunk-OH4AABUT.js";
-import "./chunk-AEMDNTW5.js";
-import "./chunk-LYD3C73Z.js";
-import "./chunk-ZZ3XFIEM.js";
-import "./chunk-4RT7P5ZQ.js";
+} from "./chunk-VYSB4CTB.js";
+import "./chunk-ABS7HMLY.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-ZAANJVLM.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
 import {
   useCreateProductAttribute
-} from "./chunk-533GMKEG.js";
-import "./chunk-46M463BR.js";
-import "./chunk-YFRC6GEN.js";
-import "./chunk-JPNPTILP.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
-import "./chunk-GKGLVDDV.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-WJJXUXSO.js";
-import "./chunk-LAPEZATU.js";
-import "./chunk-2ZRWLCYP.js";
-import "./chunk-E5WBU7ZR.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
-import "./chunk-ZN7LWXVC.js";
-import "./chunk-5TRY5IMZ.js";
-import "./chunk-EPHVGD5Z.js";
-import "./chunk-N3BYBEDV.js";
-import "./chunk-ZB4SO44T.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
-import "./chunk-FEC24V7X.js";
-import "./chunk-EB5QHYKL.js";
+} from "./chunk-F5NW4XBU.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-G5KNNOXX.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-IC2PLPRP.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-G2LHEJLS.js";
+import "./chunk-FVG5DTS6.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-MTHPNKQ4.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-WX4ABVXL.js";
+import "./chunk-WF3ZDT5Z.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-SAU35JEB.js";
+import "./chunk-AFYILTAC.js";
+import "./chunk-ZOTBKQLG.js";
+import "./chunk-QVIX6O76.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-ZRFWXNT3.js";
+import "./chunk-MMKUMSZS.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZBWL72TB.js";
+import "./chunk-LXZXXOJ3.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -87,22 +86,21 @@ import { useTranslation as useTranslation4 } from "react-i18next";
 import { zodResolver } from "@hookform/resolvers/zod";
 
 // src/pages/attributes/attribute-create/components/attribute-create-details-tab.tsx
-import { Heading, Input, Text, Textarea } from "@medusajs/ui";
+import { Heading, Input, Textarea } from "@medusajs/ui";
+import { useWatch } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Root = () => {
   const { t } = useTranslation();
   const form = useTabbedForm();
+  const isGlobal = useWatch({ control: form.control, name: "is_global" });
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: "flex flex-col items-center p-16",
       "data-testid": "attribute-create-details-tab",
       children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("attributes.create.header") }),
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: t("attributes.create.subtitle") })
-        ] }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("attributes.create.tabs.details") }) }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
           /* @__PURE__ */ jsx(
             Form.Field,
@@ -110,7 +108,7 @@ var Root = () => {
               control: form.control,
               name: "name",
               render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                /* @__PURE__ */ jsx(Form.Label, { children: t("attributes.fields.name") }),
+                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.title") }),
                 /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "attribute-create-name-input" }) }),
                 /* @__PURE__ */ jsx(Form.ErrorMessage, {})
               ] })
@@ -159,10 +157,10 @@ var Root = () => {
             {
               control: form.control,
               name: "is_required",
-              label: t("attributes.fields.isRequired", "Required attribute"),
+              label: t("attributes.fields.isRequired"),
               description: t(
                 "attributes.fields.isRequiredHint",
-                "If checked, vendors must set a value for this attribute."
+                "If checked, a value must be set to this attribute."
               ),
               "data-testid": "attribute-create-required-switch"
             }
@@ -172,22 +170,43 @@ var Root = () => {
             {
               control: form.control,
               name: "is_filterable",
-              label: t("attributes.fields.isFilterable", "Filterable attribute"),
+              label: t("attributes.fields.isFilterable"),
               description: t(
                 "attributes.fields.isFilterableHint",
-                "If checked, buyers will be able to filter products using this attribute."
+                "If checked, customers will be able to filter products using this attribute."
               ),
               "data-testid": "attribute-create-filterable-switch"
             }
+          ),
+          /* @__PURE__ */ jsx(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "is_global",
+              label: t("attributes.fields.isGlobal"),
+              description: t(
+                "attributes.fields.isGlobalHint",
+                "If checked, this attribute applies to all products across all categories."
+              ),
+              onCheckedChange: (checked) => {
+                if (checked) {
+                  form.setValue("category_ids", [], {
+                    shouldDirty: true,
+                    shouldValidate: true
+                  });
+                }
+              },
+              "data-testid": "attribute-create-global-switch"
+            }
           )
         ] }),
-        /* @__PURE__ */ jsx(
+        !isGlobal && /* @__PURE__ */ jsx(
           Form.Field,
           {
             control: form.control,
             name: "category_ids",
             render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("attributes.fields.categories") }),
+              /* @__PURE__ */ jsx(Form.Label, { children: t("attributes.fields.categories") }),
               /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
                 CategoryCombobox,
                 {
@@ -207,14 +226,14 @@ var Root = () => {
 Root._tabMeta = defineTabMeta({
   id: "details",
   labelKey: "attributes.create.tabs.details",
-  validationFields: ["name"]
+  validationFields: ["name", "category_ids"]
 });
 var AttributeCreateDetailsTab = Root;
 
 // src/pages/attributes/attribute-create/components/attribute-create-type-tab.tsx
 var import_types2 = __toESM(require_dist(), 1);
-import { Heading as Heading2, Select, Text as Text2 } from "@medusajs/ui";
-import { useWatch } from "react-hook-form";
+import { Heading as Heading2, Select, Text } from "@medusajs/ui";
+import { useWatch as useWatch2 } from "react-hook-form";
 import { useTranslation as useTranslation3 } from "react-i18next";
 
 // src/pages/attributes/attribute-create/components/possible-values-list.tsx
@@ -255,6 +274,7 @@ var PossibleValuesList = () => {
   };
   const valuesError = errors.values;
   const shouldShowListError = valuesError && !Array.isArray(valuesError);
+  const listErrorMessage = shouldShowListError && valuesError.message;
   return /* @__PURE__ */ jsxs2(
     "div",
     {
@@ -264,16 +284,10 @@ var PossibleValuesList = () => {
         /* @__PURE__ */ jsxs2(
           "div",
           {
-            className: "flex items-start justify-between gap-x-4",
+            className: "flex items-center justify-between gap-x-4",
             "data-testid": "attribute-form-values-header",
             children: [
-              /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsx2(Label, { weight: "plus", "data-testid": "attribute-form-values-label", children: t("attributes.fields.values") }),
-                /* @__PURE__ */ jsx2(Hint, { children: t(
-                  "attributes.fields.valuesHint",
-                  "Add the possible values for this attribute."
-                ) })
-              ] }),
+              /* @__PURE__ */ jsx2(Label, { weight: "plus", "data-testid": "attribute-form-values-label", children: t("attributes.fields.possibleValues") }),
               /* @__PURE__ */ jsx2(
                 Button,
                 {
@@ -343,12 +357,12 @@ var PossibleValuesList = () => {
             }
           }
         ),
-        shouldShowListError && /* @__PURE__ */ jsx2(
+        shouldShowListError && listErrorMessage && /* @__PURE__ */ jsx2(
           Hint,
           {
             variant: "error",
             "data-testid": "attribute-form-values-list-error",
-            children: valuesError.message
+            children: t(listErrorMessage, listErrorMessage)
           }
         )
       ]
@@ -368,7 +382,7 @@ var ATTRIBUTE_TYPE_LABELS = {
 var Root2 = () => {
   const { t } = useTranslation3();
   const form = useTabbedForm();
-  const type = useWatch({ control: form.control, name: "type" });
+  const type = useWatch2({ control: form.control, name: "type" });
   const showValues = type === import_types2.AttributeType.SINGLE_SELECT || type === import_types2.AttributeType.MULTI_SELECT;
   return /* @__PURE__ */ jsx3(
     "div",
@@ -378,10 +392,7 @@ var Root2 = () => {
       children: /* @__PURE__ */ jsxs3("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
         /* @__PURE__ */ jsxs3("div", { children: [
           /* @__PURE__ */ jsx3(Heading2, { level: "h2", children: t("attributes.fields.type") }),
-          /* @__PURE__ */ jsx3(Text2, { size: "small", className: "text-ui-fg-subtle mt-1", children: t(
-            "attributes.create.typeDescription",
-            "Select the type of this attribute and define its values."
-          ) })
+          /* @__PURE__ */ jsx3(Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: t("attributes.create.typeDescription") })
         ] }),
         /* @__PURE__ */ jsx3(
           Form.Field,
@@ -400,10 +411,7 @@ var Root2 = () => {
                     /* @__PURE__ */ jsx3(Select.Trigger, { "data-testid": "attribute-create-type-trigger", children: /* @__PURE__ */ jsx3(
                       Select.Value,
                       {
-                        placeholder: t(
-                          "attributes.fields.typePlaceholder",
-                          "Select Type"
-                        )
+                        placeholder: t("attributes.fields.typePlaceholder")
                       }
                     ) }),
                     /* @__PURE__ */ jsx3(Select.Content, { children: ATTRIBUTE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ jsx3(
@@ -422,20 +430,17 @@ var Root2 = () => {
             ] })
           }
         ),
-        showValues && /* @__PURE__ */ jsx3("div", { "data-testid": "attribute-create-values-section", children: /* @__PURE__ */ jsx3(PossibleValuesList, {}) }),
         type === import_types2.AttributeType.MULTI_SELECT && /* @__PURE__ */ jsx3(
           SwitchBox,
           {
             control: form.control,
             name: "is_variant_axis",
-            label: t("attributes.fields.isVariantAxis", "Use for Variants"),
-            description: t(
-              "attributes.fields.isVariantAxisHint",
-              "If checked, this attribute can be used to create product variants."
-            ),
+            label: t("attributes.fields.isVariantAxis"),
+            description: t("attributes.fields.isVariantAxisHint"),
             "data-testid": "attribute-create-variant-axis-switch"
           }
-        )
+        ),
+        showValues && /* @__PURE__ */ jsx3("div", { "data-testid": "attribute-create-values-section", children: /* @__PURE__ */ jsx3(PossibleValuesList, {}) })
       ] })
     }
   );
@@ -452,6 +457,7 @@ import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var AttributeCreateForm = ({ children }) => {
   const { t } = useTranslation4();
   const { handleSuccess } = useRouteModal();
+  const schema = useMemo(() => createAttributeSchema(t), [t]);
   const form = useForm({
     defaultValues: {
       name: "",
@@ -461,18 +467,23 @@ var AttributeCreateForm = ({ children }) => {
       is_filterable: false,
       is_required: false,
       is_variant_axis: false,
+      is_global: true,
       values: [],
       category_ids: [],
       metadata: {}
     },
-    resolver: zodResolver(CreateAttributeSchema)
+    resolver: zodResolver(schema)
   });
   const { mutateAsync, isPending } = useCreateProductAttribute();
   const handleSubmit = form.handleSubmit(async (values) => {
+    const cleanedValues = (values.values ?? []).filter((value) => value.name.trim().length > 0).map((value, index) => ({ ...value, rank: index }));
+    const { is_global, ...rest } = values;
     await mutateAsync(
       {
-        ...values,
-        handle: values.handle ? values.handle : void 0
+        ...rest,
+        handle: values.handle ? values.handle : void 0,
+        values: cleanedValues,
+        category_ids: is_global ? [] : values.category_ids ?? []
       },
       {
         onSuccess: () => {
@@ -498,6 +509,8 @@ var AttributeCreateForm = ({ children }) => {
   return /* @__PURE__ */ jsx4(
     TabbedForm,
     {
+      model: "attribute",
+      zone: "create",
       form,
       onSubmit: handleSubmit,
       isLoading: isPending,

package/dist/{attribute-create-possible-value-EXVHC272.js → attribute-create-possible-value-QFXKXZM4.js}

@@ -6,10 +6,10 @@ import "./chunk-3QSRE5LS.js";
 import {
   useProductAttribute,
   useUpsertProductAttributeValues
-} from "./chunk-533GMKEG.js";
+} from "./chunk-F5NW4XBU.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZBWL72TB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/attributes/attribute-create-possible-value/attribute-create-possible-value.tsx

package/dist/{attribute-detail-NRDJUPTJ.js → attribute-detail-LWKL6UMS.js}

@@ -2,20 +2,20 @@ import {
   TextCell
 } from "./chunk-JHIMVLB2.js";
 import "./chunk-PHOCVOZ5.js";
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import "./chunk-E74OUNA3.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-KAZ5BYTQ.js";
+import "./chunk-ZAOEFQ6K.js";
 import {
   NoRecords
-} from "./chunk-634XVU3D.js";
-import {
-  SectionRow
-} from "./chunk-3XPXUIK3.js";
-import "./chunk-E74OUNA3.js";
+} from "./chunk-PAYQJPGK.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -23,59 +23,58 @@ import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
 import {
   require_dist
-} from "./chunk-F5H5JZQZ.js";
-import "./chunk-46A3QXAL.js";
-import "./chunk-OH4AABUT.js";
-import "./chunk-AEMDNTW5.js";
-import "./chunk-LYD3C73Z.js";
-import "./chunk-ZZ3XFIEM.js";
-import "./chunk-4RT7P5ZQ.js";
+} from "./chunk-VYSB4CTB.js";
+import "./chunk-ABS7HMLY.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-ZAANJVLM.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
 import {
   productAttributesQueryKeys,
   useDeleteProductAttribute,
   useProductAttribute,
   useUpdateProductAttribute
-} from "./chunk-533GMKEG.js";
-import "./chunk-46M463BR.js";
-import "./chunk-YFRC6GEN.js";
-import "./chunk-JPNPTILP.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
-import "./chunk-GKGLVDDV.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-WJJXUXSO.js";
-import "./chunk-LAPEZATU.js";
-import "./chunk-2ZRWLCYP.js";
-import "./chunk-E5WBU7ZR.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
-import "./chunk-ZN7LWXVC.js";
-import "./chunk-5TRY5IMZ.js";
-import "./chunk-EPHVGD5Z.js";
-import "./chunk-N3BYBEDV.js";
-import "./chunk-ZB4SO44T.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
+} from "./chunk-F5NW4XBU.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-G5KNNOXX.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-IC2PLPRP.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-G2LHEJLS.js";
+import "./chunk-FVG5DTS6.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-MTHPNKQ4.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-WX4ABVXL.js";
+import "./chunk-WF3ZDT5Z.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-SAU35JEB.js";
+import "./chunk-AFYILTAC.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import "./chunk-FEC24V7X.js";
-import "./chunk-EB5QHYKL.js";
+import "./chunk-ZOTBKQLG.js";
+import "./chunk-QVIX6O76.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import "./chunk-ZRFWXNT3.js";
+import "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-ZBWL72TB.js";
+} from "./chunk-LXZXXOJ3.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -108,6 +107,7 @@ var attributeDetailLoader = async ({ params }) => {
 // src/pages/attributes/attribute-detail/attribute-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/attributes/attribute-detail/components/attribute-general-section/attribute-general-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -155,6 +155,7 @@ var AttributeGeneralSection = ({
   };
   const typeLabelKey = ATTRIBUTE_TYPE_LABELS[attribute.type];
   const typeLabel = typeLabelKey ? t(typeLabelKey) : attribute.type;
+  const isGlobal = !(attribute.categories && attribute.categories.length > 0);
   return /* @__PURE__ */ jsxs(
     Container,
     {
@@ -225,7 +226,7 @@ var AttributeGeneralSection = ({
           SectionRow,
           {
             title: t("attributes.fields.filterable"),
-            value: attribute.is_filterable ? t("fields.true") : t("fields.false"),
+            value: attribute.is_filterable ? t("fields.yes") : t("fields.no"),
             "data-testid": "attribute-general-section-filterable"
           }
         ),
@@ -233,10 +234,18 @@ var AttributeGeneralSection = ({
           SectionRow,
           {
             title: t("attributes.fields.required"),
-            value: attribute.is_required ? t("fields.true") : t("fields.false"),
+            value: attribute.is_required ? t("fields.yes") : t("fields.no"),
             "data-testid": "attribute-general-section-required"
           }
         ),
+        /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("attributes.fields.global"),
+            value: isGlobal ? t("fields.yes") : t("fields.no"),
+            "data-testid": "attribute-general-section-global"
+          }
+        ),
         /* @__PURE__ */ jsx2(
           SectionRow,
           {
@@ -356,7 +365,10 @@ var AttributePossibleValuesSection = ({
   if (attribute.type !== import_types.AttributeType.SINGLE_SELECT && attribute.type !== import_types.AttributeType.MULTI_SELECT) {
     return null;
   }
-  const allValues = attribute.values ?? [];
+  const allValues = useMemo(
+    () => attribute.values ?? [],
+    [attribute.values]
+  );
   const filtered = useMemo(() => {
     if (!search) return allValues;
     const q = search.toLowerCase();
@@ -401,7 +413,7 @@ var AttributePossibleValuesSection = ({
             className: "w-[200px]"
           }
         ),
-        /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "small", asChild: true, children: /* @__PURE__ */ jsx3(Link, { to: "edit-ranking", children: t("attributes.possibleValues.editRanking", "Edit ranking") }) }),
+        /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "small", asChild: true, children: /* @__PURE__ */ jsx3(Link, { to: "edit-ranking", children: t("attributes.possibleValues.editRanking") }) }),
         /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "small", asChild: true, children: /* @__PURE__ */ jsx3(Link, { to: "create-possible-value", children: t("actions.create") }) })
       ] })
     ] }),
@@ -418,8 +430,8 @@ var AttributePossibleValuesSection = ({
       NoRecords,
       {
         className: "border-t",
-        title: t("attributes.possibleValues.noRecordsTitle", "No created values"),
-        message: t("attributes.possibleValues.noRecordsMessage", "Create attribute to organize your products"),
+        title: t("attributes.possibleValues.noRecordsTitle"),
+        message: t("attributes.possibleValues.noRecordsMessage"),
         action: {
           to: "create-possible-value",
           label: t("actions.create")
@@ -452,10 +464,10 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, showJSON: true, data: attribute, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { hasOutlet: true, showJSON: true, data: attribute, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, showJSON: true, data: attribute, children }) : /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, showJSON: true, data: attribute, children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "attributes.detail.main", data: attribute, children: [
     /* @__PURE__ */ jsx4(AttributeGeneralSection, { attribute }),
     /* @__PURE__ */ jsx4(AttributePossibleValuesSection, { attribute })
-  ] });
+  ] }) });
 };
 var AttributeDetailPage = Object.assign(Root, {
   GeneralSection: AttributeGeneralSection,

package/dist/{attribute-edit-SB6GN67M.js → attribute-edit-WXO5FGR6.js}

@@ -1,6 +1,6 @@
 import {
   UpdateAttributeSchema
-} from "./chunk-SXGSYSW7.js";
+} from "./chunk-NLJ5F7FS.js";
 import {
   HandleInput
 } from "./chunk-HJ56YXBU.js";
@@ -10,7 +10,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -18,14 +18,14 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
-import "./chunk-F5H5JZQZ.js";
+import "./chunk-VYSB4CTB.js";
 import {
   useProductAttribute,
   useUpdateProductAttribute
-} from "./chunk-533GMKEG.js";
+} from "./chunk-F5NW4XBU.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZBWL72TB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/attributes/attribute-edit/attribute-edit.tsx
@@ -123,7 +123,7 @@ var AttributeEditForm = ({ attribute }) => {
                   {
                     control: form.control,
                     name: "is_required",
-                    label: t("attributes.fields.isRequired", "Required attribute"),
+                    label: t("attributes.fields.isRequired"),
                     description: t(
                       "attributes.fields.isRequiredHint",
                       "If checked, vendors must set a value for this attribute."
@@ -136,7 +136,7 @@ var AttributeEditForm = ({ attribute }) => {
                   {
                     control: form.control,
                     name: "is_filterable",
-                    label: t("attributes.fields.isFilterable", "Filterable attribute"),
+                    label: t("attributes.fields.isFilterable"),
                     description: t(
                       "attributes.fields.isFilterableHint",
                       "If checked, buyers will be able to filter products using this attribute."