@primershop/strapi-plugin-status-manager 0.0.1

package/README.md

@@ -0,0 +1,52 @@
+# @primershop/strapi-plugin-status-manager
+
+A Strapi plugin that enables more status variations for your content.
+
+## Installation
+
+```bash
+npm install @primershop/strapi-plugin-status-manager
+```
+
+## Usage
+
+1. Install the plugin in your Strapi project
+2. The plugin will automatically register and provide additional status management functionality
+3. Configure the plugin through the Strapi admin panel
+
+## Development
+
+### Prerequisites
+
+- Node.js >= 18.0.0
+- npm >= 6.0.0
+
+### Setup
+
+1. Clone the repository
+2. Install dependencies:
+   ```bash
+   npm install
+   ```
+
+### Build
+
+```bash
+npm run build
+```
+
+### Development Mode
+
+```bash
+npm run dev
+```
+
+## Publishing
+
+```bash
+npm publish
+```
+
+## License
+
+MIT

package/dist/admin/components/Initializer.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var React = require('react');
+var pluginId = require('../pluginId.js');
+
+/**
+ * @type {import('react').FC<{ setPlugin: (id: string) => void }>}
+ */ const Initializer = ({ setPlugin })=>{
+    const ref = React.useRef(setPlugin);
+    React.useEffect(()=>{
+        ref.current(pluginId.PLUGIN_ID);
+    }, []);
+    return null;
+};
+
+exports.Initializer = Initializer;
+//# sourceMappingURL=Initializer.js.map

package/dist/admin/components/Initializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Initializer.js","sources":["../../../admin/src/components/Initializer.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\r\n\r\nimport { PLUGIN_ID } from \"../pluginId\";\r\n\r\n/**\r\n * @type {import('react').FC<{ setPlugin: (id: string) => void }>}\r\n */\r\nconst Initializer = ({ setPlugin }: { setPlugin: (id: string) => void }) => {\r\n  const ref = useRef(setPlugin);\r\n\r\n  useEffect(() => {\r\n    ref.current(PLUGIN_ID);\r\n  }, []);\r\n\r\n  return null;\r\n};\r\n\r\nexport { Initializer };\r\n"],"names":["Initializer","setPlugin","ref","useRef","useEffect","current","PLUGIN_ID"],"mappings":";;;;;AAIA;;AAEC,IACD,MAAMA,WAAAA,GAAc,CAAC,EAAEC,SAAS,EAAuC,GAAA;AACrE,IAAA,MAAMC,MAAMC,YAAAA,CAAOF,SAAAA,CAAAA;IAEnBG,eAAAA,CAAU,IAAA;AACRF,QAAAA,GAAAA,CAAIG,OAAO,CAACC,kBAAAA,CAAAA;AACd,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,OAAO,IAAA;AACT;;;;"}

package/dist/admin/components/Initializer.mjs

@@ -0,0 +1,15 @@
+import { useRef, useEffect } from 'react';
+import { PLUGIN_ID } from '../pluginId.mjs';
+
+/**
+ * @type {import('react').FC<{ setPlugin: (id: string) => void }>}
+ */ const Initializer = ({ setPlugin })=>{
+    const ref = useRef(setPlugin);
+    useEffect(()=>{
+        ref.current(PLUGIN_ID);
+    }, []);
+    return null;
+};
+
+export { Initializer };
+//# sourceMappingURL=Initializer.mjs.map

package/dist/admin/components/Initializer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Initializer.mjs","sources":["../../../admin/src/components/Initializer.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\r\n\r\nimport { PLUGIN_ID } from \"../pluginId\";\r\n\r\n/**\r\n * @type {import('react').FC<{ setPlugin: (id: string) => void }>}\r\n */\r\nconst Initializer = ({ setPlugin }: { setPlugin: (id: string) => void }) => {\r\n  const ref = useRef(setPlugin);\r\n\r\n  useEffect(() => {\r\n    ref.current(PLUGIN_ID);\r\n  }, []);\r\n\r\n  return null;\r\n};\r\n\r\nexport { Initializer };\r\n"],"names":["Initializer","setPlugin","ref","useRef","useEffect","current","PLUGIN_ID"],"mappings":";;;AAIA;;AAEC,IACD,MAAMA,WAAAA,GAAc,CAAC,EAAEC,SAAS,EAAuC,GAAA;AACrE,IAAA,MAAMC,MAAMC,MAAAA,CAAOF,SAAAA,CAAAA;IAEnBG,SAAAA,CAAU,IAAA;AACRF,QAAAA,GAAAA,CAAIG,OAAO,CAACC,SAAAA,CAAAA;AACd,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,OAAO,IAAA;AACT;;;;"}

