@empty-complete-org/medusa-product-attributes 0.10.1 → 0.11.1

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

@@ -0,0 +1,346 @@
+"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 ownAttributes = attributes.filter((a) => !a.inherited);
+  const inheritedAttributes = attributes.filter((a) => a.inherited);
+  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
+    });
+  };
+  const typeLabel = (t) => t === "text" ? "Текст" : t === "number" ? "Число" : 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,
+        {
+          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: "Не удалось загрузить атрибуты." }) }),
+    inheritedAttributes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-2 bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-muted uppercase", children: "Унаследованные" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: inheritedAttributes.map((attr) => /* @__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-subtle", children: attr.label }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "grey", children: typeLabel(attr.type) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "blue", children: "из родителя" })
+          ]
+        },
+        attr.id
+      )) })
+    ] }),
+    ownAttributes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      inheritedAttributes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-2 bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-muted uppercase", children: "Свои" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: ownAttributes.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: typeLabel(attr.type) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => setConfirmDeleteId(attr.id),
+                  className: "text-xs text-ui-fg-error hover:underline",
+                  children: "Удалить"
+                }
+              )
+            ]
+          },
+          attr.id
+        )
+      ) })
+    ] }),
+    !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: "Нет атрибутов. Добавьте первый." }) }),
+    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;