@primershop/strapi-plugin-status-manager 0.0.16 → 0.0.18

package/dist/_chunks/index-BXToWkDF.js

@@ -0,0 +1,227 @@
+"use strict";
+const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@strapi/icons");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const React__default = /* @__PURE__ */ _interopDefault(React);
+const PLUGIN_ID = "primershop-status-manager";
+const Initializer = ({ setPlugin }) => {
+  const ref = React.useRef(setPlugin);
+  React.useEffect(() => {
+    ref.current(PLUGIN_ID);
+  }, []);
+  return null;
+};
+const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, {});
+const ProductStatusField = () => {
+  const { contentType, id } = admin.unstable_useContentManagerContext();
+  const [statuses, setStatuses] = React.useState([]);
+  const [currentStatus, setCurrentStatus] = React.useState("");
+  const [message, setMessage] = React.useState("");
+  const { get, put } = admin.useFetchClient();
+  const handleStatusChange = React.useCallback(
+    async (newStatus) => {
+      if (!id) {
+        setMessage("Save the product first and then change the status");
+        return;
+      }
+      try {
+        await put(`primershop-status-manager/content-status`, {
+          contentTypeUid: "api::product.product",
+          contentDocumentId: id,
+          statusId: statuses.find((status) => status.name === newStatus)?.documentId
+        });
+        setMessage(
+          `Status updated ${currentStatus ? `from ${currentStatus}` : ""} to ${newStatus}`
+        );
+        setCurrentStatus(newStatus || "");
+      } catch (error) {
+        setMessage("Error updating status");
+        console.error("Error updating status:", error);
+      }
+    },
+    [id, statuses, currentStatus, put]
+  );
+  React.useEffect(() => {
+    async function fetchCurrentStatus() {
+      try {
+        const { data: productData } = await get(
+          `primershop-status-manager/content-status?contentDocumentId=${id}&contentTypeUid=api::product.product`
+        );
+        const status = productData?.status;
+        if (status && status.name) return setCurrentStatus(status.name);
+        if (statuses.length) return handleStatusChange(statuses[0].name);
+      } catch (error) {
+        console.error("Error fetching product status:", error);
+      }
+    }
+    if (id && !currentStatus.length) fetchCurrentStatus();
+    if (!id && statuses.length) setCurrentStatus(statuses[0].name);
+  }, [id, statuses, get]);
+  React.useEffect(() => {
+    async function fetchStatuses() {
+      try {
+        const { data } = await get("primershop-status-manager/statuses");
+        setStatuses(data);
+      } catch (error) {
+        console.error("Error fetching statuses:", error);
+      }
+    }
+    fetchStatuses();
+  }, [get]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Flex,
+    {
+      direction: "column",
+      justifyContent: "center",
+      alignItems: "stretch",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", children: [
+          contentType?.info.displayName,
+          " status"
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelect, { placeholder: currentStatus, onChange: handleStatusChange, children: statuses.map((status) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: status.name, children: status.name }, status.documentId)) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: message }) })
+      ]
+    }
+  );
+};
+const StatusCell = ({ row }) => {
+  const [status, setStatus] = React.useState(null);
+  React.useEffect(() => {
+    setStatus(row.statusField);
+  }, [row]);
+  if (!status) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+    padding: "4px 8px",
+    borderRadius: 4,
+    background: status.published ? "#eafbe7" : "#f0f0ff",
+    color: status.published ? "#2f6846" : "#271fe0",
+    border: `1px solid ${status.published ? "#2f6846" : "#271fe0"}`,
+    fontSize: 14
+  }, children: status.name });
+};
+const addStatusColumnHook = ({
+  displayedHeaders,
+  layout
+}) => {
+  const statusHeader = {
+    attribute: { type: "custom" },
+    name: "statusLabel",
+    label: { id: "primershop-status-manager.status", defaultMessage: "Status" },
+    searchable: false,
+    sortable: false,
+    cellFormatter: (row) => {
+      return React__default.default.createElement(StatusCell, { row });
+    }
+  };
+  return {
+    displayedHeaders: [...displayedHeaders, statusHeader],
+    layout
+  };
+};
+const pluginPermissions = {
+  accessStatusManager: [
+    {
+      action: "plugin::primershop-status-manager.main",
+      subject: null
+    }
+  ]
+};
+const StatusFilter = () => {
+  const { contentType } = admin.unstable_useContentManagerContext();
+  const [statuses, setStatuses] = React.useState([]);
+  const [selected, setSelected] = React.useState("");
+  const { get } = admin.useFetchClient();
+  const [{ query }, setQuery] = admin.useQueryParams();
+  const handleStatusChange = React.useCallback(
+    (name) => {
+      setQuery(
+        {
+          page: 1,
+          plugins: {
+            ...query.plugins,
+            "primershop-status-manager": { statusName: name.toLowerCase() }
+          }
+        },
+        "push",
+        true
+      );
+    },
+    [query.plugins, setQuery]
+  );
+  React.useEffect(() => {
+    const selectedStatusName = query.plugins?.["primershop-status-manager"]?.statusName;
+    if (!selectedStatusName) return;
+    const status = statuses.find(
+      (status2) => status2.name.toLowerCase() === selectedStatusName
+    );
+    if (status) {
+      setSelected(status.name);
+    }
+  }, [query, statuses]);
+  React.useEffect(() => {
+    async function fetchStatuses() {
+      try {
+        const { data } = await get("primershop-status-manager/statuses");
+        const allStatusesObject = {
+          documentId: "all",
+          name: "All"
+        };
+        setStatuses([allStatusesObject, ...data]);
+      } catch (error) {
+        console.error("Error fetching statuses:", error);
+      }
+    }
+    fetchStatuses();
+  }, [get]);
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.SingleSelect,
+    {
+      size: "S",
+      placeholder: `${contentType?.info.displayName} status`,
+      value: selected,
+      onChange: handleStatusChange,
+      children: statuses.map((status) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: status.name, children: status.name }, status.documentId))
+    }
+  ) });
+};
+const plugin = {
+  register(app) {
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      initializer: Initializer,
+      isReady: true,
+      name: PLUGIN_ID
+    });
+    app.addMenuLink({
+      to: `plugins/${PLUGIN_ID}`,
+      icon: PluginIcon,
+      intlLabel: {
+        id: `${PLUGIN_ID}.plugin.name`,
+        defaultMessage: "Status manager"
+      },
+      permissions: [pluginPermissions.accessStatusManager[0]],
+      Component: () => Promise.resolve().then(() => require("./HomePage-D9xj2-y8.js")).then((module2) => ({
+        default: module2.HomePage
+      }))
+    });
+  },
+  bootstrap(app) {
+    app.getPlugin("content-manager").injectComponent("editView", "right-links", {
+      name: "Status",
+      Component: ProductStatusField
+    });
+    app.registerHook("Admin/CM/pages/ListView/inject-column-in-table", addStatusColumnHook);
+    const contentManager = app.getPlugin("content-manager");
+    contentManager.injectComponent("listView", "actions", {
+      name: "status-filter",
+      Component: StatusFilter
+    });
+  }
+};
+exports.plugin = plugin;
+exports.pluginPermissions = pluginPermissions;