package/dist/admin/components/PluginIcon.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var icons = require('@strapi/icons');
+
+const PluginIcon = ()=>/*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {});
+
+exports.PluginIcon = PluginIcon;
+//# sourceMappingURL=PluginIcon.js.map

package/dist/admin/components/PluginIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginIcon.js","sources":["../../../admin/src/components/PluginIcon.tsx"],"sourcesContent":["import { CheckCircle } from \"@strapi/icons\";\r\n\r\nconst PluginIcon = () => <CheckCircle />;\r\n\r\nexport { PluginIcon };\r\n"],"names":["PluginIcon","_jsx","CheckCircle"],"mappings":";;;;;AAEA,MAAMA,UAAAA,GAAa,kBAAMC,cAAA,CAACC,iBAAAA,EAAAA,EAAAA;;;;"}

package/dist/admin/components/PluginIcon.mjs

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { CheckCircle } from '@strapi/icons';
+
+const PluginIcon = ()=>/*#__PURE__*/ jsx(CheckCircle, {});
+
+export { PluginIcon };
+//# sourceMappingURL=PluginIcon.mjs.map

package/dist/admin/components/PluginIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginIcon.mjs","sources":["../../../admin/src/components/PluginIcon.tsx"],"sourcesContent":["import { CheckCircle } from \"@strapi/icons\";\r\n\r\nconst PluginIcon = () => <CheckCircle />;\r\n\r\nexport { PluginIcon };\r\n"],"names":["PluginIcon","_jsx","CheckCircle"],"mappings":";;;AAEA,MAAMA,UAAAA,GAAa,kBAAMC,GAAA,CAACC,WAAAA,EAAAA,EAAAA;;;;"}

package/dist/admin/components/ProductStatusField.js

@@ -0,0 +1,104 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var admin = require('@strapi/strapi/admin');
+
+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
+                })
+            })
+        ]
+    });
+};
+
+exports.ProductStatusField = ProductStatusField;
+//# sourceMappingURL=ProductStatusField.js.map

