@empty-complete-org/medusa-product-attributes 0.13.0 → 0.14.1

package/.medusa/server/src/admin/index.js

@@ -3,9 +3,27 @@ const jsxRuntime = require("react/jsx-runtime");
 const adminSdk = require("@medusajs/admin-sdk");
 const ui = require("@medusajs/ui");
 const reactQuery = require("@tanstack/react-query");
-const react = require("react");
+const React = require("react");
 const Medusa = require("@medusajs/js-sdk");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
 const sdk = new Medusa__default.default({
   baseUrl: "/",
@@ -14,17 +32,37 @@ const sdk = new Medusa__default.default({
     type: "session"
   }
 });
-const emptyForm = () => ({ label: "", type: "text", unit: "" });
+const emptyForm$1 = () => ({ label: "", type: "text", unit: "" });
 const CategoryAttributeTemplatesWidget = ({
   data
 }) => {
+  var _a, _b;
   const categoryId = data.id;
   const qc = reactQuery.useQueryClient();
   const queryKey = ["category-custom-attributes", categoryId];
-  const [showAddForm, setShowAddForm] = react.useState(false);
-  const [addForm, setAddForm] = react.useState(emptyForm());
-  const [confirmDeleteId, setConfirmDeleteId] = react.useState(null);
-  const [mutationError, setMutationError] = react.useState(null);
+  const [showAddForm, setShowAddForm] = React.useState(false);
+  const [showPresetList, setShowPresetList] = React.useState(false);
+  const [addForm, setAddForm] = React.useState(emptyForm$1());
+  const [confirmDeleteId, setConfirmDeleteId] = React.useState(null);
+  const [mutationError, setMutationError] = React.useState(null);
+  const presetsQuery = reactQuery.useQuery({
+    queryKey: ["attribute-presets"],
+    queryFn: () => sdk.client.fetch(`/admin/attribute-presets`),
+    enabled: showPresetList
+  });
+  const applyPresetMutation = reactQuery.useMutation({
+    mutationFn: (presetId) => sdk.client.fetch(`/admin/attribute-presets/${presetId}/apply`, {
+      method: "POST",
+      body: { category_id: categoryId }
+    }),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey });
+      setShowPresetList(false);
+    },
+    onError: (err) => {
+      setMutationError((err == null ? void 0 : err.message) || "Ошибка при применении пресета");
+    }
+  });
   const {
     data: result,
     isLoading,
@@ -44,7 +82,7 @@ const CategoryAttributeTemplatesWidget = ({
     onSuccess: () => {
       qc.invalidateQueries({ queryKey });
       setShowAddForm(false);
-      setAddForm(emptyForm());
+      setAddForm(emptyForm$1());
       setMutationError(null);
     },
     onError: (err) => {
@@ -69,19 +107,62 @@ const CategoryAttributeTemplatesWidget = ({
       unit: addForm.type === "number" && addForm.unit.trim() ? addForm.unit.trim() : null
     });
   };
-  const typeLabel = (t) => t === "text" ? "Текст" : t === "number" ? "Число" : t === "file" ? "Файл" : t === "boolean" ? "Да/Нет" : t;
+  const typeLabel2 = (t) => t === "text" ? "Текст" : t === "number" ? "Число" : t === "file" ? "Файл" : t === "boolean" ? "Да/Нет" : t;
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Атрибуты" }),
-      !showAddForm && /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
+      !showAddForm && !showPresetList && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "secondary",
+            size: "small",
+            onClick: () => setShowPresetList(true),
+            children: "Из пресета"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "secondary",
+            size: "small",
+            onClick: () => setShowAddForm(true),
+            children: "+ Добавить"
+          }
+        )
+      ] })
+    ] }),
+    showPresetList && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Выберите пресет" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            size: "small",
+            variant: "secondary",
+            onClick: () => setShowPresetList(false),
+            children: "Закрыть"
+          }
+        )
+      ] }),
+      presetsQuery.isLoading && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Загрузка…" }),
+      ((_a = presetsQuery.data) == null ? void 0 : _a.attribute_presets.length) === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Пресетов нет. Создайте в настройках Product Attributes." }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children: (_b = presetsQuery.data) == null ? void 0 : _b.attribute_presets.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
         {
-          variant: "secondary",
-          size: "small",
-          onClick: () => setShowAddForm(true),
-          children: "+ Добавить"
-        }
-      )
+          onClick: () => applyPresetMutation.mutate(p.id),
+          disabled: applyPresetMutation.isPending,
+          className: "flex items-center justify-between rounded border border-ui-border-base px-3 py-2 text-left text-sm hover:bg-ui-bg-subtle disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: p.label }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
+              typeLabel2(p.type),
+              p.unit ? `, ${p.unit}` : ""
+            ] })
+          ]
+        },
+        p.id
+      )) })
     ] }),
     isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Загрузка…" }) }),
     isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error text-sm", children: "Не удалось загрузить атрибуты." }) }),
