@primershop/strapi-plugin-status-manager 0.0.13 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admin/components/Initializer.js +17 -0
- package/dist/admin/components/Initializer.js.map +1 -0
- package/dist/admin/components/Initializer.mjs +15 -0
- package/dist/admin/components/Initializer.mjs.map +1 -0
- package/dist/admin/components/PluginIcon.js +9 -0
- package/dist/admin/components/PluginIcon.js.map +1 -0
- package/dist/admin/components/PluginIcon.mjs +7 -0
- package/dist/admin/components/PluginIcon.mjs.map +1 -0
- package/dist/admin/components/ProductStatusField.js +104 -0
- package/dist/admin/components/ProductStatusField.js.map +1 -0
- package/dist/admin/components/ProductStatusField.mjs +102 -0
- package/dist/admin/components/ProductStatusField.mjs.map +1 -0
- package/dist/admin/{HomePage-Bez9ZXv-.js → components/StatusManager.js} +4 -50
- package/dist/admin/components/StatusManager.js.map +1 -0
- package/dist/admin/{HomePage-Dx9N0awm.mjs → components/StatusManager.mjs} +4 -50
- package/dist/admin/components/StatusManager.mjs.map +1 -0
- package/dist/admin/index.js +44 -8
- package/dist/admin/index.js.map +1 -1
- package/dist/admin/index.mjs +46 -6
- package/dist/admin/index.mjs.map +1 -1
- package/dist/admin/listView/StatusFilter.js +76 -0
- package/dist/admin/listView/StatusFilter.js.map +1 -0
- package/dist/admin/listView/StatusFilter.mjs +74 -0
- package/dist/admin/listView/StatusFilter.mjs.map +1 -0
- package/dist/admin/listView/add-status-column-hook.js +34 -0
- package/dist/admin/listView/add-status-column-hook.js.map +1 -0
- package/dist/admin/listView/add-status-column-hook.mjs +32 -0
- package/dist/admin/listView/add-status-column-hook.mjs.map +1 -0
- package/dist/admin/listView/status-cell.js +28 -0
- package/dist/admin/listView/status-cell.js.map +1 -0
- package/dist/admin/listView/status-cell.mjs +26 -0
- package/dist/admin/listView/status-cell.mjs.map +1 -0
- package/dist/admin/pages/HomePage.js +55 -0
- package/dist/admin/pages/HomePage.js.map +1 -0
- package/dist/admin/pages/HomePage.mjs +53 -0
- package/dist/admin/pages/HomePage.mjs.map +1 -0
- package/dist/admin/permissions.js +16 -0
- package/dist/admin/permissions.js.map +1 -0
- package/dist/admin/permissions.mjs +14 -0
- package/dist/admin/permissions.mjs.map +1 -0
- package/dist/admin/pluginId.js +6 -0
- package/dist/admin/pluginId.js.map +1 -0
- package/dist/admin/pluginId.mjs +4 -0
- package/dist/admin/pluginId.mjs.map +1 -0
- package/package.json +3 -3
- package/dist/admin/HomePage-Bez9ZXv-.js.map +0 -1
- package/dist/admin/HomePage-Dx9N0awm.mjs.map +0 -1
- package/dist/admin/index-BVybZ6IA.mjs +0 -281
- package/dist/admin/index-BVybZ6IA.mjs.map +0 -1
- package/dist/admin/index-mATo7IeG.js +0 -284
- package/dist/admin/index-mATo7IeG.js.map +0 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var pluginId = require('../pluginId.js');
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @type {import('react').FC<{ setPlugin: (id: string) => void }>}
|
|
8
|
+
*/ const Initializer = ({ setPlugin })=>{
|
|
9
|
+
const ref = React.useRef(setPlugin);
|
|
10
|
+
React.useEffect(()=>{
|
|
11
|
+
ref.current(pluginId.PLUGIN_ID);
|
|
12
|
+
}, []);
|
|
13
|
+
return null;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
exports.Initializer = Initializer;
|
|
17
|
+
//# sourceMappingURL=Initializer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useRef, useEffect } from 'react';
|
|
2
|
+
import { PLUGIN_ID } from '../pluginId.mjs';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @type {import('react').FC<{ setPlugin: (id: string) => void }>}
|
|
6
|
+
*/ const Initializer = ({ setPlugin })=>{
|
|
7
|
+
const ref = useRef(setPlugin);
|
|
8
|
+
useEffect(()=>{
|
|
9
|
+
ref.current(PLUGIN_ID);
|
|
10
|
+
}, []);
|
|
11
|
+
return null;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { Initializer };
|
|
15
|
+
//# sourceMappingURL=Initializer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var designSystem = require('@strapi/design-system');
|
|
6
|
+
var admin = require('@strapi/strapi/admin');
|
|
7
|
+
|
|
8
|
+
const ProductStatusField = ()=>{
|
|
9
|
+
const { contentType, id } = admin.unstable_useContentManagerContext();
|
|
10
|
+
const [statuses, setStatuses] = React.useState([]);
|
|
11
|
+
const [currentStatus, setCurrentStatus] = React.useState("");
|
|
12
|
+
const [message, setMessage] = React.useState("");
|
|
13
|
+
const { get, put } = admin.useFetchClient();
|
|
14
|
+
const handleStatusChange = React.useCallback(async (newStatus)=>{
|
|
15
|
+
if (!id) {
|
|
16
|
+
setMessage("Save the product first and then change the status");
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
try {
|
|
20
|
+
await put(`primershop-status-manager/content-status`, {
|
|
21
|
+
contentTypeUid: "api::product.product",
|
|
22
|
+
contentDocumentId: id,
|
|
23
|
+
statusId: statuses.find((status)=>status.name === newStatus)?.documentId
|
|
24
|
+
});
|
|
25
|
+
setMessage(`Status updated ${currentStatus ? `from ${currentStatus}` : ""} to ${newStatus}`);
|
|
26
|
+
setCurrentStatus(newStatus || "");
|
|
27
|
+
} catch (error) {
|
|
28
|
+
setMessage("Error updating status");
|
|
29
|
+
console.error("Error updating status:", error);
|
|
30
|
+
}
|
|
31
|
+
}, [
|
|
32
|
+
id,
|
|
33
|
+
statuses,
|
|
34
|
+
currentStatus,
|
|
35
|
+
put
|
|
36
|
+
]);
|
|
37
|
+
React.useEffect(()=>{
|
|
38
|
+
async function fetchCurrentStatus() {
|
|
39
|
+
try {
|
|
40
|
+
const { data: productData } = await get(`primershop-status-manager/content-status?contentDocumentId=${id}&contentTypeUid=api::product.product`);
|
|
41
|
+
const status = productData?.status;
|
|
42
|
+
if (status && status.name) return setCurrentStatus(status.name);
|
|
43
|
+
if (statuses.length) return handleStatusChange(statuses[0].name);
|
|
44
|
+
} catch (error) {
|
|
45
|
+
console.error("Error fetching product status:", error);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
if (id && !currentStatus.length) fetchCurrentStatus();
|
|
49
|
+
if (!id && statuses.length) setCurrentStatus(statuses[0].name);
|
|
50
|
+
}, [
|
|
51
|
+
id,
|
|
52
|
+
statuses,
|
|
53
|
+
get
|
|
54
|
+
]);
|
|
55
|
+
React.useEffect(()=>{
|
|
56
|
+
async function fetchStatuses() {
|
|
57
|
+
try {
|
|
58
|
+
const { data } = await get("primershop-status-manager/statuses");
|
|
59
|
+
setStatuses(data);
|
|
60
|
+
} catch (error) {
|
|
61
|
+
console.error("Error fetching statuses:", error);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
fetchStatuses();
|
|
65
|
+
}, [
|
|
66
|
+
get
|
|
67
|
+
]);
|
|
68
|
+
return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
|
|
69
|
+
direction: "column",
|
|
70
|
+
justifyContent: "center",
|
|
71
|
+
alignItems: "stretch",
|
|
72
|
+
width: "100%",
|
|
73
|
+
children: [
|
|
74
|
+
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
|
|
75
|
+
padding: 2,
|
|
76
|
+
children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Typography, {
|
|
77
|
+
variant: "sigma",
|
|
78
|
+
children: [
|
|
79
|
+
contentType?.info.displayName,
|
|
80
|
+
" status"
|
|
81
|
+
]
|
|
82
|
+
})
|
|
83
|
+
}),
|
|
84
|
+
/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
|
|
85
|
+
placeholder: currentStatus,
|
|
86
|
+
onChange: handleStatusChange,
|
|
87
|
+
children: statuses.map((status)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
|
|
88
|
+
value: status.name,
|
|
89
|
+
children: status.name
|
|
90
|
+
}, status.documentId))
|
|
91
|
+
}),
|
|
92
|
+
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
|
|
93
|
+
padding: 2,
|
|
94
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
95
|
+
variant: "sigma",
|
|
96
|
+
children: message
|
|
97
|
+
})
|
|
98
|
+
})
|
|
99
|
+
]
|
|
100
|
+
});
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
exports.ProductStatusField = ProductStatusField;
|
|
104
|
+
//# sourceMappingURL=ProductStatusField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":";;;;;;;AAmBA,MAAMA,kBAAAA,GAAqB,IAAA;AACzB,IAAA,MAAM,EAAEC,WAAW,EAAEC,EAAE,EAAE,GAAGC,uCAAAA,EAAAA;AAC5B,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGC,eAAmB,EAAE,CAAA;AACrD,IAAA,MAAM,CAACC,aAAAA,EAAeC,gBAAAA,CAAiB,GAAGF,cAAAA,CAAS,EAAA,CAAA;AACnD,IAAA,MAAM,CAACG,OAAAA,EAASC,UAAAA,CAAW,GAAGJ,cAAAA,CAAS,EAAA,CAAA;AACvC,IAAA,MAAM,EAAEK,GAAG,EAAEC,GAAG,EAAE,GAAGC,oBAAAA,EAAAA;IAErB,MAAMC,kBAAAA,GAAqBC,kBACzB,OAAOC,SAAAA,GAAAA;AACL,QAAA,IAAI,CAACd,EAAAA,EAAI;YACPQ,UAAAA,CAAW,mDAAA,CAAA;AACX,YAAA;AACF,QAAA;QACA,IAAI;AACF,YAAA,MAAME,GAAAA,CAAI,CAAC,wCAAwC,CAAC,EAAE;gBACpDK,cAAAA,EAAgB,sBAAA;gBAChBC,iBAAAA,EAAmBhB,EAAAA;gBACnBiB,QAAAA,EAAUf,QAAAA,CAASgB,IAAI,CAAC,CAACC,SAAWA,MAAAA,CAAOC,IAAI,KAAKN,SAAAA,CAAAA,EAChDO;AACN,aAAA,CAAA;AACAb,YAAAA,UAAAA,CACE,CAAC,eAAe,EAAEH,aAAAA,GAAgB,CAAC,KAAK,EAAEA,aAAAA,CAAAA,CAAe,GAAG,EAAA,CAAG,IAAI,EAAES,SAAAA,CAAAA,CAAW,CAAA;AAElFR,YAAAA,gBAAAA,CAAiBQ,SAAAA,IAAa,EAAA,CAAA;AAChC,QAAA,CAAA,CAAE,OAAOQ,KAAAA,EAAO;YACdd,UAAAA,CAAW,uBAAA,CAAA;YACXe,OAAAA,CAAQD,KAAK,CAAC,wBAAA,EAA0BA,KAAAA,CAAAA;AAC1C,QAAA;IACF,CAAA,EACA;AAACtB,QAAAA,EAAAA;AAAIE,QAAAA,QAAAA;AAAUG,QAAAA,aAAAA;AAAeK,QAAAA;AAAI,KAAA,CAAA;IAGpCc,eAAAA,CAAU,IAAA;QACR,eAAeC,kBAAAA,GAAAA;YACb,IAAI;AACF,gBAAA,MAAM,EAAEC,IAAAA,EAAMC,WAAW,EAAE,GAAG,MAAMlB,GAAAA,CAClC,CAAC,2DAA2D,EAAET,EAAAA,CAAG,oCAAoC,CAAC,CAAA;AAExG,gBAAA,MAAMmB,SAASQ,WAAAA,EAAaR,MAAAA;AAC5B,gBAAA,IAAIA,UAAUA,MAAAA,CAAOC,IAAI,EAAE,OAAOd,gBAAAA,CAAiBa,OAAOC,IAAI,CAAA;gBAC9D,IAAIlB,QAAAA,CAAS0B,MAAM,EAAE,OAAOhB,mBAAmBV,QAAQ,CAAC,CAAA,CAAE,CAACkB,IAAI,CAAA;AACjE,YAAA,CAAA,CAAE,OAAOE,KAAAA,EAAO;gBACdC,OAAAA,CAAQD,KAAK,CAAC,gCAAA,EAAkCA,KAAAA,CAAAA;AAClD,YAAA;AACF,QAAA;AACA,QAAA,IAAItB,EAAAA,IAAM,CAACK,aAAAA,CAAcuB,MAAM,EAAEH,kBAAAA,EAAAA;QACjC,IAAI,CAACzB,EAAAA,IAAME,QAAAA,CAAS0B,MAAM,EAAEtB,iBAAiBJ,QAAQ,CAAC,CAAA,CAAE,CAACkB,IAAI,CAAA;IAC/D,CAAA,EAAG;AAACpB,QAAAA,EAAAA;AAAIE,QAAAA,QAAAA;AAAUO,QAAAA;AAAI,KAAA,CAAA;IAEtBe,eAAAA,CAAU,IAAA;QACR,eAAeK,aAAAA,GAAAA;YACb,IAAI;AACF,gBAAA,MAAM,EAAEH,IAAI,EAAE,GAAG,MAAMjB,GAAAA,CAAI,oCAAA,CAAA;gBAC3BN,WAAAA,CAAYuB,IAAAA,CAAAA;AACd,YAAA,CAAA,CAAE,OAAOJ,KAAAA,EAAO;gBACdC,OAAAA,CAAQD,KAAK,CAAC,0BAAA,EAA4BA,KAAAA,CAAAA;AAC5C,YAAA;AACF,QAAA;AACAO,QAAAA,aAAAA,EAAAA;IACF,CAAA,EAAG;AAACpB,QAAAA;AAAI,KAAA,CAAA;AAER,IAAA,qBACEqB,eAAA,CAACC,iBAAAA,EAAAA;QACCC,SAAAA,EAAU,QAAA;QACVC,cAAAA,EAAe,QAAA;QACfC,UAAAA,EAAW,SAAA;QACXC,KAAAA,EAAM,MAAA;;0BAENC,cAAA,CAACC,gBAAAA,EAAAA;gBAAIC,OAAAA,EAAS,CAAA;AACZ,gBAAA,QAAA,gBAAAR,eAAA,CAACS,uBAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,OAAA;;AACjBzC,wBAAAA,WAAAA,EAAa0C,IAAAA,CAAKC,WAAAA;AAAY,wBAAA;;;;0BAGnCN,cAAA,CAACO,yBAAAA,EAAAA;gBAAaC,WAAAA,EAAavC,aAAAA;gBAAewC,QAAAA,EAAUjC,kBAAAA;AACjDV,gBAAAA,QAAAA,EAAAA,QAAAA,CAAS4C,GAAG,CAAC,CAAC3B,MAAAA,iBACbiB,cAAA,CAACW,+BAAAA,EAAAA;AAA2CC,wBAAAA,KAAAA,EAAO7B,OAAOC,IAAI;AAC3DD,wBAAAA,QAAAA,EAAAA,MAAAA,CAAOC;AADeD,qBAAAA,EAAAA,MAAAA,CAAOE,UAAU,CAAA;;0BAK9Ce,cAAA,CAACC,gBAAAA,EAAAA;gBAAIC,OAAAA,EAAS,CAAA;AACZ,gBAAA,QAAA,gBAAAF,cAAA,CAACG,uBAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,OAAA;AAASjC,oBAAAA,QAAAA,EAAAA;;;;;AAIrC;;;;"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useState, useCallback, useEffect } from 'react';
|
|
3
|
+
import { Flex, Box, Typography, SingleSelect, SingleSelectOption } from '@strapi/design-system';
|
|
4
|
+
import { unstable_useContentManagerContext, useFetchClient } from '@strapi/strapi/admin';
|
|
5
|
+
|
|
6
|
+
const ProductStatusField = ()=>{
|
|
7
|
+
const { contentType, id } = unstable_useContentManagerContext();
|
|
8
|
+
const [statuses, setStatuses] = useState([]);
|
|
9
|
+
const [currentStatus, setCurrentStatus] = useState("");
|
|
10
|
+
const [message, setMessage] = useState("");
|
|
11
|
+
const { get, put } = useFetchClient();
|
|
12
|
+
const handleStatusChange = useCallback(async (newStatus)=>{
|
|
13
|
+
if (!id) {
|
|
14
|
+
setMessage("Save the product first and then change the status");
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
try {
|
|
18
|
+
await put(`primershop-status-manager/content-status`, {
|
|
19
|
+
contentTypeUid: "api::product.product",
|
|
20
|
+
contentDocumentId: id,
|
|
21
|
+
statusId: statuses.find((status)=>status.name === newStatus)?.documentId
|
|
22
|
+
});
|
|
23
|
+
setMessage(`Status updated ${currentStatus ? `from ${currentStatus}` : ""} to ${newStatus}`);
|
|
24
|
+
setCurrentStatus(newStatus || "");
|
|
25
|
+
} catch (error) {
|
|
26
|
+
setMessage("Error updating status");
|
|
27
|
+
console.error("Error updating status:", error);
|
|
28
|
+
}
|
|
29
|
+
}, [
|
|
30
|
+
id,
|
|
31
|
+
statuses,
|
|
32
|
+
currentStatus,
|
|
33
|
+
put
|
|
34
|
+
]);
|
|
35
|
+
useEffect(()=>{
|
|
36
|
+
async function fetchCurrentStatus() {
|
|
37
|
+
try {
|
|
38
|
+
const { data: productData } = await get(`primershop-status-manager/content-status?contentDocumentId=${id}&contentTypeUid=api::product.product`);
|
|
39
|
+
const status = productData?.status;
|
|
40
|
+
if (status && status.name) return setCurrentStatus(status.name);
|
|
41
|
+
if (statuses.length) return handleStatusChange(statuses[0].name);
|
|
42
|
+
} catch (error) {
|
|
43
|
+
console.error("Error fetching product status:", error);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
if (id && !currentStatus.length) fetchCurrentStatus();
|
|
47
|
+
if (!id && statuses.length) setCurrentStatus(statuses[0].name);
|
|
48
|
+
}, [
|
|
49
|
+
id,
|
|
50
|
+
statuses,
|
|
51
|
+
get
|
|
52
|
+
]);
|
|
53
|
+
useEffect(()=>{
|
|
54
|
+
async function fetchStatuses() {
|
|
55
|
+
try {
|
|
56
|
+
const { data } = await get("primershop-status-manager/statuses");
|
|
57
|
+
setStatuses(data);
|
|
58
|
+
} catch (error) {
|
|
59
|
+
console.error("Error fetching statuses:", error);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
fetchStatuses();
|
|
63
|
+
}, [
|
|
64
|
+
get
|
|
65
|
+
]);
|
|
66
|
+
return /*#__PURE__*/ jsxs(Flex, {
|
|
67
|
+
direction: "column",
|
|
68
|
+
justifyContent: "center",
|
|
69
|
+
alignItems: "stretch",
|
|
70
|
+
width: "100%",
|
|
71
|
+
children: [
|
|
72
|
+
/*#__PURE__*/ jsx(Box, {
|
|
73
|
+
padding: 2,
|
|
74
|
+
children: /*#__PURE__*/ jsxs(Typography, {
|
|
75
|
+
variant: "sigma",
|
|
76
|
+
children: [
|
|
77
|
+
contentType?.info.displayName,
|
|
78
|
+
" status"
|
|
79
|
+
]
|
|
80
|
+
})
|
|
81
|
+
}),
|
|
82
|
+
/*#__PURE__*/ jsx(SingleSelect, {
|
|
83
|
+
placeholder: currentStatus,
|
|
84
|
+
onChange: handleStatusChange,
|
|
85
|
+
children: statuses.map((status)=>/*#__PURE__*/ jsx(SingleSelectOption, {
|
|
86
|
+
value: status.name,
|
|
87
|
+
children: status.name
|
|
88
|
+
}, status.documentId))
|
|
89
|
+
}),
|
|
90
|
+
/*#__PURE__*/ jsx(Box, {
|
|
91
|
+
padding: 2,
|
|
92
|
+
children: /*#__PURE__*/ jsx(Typography, {
|
|
93
|
+
variant: "sigma",
|
|
94
|
+
children: message
|
|
95
|
+
})
|
|
96
|
+
})
|
|
97
|
+
]
|
|
98
|
+
});
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
export { ProductStatusField };
|
|
102
|
+
//# sourceMappingURL=ProductStatusField.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var designSystem = require('@strapi/design-system');
|
|
5
|
-
var admin = require('@strapi/strapi/admin');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var combine = require('@atlaskit/pragmatic-drag-and-drop/combine');
|
|
8
6
|
var adapter = require('@atlaskit/pragmatic-drag-and-drop/element/adapter');
|
|
@@ -10,8 +8,9 @@ var pointerOutsideOfPreview = require('@atlaskit/pragmatic-drag-and-drop/element
|
|
|
10
8
|
var setCustomNativeDragPreview = require('@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview');
|
|
11
9
|
var reorder = require('@atlaskit/pragmatic-drag-and-drop/reorder');
|
|
12
10
|
var closestEdge = require('@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge');
|
|
11
|
+
var designSystem = require('@strapi/design-system');
|
|
13
12
|
var icons = require('@strapi/icons');
|
|
14
|
-
var
|
|
13
|
+
var admin = require('@strapi/strapi/admin');
|
|
15
14
|
|
|
16
15
|
const StatusManager = ()=>{
|
|
17
16
|
const [statuses, setStatuses] = React.useState([]);
|
|
@@ -364,50 +363,5 @@ const StatusManager = ()=>{
|
|
|
364
363
|
});
|
|
365
364
|
};
|
|
366
365
|
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
children: [
|
|
370
|
-
/*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
|
|
371
|
-
children: "Status Manager"
|
|
372
|
-
}),
|
|
373
|
-
/*#__PURE__*/ jsxRuntime.jsx(admin.Page.Main, {
|
|
374
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
|
|
375
|
-
permissions: index.pluginPermissions.accessStatusManager,
|
|
376
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Content, {
|
|
377
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
|
|
378
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
|
|
379
|
-
padding: 10,
|
|
380
|
-
gap: {
|
|
381
|
-
initial: 1,
|
|
382
|
-
medium: 4,
|
|
383
|
-
large: 8
|
|
384
|
-
},
|
|
385
|
-
direction: {
|
|
386
|
-
initial: "column",
|
|
387
|
-
medium: "row"
|
|
388
|
-
},
|
|
389
|
-
alignItems: {
|
|
390
|
-
initial: "center",
|
|
391
|
-
medium: "flex-start"
|
|
392
|
-
},
|
|
393
|
-
children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
|
|
394
|
-
padding: 1,
|
|
395
|
-
children: [
|
|
396
|
-
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
397
|
-
variant: "alpha",
|
|
398
|
-
children: "Status manager"
|
|
399
|
-
}),
|
|
400
|
-
/*#__PURE__*/ jsxRuntime.jsx(StatusManager, {})
|
|
401
|
-
]
|
|
402
|
-
})
|
|
403
|
-
})
|
|
404
|
-
})
|
|
405
|
-
})
|
|
406
|
-
})
|
|
407
|
-
})
|
|
408
|
-
]
|
|
409
|
-
});
|
|
410
|
-
};
|
|
411
|
-
|
|
412
|
-
exports.HomePage = HomePage;
|
|
413
|
-
//# sourceMappingURL=HomePage-Bez9ZXv-.js.map
|
|
366
|
+
exports.StatusManager = StatusManager;
|
|
367
|
+
//# sourceMappingURL=StatusManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusManager.js","sources":["../../../admin/src/components/StatusManager.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\r\n\r\nimport { combine } from \"@atlaskit/pragmatic-drag-and-drop/combine\";\r\nimport {\r\n draggable,\r\n dropTargetForElements,\r\n monitorForElements,\r\n} from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\r\nimport { pointerOutsideOfPreview } from \"@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview\";\r\nimport { setCustomNativeDragPreview } from \"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview\";\r\nimport { reorder } from \"@atlaskit/pragmatic-drag-and-drop/reorder\";\r\nimport {\r\n attachClosestEdge,\r\n extractClosestEdge,\r\n} from \"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge\";\r\nimport {\r\n TextInput,\r\n Button,\r\n Flex,\r\n Typography,\r\n Box,\r\n Dialog,\r\n SingleSelect,\r\n SingleSelectOption,\r\n} from \"@strapi/design-system\";\r\nimport { Plus, Trash, Drag } from \"@strapi/icons\";\r\nimport { useFetchClient } from \"@strapi/strapi/admin\";\r\n\r\ninterface Status {\r\n documentId: string;\r\n name: string;\r\n published: boolean;\r\n}\r\n\r\ninterface ReorderParams {\r\n startIndex: number;\r\n indexOfTarget: number;\r\n closestEdgeOfTarget: string;\r\n}\r\n\r\nconst StatusManager = () => {\r\n const [statuses, setStatuses] = useState<Status[]>([]);\r\n const [newStatus, setNewStatus] = useState(\"\");\r\n const [statusToDelete, setStatusToDelete] = useState<Status | null>(null);\r\n const [replacementStatus, setReplacementStatus] = useState(\"\");\r\n const { get, post, put } = useFetchClient();\r\n const [instanceId] = useState(() => Symbol(\"instance-id\"));\r\n\r\n // Fetch statuses\r\n useEffect(() => {\r\n const loadStatuses = async () => {\r\n const { data } = await get(\"primershop-status-manager/statuses\");\r\n setStatuses(data);\r\n };\r\n loadStatuses();\r\n }, [get]);\r\n\r\n // Validate input (Latin characters only)\r\n const validateInput = (value: string): boolean => /^[a-zA-Z\\s]+$/.test(value);\r\n\r\n // Add new status\r\n const addStatus = async () => {\r\n if (!newStatus || !validateInput(newStatus))\r\n return alert(\"Only Latin characters allowed!\");\r\n try {\r\n const { data } = await post(\"primershop-status-manager/status\", {\r\n name: newStatus,\r\n published: false,\r\n });\r\n setStatuses([...statuses, data]);\r\n setNewStatus(\"\");\r\n } catch (error) {\r\n console.error(\"Error creating status:\", error);\r\n }\r\n };\r\n\r\n const reorderItem = useCallback(\r\n async ({\r\n startIndex,\r\n indexOfTarget,\r\n closestEdgeOfTarget,\r\n }: ReorderParams) => {\r\n // Calculate the final index based on the target position and edge\r\n let finishIndex = indexOfTarget;\r\n if (closestEdgeOfTarget === \"bottom\") {\r\n finishIndex = indexOfTarget + 1;\r\n }\r\n\r\n // If moving an item down, we need to adjust for the removed item\r\n if (startIndex < finishIndex) {\r\n finishIndex--;\r\n }\r\n\r\n if (finishIndex === startIndex) {\r\n return;\r\n }\r\n\r\n const reordered = reorder({\r\n list: statuses,\r\n startIndex,\r\n finishIndex,\r\n });\r\n // Send new order to API\r\n const orderedIds = reordered.map((status, index) => ({\r\n documentId: status.documentId,\r\n order: index,\r\n }));\r\n\r\n await put(\"/primershop-status-manager/statuses/reorder\", {\r\n statuses: orderedIds,\r\n });\r\n setStatuses(reordered);\r\n },\r\n [statuses, put]\r\n );\r\n\r\n // Setup drag and drop\r\n useEffect(() => {\r\n const statusElements = document.querySelectorAll(\"[data-status-id]\");\r\n const cleanupFunctions: (() => void)[] = [];\r\n\r\n statusElements.forEach((element) => {\r\n const statusId = element.getAttribute(\"data-status-id\");\r\n const index = statuses.findIndex((s) => s.documentId === statusId);\r\n const dragHandle = element.querySelector(\"[data-drag-handle]\");\r\n\r\n if (!dragHandle) return;\r\n\r\n // Setup draggable\r\n const draggableCleanup = draggable({\r\n element: dragHandle as HTMLElement,\r\n getInitialData: () => ({\r\n statusId,\r\n index,\r\n instanceId,\r\n }),\r\n onGenerateDragPreview({ nativeSetDragImage }) {\r\n setCustomNativeDragPreview({\r\n nativeSetDragImage,\r\n getOffset: pointerOutsideOfPreview({\r\n x: \"16px\",\r\n y: \"8px\",\r\n }),\r\n render({ container }) {\r\n const preview = document.createElement(\"div\");\r\n preview.style.padding = \"8px 16px\";\r\n preview.style.backgroundColor = \"#fff\";\r\n preview.style.border = \"1px solid #ccc\";\r\n preview.style.borderRadius = \"4px\";\r\n preview.style.boxShadow = \"0 2px 4px rgba(0,0,0,0.1)\";\r\n const statusNameElement =\r\n element.querySelector(\"[data-status-name]\");\r\n preview.textContent = statusNameElement?.textContent || \"\";\r\n container.appendChild(preview);\r\n return () => container.removeChild(preview);\r\n },\r\n });\r\n },\r\n });\r\n\r\n // Setup drop target\r\n const dropTargetCleanup = dropTargetForElements({\r\n element: element as HTMLElement,\r\n canDrop: ({ source }) => source.data.instanceId === instanceId,\r\n getData({ input }) {\r\n return attachClosestEdge(\r\n { statusId, index, instanceId },\r\n {\r\n element,\r\n input,\r\n allowedEdges: [\"top\", \"bottom\"],\r\n }\r\n );\r\n },\r\n onDrag({ source, self }) {\r\n const isSource = source.element === dragHandle;\r\n if (isSource) return;\r\n\r\n const closestEdge = extractClosestEdge(self.data);\r\n const sourceIndex = Number(source.data.index);\r\n\r\n const isItemBeforeSource = index === sourceIndex - 1;\r\n const isItemAfterSource = index === sourceIndex + 1;\r\n\r\n const isDropIndicatorHidden =\r\n (isItemBeforeSource && closestEdge === \"bottom\") ||\r\n (isItemAfterSource && closestEdge === \"top\");\r\n\r\n if (isDropIndicatorHidden) return;\r\n\r\n // Add visual feedback for drop target\r\n (element as HTMLElement).style.background =\r\n `linear-gradient(${closestEdge === \"top\" ? 180 : 0}deg, rgba(136,131,214,0.4) 0%, rgba(255,255,255,0) 50%)`;\r\n },\r\n onDragLeave() {\r\n (element as HTMLElement).style.background = \"\";\r\n },\r\n onDrop({ source, self }) {\r\n (element as HTMLElement).style.background = \"\";\r\n\r\n const sourceData = source.data;\r\n const targetData = self.data;\r\n const indexOfTarget = statuses.findIndex(\r\n (s) => s.documentId === targetData.statusId\r\n );\r\n if (indexOfTarget < 0) return;\r\n\r\n const closestEdgeOfTarget = extractClosestEdge(targetData);\r\n\r\n reorderItem({\r\n startIndex: sourceData.index as number,\r\n indexOfTarget,\r\n closestEdgeOfTarget,\r\n });\r\n },\r\n });\r\n\r\n // Combine cleanup functions\r\n const combinedCleanup = combine(draggableCleanup, dropTargetCleanup);\r\n cleanupFunctions.push(combinedCleanup);\r\n });\r\n\r\n // Monitor for drops\r\n const monitorCleanup = monitorForElements({\r\n canMonitor: ({ source }) => source.data.instanceId === instanceId,\r\n onDrop({ location, source }) {\r\n const target = location.current.dropTargets[0];\r\n if (!target) return;\r\n\r\n const sourceData = source.data;\r\n const targetData = target.data;\r\n\r\n const indexOfTarget = statuses.findIndex(\r\n (s) => s.documentId === targetData.statusId\r\n );\r\n if (indexOfTarget < 0) return;\r\n\r\n const closestEdgeOfTarget = extractClosestEdge(targetData);\r\n\r\n reorderItem({\r\n startIndex: sourceData.index as number,\r\n indexOfTarget,\r\n closestEdgeOfTarget,\r\n });\r\n },\r\n });\r\n\r\n // Cleanup function\r\n return () => {\r\n cleanupFunctions.forEach((cleanup) => cleanup());\r\n monitorCleanup();\r\n };\r\n }, [statuses, reorderItem, instanceId]);\r\n\r\n // Open delete dialog\r\n const confirmDelete = (status: Status) => {\r\n setStatusToDelete(status);\r\n };\r\n\r\n // Delete status and replace with selected one\r\n const deleteStatus = async () => {\r\n if (!replacementStatus) return alert(\"Select a replacement status!\");\r\n\r\n const replacementStatusObj = statuses.find(\r\n (s) => s.name === replacementStatus\r\n );\r\n if (!replacementStatusObj) return alert(\"Replacement status not found!\");\r\n\r\n try {\r\n await put(\"/primershop-status-manager/statuses/delete\", {\r\n statusId: statusToDelete?.documentId,\r\n replacementId: replacementStatusObj.documentId,\r\n });\r\n\r\n // Remove the deleted status from the list\r\n setStatuses(\r\n statuses.filter((s) => s.documentId !== statusToDelete?.documentId)\r\n );\r\n setStatusToDelete(null);\r\n setReplacementStatus(\"\");\r\n } catch (error) {\r\n console.error(\"Error deleting status:\", error);\r\n }\r\n };\r\n\r\n // Toggle publish status\r\n const togglePublish = async (id: string, published: boolean) => {\r\n try {\r\n await put(`/primershop-status-manager/statuses/${id}`, {\r\n published: !published,\r\n });\r\n setStatuses(\r\n statuses.map((s) =>\r\n s.documentId === id ? { ...s, published: !published } : s\r\n )\r\n );\r\n } catch (error) {\r\n console.error(\"Error toggling publish status:\", error);\r\n }\r\n };\r\n\r\n return (\r\n <Box padding={4}>\r\n <Typography variant=\"beta\">Status Manager</Typography>\r\n\r\n {/* Input Field */}\r\n <Flex marginTop={4} gap={2}>\r\n <TextInput\r\n placeholder=\"Enter a status...\"\r\n value={newStatus}\r\n onChange={(e) => setNewStatus(e.target.value)}\r\n />\r\n <Button onClick={addStatus} startIcon={<Plus />}>\r\n Add Status\r\n </Button>\r\n </Flex>\r\n\r\n {/* Status List */}\r\n <Box key={statuses.length} marginTop={4}>\r\n {statuses.map((status) => (\r\n <Flex\r\n key={`status-${status.documentId}`}\r\n data-status-id={status.documentId}\r\n alignItems=\"center\"\r\n gap={2}\r\n marginBottom={2}\r\n paddingBottom={2}\r\n style={{\r\n borderBottom: `1px solid gray`,\r\n minWidth: 300,\r\n userSelect: \"none\",\r\n touchAction: \"none\",\r\n }}\r\n >\r\n <Box\r\n key={`dragHandle-${status.documentId}`}\r\n data-drag-handle\r\n style={{\r\n cursor: \"grab\",\r\n padding: \"4px\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n }}\r\n >\r\n <Drag />\r\n </Box>\r\n <Typography\r\n variant=\"sigma\"\r\n style={{ display: \"inline-block\", marginRight: \"auto\" }}\r\n data-status-name\r\n >\r\n {status.name}\r\n </Typography>\r\n <Button\r\n variant={status.published ? \"success-light\" : \"secondary\"}\r\n onClick={() => togglePublish(status.documentId, status.published)}\r\n >\r\n {status.published ? \"Published\" : \"Unpublished\"}\r\n </Button>\r\n <Dialog.Root onOpenChange={() => confirmDelete(status)}>\r\n <Dialog.Trigger>\r\n <Button variant=\"tertiary\" startIcon={<Trash />}>\r\n Delete\r\n </Button>\r\n </Dialog.Trigger>\r\n <Dialog.Content>\r\n <Dialog.Header>Delete status</Dialog.Header>\r\n {statuses.length > 1 && statusToDelete && (\r\n <Dialog.Body>\r\n <Typography>\r\n Choose a replacement status before deleting:\r\n </Typography>\r\n <SingleSelect\r\n onChange={(value) =>\r\n setReplacementStatus(value as string)\r\n }\r\n placeholder=\"Select replacement\"\r\n >\r\n {statuses\r\n .filter(\r\n (s) => s.documentId !== statusToDelete.documentId\r\n )\r\n .map((s) => (\r\n <SingleSelectOption\r\n key={`statusChoice-${s.documentId}`}\r\n value={s.name}\r\n >\r\n {s.name}\r\n </SingleSelectOption>\r\n ))}\r\n </SingleSelect>\r\n {replacementStatus && (\r\n <Typography>\r\n Replacing {statusToDelete.name} with {replacementStatus}\r\n </Typography>\r\n )}\r\n </Dialog.Body>\r\n )}\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 fullWidth\r\n variant=\"danger-light\"\r\n onClick={deleteStatus}\r\n >\r\n Yes, delete\r\n </Button>\r\n </Dialog.Action>\r\n </Dialog.Footer>\r\n </Dialog.Content>\r\n </Dialog.Root>\r\n </Flex>\r\n ))}\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport { StatusManager };\r\n"],"names":["StatusManager","statuses","setStatuses","useState","newStatus","setNewStatus","statusToDelete","setStatusToDelete","replacementStatus","setReplacementStatus","get","post","put","useFetchClient","instanceId","Symbol","useEffect","loadStatuses","data","validateInput","value","test","addStatus","alert","name","published","error","console","reorderItem","useCallback","startIndex","indexOfTarget","closestEdgeOfTarget","finishIndex","reordered","reorder","list","orderedIds","map","status","index","documentId","order","statusElements","document","querySelectorAll","cleanupFunctions","forEach","element","statusId","getAttribute","findIndex","s","dragHandle","querySelector","draggableCleanup","draggable","getInitialData","onGenerateDragPreview","nativeSetDragImage","setCustomNativeDragPreview","getOffset","pointerOutsideOfPreview","x","y","render","container","preview","createElement","style","padding","backgroundColor","border","borderRadius","boxShadow","statusNameElement","textContent","appendChild","removeChild","dropTargetCleanup","dropTargetForElements","canDrop","source","getData","input","attachClosestEdge","allowedEdges","onDrag","self","isSource","closestEdge","extractClosestEdge","sourceIndex","Number","isItemBeforeSource","isItemAfterSource","isDropIndicatorHidden","background","onDragLeave","onDrop","sourceData","targetData","combinedCleanup","combine","push","monitorCleanup","monitorForElements","canMonitor","location","target","current","dropTargets","cleanup","confirmDelete","deleteStatus","replacementStatusObj","find","replacementId","filter","togglePublish","id","_jsxs","Box","_jsx","Typography","variant","Flex","marginTop","gap","TextInput","placeholder","onChange","e","Button","onClick","startIcon","Plus","data-status-id","alignItems","marginBottom","paddingBottom","borderBottom","minWidth","userSelect","touchAction","data-drag-handle","cursor","display","Drag","marginRight","data-status-name","Dialog","Root","onOpenChange","Trigger","Trash","Content","Header","length","Body","SingleSelect","SingleSelectOption","Footer","Cancel","fullWidth","Action"],"mappings":"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"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Box, Typography, Flex, TextInput, Button, Dialog, SingleSelect, SingleSelectOption } from '@strapi/design-system';
|
|
3
|
-
import { useFetchClient, Layouts, Page } from '@strapi/strapi/admin';
|
|
4
2
|
import { useState, useEffect, useCallback } from 'react';
|
|
5
3
|
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
6
4
|
import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
|
|
@@ -8,8 +6,9 @@ import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/eleme
|
|
|
8
6
|
import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
|
|
9
7
|
import { reorder } from '@atlaskit/pragmatic-drag-and-drop/reorder';
|
|
10
8
|
import { extractClosestEdge, attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
|
|
9
|
+
import { Box, Typography, Flex, TextInput, Button, Dialog, SingleSelect, SingleSelectOption } from '@strapi/design-system';
|
|
11
10
|
import { Plus, Drag, Trash } from '@strapi/icons';
|
|
12
|
-
import {
|
|
11
|
+
import { useFetchClient } from '@strapi/strapi/admin';
|
|
13
12
|
|
|
14
13
|
const StatusManager = ()=>{
|
|
15
14
|
const [statuses, setStatuses] = useState([]);
|
|
@@ -362,50 +361,5 @@ const StatusManager = ()=>{
|
|
|
362
361
|
});
|
|
363
362
|
};
|
|
364
363
|
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
children: [
|
|
368
|
-
/*#__PURE__*/ jsx(Page.Title, {
|
|
369
|
-
children: "Status Manager"
|
|
370
|
-
}),
|
|
371
|
-
/*#__PURE__*/ jsx(Page.Main, {
|
|
372
|
-
children: /*#__PURE__*/ jsx(Page.Protect, {
|
|
373
|
-
permissions: pluginPermissions.accessStatusManager,
|
|
374
|
-
children: /*#__PURE__*/ jsx(Layouts.Content, {
|
|
375
|
-
children: /*#__PURE__*/ jsx(Box, {
|
|
376
|
-
children: /*#__PURE__*/ jsx(Flex, {
|
|
377
|
-
padding: 10,
|
|
378
|
-
gap: {
|
|
379
|
-
initial: 1,
|
|
380
|
-
medium: 4,
|
|
381
|
-
large: 8
|
|
382
|
-
},
|
|
383
|
-
direction: {
|
|
384
|
-
initial: "column",
|
|
385
|
-
medium: "row"
|
|
386
|
-
},
|
|
387
|
-
alignItems: {
|
|
388
|
-
initial: "center",
|
|
389
|
-
medium: "flex-start"
|
|
390
|
-
},
|
|
391
|
-
children: /*#__PURE__*/ jsxs(Box, {
|
|
392
|
-
padding: 1,
|
|
393
|
-
children: [
|
|
394
|
-
/*#__PURE__*/ jsx(Typography, {
|
|
395
|
-
variant: "alpha",
|
|
396
|
-
children: "Status manager"
|
|
397
|
-
}),
|
|
398
|
-
/*#__PURE__*/ jsx(StatusManager, {})
|
|
399
|
-
]
|
|
400
|
-
})
|
|
401
|
-
})
|
|
402
|
-
})
|
|
403
|
-
})
|
|
404
|
-
})
|
|
405
|
-
})
|
|
406
|
-
]
|
|
407
|
-
});
|
|
408
|
-
};
|
|
409
|
-
|
|
410
|
-
export { HomePage };
|
|
411
|
-
//# sourceMappingURL=HomePage-Dx9N0awm.mjs.map
|
|
364
|
+
export { StatusManager };
|
|
365
|
+
//# sourceMappingURL=StatusManager.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusManager.mjs","sources":["../../../admin/src/components/StatusManager.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\r\n\r\nimport { combine } from \"@atlaskit/pragmatic-drag-and-drop/combine\";\r\nimport {\r\n draggable,\r\n dropTargetForElements,\r\n monitorForElements,\r\n} from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\r\nimport { pointerOutsideOfPreview } from \"@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview\";\r\nimport { setCustomNativeDragPreview } from \"@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview\";\r\nimport { reorder } from \"@atlaskit/pragmatic-drag-and-drop/reorder\";\r\nimport {\r\n attachClosestEdge,\r\n extractClosestEdge,\r\n} from \"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge\";\r\nimport {\r\n TextInput,\r\n Button,\r\n Flex,\r\n Typography,\r\n Box,\r\n Dialog,\r\n SingleSelect,\r\n SingleSelectOption,\r\n} from \"@strapi/design-system\";\r\nimport { Plus, Trash, Drag } from \"@strapi/icons\";\r\nimport { useFetchClient } from \"@strapi/strapi/admin\";\r\n\r\ninterface Status {\r\n documentId: string;\r\n name: string;\r\n published: boolean;\r\n}\r\n\r\ninterface ReorderParams {\r\n startIndex: number;\r\n indexOfTarget: number;\r\n closestEdgeOfTarget: string;\r\n}\r\n\r\nconst StatusManager = () => {\r\n const [statuses, setStatuses] = useState<Status[]>([]);\r\n const [newStatus, setNewStatus] = useState(\"\");\r\n const [statusToDelete, setStatusToDelete] = useState<Status | null>(null);\r\n const [replacementStatus, setReplacementStatus] = useState(\"\");\r\n const { get, post, put } = useFetchClient();\r\n const [instanceId] = useState(() => Symbol(\"instance-id\"));\r\n\r\n // Fetch statuses\r\n useEffect(() => {\r\n const loadStatuses = async () => {\r\n const { data } = await get(\"primershop-status-manager/statuses\");\r\n setStatuses(data);\r\n };\r\n loadStatuses();\r\n }, [get]);\r\n\r\n // Validate input (Latin characters only)\r\n const validateInput = (value: string): boolean => /^[a-zA-Z\\s]+$/.test(value);\r\n\r\n // Add new status\r\n const addStatus = async () => {\r\n if (!newStatus || !validateInput(newStatus))\r\n return alert(\"Only Latin characters allowed!\");\r\n try {\r\n const { data } = await post(\"primershop-status-manager/status\", {\r\n name: newStatus,\r\n published: false,\r\n });\r\n setStatuses([...statuses, data]);\r\n setNewStatus(\"\");\r\n } catch (error) {\r\n console.error(\"Error creating status:\", error);\r\n }\r\n };\r\n\r\n const reorderItem = useCallback(\r\n async ({\r\n startIndex,\r\n indexOfTarget,\r\n closestEdgeOfTarget,\r\n }: ReorderParams) => {\r\n // Calculate the final index based on the target position and edge\r\n let finishIndex = indexOfTarget;\r\n if (closestEdgeOfTarget === \"bottom\") {\r\n finishIndex = indexOfTarget + 1;\r\n }\r\n\r\n // If moving an item down, we need to adjust for the removed item\r\n if (startIndex < finishIndex) {\r\n finishIndex--;\r\n }\r\n\r\n if (finishIndex === startIndex) {\r\n return;\r\n }\r\n\r\n const reordered = reorder({\r\n list: statuses,\r\n startIndex,\r\n finishIndex,\r\n });\r\n // Send new order to API\r\n const orderedIds = reordered.map((status, index) => ({\r\n documentId: status.documentId,\r\n order: index,\r\n }));\r\n\r\n await put(\"/primershop-status-manager/statuses/reorder\", {\r\n statuses: orderedIds,\r\n });\r\n setStatuses(reordered);\r\n },\r\n [statuses, put]\r\n );\r\n\r\n // Setup drag and drop\r\n useEffect(() => {\r\n const statusElements = document.querySelectorAll(\"[data-status-id]\");\r\n const cleanupFunctions: (() => void)[] = [];\r\n\r\n statusElements.forEach((element) => {\r\n const statusId = element.getAttribute(\"data-status-id\");\r\n const index = statuses.findIndex((s) => s.documentId === statusId);\r\n const dragHandle = element.querySelector(\"[data-drag-handle]\");\r\n\r\n if (!dragHandle) return;\r\n\r\n // Setup draggable\r\n const draggableCleanup = draggable({\r\n element: dragHandle as HTMLElement,\r\n getInitialData: () => ({\r\n statusId,\r\n index,\r\n instanceId,\r\n }),\r\n onGenerateDragPreview({ nativeSetDragImage }) {\r\n setCustomNativeDragPreview({\r\n nativeSetDragImage,\r\n getOffset: pointerOutsideOfPreview({\r\n x: \"16px\",\r\n y: \"8px\",\r\n }),\r\n render({ container }) {\r\n const preview = document.createElement(\"div\");\r\n preview.style.padding = \"8px 16px\";\r\n preview.style.backgroundColor = \"#fff\";\r\n preview.style.border = \"1px solid #ccc\";\r\n preview.style.borderRadius = \"4px\";\r\n preview.style.boxShadow = \"0 2px 4px rgba(0,0,0,0.1)\";\r\n const statusNameElement =\r\n element.querySelector(\"[data-status-name]\");\r\n preview.textContent = statusNameElement?.textContent || \"\";\r\n container.appendChild(preview);\r\n return () => container.removeChild(preview);\r\n },\r\n });\r\n },\r\n });\r\n\r\n // Setup drop target\r\n const dropTargetCleanup = dropTargetForElements({\r\n element: element as HTMLElement,\r\n canDrop: ({ source }) => source.data.instanceId === instanceId,\r\n getData({ input }) {\r\n return attachClosestEdge(\r\n { statusId, index, instanceId },\r\n {\r\n element,\r\n input,\r\n allowedEdges: [\"top\", \"bottom\"],\r\n }\r\n );\r\n },\r\n onDrag({ source, self }) {\r\n const isSource = source.element === dragHandle;\r\n if (isSource) return;\r\n\r\n const closestEdge = extractClosestEdge(self.data);\r\n const sourceIndex = Number(source.data.index);\r\n\r\n const isItemBeforeSource = index === sourceIndex - 1;\r\n const isItemAfterSource = index === sourceIndex + 1;\r\n\r\n const isDropIndicatorHidden =\r\n (isItemBeforeSource && closestEdge === \"bottom\") ||\r\n (isItemAfterSource && closestEdge === \"top\");\r\n\r\n if (isDropIndicatorHidden) return;\r\n\r\n // Add visual feedback for drop target\r\n (element as HTMLElement).style.background =\r\n `linear-gradient(${closestEdge === \"top\" ? 180 : 0}deg, rgba(136,131,214,0.4) 0%, rgba(255,255,255,0) 50%)`;\r\n },\r\n onDragLeave() {\r\n (element as HTMLElement).style.background = \"\";\r\n },\r\n onDrop({ source, self }) {\r\n (element as HTMLElement).style.background = \"\";\r\n\r\n const sourceData = source.data;\r\n const targetData = self.data;\r\n const indexOfTarget = statuses.findIndex(\r\n (s) => s.documentId === targetData.statusId\r\n );\r\n if (indexOfTarget < 0) return;\r\n\r\n const closestEdgeOfTarget = extractClosestEdge(targetData);\r\n\r\n reorderItem({\r\n startIndex: sourceData.index as number,\r\n indexOfTarget,\r\n closestEdgeOfTarget,\r\n });\r\n },\r\n });\r\n\r\n // Combine cleanup functions\r\n const combinedCleanup = combine(draggableCleanup, dropTargetCleanup);\r\n cleanupFunctions.push(combinedCleanup);\r\n });\r\n\r\n // Monitor for drops\r\n const monitorCleanup = monitorForElements({\r\n canMonitor: ({ source }) => source.data.instanceId === instanceId,\r\n onDrop({ location, source }) {\r\n const target = location.current.dropTargets[0];\r\n if (!target) return;\r\n\r\n const sourceData = source.data;\r\n const targetData = target.data;\r\n\r\n const indexOfTarget = statuses.findIndex(\r\n (s) => s.documentId === targetData.statusId\r\n );\r\n if (indexOfTarget < 0) return;\r\n\r\n const closestEdgeOfTarget = extractClosestEdge(targetData);\r\n\r\n reorderItem({\r\n startIndex: sourceData.index as number,\r\n indexOfTarget,\r\n closestEdgeOfTarget,\r\n });\r\n },\r\n });\r\n\r\n // Cleanup function\r\n return () => {\r\n cleanupFunctions.forEach((cleanup) => cleanup());\r\n monitorCleanup();\r\n };\r\n }, [statuses, reorderItem, instanceId]);\r\n\r\n // Open delete dialog\r\n const confirmDelete = (status: Status) => {\r\n setStatusToDelete(status);\r\n };\r\n\r\n // Delete status and replace with selected one\r\n const deleteStatus = async () => {\r\n if (!replacementStatus) return alert(\"Select a replacement status!\");\r\n\r\n const replacementStatusObj = statuses.find(\r\n (s) => s.name === replacementStatus\r\n );\r\n if (!replacementStatusObj) return alert(\"Replacement status not found!\");\r\n\r\n try {\r\n await put(\"/primershop-status-manager/statuses/delete\", {\r\n statusId: statusToDelete?.documentId,\r\n replacementId: replacementStatusObj.documentId,\r\n });\r\n\r\n // Remove the deleted status from the list\r\n setStatuses(\r\n statuses.filter((s) => s.documentId !== statusToDelete?.documentId)\r\n );\r\n setStatusToDelete(null);\r\n setReplacementStatus(\"\");\r\n } catch (error) {\r\n console.error(\"Error deleting status:\", error);\r\n }\r\n };\r\n\r\n // Toggle publish status\r\n const togglePublish = async (id: string, published: boolean) => {\r\n try {\r\n await put(`/primershop-status-manager/statuses/${id}`, {\r\n published: !published,\r\n });\r\n setStatuses(\r\n statuses.map((s) =>\r\n s.documentId === id ? { ...s, published: !published } : s\r\n )\r\n );\r\n } catch (error) {\r\n console.error(\"Error toggling publish status:\", error);\r\n }\r\n };\r\n\r\n return (\r\n <Box padding={4}>\r\n <Typography variant=\"beta\">Status Manager</Typography>\r\n\r\n {/* Input Field */}\r\n <Flex marginTop={4} gap={2}>\r\n <TextInput\r\n placeholder=\"Enter a status...\"\r\n value={newStatus}\r\n onChange={(e) => setNewStatus(e.target.value)}\r\n />\r\n <Button onClick={addStatus} startIcon={<Plus />}>\r\n Add Status\r\n </Button>\r\n </Flex>\r\n\r\n {/* Status List */}\r\n <Box key={statuses.length} marginTop={4}>\r\n {statuses.map((status) => (\r\n <Flex\r\n key={`status-${status.documentId}`}\r\n data-status-id={status.documentId}\r\n alignItems=\"center\"\r\n gap={2}\r\n marginBottom={2}\r\n paddingBottom={2}\r\n style={{\r\n borderBottom: `1px solid gray`,\r\n minWidth: 300,\r\n userSelect: \"none\",\r\n touchAction: \"none\",\r\n }}\r\n >\r\n <Box\r\n key={`dragHandle-${status.documentId}`}\r\n data-drag-handle\r\n style={{\r\n cursor: \"grab\",\r\n padding: \"4px\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n }}\r\n >\r\n <Drag />\r\n </Box>\r\n <Typography\r\n variant=\"sigma\"\r\n style={{ display: \"inline-block\", marginRight: \"auto\" }}\r\n data-status-name\r\n >\r\n {status.name}\r\n </Typography>\r\n <Button\r\n variant={status.published ? \"success-light\" : \"secondary\"}\r\n onClick={() => togglePublish(status.documentId, status.published)}\r\n >\r\n {status.published ? \"Published\" : \"Unpublished\"}\r\n </Button>\r\n <Dialog.Root onOpenChange={() => confirmDelete(status)}>\r\n <Dialog.Trigger>\r\n <Button variant=\"tertiary\" startIcon={<Trash />}>\r\n Delete\r\n </Button>\r\n </Dialog.Trigger>\r\n <Dialog.Content>\r\n <Dialog.Header>Delete status</Dialog.Header>\r\n {statuses.length > 1 && statusToDelete && (\r\n <Dialog.Body>\r\n <Typography>\r\n Choose a replacement status before deleting:\r\n </Typography>\r\n <SingleSelect\r\n onChange={(value) =>\r\n setReplacementStatus(value as string)\r\n }\r\n placeholder=\"Select replacement\"\r\n >\r\n {statuses\r\n .filter(\r\n (s) => s.documentId !== statusToDelete.documentId\r\n )\r\n .map((s) => (\r\n <SingleSelectOption\r\n key={`statusChoice-${s.documentId}`}\r\n value={s.name}\r\n >\r\n {s.name}\r\n </SingleSelectOption>\r\n ))}\r\n </SingleSelect>\r\n {replacementStatus && (\r\n <Typography>\r\n Replacing {statusToDelete.name} with {replacementStatus}\r\n </Typography>\r\n )}\r\n </Dialog.Body>\r\n )}\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 fullWidth\r\n variant=\"danger-light\"\r\n onClick={deleteStatus}\r\n >\r\n Yes, delete\r\n </Button>\r\n </Dialog.Action>\r\n </Dialog.Footer>\r\n </Dialog.Content>\r\n </Dialog.Root>\r\n </Flex>\r\n ))}\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport { StatusManager };\r\n"],"names":["StatusManager","statuses","setStatuses","useState","newStatus","setNewStatus","statusToDelete","setStatusToDelete","replacementStatus","setReplacementStatus","get","post","put","useFetchClient","instanceId","Symbol","useEffect","loadStatuses","data","validateInput","value","test","addStatus","alert","name","published","error","console","reorderItem","useCallback","startIndex","indexOfTarget","closestEdgeOfTarget","finishIndex","reordered","reorder","list","orderedIds","map","status","index","documentId","order","statusElements","document","querySelectorAll","cleanupFunctions","forEach","element","statusId","getAttribute","findIndex","s","dragHandle","querySelector","draggableCleanup","draggable","getInitialData","onGenerateDragPreview","nativeSetDragImage","setCustomNativeDragPreview","getOffset","pointerOutsideOfPreview","x","y","render","container","preview","createElement","style","padding","backgroundColor","border","borderRadius","boxShadow","statusNameElement","textContent","appendChild","removeChild","dropTargetCleanup","dropTargetForElements","canDrop","source","getData","input","attachClosestEdge","allowedEdges","onDrag","self","isSource","closestEdge","extractClosestEdge","sourceIndex","Number","isItemBeforeSource","isItemAfterSource","isDropIndicatorHidden","background","onDragLeave","onDrop","sourceData","targetData","combinedCleanup","combine","push","monitorCleanup","monitorForElements","canMonitor","location","target","current","dropTargets","cleanup","confirmDelete","deleteStatus","replacementStatusObj","find","replacementId","filter","togglePublish","id","_jsxs","Box","_jsx","Typography","variant","Flex","marginTop","gap","TextInput","placeholder","onChange","e","Button","onClick","startIcon","Plus","data-status-id","alignItems","marginBottom","paddingBottom","borderBottom","minWidth","userSelect","touchAction","data-drag-handle","cursor","display","Drag","marginRight","data-status-name","Dialog","Root","onOpenChange","Trigger","Trash","Content","Header","length","Body","SingleSelect","SingleSelectOption","Footer","Cancel","fullWidth","Action"],"mappings":";;;;;;;;;;;;AAwCA,MAAMA,aAAAA,GAAgB,IAAA;AACpB,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGC,SAAmB,EAAE,CAAA;AACrD,IAAA,MAAM,CAACC,SAAAA,EAAWC,YAAAA,CAAa,GAAGF,QAAAA,CAAS,EAAA,CAAA;AAC3C,IAAA,MAAM,CAACG,cAAAA,EAAgBC,iBAAAA,CAAkB,GAAGJ,QAAAA,CAAwB,IAAA,CAAA;AACpE,IAAA,MAAM,CAACK,iBAAAA,EAAmBC,oBAAAA,CAAqB,GAAGN,QAAAA,CAAS,EAAA,CAAA;AAC3D,IAAA,MAAM,EAAEO,GAAG,EAAEC,IAAI,EAAEC,GAAG,EAAE,GAAGC,cAAAA,EAAAA;AAC3B,IAAA,MAAM,CAACC,UAAAA,CAAW,GAAGX,QAAAA,CAAS,IAAMY,MAAAA,CAAO,aAAA,CAAA,CAAA;;IAG3CC,SAAAA,CAAU,IAAA;AACR,QAAA,MAAMC,YAAAA,GAAe,UAAA;AACnB,YAAA,MAAM,EAAEC,IAAI,EAAE,GAAG,MAAMR,GAAAA,CAAI,oCAAA,CAAA;YAC3BR,WAAAA,CAAYgB,IAAAA,CAAAA;AACd,QAAA,CAAA;AACAD,QAAAA,YAAAA,EAAAA;IACF,CAAA,EAAG;AAACP,QAAAA;AAAI,KAAA,CAAA;;AAGR,IAAA,MAAMS,aAAAA,GAAgB,CAACC,KAAAA,GAA2B,eAAA,CAAgBC,IAAI,CAACD,KAAAA,CAAAA;;AAGvE,IAAA,MAAME,SAAAA,GAAY,UAAA;AAChB,QAAA,IAAI,CAAClB,SAAAA,IAAa,CAACe,aAAAA,CAAcf,SAAAA,CAAAA,EAC/B,OAAOmB,KAAAA,CAAM,gCAAA,CAAA;QACf,IAAI;AACF,YAAA,MAAM,EAAEL,IAAI,EAAE,GAAG,MAAMP,KAAK,kCAAA,EAAoC;gBAC9Da,IAAAA,EAAMpB,SAAAA;gBACNqB,SAAAA,EAAW;AACb,aAAA,CAAA;YACAvB,WAAAA,CAAY;AAAID,gBAAAA,GAAAA,QAAAA;AAAUiB,gBAAAA;AAAK,aAAA,CAAA;YAC/Bb,YAAAA,CAAa,EAAA,CAAA;AACf,QAAA,CAAA,CAAE,OAAOqB,KAAAA,EAAO;YACdC,OAAAA,CAAQD,KAAK,CAAC,wBAAA,EAA0BA,KAAAA,CAAAA;AAC1C,QAAA;AACF,IAAA,CAAA;IAEA,MAAME,WAAAA,GAAcC,YAClB,OAAO,EACLC,UAAU,EACVC,aAAa,EACbC,mBAAmB,EACL,GAAA;;AAEd,QAAA,IAAIC,WAAAA,GAAcF,aAAAA;AAClB,QAAA,IAAIC,wBAAwB,QAAA,EAAU;AACpCC,YAAAA,WAAAA,GAAcF,aAAAA,GAAgB,CAAA;AAChC,QAAA;;AAGA,QAAA,IAAID,aAAaG,WAAAA,EAAa;AAC5BA,YAAAA,WAAAA,EAAAA;AACF,QAAA;AAEA,QAAA,IAAIA,gBAAgBH,UAAAA,EAAY;AAC9B,YAAA;AACF,QAAA;AAEA,QAAA,MAAMI,YAAYC,OAAAA,CAAQ;YACxBC,IAAAA,EAAMnC,QAAAA;AACN6B,YAAAA,UAAAA;AACAG,YAAAA;AACF,SAAA,CAAA;;AAEA,QAAA,MAAMI,aAAaH,SAAAA,CAAUI,GAAG,CAAC,CAACC,MAAAA,EAAQC,SAAW;AACnDC,gBAAAA,UAAAA,EAAYF,OAAOE,UAAU;gBAC7BC,KAAAA,EAAOF;aACT,CAAA,CAAA;AAEA,QAAA,MAAM5B,IAAI,6CAAA,EAA+C;YACvDX,QAAAA,EAAUoC;AACZ,SAAA,CAAA;QACAnC,WAAAA,CAAYgC,SAAAA,CAAAA;IACd,CAAA,EACA;AAACjC,QAAAA,QAAAA;AAAUW,QAAAA;AAAI,KAAA,CAAA;;IAIjBI,SAAAA,CAAU,IAAA;QACR,MAAM2B,cAAAA,GAAiBC,QAAAA,CAASC,gBAAgB,CAAC,kBAAA,CAAA;AACjD,QAAA,MAAMC,mBAAmC,EAAE;QAE3CH,cAAAA,CAAeI,OAAO,CAAC,CAACC,OAAAA,GAAAA;YACtB,MAAMC,QAAAA,GAAWD,OAAAA,CAAQE,YAAY,CAAC,gBAAA,CAAA;YACtC,MAAMV,KAAAA,GAAQvC,SAASkD,SAAS,CAAC,CAACC,CAAAA,GAAMA,CAAAA,CAAEX,UAAU,KAAKQ,QAAAA,CAAAA;YACzD,MAAMI,UAAAA,GAAaL,OAAAA,CAAQM,aAAa,CAAC,oBAAA,CAAA;AAEzC,YAAA,IAAI,CAACD,UAAAA,EAAY;;AAGjB,YAAA,MAAME,mBAAmBC,SAAAA,CAAU;gBACjCR,OAAAA,EAASK,UAAAA;AACTI,gBAAAA,cAAAA,EAAgB,KAAO;AACrBR,wBAAAA,QAAAA;AACAT,wBAAAA,KAAAA;AACA1B,wBAAAA;qBACF,CAAA;gBACA4C,qBAAAA,CAAAA,CAAsB,EAAEC,kBAAkB,EAAE,EAAA;oBAC1CC,0BAAAA,CAA2B;AACzBD,wBAAAA,kBAAAA;AACAE,wBAAAA,SAAAA,EAAWC,uBAAAA,CAAwB;4BACjCC,CAAAA,EAAG,MAAA;4BACHC,CAAAA,EAAG;AACL,yBAAA,CAAA;wBACAC,MAAAA,CAAAA,CAAO,EAAEC,SAAS,EAAE,EAAA;4BAClB,MAAMC,OAAAA,GAAUvB,QAAAA,CAASwB,aAAa,CAAC,KAAA,CAAA;4BACvCD,OAAAA,CAAQE,KAAK,CAACC,OAAO,GAAG,UAAA;4BACxBH,OAAAA,CAAQE,KAAK,CAACE,eAAe,GAAG,MAAA;4BAChCJ,OAAAA,CAAQE,KAAK,CAACG,MAAM,GAAG,gBAAA;4BACvBL,OAAAA,CAAQE,KAAK,CAACI,YAAY,GAAG,KAAA;4BAC7BN,OAAAA,CAAQE,KAAK,CAACK,SAAS,GAAG,2BAAA;4BAC1B,MAAMC,iBAAAA,GACJ3B,OAAAA,CAAQM,aAAa,CAAC,oBAAA,CAAA;4BACxBa,OAAAA,CAAQS,WAAW,GAAGD,iBAAAA,EAAmBC,WAAAA,IAAe,EAAA;AACxDV,4BAAAA,SAAAA,CAAUW,WAAW,CAACV,OAAAA,CAAAA;4BACtB,OAAO,IAAMD,SAAAA,CAAUY,WAAW,CAACX,OAAAA,CAAAA;AACrC,wBAAA;AACF,qBAAA,CAAA;AACF,gBAAA;AACF,aAAA,CAAA;;AAGA,YAAA,MAAMY,oBAAoBC,qBAAAA,CAAsB;gBAC9ChC,OAAAA,EAASA,OAAAA;gBACTiC,OAAAA,EAAS,CAAC,EAAEC,MAAM,EAAE,GAAKA,MAAAA,CAAOhE,IAAI,CAACJ,UAAU,KAAKA,UAAAA;gBACpDqE,OAAAA,CAAAA,CAAQ,EAAEC,KAAK,EAAE,EAAA;AACf,oBAAA,OAAOC,iBAAAA,CACL;AAAEpC,wBAAAA,QAAAA;AAAUT,wBAAAA,KAAAA;AAAO1B,wBAAAA;qBAAW,EAC9B;AACEkC,wBAAAA,OAAAA;AACAoC,wBAAAA,KAAAA;wBACAE,YAAAA,EAAc;AAAC,4BAAA,KAAA;AAAO,4BAAA;AAAS;AACjC,qBAAA,CAAA;AAEJ,gBAAA,CAAA;AACAC,gBAAAA,MAAAA,CAAAA,CAAO,EAAEL,MAAM,EAAEM,IAAI,EAAE,EAAA;oBACrB,MAAMC,QAAAA,GAAWP,MAAAA,CAAOlC,OAAO,KAAKK,UAAAA;AACpC,oBAAA,IAAIoC,QAAAA,EAAU;oBAEd,MAAMC,WAAAA,GAAcC,kBAAAA,CAAmBH,IAAAA,CAAKtE,IAAI,CAAA;AAChD,oBAAA,MAAM0E,WAAAA,GAAcC,MAAAA,CAAOX,MAAAA,CAAOhE,IAAI,CAACsB,KAAK,CAAA;oBAE5C,MAAMsD,kBAAAA,GAAqBtD,UAAUoD,WAAAA,GAAc,CAAA;oBACnD,MAAMG,iBAAAA,GAAoBvD,UAAUoD,WAAAA,GAAc,CAAA;AAElD,oBAAA,MAAMI,wBACJ,kBAACF,IAAsBJ,WAAAA,KAAgB,QAAA,IACtCK,qBAAqBL,WAAAA,KAAgB,KAAA;AAExC,oBAAA,IAAIM,qBAAAA,EAAuB;;AAG1BhD,oBAAAA,OAAAA,CAAwBqB,KAAK,CAAC4B,UAAU,GACvC,CAAC,gBAAgB,EAAEP,WAAAA,KAAgB,KAAA,GAAQ,GAAA,GAAM,CAAA,CAAE,uDAAuD,CAAC;AAC/G,gBAAA,CAAA;AACAQ,gBAAAA,WAAAA,CAAAA,GAAAA;oBACGlD,OAAAA,CAAwBqB,KAAK,CAAC4B,UAAU,GAAG,EAAA;AAC9C,gBAAA,CAAA;AACAE,gBAAAA,MAAAA,CAAAA,CAAO,EAAEjB,MAAM,EAAEM,IAAI,EAAE,EAAA;oBACpBxC,OAAAA,CAAwBqB,KAAK,CAAC4B,UAAU,GAAG,EAAA;oBAE5C,MAAMG,UAAAA,GAAalB,OAAOhE,IAAI;oBAC9B,MAAMmF,UAAAA,GAAab,KAAKtE,IAAI;oBAC5B,MAAMa,aAAAA,GAAgB9B,QAAAA,CAASkD,SAAS,CACtC,CAACC,IAAMA,CAAAA,CAAEX,UAAU,KAAK4D,UAAAA,CAAWpD,QAAQ,CAAA;AAE7C,oBAAA,IAAIlB,gBAAgB,CAAA,EAAG;AAEvB,oBAAA,MAAMC,sBAAsB2D,kBAAAA,CAAmBU,UAAAA,CAAAA;oBAE/CzE,WAAAA,CAAY;AACVE,wBAAAA,UAAAA,EAAYsE,WAAW5D,KAAK;AAC5BT,wBAAAA,aAAAA;AACAC,wBAAAA;AACF,qBAAA,CAAA;AACF,gBAAA;AACF,aAAA,CAAA;;YAGA,MAAMsE,eAAAA,GAAkBC,QAAQhD,gBAAAA,EAAkBwB,iBAAAA,CAAAA;AAClDjC,YAAAA,gBAAAA,CAAiB0D,IAAI,CAACF,eAAAA,CAAAA;AACxB,QAAA,CAAA,CAAA;;AAGA,QAAA,MAAMG,iBAAiBC,kBAAAA,CAAmB;YACxCC,UAAAA,EAAY,CAAC,EAAEzB,MAAM,EAAE,GAAKA,MAAAA,CAAOhE,IAAI,CAACJ,UAAU,KAAKA,UAAAA;AACvDqF,YAAAA,MAAAA,CAAAA,CAAO,EAAES,QAAQ,EAAE1B,MAAM,EAAE,EAAA;AACzB,gBAAA,MAAM2B,SAASD,QAAAA,CAASE,OAAO,CAACC,WAAW,CAAC,CAAA,CAAE;AAC9C,gBAAA,IAAI,CAACF,MAAAA,EAAQ;gBAEb,MAAMT,UAAAA,GAAalB,OAAOhE,IAAI;gBAC9B,MAAMmF,UAAAA,GAAaQ,OAAO3F,IAAI;gBAE9B,MAAMa,aAAAA,GAAgB9B,QAAAA,CAASkD,SAAS,CACtC,CAACC,IAAMA,CAAAA,CAAEX,UAAU,KAAK4D,UAAAA,CAAWpD,QAAQ,CAAA;AAE7C,gBAAA,IAAIlB,gBAAgB,CAAA,EAAG;AAEvB,gBAAA,MAAMC,sBAAsB2D,kBAAAA,CAAmBU,UAAAA,CAAAA;gBAE/CzE,WAAAA,CAAY;AACVE,oBAAAA,UAAAA,EAAYsE,WAAW5D,KAAK;AAC5BT,oBAAAA,aAAAA;AACAC,oBAAAA;AACF,iBAAA,CAAA;AACF,YAAA;AACF,SAAA,CAAA;;QAGA,OAAO,IAAA;YACLc,gBAAAA,CAAiBC,OAAO,CAAC,CAACiE,OAAAA,GAAYA,OAAAA,EAAAA,CAAAA;AACtCP,YAAAA,cAAAA,EAAAA;AACF,QAAA,CAAA;IACF,CAAA,EAAG;AAACxG,QAAAA,QAAAA;AAAU2B,QAAAA,WAAAA;AAAad,QAAAA;AAAW,KAAA,CAAA;;AAGtC,IAAA,MAAMmG,gBAAgB,CAAC1E,MAAAA,GAAAA;QACrBhC,iBAAAA,CAAkBgC,MAAAA,CAAAA;AACpB,IAAA,CAAA;;AAGA,IAAA,MAAM2E,YAAAA,GAAe,UAAA;QACnB,IAAI,CAAC1G,iBAAAA,EAAmB,OAAOe,KAAAA,CAAM,8BAAA,CAAA;QAErC,MAAM4F,oBAAAA,GAAuBlH,SAASmH,IAAI,CACxC,CAAChE,CAAAA,GAAMA,CAAAA,CAAE5B,IAAI,KAAKhB,iBAAAA,CAAAA;QAEpB,IAAI,CAAC2G,oBAAAA,EAAsB,OAAO5F,KAAAA,CAAM,+BAAA,CAAA;QAExC,IAAI;AACF,YAAA,MAAMX,IAAI,4CAAA,EAA8C;AACtDqC,gBAAAA,QAAAA,EAAU3C,cAAAA,EAAgBmC,UAAAA;AAC1B4E,gBAAAA,aAAAA,EAAeF,qBAAqB1E;AACtC,aAAA,CAAA;;YAGAvC,WAAAA,CACED,QAAAA,CAASqH,MAAM,CAAC,CAAClE,IAAMA,CAAAA,CAAEX,UAAU,KAAKnC,cAAAA,EAAgBmC,UAAAA,CAAAA,CAAAA;YAE1DlC,iBAAAA,CAAkB,IAAA,CAAA;YAClBE,oBAAAA,CAAqB,EAAA,CAAA;AACvB,QAAA,CAAA,CAAE,OAAOiB,KAAAA,EAAO;YACdC,OAAAA,CAAQD,KAAK,CAAC,wBAAA,EAA0BA,KAAAA,CAAAA;AAC1C,QAAA;AACF,IAAA,CAAA;;IAGA,MAAM6F,aAAAA,GAAgB,OAAOC,EAAAA,EAAY/F,SAAAA,GAAAA;QACvC,IAAI;AACF,YAAA,MAAMb,GAAAA,CAAI,CAAC,oCAAoC,EAAE4G,IAAI,EAAE;AACrD/F,gBAAAA,SAAAA,EAAW,CAACA;AACd,aAAA,CAAA;YACAvB,WAAAA,CACED,QAAAA,CAASqC,GAAG,CAAC,CAACc,IACZA,CAAAA,CAAEX,UAAU,KAAK+E,EAAAA,GAAK;AAAE,oBAAA,GAAGpE,CAAC;AAAE3B,oBAAAA,SAAAA,EAAW,CAACA;iBAAU,GAAI2B,CAAAA,CAAAA,CAAAA;AAG9D,QAAA,CAAA,CAAE,OAAO1B,KAAAA,EAAO;YACdC,OAAAA,CAAQD,KAAK,CAAC,gCAAA,EAAkCA,KAAAA,CAAAA;AAClD,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,qBACE+F,IAAA,CAACC,GAAAA,EAAAA;QAAIpD,OAAAA,EAAS,CAAA;;0BACZqD,GAAA,CAACC,UAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,MAAA;AAAO,gBAAA,QAAA,EAAA;;0BAG3BJ,IAAA,CAACK,IAAAA,EAAAA;gBAAKC,SAAAA,EAAW,CAAA;gBAAGC,GAAAA,EAAK,CAAA;;kCACvBL,GAAA,CAACM,SAAAA,EAAAA;wBACCC,WAAAA,EAAY,mBAAA;wBACZ9G,KAAAA,EAAOhB,SAAAA;AACP+H,wBAAAA,QAAAA,EAAU,CAACC,CAAAA,GAAM/H,YAAAA,CAAa+H,CAAAA,CAAEvB,MAAM,CAACzF,KAAK;;kCAE9CuG,GAAA,CAACU,MAAAA,EAAAA;wBAAOC,OAAAA,EAAShH,SAAAA;AAAWiH,wBAAAA,SAAAA,gBAAWZ,GAAA,CAACa,IAAAA,EAAAA,EAAAA,CAAAA;AAAS,wBAAA,QAAA,EAAA;;;;0BAMnDb,GAAA,CAACD,GAAAA,EAAAA;gBAA0BK,SAAAA,EAAW,CAAA;AACnC9H,gBAAAA,QAAAA,EAAAA,QAAAA,CAASqC,GAAG,CAAC,CAACC,MAAAA,iBACbkF,IAAA,CAACK,IAAAA,EAAAA;AAECW,wBAAAA,gBAAAA,EAAgBlG,OAAOE,UAAU;wBACjCiG,UAAAA,EAAW,QAAA;wBACXV,GAAAA,EAAK,CAAA;wBACLW,YAAAA,EAAc,CAAA;wBACdC,aAAAA,EAAe,CAAA;wBACfvE,KAAAA,EAAO;4BACLwE,YAAAA,EAAc,CAAC,cAAc,CAAC;4BAC9BC,QAAAA,EAAU,GAAA;4BACVC,UAAAA,EAAY,MAAA;4BACZC,WAAAA,EAAa;AACf,yBAAA;;0CAEArB,GAAA,CAACD,GAAAA,EAAAA;gCAECuB,kBAAgB,EAAA,IAAA;gCAChB5E,KAAAA,EAAO;oCACL6E,MAAAA,EAAQ,MAAA;oCACR5E,OAAAA,EAAS,KAAA;oCACT6E,OAAAA,EAAS,MAAA;oCACTT,UAAAA,EAAY;AACd,iCAAA;AAEA,gCAAA,QAAA,gBAAAf,GAAA,CAACyB,IAAAA,EAAAA,EAAAA;AATI,6BAAA,EAAA,CAAC,WAAW,EAAE7G,MAAAA,CAAOE,UAAU,CAAA,CAAE,CAAA;0CAWxCkF,GAAA,CAACC,UAAAA,EAAAA;gCACCC,OAAAA,EAAQ,OAAA;gCACRxD,KAAAA,EAAO;oCAAE8E,OAAAA,EAAS,cAAA;oCAAgBE,WAAAA,EAAa;AAAO,iCAAA;gCACtDC,kBAAgB,EAAA,IAAA;AAEf/G,gCAAAA,QAAAA,EAAAA,MAAAA,CAAOf;;0CAEVmG,GAAA,CAACU,MAAAA,EAAAA;gCACCR,OAAAA,EAAStF,MAAAA,CAAOd,SAAS,GAAG,eAAA,GAAkB,WAAA;AAC9C6G,gCAAAA,OAAAA,EAAS,IAAMf,aAAAA,CAAchF,MAAAA,CAAOE,UAAU,EAAEF,OAAOd,SAAS,CAAA;0CAE/Dc,MAAAA,CAAOd,SAAS,GAAG,WAAA,GAAc;;AAEpC,0CAAAgG,IAAA,CAAC8B,OAAOC,IAAI,EAAA;AAACC,gCAAAA,YAAAA,EAAc,IAAMxC,aAAAA,CAAc1E,MAAAA,CAAAA;;AAC7C,kDAAAoF,GAAA,CAAC4B,OAAOG,OAAO,EAAA;AACb,wCAAA,QAAA,gBAAA/B,GAAA,CAACU,MAAAA,EAAAA;4CAAOR,OAAAA,EAAQ,UAAA;AAAWU,4CAAAA,SAAAA,gBAAWZ,GAAA,CAACgC,KAAAA,EAAAA,EAAAA,CAAAA;AAAU,4CAAA,QAAA,EAAA;;;AAInD,kDAAAlC,IAAA,CAAC8B,OAAOK,OAAO,EAAA;;AACb,0DAAAjC,GAAA,CAAC4B,OAAOM,MAAM,EAAA;AAAC,gDAAA,QAAA,EAAA;;AACd5J,4CAAAA,QAAAA,CAAS6J,MAAM,GAAG,CAAA,IAAKxJ,cAAAA,kBACtBmH,IAAA,CAAC8B,OAAOQ,IAAI,EAAA;;kEACVpC,GAAA,CAACC,UAAAA,EAAAA;AAAW,wDAAA,QAAA,EAAA;;kEAGZD,GAAA,CAACqC,YAAAA,EAAAA;wDACC7B,QAAAA,EAAU,CAAC/G,QACTX,oBAAAA,CAAqBW,KAAAA,CAAAA;wDAEvB8G,WAAAA,EAAY,oBAAA;AAEXjI,wDAAAA,QAAAA,EAAAA,QAAAA,CACEqH,MAAM,CACL,CAAClE,CAAAA,GAAMA,EAAEX,UAAU,KAAKnC,cAAAA,CAAemC,UAAU,CAAA,CAElDH,GAAG,CAAC,CAACc,kBACJuE,GAAA,CAACsC,kBAAAA,EAAAA;AAEC7I,gEAAAA,KAAAA,EAAOgC,EAAE5B,IAAI;AAEZ4B,gEAAAA,QAAAA,EAAAA,CAAAA,CAAE5B;AAHE,6DAAA,EAAA,CAAC,aAAa,EAAE4B,CAAAA,CAAEX,UAAU,CAAA,CAAE,CAAA;;AAO1CjC,oDAAAA,iBAAAA,kBACCiH,IAAA,CAACG,UAAAA,EAAAA;;AAAW,4DAAA,YAAA;AACCtH,4DAAAA,cAAAA,CAAekB,IAAI;AAAC,4DAAA,QAAA;AAAOhB,4DAAAA;;;;;AAK9C,0DAAAiH,IAAA,CAAC8B,OAAOW,MAAM,EAAA;;AACZ,kEAAAvC,GAAA,CAAC4B,OAAOY,MAAM,EAAA;AACZ,wDAAA,QAAA,gBAAAxC,GAAA,CAACU,MAAAA,EAAAA;4DAAO+B,SAAS,EAAA,IAAA;4DAACvC,OAAAA,EAAQ,UAAA;AAAW,4DAAA,QAAA,EAAA;;;AAIvC,kEAAAF,GAAA,CAAC4B,OAAOc,MAAM,EAAA;AACZ,wDAAA,QAAA,gBAAA1C,GAAA,CAACU,MAAAA,EAAAA;4DACC+B,SAAS,EAAA,IAAA;4DACTvC,OAAAA,EAAQ,cAAA;4DACRS,OAAAA,EAASpB,YAAAA;AACV,4DAAA,QAAA,EAAA;;;;;;;;;;AAxFJ,qBAAA,EAAA,CAAC,OAAO,EAAE3E,MAAAA,CAAOE,UAAU,CAAA,CAAE,CAAA;AAH9BxC,aAAAA,EAAAA,QAAAA,CAAS6J,MAAM;;;AAuG/B;;;;"}
|