package/dist/_chunks/index-CzxwE0pe.mjs

@@ -0,0 +1,226 @@
+import React, { useRef, useEffect, useState, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle } from "@strapi/icons";
+import { Flex, Box, Typography, SingleSelect, SingleSelectOption } from "@strapi/design-system";
+import { unstable_useContentManagerContext, useFetchClient, useQueryParams } from "@strapi/strapi/admin";
+const PLUGIN_ID = "primershop-status-manager";
+const Initializer = ({ setPlugin }) => {
+  const ref = useRef(setPlugin);
+  useEffect(() => {
+    ref.current(PLUGIN_ID);
+  }, []);
+  return null;
+};
+const PluginIcon = () => /* @__PURE__ */ jsx(CheckCircle, {});
+const ProductStatusField = () => {
+  const { contentType, id } = unstable_useContentManagerContext();
+  const [statuses, setStatuses] = useState([]);
+  const [currentStatus, setCurrentStatus] = useState("");
+  const [message, setMessage] = useState("");
+  const { get, put } = useFetchClient();
+  const handleStatusChange = useCallback(
+    async (newStatus) => {
+      if (!id) {
+        setMessage("Save the product first and then change the status");
+        return;
+      }
+      try {
+        await put(`primershop-status-manager/content-status`, {
+          contentTypeUid: "api::product.product",
+          contentDocumentId: id,
+          statusId: statuses.find((status) => status.name === newStatus)?.documentId
+        });
+        setMessage(
+          `Status updated ${currentStatus ? `from ${currentStatus}` : ""} to ${newStatus}`
+        );
+        setCurrentStatus(newStatus || "");
+      } catch (error) {
+        setMessage("Error updating status");
+        console.error("Error updating status:", error);
+      }
+    },
+    [id, statuses, currentStatus, put]
+  );
+  useEffect(() => {
+    async function fetchCurrentStatus() {
+      try {
+        const { data: productData } = await get(
+          `primershop-status-manager/content-status?contentDocumentId=${id}&contentTypeUid=api::product.product`
+        );
+        const status = productData?.status;
+        if (status && status.name) return setCurrentStatus(status.name);
+        if (statuses.length) return handleStatusChange(statuses[0].name);
+      } catch (error) {
+        console.error("Error fetching product status:", error);
+      }
+    }
+    if (id && !currentStatus.length) fetchCurrentStatus();
+    if (!id && statuses.length) setCurrentStatus(statuses[0].name);
+  }, [id, statuses, get]);
+  useEffect(() => {
+    async function fetchStatuses() {
+      try {
+        const { data } = await get("primershop-status-manager/statuses");
+        setStatuses(data);
+      } catch (error) {
+        console.error("Error fetching statuses:", error);
+      }
+    }
+    fetchStatuses();
+  }, [get]);
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: "column",
+      justifyContent: "center",
+      alignItems: "stretch",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsxs(Typography, { variant: "sigma", children: [
+          contentType?.info.displayName,
+          " status"
+        ] }) }),
+        /* @__PURE__ */ jsx(SingleSelect, { placeholder: currentStatus, onChange: handleStatusChange, children: statuses.map((status) => /* @__PURE__ */ jsx(SingleSelectOption, { value: status.name, children: status.name }, status.documentId)) }),
+        /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: message }) })
+      ]
+    }
+  );
+};
+const StatusCell = ({ row }) => {
+  const [status, setStatus] = useState(null);
+  useEffect(() => {
+    setStatus(row.statusField);
+  }, [row]);
+  if (!status) return null;
+  return /* @__PURE__ */ jsx("span", { style: {
+    padding: "4px 8px",
+    borderRadius: 4,
+    background: status.published ? "#eafbe7" : "#f0f0ff",
+    color: status.published ? "#2f6846" : "#271fe0",
+    border: `1px solid ${status.published ? "#2f6846" : "#271fe0"}`,
+    fontSize: 14
+  }, children: status.name });
+};
+const addStatusColumnHook = ({
+  displayedHeaders,
+  layout
+}) => {
+  const statusHeader = {
+    attribute: { type: "custom" },
+    name: "statusLabel",
+    label: { id: "primershop-status-manager.status", defaultMessage: "Status" },
+    searchable: false,
+    sortable: false,
+    cellFormatter: (row) => {
+      return React.createElement(StatusCell, { row });
+    }
+  };
+  return {
+    displayedHeaders: [...displayedHeaders, statusHeader],
+    layout
+  };
+};
+const pluginPermissions = {
+  accessStatusManager: [
+    {
+      action: "plugin::primershop-status-manager.main",
+      subject: null
+    }
+  ]
+};
+const StatusFilter = () => {
+  const { contentType } = unstable_useContentManagerContext();
+  const [statuses, setStatuses] = useState([]);
+  const [selected, setSelected] = useState("");
+  const { get } = useFetchClient();
+  const [{ query }, setQuery] = useQueryParams();
+  const handleStatusChange = useCallback(
+    (name) => {
+      setQuery(
+        {
+          page: 1,
+          plugins: {
+            ...query.plugins,
+            "primershop-status-manager": { statusName: name.toLowerCase() }
+          }
+        },
+        "push",
+        true
+      );
+    },
+    [query.plugins, setQuery]
+  );
+  useEffect(() => {
+    const selectedStatusName = query.plugins?.["primershop-status-manager"]?.statusName;
+    if (!selectedStatusName) return;
+    const status = statuses.find(
+      (status2) => status2.name.toLowerCase() === selectedStatusName
+    );
+    if (status) {
+      setSelected(status.name);
+    }
+  }, [query, statuses]);
+  useEffect(() => {
+    async function fetchStatuses() {
+      try {
+        const { data } = await get("primershop-status-manager/statuses");
+        const allStatusesObject = {
+          documentId: "all",
+          name: "All"
+        };
+        setStatuses([allStatusesObject, ...data]);
+      } catch (error) {
+        console.error("Error fetching statuses:", error);
+      }
+    }
+    fetchStatuses();
+  }, [get]);
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", justifyContent: "center", children: /* @__PURE__ */ jsx(
+    SingleSelect,
+    {
+      size: "S",
+      placeholder: `${contentType?.info.displayName} status`,
+      value: selected,
+      onChange: handleStatusChange,
+      children: statuses.map((status) => /* @__PURE__ */ jsx(SingleSelectOption, { value: status.name, children: status.name }, status.documentId))
+    }
+  ) });
+};
+const plugin = {
+  register(app) {
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      initializer: Initializer,
+      isReady: true,
+      name: PLUGIN_ID
+    });
+    app.addMenuLink({
+      to: `plugins/${PLUGIN_ID}`,
+      icon: PluginIcon,
+      intlLabel: {
+        id: `${PLUGIN_ID}.plugin.name`,
+        defaultMessage: "Status manager"
+      },
+      permissions: [pluginPermissions.accessStatusManager[0]],
+      Component: () => import("./HomePage-CYpSKXVE.mjs").then((module) => ({
+        default: module.HomePage
+      }))
+    });
+  },
+  bootstrap(app) {
+    app.getPlugin("content-manager").injectComponent("editView", "right-links", {
+      name: "Status",
+      Component: ProductStatusField
+    });
+    app.registerHook("Admin/CM/pages/ListView/inject-column-in-table", addStatusColumnHook);
+    const contentManager = app.getPlugin("content-manager");
+    contentManager.injectComponent("listView", "actions", {
+      name: "status-filter",
+      Component: StatusFilter
+    });
+  }
+};
+export {
+  plugin as a,
+  pluginPermissions as p
+};

package/dist/admin/index.js

@@ -1,12 +1,3 @@
-'use strict';
-
-var index = require('./index-mATo7IeG.js');
-require('react');
-require('react/jsx-runtime');
-require('@strapi/icons');
-require('@strapi/design-system');
-require('@strapi/strapi/admin');
-
-
-
+"use strict";
+const index = require("../_chunks/index-BXToWkDF.js");
 module.exports = index.plugin;

package/dist/admin/index.mjs

@@ -1,6 +1,4 @@
-export { a as default } from './index-BVybZ6IA.mjs';
-import 'react';
-import 'react/jsx-runtime';
-import '@strapi/icons';
-import '@strapi/design-system';
-import '@strapi/strapi/admin';
+import { a } from "../_chunks/index-CzxwE0pe.mjs";
+export {
+  a as default
+};