@empty-complete-org/medusa-product-attributes 0.10.0 → 0.11.0

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

@@ -0,0 +1,325 @@
+"use strict";
+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 Medusa = require("@medusajs/js-sdk");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
+const sdk = new Medusa__default.default({
+  baseUrl: "/",
+  debug: false,
+  auth: {
+    type: "session"
+  }
+});
+const emptyForm = () => ({ label: "", type: "text" });
+const CategoryAttributeTemplatesWidget = ({
+  data
+}) => {
+  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 {
+    data: result,
+    isLoading,
+    isError
+  } = reactQuery.useQuery({
+    queryKey,
+    queryFn: () => sdk.client.fetch(`/admin/category/${categoryId}/custom-attributes`)
+  });
+  const attributes = (result == null ? void 0 : result.category_custom_attributes) ?? [];
+  const createMutation = reactQuery.useMutation({
+    mutationFn: (body) => sdk.client.fetch(`/admin/category/${categoryId}/custom-attributes`, {
+      method: "POST",
+      body
+    }),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey });
+      setShowAddForm(false);
+      setAddForm(emptyForm());
+      setMutationError(null);
+    },
+    onError: (err) => {
+      setMutationError((err == null ? void 0 : err.message) || "Ошибка при создании атрибута");
+    }
+  });
+  const deleteMutation = reactQuery.useMutation({
+    mutationFn: (id) => sdk.client.fetch(`/admin/category/${categoryId}/custom-attributes`, {
+      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({
+      label: addForm.label.trim(),
+      type: addForm.type
+    });
+  };
+  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,
+        {
+          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 && attributes.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: "Нет атрибутов. Добавьте первый." }) }),
+    attributes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: attributes.map(
+      (attr) => confirmDeleteId === attr.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 text-ui-fg-base", children: [
+              "Удалить «",
+              attr.label,
+              "»?"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                size: "small",
+                variant: "danger",
+                onClick: () => deleteMutation.mutate(attr.id),
+                isLoading: deleteMutation.isPending,
+                children: "Удалить"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: () => setConfirmDeleteId(null),
+                children: "Отмена"
+              }
+            )
+          ]
+        },
+        attr.id
+      ) : /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex items-center gap-3 px-6 py-3",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm text-ui-fg-base", children: attr.label }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "grey", children: attr.type === "text" ? "Текст" : attr.type === "number" ? "Число" : attr.type }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => setConfirmDeleteId(attr.id),
+                className: "text-xs text-ui-fg-error hover:underline",
+                children: "Удалить"
+              }
+            )
+          ]
+        },
+        attr.id
+      )
+    ) }),
+    showAddForm && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-6 py-3", 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
+          })),
+          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(
+        ui.Button,
+        {
+          size: "small",
+          onClick: handleAdd,
+          isLoading: createMutation.isPending,
+          children: "Добавить"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "secondary",
+          size: "small",
+          onClick: () => {
+            setShowAddForm(false);
+            setAddForm(emptyForm());
+            setMutationError(null);
+          },
+          children: "Отмена"
+        }
+      )
+    ] }),
+    mutationError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error text-sm", children: mutationError }) })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "product_category.details.after"
+});
+const ProductAttributeValuesWidget = ({
+  data
+}) => {
+  var _a, _b, _c;
+  const productId = data.id;
+  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 attributesQuery = reactQuery.useQuery({
+    queryKey: ["category-custom-attributes", categoryId],
+    queryFn: () => sdk.client.fetch(`/admin/category/${categoryId}/custom-attributes`),
+    enabled: !!categoryId
+  });
+  const valuesQuery = reactQuery.useQuery({
+    queryKey: ["product-custom-attributes", productId],
+    queryFn: () => sdk.client.fetch(`/admin/product/${productId}/custom-attributes`)
+  });
+  react.useEffect(() => {
+    if (!attributesQuery.data || !valuesQuery.data) return;
+    const attributes2 = attributesQuery.data.category_custom_attributes;
+    const values = valuesQuery.data.product_custom_attributes;
+    const initial = {};
+    for (const attr of attributes2) {
+      const existing = values.find((v) => v.id === attr.id);
+      initial[attr.id] = existing ? existing.value : "";
+    }
+    setFormValues(initial);
+  }, [attributesQuery.data, valuesQuery.data]);
+  const saveMutation = reactQuery.useMutation({
+    mutationFn: (body) => sdk.client.fetch(`/admin/product/${productId}/custom-attributes`, {
+      method: "POST",
+      body
+    }),
+    onSuccess: () => {
+      qc.invalidateQueries({
+        queryKey: ["product-custom-attributes", productId]
+      });
+      setSaveSuccess(true);
+      setTimeout(() => setSaveSuccess(false), 2e3);
+    }
+  });
+  const handleSave = () => {
+    if (!attributesQuery.data) return;
+    const attributes2 = attributesQuery.data.category_custom_attributes;
+    const attributesToUpdate = attributes2.filter(
+      (attr) => formValues[attr.id] !== void 0 && formValues[attr.id] !== ""
+    ).map((attr) => ({ id: attr.id, value: formValues[attr.id] }));
+    saveMutation.mutate({ attributes: attributesToUpdate });
+  };
+  if (!categoryId) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Характеристики" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "Назначьте категорию товару, чтобы заполнить характеристики." }) })
+    ] });
+  }
+  const isLoading = attributesQuery.isLoading || valuesQuery.isLoading;
+  const isError = attributesQuery.isError || valuesQuery.isError;
+  const attributes = ((_c = attributesQuery.data) == null ? void 0 : _c.category_custom_attributes) ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", 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 && attributes.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-sm", children: "В категории нет атрибутов. Добавьте их в настройках категории." }) }),
+    !isLoading && !isError && attributes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: attributes.map((attr) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "grid grid-cols-2 items-center gap-4 px-6 py-3",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: attr.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                type: attr.type === "number" ? "number" : "text",
+                value: formValues[attr.id] ?? "",
+                onChange: (e) => setFormValues((prev) => ({
+                  ...prev,
+                  [attr.id]: e.target.value
+                })),
+                placeholder: attr.type === "number" ? "0" : "Значение",
+                className: "h-8 text-sm flex-1"
+              }
+            ) })
+          ]
+        },
+        attr.id
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          onClick: handleSave,
+          isLoading: saveMutation.isPending,
+          children: saveSuccess ? "Сохранено ✓" : "Сохранить"
+        }
+      ) })
+    ] })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "product.details.after"
+});
+const widgetModule = { widgets: [
+  {
+    Component: CategoryAttributeTemplatesWidget,
+    zone: ["product_category.details.after"]
+  },
+  {
+    Component: ProductAttributeValuesWidget,
+    zone: ["product.details.after"]
+  }
+] };
+const routeModule = {
+  routes: []
+};
+const menuItemModule = {
+  menuItems: []
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+module.exports = plugin;

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

@@ -0,0 +1,324 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { defineWidgetConfig } from "@medusajs/admin-sdk";
+import { Container, Heading, Button, Text, Badge, Input } from "@medusajs/ui";
+import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
+import { useState, useEffect } from "react";
+import Medusa from "@medusajs/js-sdk";
+const sdk = new Medusa({
+  baseUrl: "/",
+  debug: false,
+  auth: {
+    type: "session"
+  }
+});
+const emptyForm = () => ({ label: "", type: "text" });
+const CategoryAttributeTemplatesWidget = ({
+  data
+}) => {
+  const categoryId = data.id;
+  const qc = useQueryClient();
+  const queryKey = ["category-custom-attributes", categoryId];
+  const [showAddForm, setShowAddForm] = useState(false);
+  const [addForm, setAddForm] = useState(emptyForm());
+  const [confirmDeleteId, setConfirmDeleteId] = useState(null);
+  const [mutationError, setMutationError] = useState(null);
+  const {
+    data: result,
+    isLoading,
+    isError
+  } = useQuery({
+    queryKey,
+    queryFn: () => sdk.client.fetch(`/admin/category/${categoryId}/custom-attributes`)
+  });
+  const attributes = (result == null ? void 0 : result.category_custom_attributes) ?? [];
+  const createMutation = useMutation({
+    mutationFn: (body) => sdk.client.fetch(`/admin/category/${categoryId}/custom-attributes`, {
+      method: "POST",
+      body
+    }),
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey });
+      setShowAddForm(false);
+      setAddForm(emptyForm());
+      setMutationError(null);
+    },
+    onError: (err) => {
+      setMutationError((err == null ? void 0 : err.message) || "Ошибка при создании атрибута");
+    }
+  });
+  const deleteMutation = useMutation({
+    mutationFn: (id) => sdk.client.fetch(`/admin/category/${categoryId}/custom-attributes`, {
+      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({
+      label: addForm.label.trim(),
+      type: addForm.type
+    });
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Атрибуты" }),
+      !showAddForm && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          size: "small",
+          onClick: () => setShowAddForm(true),
+          children: "+ Добавить"
+        }
+      )
+    ] }),
+    isLoading && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-muted text-sm", children: "Загрузка…" }) }),
+    isError && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error text-sm", children: "Не удалось загрузить атрибуты." }) }),
+    !isLoading && !isError && attributes.length === 0 && !showAddForm && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-muted text-sm", children: "Нет атрибутов. Добавьте первый." }) }),
+    attributes.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y", children: attributes.map(
+      (attr) => confirmDeleteId === attr.id ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-3 px-6 py-3 text-sm",
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex-1 text-ui-fg-base", children: [
+              "Удалить «",
+              attr.label,
+              "»?"
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "danger",
+                onClick: () => deleteMutation.mutate(attr.id),
+                isLoading: deleteMutation.isPending,
+                children: "Удалить"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "secondary",
+                onClick: () => setConfirmDeleteId(null),
+                children: "Отмена"
+              }
+            )
+          ]
+        },
+        attr.id
+      ) : /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-3 px-6 py-3",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm text-ui-fg-base", children: attr.label }),
+            /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: "grey", children: attr.type === "text" ? "Текст" : attr.type === "number" ? "Число" : attr.type }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setConfirmDeleteId(attr.id),
+                className: "text-xs text-ui-fg-error hover:underline",
+                children: "Удалить"
+              }
+            )
+          ]
+        },
+        attr.id
+      )
+    ) }),
+    showAddForm && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-6 py-3", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: addForm.label,
+          onChange: (e) => setAddForm((f) => ({ ...f, label: e.target.value })),
+          placeholder: "Название атрибута",
+          className: "flex-1 h-8 text-sm",
+          autoFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: addForm.type,
+          onChange: (e) => setAddForm((f) => ({
+            ...f,
+            type: e.target.value
+          })),
+          className: "h-8 rounded border border-ui-border-base bg-ui-bg-base px-2 text-sm",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "text", children: "Текст" }),
+            /* @__PURE__ */ jsx("option", { value: "number", children: "Число" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          onClick: handleAdd,
+          isLoading: createMutation.isPending,
+          children: "Добавить"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          size: "small",
+          onClick: () => {
+            setShowAddForm(false);
+            setAddForm(emptyForm());
+            setMutationError(null);
+          },
+          children: "Отмена"
+        }
+      )
+    ] }),
+    mutationError && /* @__PURE__ */ jsx("div", { className: "px-6 py-2", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error text-sm", children: mutationError }) })
+  ] });
+};
+defineWidgetConfig({
+  zone: "product_category.details.after"
+});
+const ProductAttributeValuesWidget = ({
+  data
+}) => {
+  var _a, _b, _c;
+  const productId = data.id;
+  const categoryId = ((_b = (_a = data.categories) == null ? void 0 : _a[0]) == null ? void 0 : _b.id) ?? null;
+  const qc = useQueryClient();
+  const [formValues, setFormValues] = useState({});
+  const [saveSuccess, setSaveSuccess] = useState(false);
+  const attributesQuery = useQuery({
+    queryKey: ["category-custom-attributes", categoryId],
+    queryFn: () => sdk.client.fetch(`/admin/category/${categoryId}/custom-attributes`),
+    enabled: !!categoryId
+  });
+  const valuesQuery = useQuery({
+    queryKey: ["product-custom-attributes", productId],
+    queryFn: () => sdk.client.fetch(`/admin/product/${productId}/custom-attributes`)
+  });
+  useEffect(() => {
+    if (!attributesQuery.data || !valuesQuery.data) return;
+    const attributes2 = attributesQuery.data.category_custom_attributes;
+    const values = valuesQuery.data.product_custom_attributes;
+    const initial = {};
+    for (const attr of attributes2) {
+      const existing = values.find((v) => v.id === attr.id);
+      initial[attr.id] = existing ? existing.value : "";
+    }
+    setFormValues(initial);
+  }, [attributesQuery.data, valuesQuery.data]);
+  const saveMutation = useMutation({
+    mutationFn: (body) => sdk.client.fetch(`/admin/product/${productId}/custom-attributes`, {
+      method: "POST",
+      body
+    }),
+    onSuccess: () => {
+      qc.invalidateQueries({
+        queryKey: ["product-custom-attributes", productId]
+      });
+      setSaveSuccess(true);
+      setTimeout(() => setSaveSuccess(false), 2e3);
+    }
+  });
+  const handleSave = () => {
+    if (!attributesQuery.data) return;
+    const attributes2 = attributesQuery.data.category_custom_attributes;
+    const attributesToUpdate = attributes2.filter(
+      (attr) => formValues[attr.id] !== void 0 && formValues[attr.id] !== ""
+    ).map((attr) => ({ id: attr.id, value: formValues[attr.id] }));
+    saveMutation.mutate({ attributes: attributesToUpdate });
+  };
+  if (!categoryId) {
+    return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Характеристики" }) }),
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-muted text-sm", children: "Назначьте категорию товару, чтобы заполнить характеристики." }) })
+    ] });
+  }
+  const isLoading = attributesQuery.isLoading || valuesQuery.isLoading;
+  const isError = attributesQuery.isError || valuesQuery.isError;
+  const attributes = ((_c = attributesQuery.data) == null ? void 0 : _c.category_custom_attributes) ?? [];
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Характеристики" }) }),
+    isLoading && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-muted text-sm", children: "Загрузка…" }) }),
+    isError && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error text-sm", children: "Не удалось загрузить характеристики." }) }),
+    !isLoading && !isError && attributes.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-muted text-sm", children: "В категории нет атрибутов. Добавьте их в настройках категории." }) }),
+    !isLoading && !isError && attributes.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "divide-y", children: attributes.map((attr) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "grid grid-cols-2 items-center gap-4 px-6 py-3",
+          children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: attr.label }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: attr.type === "number" ? "number" : "text",
+                value: formValues[attr.id] ?? "",
+                onChange: (e) => setFormValues((prev) => ({
+                  ...prev,
+                  [attr.id]: e.target.value
+                })),
+                placeholder: attr.type === "number" ? "0" : "Значение",
+                className: "h-8 text-sm flex-1"
+              }
+            ) })
+          ]
+        },
+        attr.id
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end px-6 py-4", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          onClick: handleSave,
+          isLoading: saveMutation.isPending,
+          children: saveSuccess ? "Сохранено ✓" : "Сохранить"
+        }
+      ) })
+    ] })
+  ] });
+};
+defineWidgetConfig({
+  zone: "product.details.after"
+});
+const widgetModule = { widgets: [
+  {
+    Component: CategoryAttributeTemplatesWidget,
+    zone: ["product_category.details.after"]
+  },
+  {
+    Component: ProductAttributeValuesWidget,
+    zone: ["product.details.after"]
+  }
+] };
+const routeModule = {
+  routes: []
+};
+const menuItemModule = {
+  menuItems: []
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+export {
+  plugin as default
+};

package/.medusa/server/src/api/admin/category/[categoryId]/custom-attributes/route.d.ts

@@ -0,0 +1,4 @@
+import type { MedusaRequest, MedusaResponse } from "@medusajs/framework/http";
+export declare function GET(req: MedusaRequest, res: MedusaResponse): Promise<void>;
+export declare function POST(req: MedusaRequest, res: MedusaResponse): Promise<void>;
+export declare function PATCH(req: MedusaRequest, res: MedusaResponse): Promise<void>;

package/.medusa/server/src/api/admin/category/[categoryId]/custom-attributes/route.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GET = GET;
+exports.POST = POST;
+exports.PATCH = PATCH;
+const product_attributes_1 = require("../../../../../modules/product-attributes");
+async function GET(req, res) {
+    const { categoryId } = req.params;
+    const service = req.scope.resolve(product_attributes_1.CUSTOM_ATTRIBUTE_MODULE);
+    const category_custom_attributes = await service.getCategoryAttributes(categoryId);
+    res.json({ category_custom_attributes });
+}
+async function POST(req, res) {
+    const { categoryId } = req.params;
+    const { label, type, unit, sort_order } = req.body;
+    const service = req.scope.resolve(product_attributes_1.CUSTOM_ATTRIBUTE_MODULE);
+    const category_custom_attribute = await service.createCategoryAttribute({
+        label,
+        type: type || "text",
+        unit: unit || null,
+        category_id: categoryId,
+        sort_order,
+    });
+    res.status(201).json({ category_custom_attribute });
+}
+async function PATCH(req, res) {
+    const service = req.scope.resolve(product_attributes_1.CUSTOM_ATTRIBUTE_MODULE);
+    const { id, ...data } = req.body;
+    const category_custom_attribute = await service.updateCategoryAttribute(id, data);
+    res.json({ category_custom_attribute });
+}
+//# sourceMappingURL=route.js.map