@@ -94,7 +175,7 @@ const CategoryAttributeTemplatesWidget = ({
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm text-ui-fg-subtle", children: attr.label }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
-              typeLabel(attr.type),
+              typeLabel2(attr.type),
               attr.unit ? `, ${attr.unit}` : ""
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "blue", children: "из родителя" })
@@ -145,7 +226,7 @@ const CategoryAttributeTemplatesWidget = ({
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm text-ui-fg-base", children: attr.label }),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
-                typeLabel(attr.type),
+                typeLabel2(attr.type),
                 attr.unit ? `, ${attr.unit}` : ""
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -217,7 +298,7 @@ const CategoryAttributeTemplatesWidget = ({
           size: "small",
           onClick: () => {
             setShowAddForm(false);
-            setAddForm(emptyForm());
+            setAddForm(emptyForm$1());
             setMutationError(null);
           },
           children: "Отмена"
@@ -238,10 +319,10 @@ const ProductAttributeValuesWidget = ({
   const productHandle = data.handle || productId;
   const categoryId = ((_b = (_a = data.categories) == null ? void 0 : _a[0]) == null ? void 0 : _b.id) ?? null;
   const qc = reactQuery.useQueryClient();
-  const [formValues, setFormValues] = react.useState({});
-  const [saveSuccess, setSaveSuccess] = react.useState(false);
-  const [uploadingId, setUploadingId] = react.useState(null);
-  const fileInputs = react.useRef({});
+  const [formValues, setFormValues] = React.useState({});
+  const [saveSuccess, setSaveSuccess] = React.useState(false);
+  const [uploadingId, setUploadingId] = React.useState(null);
+  const fileInputs = React.useRef({});
   const attributesQuery = reactQuery.useQuery({
     queryKey: ["category-custom-attributes", categoryId],
     queryFn: () => sdk.client.fetch(`/admin/category/${categoryId}/custom-attributes`),
@@ -251,7 +332,7 @@ const ProductAttributeValuesWidget = ({
     queryKey: ["product-custom-attributes", productId],
     queryFn: () => sdk.client.fetch(`/admin/product/${productId}/custom-attributes`)
   });
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!attributesQuery.data || !valuesQuery.data) return;
     const attributes2 = attributesQuery.data.category_custom_attributes;
     const values = valuesQuery.data.product_custom_attributes;
@@ -291,15 +372,19 @@ const ProductAttributeValuesWidget = ({
     const attrId = attr.id;
     setUploadingId(attrId);
     try {
-      const dot = file.name.lastIndexOf(".");
-      const ext = dot > -1 ? file.name.slice(dot) : "";
-      const renamed = new File(
-        [file],
-        `${productHandle}_${attr.key}${ext}`,
-        { type: file.type }
-      );
+      const isImage = file.type.startsWith("image/");
+      let toUpload = file;
+      if (isImage) {
+        const dot = file.name.lastIndexOf(".");
+        const ext = dot > -1 ? file.name.slice(dot) : "";
+        toUpload = new File(
+          [file],
+          `${productHandle}_${attr.key}${ext}`,
+          { type: file.type }
+        );
+      }
       const formData = new FormData();
-      formData.append("files", renamed);
+      formData.append("files", toUpload);
       const response = await fetch(`/admin/uploads`, {
         method: "POST",
         credentials: "include",
@@ -439,6 +524,269 @@ const ProductAttributeValuesWidget = ({
 adminSdk.defineWidgetConfig({
   zone: "product.details.after"
 });
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const CogSixTooth = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ React__namespace.createElement(
+      "svg",
+      __spreadValues({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 15,
+        height: 15,
+        viewBox: "0 0 15 15",
+        fill: "none",
+        ref
+      }, props),
+      /* @__PURE__ */ React__namespace.createElement(
+        "g",
+        {
+          stroke: color,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5,
+          clipPath: "url(#a)"
+        },
+        /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.5 9.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4" }),
+        /* @__PURE__ */ React__namespace.createElement("path", { d: "m12.989 5.97-.826-.292a5 5 0 0 0-.323-.685 5 5 0 0 0-.43-.621l.16-.86a1.43 1.43 0 0 0-.692-1.503l-.312-.18a1.43 1.43 0 0 0-1.647.152l-.663.566a5 5 0 0 0-1.513 0L6.08 1.98a1.43 1.43 0 0 0-1.647-.152l-.312.18a1.43 1.43 0 0 0-.691 1.503l.16.857c-.32.4-.574.841-.758 1.31l-.82.29a1.43 1.43 0 0 0-.956 1.35v.36c0 .608.383 1.15.955 1.35l.826.292c.09.232.194.462.323.684.128.222.275.427.43.622l-.16.86c-.111.597.166 1.2.691 1.503l.312.18a1.43 1.43 0 0 0 1.647-.152l.663-.567a5 5 0 0 0 1.512 0l.663.568a1.43 1.43 0 0 0 1.647.152l.312-.18c.526-.304.803-.906.691-1.502l-.16-.86c.32-.398.575-.84.757-1.308l.822-.29c.572-.202.956-.743.956-1.35v-.36c0-.608-.383-1.149-.956-1.35z" })
+      ),
+      /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "a" }, /* @__PURE__ */ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h15v15H0z" })))
+    );
+  }
+);
+CogSixTooth.displayName = "CogSixTooth";
+const emptyForm = () => ({
+  label: "",
+  type: "text",
+  unit: "",
+  description: ""
+});
+const typeLabel = (t) => t === "text" ? "Текст" : t === "number" ? "Число" : t === "file" ? "Файл" : t === "boolean" ? "Да/Нет" : t;
+const ProductAttributesSettingsPage = () => {
+  const qc = reactQuery.useQueryClient();
+  const queryKey = ["attribute-presets"];
+  const [showAddForm, setShowAddForm] = React.useState(false);
+  const [addForm, setAddForm] = React.useState(emptyForm());
+  const [confirmDeleteId, setConfirmDeleteId] = React.useState(null);
+  const { data, isLoading, isError } = reactQuery.useQuery({
+    queryKey,
+    queryFn: () => sdk.client.fetch(`/admin/attribute-presets`)
+  });
+  const presets = (data == null ? void 0 : data.attribute_presets) ?? [];
+  const createMutation = reactQuery.useMutation({
+    mutationFn: (body) => sdk.client.fetch(`/admin/attribute-presets`, {
+      method: "POST",
+      body: {
+        label: body.label,
+        type: body.type,
+        unit: body.type === "number" && body.unit ? body.unit : null,
+        description: body.description || null
+      }
+    }),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey });
+      setShowAddForm(false);
+      setAddForm(emptyForm());
+    }
+  });
+  const deleteMutation = reactQuery.useMutation({
+    mutationFn: (id) => sdk.client.fetch(`/admin/attribute-presets`, {
+      method: "PATCH",
+      body: { id, deleted_at: (/* @__PURE__ */ new Date()).toISOString() }
+    }),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey });
+      setConfirmDeleteId(null);
+    }
+  });
+  const handleAdd = () => {
+    if (!addForm.label.trim()) return;
+    createMutation.mutate({
+      ...addForm,
+      label: addForm.label.trim(),
+      unit: addForm.unit.trim(),
+      description: addForm.description.trim()
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Пресеты атрибутов" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Глобальные шаблоны атрибутов, которые можно применить к любой категории." })
+      ] }),
+      !showAddForm && /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "secondary",
+          size: "small",
+          onClick: () => setShowAddForm(true),
+          children: "+ Добавить пресет"
+        }
+      )
+    ] }),
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Загрузка…" }) }),
+    isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error text-sm", children: "Не удалось загрузить пресеты." }) }),
+    !isLoading && !isError && presets.length === 0 && !showAddForm && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Пресетов пока нет. Добавьте первый." }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: presets.map(
+      (p) => confirmDeleteId === p.id ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex items-center gap-3 px-6 py-3 text-sm",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1", children: [
+              "Удалить «",
+              p.label,
+              "»?"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                size: "small",
+                variant: "danger",
+                onClick: () => deleteMutation.mutate(p.id),
+                isLoading: deleteMutation.isPending,
+                children: "Удалить"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: () => setConfirmDeleteId(null),
+                children: "Отмена"
+              }
+            )
+          ]
+        },
+        p.id
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: p.label }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
+              typeLabel(p.type),
+              p.unit ? `, ${p.unit}` : ""
+            ] })
+          ] }),
+          p.description && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: p.description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setConfirmDeleteId(p.id),
+            className: "text-xs text-ui-fg-error hover:underline",
+            children: "Удалить"
+          }
+        )
+      ] }, p.id)
+    ) }),
+    showAddForm && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: addForm.label,
+            onChange: (e) => setAddForm((f) => ({ ...f, label: e.target.value })),
+            placeholder: "Название (например, Сертификат)",
+            className: "flex-1 h-8 text-sm",
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            value: addForm.type,
+            onChange: (e) => setAddForm((f) => ({
+              ...f,
+              type: e.target.value,
+              unit: e.target.value === "number" ? f.unit : ""
+            })),
+            className: "h-8 rounded border border-ui-border-base bg-ui-bg-base px-2 text-sm",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "text", children: "Текст" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "number", children: "Число" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "file", children: "Файл" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "boolean", children: "Да/Нет" })
+            ]
+          }
+        ),
+        addForm.type === "number" && /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: addForm.unit,
+            onChange: (e) => setAddForm((f) => ({ ...f, unit: e.target.value })),
+            placeholder: "ед. (кг, м...)",
+            className: "w-28 h-8 text-sm"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          value: addForm.description,
+          onChange: (e) => setAddForm((f) => ({ ...f, description: e.target.value })),
+          placeholder: "Описание (необязательно)",
+          className: "h-8 text-sm"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "secondary",
+            size: "small",
+            onClick: () => {
+              setShowAddForm(false);
+              setAddForm(emptyForm());
+            },
+            children: "Отмена"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            size: "small",
+            onClick: handleAdd,
+            isLoading: createMutation.isPending,
+            children: "Создать"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+const config = adminSdk.defineRouteConfig({
+  label: "Product Attributes",
+  icon: CogSixTooth
+});
 const widgetModule = { widgets: [
   {
     Component: CategoryAttributeTemplatesWidget,
@@ -450,10 +798,24 @@ const widgetModule = { widgets: [
   }
 ] };
 const routeModule = {
-  routes: []
+  routes: [
+    {
+      Component: ProductAttributesSettingsPage,
+      path: "/settings/product-attributes"
+    }
+  ]
 };
 const menuItemModule = {
-  menuItems: []
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/settings/product-attributes",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    }
+  ]
 };
 const formModule = { customFields: {} };
 const displayModule = {