package/dist/admin/components/ProductStatusField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductStatusField.js","sources":["../../../admin/src/components/ProductStatusField.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from \"react\";\r\n\r\nimport {\r\n  SingleSelect,\r\n  SingleSelectOption,\r\n  Box,\r\n  Typography,\r\n  Flex,\r\n} from \"@strapi/design-system\";\r\nimport {\r\n  useFetchClient,\r\n  unstable_useContentManagerContext as useContentManagerContext,\r\n} from \"@strapi/strapi/admin\";\r\n\r\ninterface Status {\r\n  documentId: string;\r\n  name: string;\r\n}\r\n\r\nconst ProductStatusField = () => {\r\n  const { contentType, id } = useContentManagerContext();\r\n  const [statuses, setStatuses] = useState<Status[]>([]);\r\n  const [currentStatus, setCurrentStatus] = useState(\"\");\r\n  const [message, setMessage] = useState(\"\");\r\n  const { get, put } = useFetchClient();\r\n\r\n  const handleStatusChange = useCallback(\r\n    async (newStatus: string) => {\r\n      if (!id) {\r\n        setMessage(\"Save the product first and then change the status\");\r\n        return;\r\n      }\r\n      try {\r\n        await put(`primershop-status-manager/content-status`, {\r\n          contentTypeUid: \"api::product.product\",\r\n          contentDocumentId: id,\r\n          statusId: statuses.find((status) => status.name === newStatus)\r\n            ?.documentId,\r\n        });\r\n        setMessage(\r\n          `Status updated ${currentStatus ? `from ${currentStatus}` : \"\"} to ${newStatus}`\r\n        );\r\n        setCurrentStatus(newStatus || \"\");\r\n      } catch (error) {\r\n        setMessage(\"Error updating status\");\r\n        console.error(\"Error updating status:\", error);\r\n      }\r\n    },\r\n    [id, statuses, currentStatus, put]\r\n  );\r\n\r\n  useEffect(() => {\r\n    async function fetchCurrentStatus() {\r\n      try {\r\n        const { data: productData } = await get(\r\n          `primershop-status-manager/content-status?contentDocumentId=${id}&contentTypeUid=api::product.product`\r\n        );\r\n        const status = productData?.status;\r\n        if (status && status.name) return setCurrentStatus(status.name);\r\n        if (statuses.length) return handleStatusChange(statuses[0].name);\r\n      } catch (error) {\r\n        console.error(\"Error fetching product status:\", error);\r\n      }\r\n    }\r\n    if (id && !currentStatus.length) fetchCurrentStatus();\r\n    if (!id && statuses.length) setCurrentStatus(statuses[0].name);\r\n  }, [id, statuses, get]);\r\n\r\n  useEffect(() => {\r\n    async function fetchStatuses() {\r\n      try {\r\n        const { data } = await get(\"primershop-status-manager/statuses\");\r\n        setStatuses(data);\r\n      } catch (error) {\r\n        console.error(\"Error fetching statuses:\", error);\r\n      }\r\n    }\r\n    fetchStatuses();\r\n  }, [get]);\r\n\r\n  return (\r\n    <Flex\r\n      direction=\"column\"\r\n      justifyContent=\"center\"\r\n      alignItems=\"stretch\"\r\n      width=\"100%\"\r\n    >\r\n      <Box padding={2}>\r\n        <Typography variant=\"sigma\">\r\n          {contentType?.info.displayName} status\r\n        </Typography>\r\n      </Box>\r\n      <SingleSelect placeholder={currentStatus} onChange={handleStatusChange}>\r\n        {statuses.map((status) => (\r\n          <SingleSelectOption key={status.documentId} value={status.name}>\r\n            {status.name}\r\n          </SingleSelectOption>\r\n        ))}\r\n      </SingleSelect>\r\n      <Box padding={2}>\r\n        <Typography variant=\"sigma\">{message}</Typography>\r\n      </Box>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nexport { ProductStatusField };\r\n"],"names":["ProductStatusField","contentType","id","useContentManagerContext","statuses","setStatuses","useState","currentStatus","setCurrentStatus","message","setMessage","get","put","useFetchClient","handleStatusChange","useCallback","newStatus","contentTypeUid","contentDocumentId","statusId","find","status","name","documentId","error","console","useEffect","fetchCurrentStatus","data","productData","length","fetchStatuses","_jsxs","Flex","direction","justifyContent","alignItems","width","_jsx","Box","padding","Typography","variant","info","displayName","SingleSelect","placeholder","onChange","map","SingleSelectOption","value"],"mappings":"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"}

package/dist/admin/components/ProductStatusField.mjs

@@ -0,0 +1,102 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import { Flex, Box, Typography, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { unstable_useContentManagerContext, useFetchClient } from '@strapi/strapi/admin';
+
+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
+                })
+            })
+        ]
+    });
+};
+
+export { ProductStatusField };
+//# sourceMappingURL=ProductStatusField.mjs.map

