@primershop/strapi-plugin-product-actions 0.0.13 → 0.0.14

package/dist/admin/index.js

@@ -1,27 +1,224 @@
-'use strict';
-
-var index$1 = require('./components/Initializer/index.js');
-var index = require('./components/SeriesProductActions/index.js');
-var pluginId = require('./pluginId.js');
-
-const plugin = {
-    register (app) {
-        app.registerPlugin({
-            id: pluginId.PLUGIN_ID,
-            initializer: index$1.Initializer,
-            isReady: false,
-            name: pluginId.PLUGIN_ID
-        });
-    },
-    bootstrap (app) {
-        app.getPlugin("content-manager").apis.addEditViewSidePanel((panels)=>{
-            return [
-                ...panels,
-                index.SeriesProductActions
-            ];
-        });
+"use strict";
+const react = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const PLUGIN_ID = "primershop-product-actions";
+const Initializer = ({ setPlugin }) => {
+  const ref = react.useRef(setPlugin);
+  react.useEffect(() => {
+    ref.current(PLUGIN_ID);
+  }, []);
+  return null;
+};
+const en = {
+  "plugin.name": "Product Series",
+  "plugin.description": "Manage product series and their products",
+  "product-series.actions.label": "Product Actions",
+  "product-series.actions.createProducts": "Create Products",
+  "product-series.actions.updateProducts": "Update Products",
+  "product-series.actions.createDialogTitle": "Create Products from Series",
+  "product-series.actions.updateDialogTitle": "Update All Products in Series",
+  "product-series.actions.updateDialogDescription": "This will update all products in the series with the selected fields. Make sure to save the series first before updating the products.",
+  "product-series.actions.productCount": "Number of Products",
+  "product-series.actions.create": "Create",
+  "product-series.actions.update": "Update",
+  "product-series.actions.cancel": "Cancel",
+  "product-series.actions.createSuccess": "Products created successfully",
+  "product-series.actions.createError": "Failed to create products",
+  "product-series.actions.updateSuccess": "Products updated successfully",
+  "product-series.actions.updateError": "Failed to update products",
+  "product-series.actions.selectFields": "Select fields to update",
+  "product-series.actions.noDocumentId": "Save the series first before creating products"
+};
+const formatMessage = (arg) => {
+  return en[arg.id];
+};
+const valuesToUpdate = [
+  "description",
+  "shortDescription",
+  "media",
+  "coverImage",
+  "seo",
+  "totalCost",
+  "wholesalePrice",
+  "retailPrice",
+  "category",
+  "creator"
+];
+const SeriesProductActions = ({ document }) => {
+  const { model } = admin.unstable_useContentManagerContext();
+  const documentId = document?.documentId;
+  const [productCount, setProductCount] = react.useState(1);
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [fieldsToUpdate, setFieldsToUpdate] = react.useState([]);
+  const { post, put } = admin.useFetchClient();
+  if (model !== "api::product-series.product-series") return null;
+  const handleCreateProducts = async () => {
+    try {
+      setIsLoading(true);
+      const response = await post(
+        `primershop-product-actions/create-products`,
+        {
+          count: productCount,
+          id: documentId
+        }
+      );
+      if (!response.data) {
+        throw new Error("Failed to create products");
+      }
+      setProductCount(1);
+    } catch (error) {
+      console.error("Error creating products:", error);
+    } finally {
+      setIsLoading(false);
     }
+  };
+  const handleUpdateProducts = async () => {
+    try {
+      setIsLoading(true);
+      const response = await put(
+        `/primershop-product-actions/update-products`,
+        {
+          seriesId: documentId,
+          fieldsToUpdate
+        }
+      );
+      if (!response.data) {
+        throw new Error("Failed to update products");
+      }
+    } catch (error) {
+      console.error("Error updating products:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return {
+    title: "Series Product Actions",
+    content: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: formatMessage({ id: "product-series.actions.label" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { wrap: "wrap", children: [
+        !documentId && /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Typography,
+          {
+            display: "block",
+            marginTop: 2,
+            marginBottom: 2,
+            width: "100%",
+            color: "red",
+            children: formatMessage({ id: "product-series.actions.noDocumentId" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Root, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", disabled: isLoading || !documentId, children: formatMessage({
+            id: "product-series.actions.createProducts"
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
+                id: "product-series.actions.createDialogTitle"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.NumberInput,
+                {
+                  value: productCount,
+                  onValueChange: (value) => setProductCount(value || 1),
+                  min: 1,
+                  max: 100
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { fullWidth: true, variant: "tertiary", children: "Cancel" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  onClick: handleCreateProducts,
+                  variant: "default",
+                  loading: isLoading,
+                  children: formatMessage({ id: "product-series.actions.create" })
+                }
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Root, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Button,
+            {
+              marginLeft: 2,
+              variant: "secondary",
+              disabled: isLoading || !documentId,
+              children: formatMessage({
+                id: "product-series.actions.updateProducts"
+              })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              designSystem.Dialog.Body,
+              {
+                display: "flex",
+                direction: "column",
+                gap: 2,
+                justifyContent: "center",
+                alignItems: "center",
+                width: "100%",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: formatMessage({
+                    id: "product-series.actions.updateDialogTitle"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
+                    id: "product-series.actions.updateDialogDescription"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.MultiSelect,
+                    {
+                      withTags: true,
+                      value: fieldsToUpdate,
+                      onClear: () => setFieldsToUpdate([]),
+                      onChange: (value) => setFieldsToUpdate(value),
+                      required: true,
+                      placeholder: formatMessage({
+                        id: "product-series.actions.selectFields"
+                      }),
+                      children: valuesToUpdate.map((field) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: field, children: field }, field))
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { fullWidth: true, variant: "tertiary", children: "Cancel" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  onClick: handleUpdateProducts,
+                  variant: "default",
+                  loading: isLoading,
+                  children: formatMessage({ id: "product-series.actions.update" })
+                }
+              ) })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) })
+  };
+};
+const plugin = {
+  register(app) {
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      initializer: Initializer,
+      isReady: false,
+      name: PLUGIN_ID
+    });
+  },
+  bootstrap(app) {
+    app.getPlugin("content-manager").apis.addEditViewSidePanel((panels) => {
+      return [...panels, SeriesProductActions];
+    });
+  }
 };
-
 module.exports = plugin;
-//# sourceMappingURL=index.js.map

package/dist/admin/index.mjs

@@ -1,25 +1,225 @@
-import { Initializer } from './components/Initializer/index.mjs';
-import { SeriesProductActions } from './components/SeriesProductActions/index.mjs';
-import { PLUGIN_ID } from './pluginId.mjs';
-
-const plugin = {
-    register (app) {
-        app.registerPlugin({
-            id: PLUGIN_ID,
-            initializer: Initializer,
-            isReady: false,
-            name: PLUGIN_ID
-        });
-    },
-    bootstrap (app) {
-        app.getPlugin("content-manager").apis.addEditViewSidePanel((panels)=>{
-            return [
-                ...panels,
-                SeriesProductActions
-            ];
-        });
+import { useRef, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Typography, Flex, Dialog, Button, NumberInput, MultiSelect, MultiSelectOption } from "@strapi/design-system";
+import { unstable_useContentManagerContext, useFetchClient } from "@strapi/strapi/admin";
+const PLUGIN_ID = "primershop-product-actions";
+const Initializer = ({ setPlugin }) => {
+  const ref = useRef(setPlugin);
+  useEffect(() => {
+    ref.current(PLUGIN_ID);
+  }, []);
+  return null;
+};
+const en = {
+  "plugin.name": "Product Series",
+  "plugin.description": "Manage product series and their products",
+  "product-series.actions.label": "Product Actions",
+  "product-series.actions.createProducts": "Create Products",
+  "product-series.actions.updateProducts": "Update Products",
+  "product-series.actions.createDialogTitle": "Create Products from Series",
+  "product-series.actions.updateDialogTitle": "Update All Products in Series",
+  "product-series.actions.updateDialogDescription": "This will update all products in the series with the selected fields. Make sure to save the series first before updating the products.",
+  "product-series.actions.productCount": "Number of Products",
+  "product-series.actions.create": "Create",
+  "product-series.actions.update": "Update",
+  "product-series.actions.cancel": "Cancel",
+  "product-series.actions.createSuccess": "Products created successfully",
+  "product-series.actions.createError": "Failed to create products",
+  "product-series.actions.updateSuccess": "Products updated successfully",
+  "product-series.actions.updateError": "Failed to update products",
+  "product-series.actions.selectFields": "Select fields to update",
+  "product-series.actions.noDocumentId": "Save the series first before creating products"
+};
+const formatMessage = (arg) => {
+  return en[arg.id];
+};
+const valuesToUpdate = [
+  "description",
+  "shortDescription",
+  "media",
+  "coverImage",
+  "seo",
+  "totalCost",
+  "wholesalePrice",
+  "retailPrice",
+  "category",
+  "creator"
+];
+const SeriesProductActions = ({ document }) => {
+  const { model } = unstable_useContentManagerContext();
+  const documentId = document?.documentId;
+  const [productCount, setProductCount] = useState(1);
+  const [isLoading, setIsLoading] = useState(false);
+  const [fieldsToUpdate, setFieldsToUpdate] = useState([]);
+  const { post, put } = useFetchClient();
+  if (model !== "api::product-series.product-series") return null;
+  const handleCreateProducts = async () => {
+    try {
+      setIsLoading(true);
+      const response = await post(
+        `primershop-product-actions/create-products`,
+        {
+          count: productCount,
+          id: documentId
+        }
+      );
+      if (!response.data) {
+        throw new Error("Failed to create products");
+      }
+      setProductCount(1);
+    } catch (error) {
+      console.error("Error creating products:", error);
+    } finally {
+      setIsLoading(false);
     }
+  };
+  const handleUpdateProducts = async () => {
+    try {
+      setIsLoading(true);
+      const response = await put(
+        `/primershop-product-actions/update-products`,
+        {
+          seriesId: documentId,
+          fieldsToUpdate
+        }
+      );
+      if (!response.data) {
+        throw new Error("Failed to update products");
+      }
+    } catch (error) {
+      console.error("Error updating products:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return {
+    title: "Series Product Actions",
+    content: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: formatMessage({ id: "product-series.actions.label" }) }),
+      /* @__PURE__ */ jsxs(Flex, { wrap: "wrap", children: [
+        !documentId && /* @__PURE__ */ jsx(
+          Typography,
+          {
+            display: "block",
+            marginTop: 2,
+            marginBottom: 2,
+            width: "100%",
+            color: "red",
+            children: formatMessage({ id: "product-series.actions.noDocumentId" })
+          }
+        ),
+        /* @__PURE__ */ jsxs(Dialog.Root, { children: [
+          /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(Button, { variant: "secondary", disabled: isLoading || !documentId, children: formatMessage({
+            id: "product-series.actions.createProducts"
+          }) }) }),
+          /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+            /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+                id: "product-series.actions.createDialogTitle"
+              }) }),
+              /* @__PURE__ */ jsx(
+                NumberInput,
+                {
+                  value: productCount,
+                  onValueChange: (value) => setProductCount(value || 1),
+                  min: 1,
+                  max: 100
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+              /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "tertiary", children: "Cancel" }) }),
+              /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: handleCreateProducts,
+                  variant: "default",
+                  loading: isLoading,
+                  children: formatMessage({ id: "product-series.actions.create" })
+                }
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Dialog.Root, { children: [
+          /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              marginLeft: 2,
+              variant: "secondary",
+              disabled: isLoading || !documentId,
+              children: formatMessage({
+                id: "product-series.actions.updateProducts"
+              })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+            /* @__PURE__ */ jsxs(
+              Dialog.Body,
+              {
+                display: "flex",
+                direction: "column",
+                gap: 2,
+                justifyContent: "center",
+                alignItems: "center",
+                width: "100%",
+                children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: formatMessage({
+                    id: "product-series.actions.updateDialogTitle"
+                  }) }),
+                  /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+                    id: "product-series.actions.updateDialogDescription"
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    MultiSelect,
+                    {
+                      withTags: true,
+                      value: fieldsToUpdate,
+                      onClear: () => setFieldsToUpdate([]),
+                      onChange: (value) => setFieldsToUpdate(value),
+                      required: true,
+                      placeholder: formatMessage({
+                        id: "product-series.actions.selectFields"
+                      }),
+                      children: valuesToUpdate.map((field) => /* @__PURE__ */ jsx(MultiSelectOption, { value: field, children: field }, field))
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+              /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "tertiary", children: "Cancel" }) }),
+              /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: handleUpdateProducts,
+                  variant: "default",
+                  loading: isLoading,
+                  children: formatMessage({ id: "product-series.actions.update" })
+                }
+              ) })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) })
+  };
+};
+const plugin = {
+  register(app) {
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      initializer: Initializer,
+      isReady: false,
+      name: PLUGIN_ID
+    });
+  },
+  bootstrap(app) {
+    app.getPlugin("content-manager").apis.addEditViewSidePanel((panels) => {
+      return [...panels, SeriesProductActions];
+    });
+  }
+};
+export {
+  plugin as default
 };
-
-export { plugin as default };
-//# sourceMappingURL=index.mjs.map