@primershop/strapi-plugin-product-actions 0.0.4 → 0.0.7

package/dist/admin/index.js

@@ -1,16 +1,269 @@
 'use strict';
 
-var index$1 = require('./components/Initializer/index.js');
-var index = require('./components/SeriesProductActions/index.js');
-var pluginId = require('./pluginId.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var admin = require('@strapi/strapi/admin');
+
+const PLUGIN_ID = "primershop-product-actions";
+
+/**
+ * @type {import('react').FC<{ setPlugin: (id: string) => void }>}
+ */ 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: pluginId.PLUGIN_ID,
-            initializer: index$1.Initializer,
+            id: PLUGIN_ID,
+            initializer: Initializer,
             isReady: false,
-            name: pluginId.PLUGIN_ID
+            name: PLUGIN_ID
         });
     },
     bootstrap (app) {
@@ -18,7 +271,7 @@ const plugin = {
         app.getPlugin("content-manager").apis.addEditViewSidePanel((panels)=>{
             return [
                 ...panels,
-                index.SeriesProductActions
+                SeriesProductActions
             ];
         });
     }

package/dist/admin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../admin/src/index.ts"],"sourcesContent":["import { Initializer } from \"./components/Initializer\";\r\nimport { SeriesProductActions } from \"./components/SeriesProductActions\";\r\nimport { PLUGIN_ID } from \"./pluginId\";\r\n\r\nimport type { PanelComponent } from \"@strapi/content-manager/strapi-admin\";\r\n\r\nconst plugin = {\r\n  register(app: any) {\r\n    app.registerPlugin({\r\n      id: PLUGIN_ID,\r\n      initializer: Initializer,\r\n      isReady: false,\r\n      name: PLUGIN_ID,\r\n    });\r\n  },\r\n\r\n  bootstrap(app: any) {\r\n    console.log(\"🚀 ~ bootstrap ~ app:\", app);\r\n    app\r\n      .getPlugin(\"content-manager\")\r\n      .apis.addEditViewSidePanel((panels: any): PanelComponent[] => {\r\n        return [...panels, SeriesProductActions];\r\n      });\r\n  },\r\n};\r\n\r\nexport default plugin;\r\n"],"names":["plugin","register","app","registerPlugin","id","PLUGIN_ID","initializer","Initializer","isReady","name","bootstrap","console","log","getPlugin","apis","addEditViewSidePanel","panels","SeriesProductActions"],"mappings":";;;;;;AAMA,MAAMA,MAAAA,GAAS;AACbC,IAAAA,QAAAA,CAAAA,CAASC,GAAQ,EAAA;AACfA,QAAAA,GAAAA,CAAIC,cAAc,CAAC;YACjBC,EAAAA,EAAIC,kBAAAA;YACJC,WAAAA,EAAaC,mBAAAA;YACbC,OAAAA,EAAS,KAAA;YACTC,IAAAA,EAAMJ;AACR,SAAA,CAAA;AACF,IAAA,CAAA;AAEAK,IAAAA,SAAAA,CAAAA,CAAUR,GAAQ,EAAA;QAChBS,OAAAA,CAAQC,GAAG,CAAC,uBAAA,EAAyBV,GAAAA,CAAAA;AACrCA,QAAAA,GAAAA,CACGW,SAAS,CAAC,iBAAA,CAAA,CACVC,IAAI,CAACC,oBAAoB,CAAC,CAACC,MAAAA,GAAAA;YAC1B,OAAO;AAAIA,gBAAAA,GAAAA,MAAAA;AAAQC,gBAAAA;AAAqB,aAAA;AAC1C,QAAA,CAAA,CAAA;AACJ,IAAA;AACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../admin/src/pluginId.ts","../../admin/src/components/Initializer/index.tsx","../../admin/src/translations/en.ts","../../admin/src/components/SeriesProductActions/index.tsx","../../admin/src/index.ts"],"sourcesContent":["export const PLUGIN_ID = \"primershop-product-actions\";\r\n","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","const en: Record<string, string> = {\r\n  \"plugin.name\": \"Product Series\",\r\n  \"plugin.description\": \"Manage product series and their products\",\r\n  \"product-series.actions.label\": \"Product Actions\",\r\n  \"product-series.actions.createProducts\": \"Create Products\",\r\n  \"product-series.actions.updateProducts\": \"Update Products\",\r\n  \"product-series.actions.createDialogTitle\": \"Create Products from Series\",\r\n  \"product-series.actions.updateDialogTitle\": \"Update All Products in Series\",\r\n  \"product-series.actions.updateDialogDescription\":\r\n    \"This will update all products in the series with the selected fields. Make sure to save the series first before updating the products.\",\r\n  \"product-series.actions.productCount\": \"Number of Products\",\r\n  \"product-series.actions.create\": \"Create\",\r\n  \"product-series.actions.update\": \"Update\",\r\n  \"product-series.actions.cancel\": \"Cancel\",\r\n  \"product-series.actions.createSuccess\": \"Products created successfully\",\r\n  \"product-series.actions.createError\": \"Failed to create products\",\r\n  \"product-series.actions.updateSuccess\": \"Products updated successfully\",\r\n  \"product-series.actions.updateError\": \"Failed to update products\",\r\n  \"product-series.actions.selectFields\": \"Select fields to update\",\r\n  \"product-series.actions.noDocumentId\":\r\n    \"Save the series first before creating products\",\r\n};\r\n\r\nexport { en };\r\n","import React, { useState } from \"react\";\r\n\r\nimport {\r\n  Box,\r\n  Button,\r\n  Typography,\r\n  Dialog,\r\n  NumberInput,\r\n  Flex,\r\n  MultiSelect,\r\n  MultiSelectOption,\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\nimport { en } from \"../../translations\";\r\n\r\nconst formatMessage = (arg: { id: string }): string => {\r\n  return en[arg.id];\r\n};\r\n\r\nconst valuesToUpdate = [\r\n  \"description\",\r\n  \"shortDescription\",\r\n  \"media\",\r\n  \"coverImage\",\r\n  \"seo\",\r\n  \"totalCost\",\r\n  \"wholesalePrice\",\r\n  \"retailPrice\",\r\n  \"category\",\r\n  \"creator\",\r\n];\r\n\r\ninterface Document {\r\n  documentId?: string;\r\n}\r\n\r\nconst SeriesProductActions = ({ document }: { document: Document }) => {\r\n  const { model } = useContentManagerContext();\r\n  const documentId = document?.documentId;\r\n  const [productCount, setProductCount] = useState(1);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [fieldsToUpdate, setFieldsToUpdate] = useState<string[]>([]);\r\n  const { post, put } = useFetchClient();\r\n\r\n  if (model !== \"api::product-series.product-series\") return null;\r\n\r\n  const handleCreateProducts = async () => {\r\n    try {\r\n      setIsLoading(true);\r\n      const response = await post(\r\n        `primershop-product-actions/create-products`,\r\n        {\r\n          count: productCount,\r\n          id: documentId,\r\n        }\r\n      );\r\n\r\n      if (!response.data) {\r\n        throw new Error(\"Failed to create products\");\r\n      }\r\n\r\n      setProductCount(1);\r\n    } catch (error) {\r\n      console.error(\"Error creating products:\", error);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  const handleUpdateProducts = async () => {\r\n    try {\r\n      setIsLoading(true);\r\n      const response = await put(\r\n        `/primershop-product-actions/update-products`,\r\n        {\r\n          seriesId: documentId,\r\n          fieldsToUpdate,\r\n        }\r\n      );\r\n\r\n      if (!response.data) {\r\n        throw new Error(\"Failed to update products\");\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error updating products:\", error);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n  return {\r\n    title: \"Series Product Actions\",\r\n    content: (\r\n      <Box>\r\n        <Box>\r\n          <Typography variant=\"delta\" fontWeight=\"bold\">\r\n            {formatMessage({ id: \"product-series.actions.label\" })}\r\n          </Typography>\r\n          <Flex wrap={\"wrap\"}>\r\n            {!documentId && (\r\n              <Typography\r\n                display={\"block\"}\r\n                marginTop={2}\r\n                marginBottom={2}\r\n                width=\"100%\"\r\n                color=\"red\"\r\n              >\r\n                {formatMessage({ id: \"product-series.actions.noDocumentId\" })}\r\n              </Typography>\r\n            )}\r\n\r\n            <Dialog.Root>\r\n              <Dialog.Trigger>\r\n                <Button variant=\"secondary\" disabled={isLoading || !documentId}>\r\n                  {formatMessage({\r\n                    id: \"product-series.actions.createProducts\",\r\n                  })}\r\n                </Button>\r\n              </Dialog.Trigger>\r\n              <Dialog.Content>\r\n                <Dialog.Body>\r\n                  <Box>\r\n                    <Typography>\r\n                      {formatMessage({\r\n                        id: \"product-series.actions.createDialogTitle\",\r\n                      })}\r\n                    </Typography>\r\n                    <NumberInput\r\n                      value={productCount}\r\n                      onValueChange={(value) => setProductCount(value || 1)}\r\n                      min={1}\r\n                      max={100}\r\n                    ></NumberInput>\r\n                  </Box>\r\n                </Dialog.Body>\r\n                <Dialog.Footer>\r\n                  <Dialog.Cancel>\r\n                    <Button fullWidth variant=\"tertiary\">\r\n                      Cancel\r\n                    </Button>\r\n                  </Dialog.Cancel>\r\n                  <Dialog.Action>\r\n                    <Button\r\n                      onClick={handleCreateProducts}\r\n                      variant=\"default\"\r\n                      loading={isLoading}\r\n                    >\r\n                      {formatMessage({ id: \"product-series.actions.create\" })}\r\n                    </Button>\r\n                  </Dialog.Action>\r\n                </Dialog.Footer>\r\n              </Dialog.Content>\r\n            </Dialog.Root>\r\n\r\n            {/* Update Products Dialog */}\r\n            <Dialog.Root>\r\n              <Dialog.Trigger>\r\n                <Button\r\n                  marginLeft={2}\r\n                  variant=\"secondary\"\r\n                  disabled={isLoading || !documentId}\r\n                >\r\n                  {formatMessage({\r\n                    id: \"product-series.actions.updateProducts\",\r\n                  })}\r\n                </Button>\r\n              </Dialog.Trigger>\r\n              <Dialog.Content>\r\n                <Dialog.Body\r\n                  display={\"flex\"}\r\n                  direction={\"column\"}\r\n                  gap={2}\r\n                  justifyContent={\"center\"}\r\n                  alignItems={\"center\"}\r\n                  width={\"100%\"}\r\n                >\r\n                  <Typography variant=\"delta\" fontWeight=\"bold\">\r\n                    {formatMessage({\r\n                      id: \"product-series.actions.updateDialogTitle\",\r\n                    })}\r\n                  </Typography>\r\n                  <Typography>\r\n                    {formatMessage({\r\n                      id: \"product-series.actions.updateDialogDescription\",\r\n                    })}\r\n                  </Typography>\r\n                  <MultiSelect\r\n                    withTags={true}\r\n                    value={fieldsToUpdate}\r\n                    onClear={() => setFieldsToUpdate([])}\r\n                    onChange={(value: string[]) => setFieldsToUpdate(value)}\r\n                    required={true}\r\n                    placeholder={formatMessage({\r\n                      id: \"product-series.actions.selectFields\",\r\n                    })}\r\n                  >\r\n                    {valuesToUpdate.map((field) => (\r\n                      <MultiSelectOption key={field} value={field}>\r\n                        {field}\r\n                      </MultiSelectOption>\r\n                    ))}\r\n                  </MultiSelect>\r\n                </Dialog.Body>\r\n                <Dialog.Footer>\r\n                  <Dialog.Cancel>\r\n                    <Button fullWidth variant=\"tertiary\">\r\n                      Cancel\r\n                    </Button>\r\n                  </Dialog.Cancel>\r\n                  <Dialog.Action>\r\n                    <Button\r\n                      onClick={handleUpdateProducts}\r\n                      variant=\"default\"\r\n                      loading={isLoading}\r\n                    >\r\n                      {formatMessage({ id: \"product-series.actions.update\" })}\r\n                    </Button>\r\n                  </Dialog.Action>\r\n                </Dialog.Footer>\r\n              </Dialog.Content>\r\n            </Dialog.Root>\r\n          </Flex>\r\n        </Box>\r\n      </Box>\r\n    ),\r\n  };\r\n};\r\n\r\nexport { SeriesProductActions };\r\n","import { Initializer } from \"./components/Initializer\";\r\nimport { SeriesProductActions } from \"./components/SeriesProductActions\";\r\nimport { PLUGIN_ID } from \"./pluginId\";\r\n\r\nimport type { PanelComponent } from \"@strapi/content-manager/strapi-admin\";\r\n\r\nconst plugin = {\r\n  register(app: any) {\r\n    app.registerPlugin({\r\n      id: PLUGIN_ID,\r\n      initializer: Initializer,\r\n      isReady: false,\r\n      name: PLUGIN_ID,\r\n    });\r\n  },\r\n\r\n  bootstrap(app: any) {\r\n    console.log(\"🚀 ~ bootstrap ~ app:\", app);\r\n    app\r\n      .getPlugin(\"content-manager\")\r\n      .apis.addEditViewSidePanel((panels: any): PanelComponent[] => {\r\n        return [...panels, SeriesProductActions];\r\n      });\r\n  },\r\n};\r\n\r\nexport default plugin;\r\n"],"names":["PLUGIN_ID","Initializer","setPlugin","ref","useRef","useEffect","current","en","formatMessage","arg","id","valuesToUpdate","SeriesProductActions","document","model","useContentManagerContext","documentId","productCount","setProductCount","useState","isLoading","setIsLoading","fieldsToUpdate","setFieldsToUpdate","post","put","useFetchClient","handleCreateProducts","response","count","data","Error","error","console","handleUpdateProducts","seriesId","title","content","_jsx","Box","_jsxs","Typography","variant","fontWeight","Flex","wrap","display","marginTop","marginBottom","width","color","Dialog","Root","Trigger","Button","disabled","Content","Body","NumberInput","value","onValueChange","min","max","Footer","Cancel","fullWidth","Action","onClick","loading","marginLeft","direction","gap","justifyContent","alignItems","MultiSelect","withTags","onClear","onChange","required","placeholder","map","field","MultiSelectOption","plugin","register","app","registerPlugin","initializer","isReady","name","bootstrap","log","getPlugin","apis","addEditViewSidePanel","panels"],"mappings":"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"}

package/dist/admin/index.mjs

@@ -1,6 +1,259 @@
-import { Initializer } from './components/Initializer/index.mjs';
-import { SeriesProductActions } from './components/SeriesProductActions/index.mjs';
-import { PLUGIN_ID } from './pluginId.mjs';
+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";
+
+/**
+ * @type {import('react').FC<{ setPlugin: (id: string) => void }>}
+ */ 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) {