package/dist/admin/components/ProductStatusField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductStatusField.mjs","sources":["../../../admin/src/components/ProductStatusField.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from \"react\";\r\n\r\nimport {\r\n  SingleSelect,\r\n  SingleSelectOption,\r\n  Box,\r\n  Typography,\r\n  Flex,\r\n} from \"@strapi/design-system\";\r\nimport {\r\n  useFetchClient,\r\n  unstable_useContentManagerContext as useContentManagerContext,\r\n} from \"@strapi/strapi/admin\";\r\n\r\ninterface Status {\r\n  documentId: string;\r\n  name: string;\r\n}\r\n\r\nconst ProductStatusField = () => {\r\n  const { contentType, id } = useContentManagerContext();\r\n  const [statuses, setStatuses] = useState<Status[]>([]);\r\n  const [currentStatus, setCurrentStatus] = useState(\"\");\r\n  const [message, setMessage] = useState(\"\");\r\n  const { get, put } = useFetchClient();\r\n\r\n  const handleStatusChange = useCallback(\r\n    async (newStatus: string) => {\r\n      if (!id) {\r\n        setMessage(\"Save the product first and then change the status\");\r\n        return;\r\n      }\r\n      try {\r\n        await put(`primershop-status-manager/content-status`, {\r\n          contentTypeUid: \"api::product.product\",\r\n          contentDocumentId: id,\r\n          statusId: statuses.find((status) => status.name === newStatus)\r\n            ?.documentId,\r\n        });\r\n        setMessage(\r\n          `Status updated ${currentStatus ? `from ${currentStatus}` : \"\"} to ${newStatus}`\r\n        );\r\n        setCurrentStatus(newStatus || \"\");\r\n      } catch (error) {\r\n        setMessage(\"Error updating status\");\r\n        console.error(\"Error updating status:\", error);\r\n      }\r\n    },\r\n    [id, statuses, currentStatus, put]\r\n  );\r\n\r\n  useEffect(() => {\r\n    async function fetchCurrentStatus() {\r\n      try {\r\n        const { data: productData } = await get(\r\n          `primershop-status-manager/content-status?contentDocumentId=${id}&contentTypeUid=api::product.product`\r\n        );\r\n        const status = productData?.status;\r\n        if (status && status.name) return setCurrentStatus(status.name);\r\n        if (statuses.length) return handleStatusChange(statuses[0].name);\r\n      } catch (error) {\r\n        console.error(\"Error fetching product status:\", error);\r\n      }\r\n    }\r\n    if (id && !currentStatus.length) fetchCurrentStatus();\r\n    if (!id && statuses.length) setCurrentStatus(statuses[0].name);\r\n  }, [id, statuses, get]);\r\n\r\n  useEffect(() => {\r\n    async function fetchStatuses() {\r\n      try {\r\n        const { data } = await get(\"primershop-status-manager/statuses\");\r\n        setStatuses(data);\r\n      } catch (error) {\r\n        console.error(\"Error fetching statuses:\", error);\r\n      }\r\n    }\r\n    fetchStatuses();\r\n  }, [get]);\r\n\r\n  return (\r\n    <Flex\r\n      direction=\"column\"\r\n      justifyContent=\"center\"\r\n      alignItems=\"stretch\"\r\n      width=\"100%\"\r\n    >\r\n      <Box padding={2}>\r\n        <Typography variant=\"sigma\">\r\n          {contentType?.info.displayName} status\r\n        </Typography>\r\n      </Box>\r\n      <SingleSelect placeholder={currentStatus} onChange={handleStatusChange}>\r\n        {statuses.map((status) => (\r\n          <SingleSelectOption key={status.documentId} value={status.name}>\r\n            {status.name}\r\n          </SingleSelectOption>\r\n        ))}\r\n      </SingleSelect>\r\n      <Box padding={2}>\r\n        <Typography variant=\"sigma\">{message}</Typography>\r\n      </Box>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nexport { ProductStatusField };\r\n"],"names":["ProductStatusField","contentType","id","useContentManagerContext","statuses","setStatuses","useState","currentStatus","setCurrentStatus","message","setMessage","get","put","useFetchClient","handleStatusChange","useCallback","newStatus","contentTypeUid","contentDocumentId","statusId","find","status","name","documentId","error","console","useEffect","fetchCurrentStatus","data","productData","length","fetchStatuses","_jsxs","Flex","direction","justifyContent","alignItems","width","_jsx","Box","padding","Typography","variant","info","displayName","SingleSelect","placeholder","onChange","map","SingleSelectOption","value"],"mappings":"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"}