@webiny/app-workflows 6.3.0-beta.4 → 6.4.0-beta.0

package/Components/WorkflowsEditor/Editor/Error/WorkflowError.js

@@ -1,41 +1,34 @@
-import React from "react";
+import react from "react";
 import { Alert, Dialog, Grid } from "@webiny/admin-ui";
 import { useToggler } from "@webiny/app-admin";
 import { FormattedError } from "./FormattedError.js";
-export const WorkflowError = props => {
-  const {
-    error
-  } = props;
-  const {
-    toggleOn,
-    on,
-    toggleOff
-  } = useToggler();
-  if (!error) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Alert, {
-    type: "danger",
-    title: "An error occurred. Please check console for more info.",
-    actions: /*#__PURE__*/React.createElement(Alert.Action, {
-      text: "More",
-      onClick: toggleOn
-    })
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, error.message))), /*#__PURE__*/React.createElement(Dialog, {
-    open: on,
-    title: "An error occurred while saving the workflow.",
-    onClose: toggleOff,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      text: "Close",
-      onClick: toggleOff
-    })),
-    showCloseButton: true,
-    dismissible: true
-  }, /*#__PURE__*/React.createElement(FormattedError, {
-    error: error
-  })));
+const WorkflowError = (props)=>{
+    const { error } = props;
+    const { toggleOn, on, toggleOff } = useToggler();
+    if (!error) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Alert, {
+        type: "danger",
+        title: "An error occurred. Please check console for more info.",
+        actions: /*#__PURE__*/ react.createElement(Alert.Action, {
+            text: "More",
+            onClick: toggleOn
+        })
+    }, /*#__PURE__*/ react.createElement(react.Fragment, null, error.message))), /*#__PURE__*/ react.createElement(Dialog, {
+        open: on,
+        title: "An error occurred while saving the workflow.",
+        onClose: toggleOff,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: "Close",
+            onClick: toggleOff
+        })),
+        showCloseButton: true,
+        dismissible: true
+    }, /*#__PURE__*/ react.createElement(FormattedError, {
+        error: error
+    })));
 };
+export { WorkflowError };
 
 //# sourceMappingURL=WorkflowError.js.map

package/Components/WorkflowsEditor/Editor/Error/WorkflowError.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Alert","Dialog","Grid","useToggler","FormattedError","WorkflowError","props","error","toggleOn","on","toggleOff","createElement","Fragment","Column","span","type","title","actions","Action","text","onClick","message","open","onClose","ConfirmAction","showCloseButton","dismissible"],"sources":["WorkflowError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IWorkflowError } from \"~/Gateways/index.js\";\nimport { Alert, Dialog, Grid } from \"@webiny/admin-ui\";\nimport { useToggler } from \"@webiny/app-admin\";\nimport { FormattedError } from \"./FormattedError.js\";\n\ninterface IWorkflowErrorProps {\n    error: IWorkflowError | null;\n}\n\nexport const WorkflowError = (props: IWorkflowErrorProps) => {\n    const { error } = props;\n\n    const { toggleOn, on, toggleOff } = useToggler();\n\n    if (!error) {\n        return null;\n    }\n    return (\n        <>\n            <Grid.Column span={12}>\n                <Alert\n                    type={\"danger\"}\n                    title={\"An error occurred. Please check console for more info.\"}\n                    actions={<Alert.Action text=\"More\" onClick={toggleOn} />}\n                >\n                    <>{error.message}</>\n                </Alert>\n            </Grid.Column>\n            <Dialog\n                open={on}\n                title=\"An error occurred while saving the workflow.\"\n                onClose={toggleOff}\n                actions={\n                    <>\n                        <Dialog.ConfirmAction text=\"Close\" onClick={toggleOff} />\n                    </>\n                }\n                showCloseButton={true}\n                dismissible={true}\n            >\n                <FormattedError error={error} />\n            </Dialog>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AACtD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc;AAMvB,OAAO,MAAMC,aAAa,GAAIC,KAA0B,IAAK;EACzD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAM;IAAEE,QAAQ;IAAEC,EAAE;IAAEC;EAAU,CAAC,GAAGP,UAAU,CAAC,CAAC;EAEhD,IAAI,CAACI,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBACIR,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,qBACIb,KAAA,CAAAY,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACX,KAAK;IACFe,IAAI,EAAE,QAAS;IACfC,KAAK,EAAE,wDAAyD;IAChEC,OAAO,eAAElB,KAAA,CAAAY,aAAA,CAACX,KAAK,CAACkB,MAAM;MAACC,IAAI,EAAC,MAAM;MAACC,OAAO,EAAEZ;IAAS,CAAE;EAAE,gBAEzDT,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QAAGL,KAAK,CAACc,OAAU,CAChB,CACE,CAAC,eACdtB,KAAA,CAAAY,aAAA,CAACV,MAAM;IACHqB,IAAI,EAAEb,EAAG;IACTO,KAAK,EAAC,8CAA8C;IACpDO,OAAO,EAAEb,SAAU;IACnBO,OAAO,eACHlB,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,qBACIb,KAAA,CAAAY,aAAA,CAACV,MAAM,CAACuB,aAAa;MAACL,IAAI,EAAC,OAAO;MAACC,OAAO,EAAEV;IAAU,CAAE,CAC1D,CACL;IACDe,eAAe,EAAE,IAAK;IACtBC,WAAW,EAAE;EAAK,gBAElB3B,KAAA,CAAAY,aAAA,CAACP,cAAc;IAACG,KAAK,EAAEA;EAAM,CAAE,CAC3B,CACV,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Error/WorkflowError.js","sources":["../../../../../src/Components/WorkflowsEditor/Editor/Error/WorkflowError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IWorkflowError } from \"~/Gateways/index.js\";\nimport { Alert, Dialog, Grid } from \"@webiny/admin-ui\";\nimport { useToggler } from \"@webiny/app-admin\";\nimport { FormattedError } from \"./FormattedError.js\";\n\ninterface IWorkflowErrorProps {\n    error: IWorkflowError | null;\n}\n\nexport const WorkflowError = (props: IWorkflowErrorProps) => {\n    const { error } = props;\n\n    const { toggleOn, on, toggleOff } = useToggler();\n\n    if (!error) {\n        return null;\n    }\n    return (\n        <>\n            <Grid.Column span={12}>\n                <Alert\n                    type={\"danger\"}\n                    title={\"An error occurred. Please check console for more info.\"}\n                    actions={<Alert.Action text=\"More\" onClick={toggleOn} />}\n                >\n                    <>{error.message}</>\n                </Alert>\n            </Grid.Column>\n            <Dialog\n                open={on}\n                title=\"An error occurred while saving the workflow.\"\n                onClose={toggleOff}\n                actions={\n                    <>\n                        <Dialog.ConfirmAction text=\"Close\" onClick={toggleOff} />\n                    </>\n                }\n                showCloseButton={true}\n                dismissible={true}\n            >\n                <FormattedError error={error} />\n            </Dialog>\n        </>\n    );\n};\n"],"names":["WorkflowError","props","error","toggleOn","on","toggleOff","useToggler","Grid","Alert","Dialog","FormattedError"],"mappings":";;;;AAUO,MAAMA,gBAAgB,CAACC;IAC1B,MAAM,EAAEC,KAAK,EAAE,GAAGD;IAElB,MAAM,EAAEE,QAAQ,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGC;IAEpC,IAAI,CAACJ,OACD,OAAO;IAEX,OAAO,WAAP,GACI,wDACI,oBAACK,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,OAAKA;QACF,MAAM;QACN,OAAO;QACP,uBAAS,oBAACA,MAAM,MAAM;YAAC,MAAK;YAAO,SAASL;;qBAE5C,0CAAGD,MAAM,OAAO,mBAGxB,oBAACO,QAAMA;QACH,MAAML;QACN,OAAM;QACN,SAASC;QACT,uBACI,wDACI,oBAACI,OAAO,aAAa;YAAC,MAAK;YAAQ,SAASJ;;QAGpD,iBAAiB;QACjB,aAAa;qBAEb,oBAACK,gBAAcA;QAAC,OAAOR;;AAIvC"}

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormColor.js

@@ -1,22 +1,16 @@
-import React from "react";
+import react from "react";
 import { Bind } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { ColorPicker } from "@webiny/admin-ui";
-export const StepFormColor = () => {
-  return /*#__PURE__*/React.createElement(Bind, {
-    name: "color",
-    validators: validation.create("required")
-  }, ({
-    onChange,
-    value
-  }) => {
-    return /*#__PURE__*/React.createElement(ColorPicker, {
-      label: "Color",
-      required: true,
-      value: value,
-      onChangeComplete: onChange
-    });
-  });
-};
+const StepFormColor = ()=>/*#__PURE__*/ react.createElement(Bind, {
+        name: "color",
+        validators: validation.create("required")
+    }, ({ onChange, value })=>/*#__PURE__*/ react.createElement(ColorPicker, {
+            label: "Color",
+            required: true,
+            value: value,
+            onChangeComplete: onChange
+        }));
+export { StepFormColor };
 
 //# sourceMappingURL=StepFormColor.js.map

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormColor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Bind","validation","ColorPicker","StepFormColor","createElement","name","validators","create","onChange","value","label","required","onChangeComplete"],"sources":["StepFormColor.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ColorPicker } from \"@webiny/admin-ui\";\n\nexport const StepFormColor = () => {\n    return (\n        <Bind name={\"color\"} validators={validation.create(\"required\")}>\n            {({ onChange, value }) => {\n                return (\n                    <ColorPicker\n                        label=\"Color\"\n                        required={true}\n                        value={value}\n                        onChangeComplete={onChange}\n                    />\n                );\n            }}\n        </Bind>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,WAAW,QAAQ,kBAAkB;AAE9C,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAE,OAAQ;IAACC,UAAU,EAAEL,UAAU,CAACM,MAAM,CAAC,UAAU;EAAE,GAC1D,CAAC;IAAEC,QAAQ;IAAEC;EAAM,CAAC,KAAK;IACtB,oBACIV,KAAA,CAAAK,aAAA,CAACF,WAAW;MACRQ,KAAK,EAAC,OAAO;MACbC,QAAQ,EAAE,IAAK;MACfF,KAAK,EAAEA,KAAM;MACbG,gBAAgB,EAAEJ;IAAS,CAC9B,CAAC;EAEV,CACE,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Step/Form/StepFormColor.js","sources":["../../../../../../src/Components/WorkflowsEditor/Editor/Step/Form/StepFormColor.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ColorPicker } from \"@webiny/admin-ui\";\n\nexport const StepFormColor = () => {\n    return (\n        <Bind name={\"color\"} validators={validation.create(\"required\")}>\n            {({ onChange, value }) => {\n                return (\n                    <ColorPicker\n                        label=\"Color\"\n                        required={true}\n                        value={value}\n                        onChangeComplete={onChange}\n                    />\n                );\n            }}\n        </Bind>\n    );\n};\n"],"names":["StepFormColor","Bind","validation","onChange","value","ColorPicker"],"mappings":";;;;AAKO,MAAMA,gBAAgB,IAClB,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;QAAS,YAAYC,WAAW,MAAM,CAAC;OAC9C,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GACV,WAAP,GACI,oBAACC,aAAWA;YACR,OAAM;YACN,UAAU;YACV,OAAOD;YACP,kBAAkBD"}

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormDescription.js

@@ -1,13 +1,12 @@
-import React from "react";
+import react from "react";
 import { Bind } from "@webiny/form";
 import { Input } from "@webiny/admin-ui";
-export const StepFormDescription = () => {
-  return /*#__PURE__*/React.createElement(Bind, {
-    name: "description"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Give your workflow a description (Optional)",
-    size: "lg"
-  }));
-};
+const StepFormDescription = ()=>/*#__PURE__*/ react.createElement(Bind, {
+        name: "description"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Give your workflow a description (Optional)",
+        size: "lg"
+    }));
+export { StepFormDescription };
 
 //# sourceMappingURL=StepFormDescription.js.map

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Bind","Input","StepFormDescription","createElement","name","label","size"],"sources":["StepFormDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { Input } from \"@webiny/admin-ui\";\n\nexport const StepFormDescription = () => {\n    return (\n        <Bind name={\"description\"}>\n            <Input label={\"Give your workflow a description (Optional)\"} size={\"lg\"} />\n        </Bind>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIH,KAAA,CAAAI,aAAA,CAACH,IAAI;IAACI,IAAI,EAAE;EAAc,gBACtBL,KAAA,CAAAI,aAAA,CAACF,KAAK;IAACI,KAAK,EAAE,6CAA8C;IAACC,IAAI,EAAE;EAAK,CAAE,CACxE,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Step/Form/StepFormDescription.js","sources":["../../../../../../src/Components/WorkflowsEditor/Editor/Step/Form/StepFormDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { Input } from \"@webiny/admin-ui\";\n\nexport const StepFormDescription = () => {\n    return (\n        <Bind name={\"description\"}>\n            <Input label={\"Give your workflow a description (Optional)\"} size={\"lg\"} />\n        </Bind>\n    );\n};\n"],"names":["StepFormDescription","Bind","Input"],"mappings":";;;AAIO,MAAMA,sBAAsB,IACxB,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;qBACR,oBAACC,OAAKA;QAAC,OAAO;QAA+C,MAAM"}

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormNotifications.js

@@ -1,44 +1,34 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { Bind } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { CheckboxGroup } from "@webiny/admin-ui";
-const convertInputValue = value => {
-  if (!value?.length) {
-    return [];
-  }
-  return value.map(v => v.id);
+const convertInputValue = (value)=>{
+    if (!value?.length) return [];
+    return value.map((v)=>v.id);
 };
-export const StepFormNotifications = props => {
-  const {
-    items: initialItems
-  } = props;
-  const items = useMemo(() => {
-    return initialItems.map(item => {
-      return {
-        id: item.id,
-        value: item.id,
-        label: item.title
-      };
-    });
-  }, [initialItems]);
-  return /*#__PURE__*/React.createElement(Bind, {
-    name: "notifications",
-    validators: validation.create("required")
-  }, ({
-    value,
-    onChange
-  }) => {
-    return /*#__PURE__*/React.createElement(CheckboxGroup, {
-      label: "Notifications",
-      items: items,
-      value: convertInputValue(value),
-      onChange: input => {
-        onChange(input.map(id => ({
-          id
-        })));
-      }
-    });
-  });
+const StepFormNotifications = (props)=>{
+    const { items: initialItems } = props;
+    const items = useMemo(()=>initialItems.map((item)=>({
+                id: item.id,
+                value: item.id,
+                label: item.title
+            })), [
+        initialItems
+    ]);
+    return /*#__PURE__*/ react.createElement(Bind, {
+        name: "notifications",
+        validators: validation.create("required")
+    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(CheckboxGroup, {
+            label: "Notifications",
+            items: items,
+            value: convertInputValue(value),
+            onChange: (input)=>{
+                onChange(input.map((id)=>({
+                        id
+                    })));
+            }
+        }));
 };
+export { StepFormNotifications };
 
 //# sourceMappingURL=StepFormNotifications.js.map

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormNotifications.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Bind","validation","CheckboxGroup","convertInputValue","value","length","map","v","id","StepFormNotifications","props","items","initialItems","item","label","title","createElement","name","validators","create","onChange","input"],"sources":["StepFormNotifications.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport type { IWorkflowNotificationType, IWorkflowStepNotification } from \"~/types.js\";\n\nconst convertInputValue = (value?: IWorkflowStepNotification[]): string[] => {\n    if (!value?.length) {\n        return [];\n    }\n    return value.map(v => v.id);\n};\n\ninterface IStepFormNotificationsProps {\n    items: IWorkflowNotificationType[];\n}\n\nexport const StepFormNotifications = (props: IStepFormNotificationsProps) => {\n    const { items: initialItems } = props;\n\n    const items = useMemo(() => {\n        return initialItems.map(item => {\n            return {\n                id: item.id,\n                value: item.id,\n                label: item.title\n            };\n        });\n    }, [initialItems]);\n    return (\n        <Bind name={\"notifications\"} validators={validation.create(\"required\")}>\n            {({ value, onChange }) => {\n                return (\n                    <CheckboxGroup\n                        label={\"Notifications\"}\n                        items={items}\n                        value={convertInputValue(value)}\n                        onChange={(input: string[]) => {\n                            onChange(input.map(id => ({ id })));\n                        }}\n                    />\n                );\n            }}\n        </Bind>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,aAAa,QAAQ,kBAAkB;AAGhD,MAAMC,iBAAiB,GAAIC,KAAmC,IAAe;EACzE,IAAI,CAACA,KAAK,EAAEC,MAAM,EAAE;IAChB,OAAO,EAAE;EACb;EACA,OAAOD,KAAK,CAACE,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,EAAE,CAAC;AAC/B,CAAC;AAMD,OAAO,MAAMC,qBAAqB,GAAIC,KAAkC,IAAK;EACzE,MAAM;IAAEC,KAAK,EAAEC;EAAa,CAAC,GAAGF,KAAK;EAErC,MAAMC,KAAK,GAAGZ,OAAO,CAAC,MAAM;IACxB,OAAOa,YAAY,CAACN,GAAG,CAACO,IAAI,IAAI;MAC5B,OAAO;QACHL,EAAE,EAAEK,IAAI,CAACL,EAAE;QACXJ,KAAK,EAAES,IAAI,CAACL,EAAE;QACdM,KAAK,EAAED,IAAI,CAACE;MAChB,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,YAAY,CAAC,CAAC;EAClB,oBACId,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,IAAI,EAAE,eAAgB;IAACC,UAAU,EAAEjB,UAAU,CAACkB,MAAM,CAAC,UAAU;EAAE,GAClE,CAAC;IAAEf,KAAK;IAAEgB;EAAS,CAAC,KAAK;IACtB,oBACItB,KAAA,CAAAkB,aAAA,CAACd,aAAa;MACVY,KAAK,EAAE,eAAgB;MACvBH,KAAK,EAAEA,KAAM;MACbP,KAAK,EAAED,iBAAiB,CAACC,KAAK,CAAE;MAChCgB,QAAQ,EAAGC,KAAe,IAAK;QAC3BD,QAAQ,CAACC,KAAK,CAACf,GAAG,CAACE,EAAE,KAAK;UAAEA;QAAG,CAAC,CAAC,CAAC,CAAC;MACvC;IAAE,CACL,CAAC;EAEV,CACE,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Step/Form/StepFormNotifications.js","sources":["../../../../../../src/Components/WorkflowsEditor/Editor/Step/Form/StepFormNotifications.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport type { IWorkflowNotificationType, IWorkflowStepNotification } from \"~/types.js\";\n\nconst convertInputValue = (value?: IWorkflowStepNotification[]): string[] => {\n    if (!value?.length) {\n        return [];\n    }\n    return value.map(v => v.id);\n};\n\ninterface IStepFormNotificationsProps {\n    items: IWorkflowNotificationType[];\n}\n\nexport const StepFormNotifications = (props: IStepFormNotificationsProps) => {\n    const { items: initialItems } = props;\n\n    const items = useMemo(() => {\n        return initialItems.map(item => {\n            return {\n                id: item.id,\n                value: item.id,\n                label: item.title\n            };\n        });\n    }, [initialItems]);\n    return (\n        <Bind name={\"notifications\"} validators={validation.create(\"required\")}>\n            {({ value, onChange }) => {\n                return (\n                    <CheckboxGroup\n                        label={\"Notifications\"}\n                        items={items}\n                        value={convertInputValue(value)}\n                        onChange={(input: string[]) => {\n                            onChange(input.map(id => ({ id })));\n                        }}\n                    />\n                );\n            }}\n        </Bind>\n    );\n};\n"],"names":["convertInputValue","value","v","StepFormNotifications","props","initialItems","items","useMemo","item","Bind","validation","onChange","CheckboxGroup","input","id"],"mappings":";;;;AAMA,MAAMA,oBAAoB,CAACC;IACvB,IAAI,CAACA,OAAO,QACR,OAAO,EAAE;IAEb,OAAOA,MAAM,GAAG,CAACC,CAAAA,IAAKA,EAAE,EAAE;AAC9B;AAMO,MAAMC,wBAAwB,CAACC;IAClC,MAAM,EAAE,OAAOC,YAAY,EAAE,GAAGD;IAEhC,MAAME,QAAQC,QAAQ,IACXF,aAAa,GAAG,CAACG,CAAAA,OACb;gBACH,IAAIA,KAAK,EAAE;gBACX,OAAOA,KAAK,EAAE;gBACd,OAAOA,KAAK,KAAK;YACrB,KAEL;QAACH;KAAa;IACjB,OAAO,WAAP,GACI,oBAACI,MAAIA;QAAC,MAAM;QAAiB,YAAYC,WAAW,MAAM,CAAC;OACtD,CAAC,EAAET,KAAK,EAAEU,QAAQ,EAAE,GACV,WAAP,GACI,oBAACC,eAAaA;YACV,OAAO;YACP,OAAON;YACP,OAAON,kBAAkBC;YACzB,UAAU,CAACY;gBACPF,SAASE,MAAM,GAAG,CAACC,CAAAA,KAAO;wBAAEA;oBAAG;YACnC;;AAMxB"}

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormTeams.js

@@ -1,39 +1,29 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { Bind } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { TeamsMultiAutocomplete } from "@webiny/app-admin";
-const mapInput = input => {
-  if (!input?.length) {
-    return [];
-  }
-  return input.filter(item => {
-    return !!item.id;
-  }).map(item => {
-    return {
-      id: item.id
-    };
-  });
+const mapInput = (input)=>{
+    if (!input?.length) return [];
+    return input.filter((item)=>!!item.id).map((item)=>({
+            id: item.id
+        }));
 };
-const Autocomplete = ({
-  bind
-}) => {
-  const onChange = useCallback(input => {
-    return bind.onChange(mapInput(input));
-  }, [bind.onChange]);
-  return /*#__PURE__*/React.createElement(TeamsMultiAutocomplete, Object.assign({}, bind, {
-    label: "Select which teams need to review and approve this workflow",
-    onChange: onChange
-  }));
-};
-export const StepFormTeams = () => {
-  return /*#__PURE__*/React.createElement(Bind, {
-    name: "teams",
-    validators: validation.create("required,minLength:1")
-  }, bind => {
-    return /*#__PURE__*/React.createElement(Autocomplete, {
-      bind: bind
+const Autocomplete = ({ bind })=>{
+    const onChange = useCallback((input)=>bind.onChange(mapInput(input)), [
+        bind.onChange
+    ]);
+    return /*#__PURE__*/ react.createElement(TeamsMultiAutocomplete, {
+        ...bind,
+        label: "Select which teams need to review and approve this workflow",
+        onChange: onChange
     });
-  });
 };
+const StepFormTeams = ()=>/*#__PURE__*/ react.createElement(Bind, {
+        name: "teams",
+        validators: validation.create("required,minLength:1")
+    }, (bind)=>/*#__PURE__*/ react.createElement(Autocomplete, {
+            bind: bind
+        }));
+export { StepFormTeams };
 
 //# sourceMappingURL=StepFormTeams.js.map

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormTeams.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Bind","validation","TeamsMultiAutocomplete","mapInput","input","length","filter","item","id","map","Autocomplete","bind","onChange","createElement","Object","assign","label","StepFormTeams","name","validators","create"],"sources":["StepFormTeams.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { TeamsMultiAutocomplete } from \"@webiny/app-admin\";\n\ninterface IInput {\n    id?: string;\n}\n\nconst mapInput = (input?: IInput[]): Required<IInput>[] => {\n    if (!input?.length) {\n        return [];\n    }\n    return input\n        .filter((item): item is Required<IInput> => {\n            return !!item.id;\n        })\n        .map(item => {\n            return {\n                id: item.id\n            };\n        });\n};\n\ninterface IAutocompleteProps {\n    bind: BindComponentRenderProp;\n}\nconst Autocomplete = ({ bind }: IAutocompleteProps) => {\n    const onChange = useCallback(\n        (input?: IInput[]) => {\n            return bind.onChange(mapInput(input));\n        },\n        [bind.onChange]\n    );\n\n    return (\n        <TeamsMultiAutocomplete\n            {...bind}\n            label={\"Select which teams need to review and approve this workflow\"}\n            onChange={onChange}\n        />\n    );\n};\n\nexport const StepFormTeams = () => {\n    return (\n        <Bind name={\"teams\"} validators={validation.create(\"required,minLength:1\")}>\n            {bind => {\n                return <Autocomplete bind={bind} />;\n            }}\n        </Bind>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,sBAAsB,QAAQ,mBAAmB;AAM1D,MAAMC,QAAQ,GAAIC,KAAgB,IAAyB;EACvD,IAAI,CAACA,KAAK,EAAEC,MAAM,EAAE;IAChB,OAAO,EAAE;EACb;EACA,OAAOD,KAAK,CACPE,MAAM,CAAEC,IAAI,IAA+B;IACxC,OAAO,CAAC,CAACA,IAAI,CAACC,EAAE;EACpB,CAAC,CAAC,CACDC,GAAG,CAACF,IAAI,IAAI;IACT,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC;IACb,CAAC;EACL,CAAC,CAAC;AACV,CAAC;AAKD,MAAME,YAAY,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACnD,MAAMC,QAAQ,GAAGb,WAAW,CACvBK,KAAgB,IAAK;IAClB,OAAOO,IAAI,CAACC,QAAQ,CAACT,QAAQ,CAACC,KAAK,CAAC,CAAC;EACzC,CAAC,EACD,CAACO,IAAI,CAACC,QAAQ,CAClB,CAAC;EAED,oBACId,KAAA,CAAAe,aAAA,CAACX,sBAAsB,EAAAY,MAAA,CAAAC,MAAA,KACfJ,IAAI;IACRK,KAAK,EAAE,6DAA8D;IACrEJ,QAAQ,EAAEA;EAAS,EACtB,CAAC;AAEV,CAAC;AAED,OAAO,MAAMK,aAAa,GAAGA,CAAA,KAAM;EAC/B,oBACInB,KAAA,CAAAe,aAAA,CAACb,IAAI;IAACkB,IAAI,EAAE,OAAQ;IAACC,UAAU,EAAElB,UAAU,CAACmB,MAAM,CAAC,sBAAsB;EAAE,GACtET,IAAI,IAAI;IACL,oBAAOb,KAAA,CAAAe,aAAA,CAACH,YAAY;MAACC,IAAI,EAAEA;IAAK,CAAE,CAAC;EACvC,CACE,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Step/Form/StepFormTeams.js","sources":["../../../../../../src/Components/WorkflowsEditor/Editor/Step/Form/StepFormTeams.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { TeamsMultiAutocomplete } from \"@webiny/app-admin\";\n\ninterface IInput {\n    id?: string;\n}\n\nconst mapInput = (input?: IInput[]): Required<IInput>[] => {\n    if (!input?.length) {\n        return [];\n    }\n    return input\n        .filter((item): item is Required<IInput> => {\n            return !!item.id;\n        })\n        .map(item => {\n            return {\n                id: item.id\n            };\n        });\n};\n\ninterface IAutocompleteProps {\n    bind: BindComponentRenderProp;\n}\nconst Autocomplete = ({ bind }: IAutocompleteProps) => {\n    const onChange = useCallback(\n        (input?: IInput[]) => {\n            return bind.onChange(mapInput(input));\n        },\n        [bind.onChange]\n    );\n\n    return (\n        <TeamsMultiAutocomplete\n            {...bind}\n            label={\"Select which teams need to review and approve this workflow\"}\n            onChange={onChange}\n        />\n    );\n};\n\nexport const StepFormTeams = () => {\n    return (\n        <Bind name={\"teams\"} validators={validation.create(\"required,minLength:1\")}>\n            {bind => {\n                return <Autocomplete bind={bind} />;\n            }}\n        </Bind>\n    );\n};\n"],"names":["mapInput","input","item","Autocomplete","bind","onChange","useCallback","TeamsMultiAutocomplete","StepFormTeams","Bind","validation"],"mappings":";;;;AAUA,MAAMA,WAAW,CAACC;IACd,IAAI,CAACA,OAAO,QACR,OAAO,EAAE;IAEb,OAAOA,MACF,MAAM,CAAC,CAACC,OACE,CAAC,CAACA,KAAK,EAAE,EAEnB,GAAG,CAACA,CAAAA,OACM;YACH,IAAIA,KAAK,EAAE;QACf;AAEZ;AAKA,MAAMC,eAAe,CAAC,EAAEC,IAAI,EAAsB;IAC9C,MAAMC,WAAWC,YACb,CAACL,QACUG,KAAK,QAAQ,CAACJ,SAASC,SAElC;QAACG,KAAK,QAAQ;KAAC;IAGnB,OAAO,WAAP,GACI,oBAACG,wBAAsBA;QAClB,GAAGH,IAAI;QACR,OAAO;QACP,UAAUC;;AAGtB;AAEO,MAAMG,gBAAgB,IAClB,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;QAAS,YAAYC,WAAW,MAAM,CAAC;OAC9CN,CAAAA,OACU,WAAP,GAAO,oBAACD,cAAYA;YAAC,MAAMC"}

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormTitle.js

@@ -1,15 +1,14 @@
-import React from "react";
+import react from "react";
 import { Bind } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { Input } from "@webiny/admin-ui";
-export const StepFormTitle = () => {
-  return /*#__PURE__*/React.createElement(Bind, {
-    name: "title",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Title",
-    size: "lg"
-  }));
-};
+const StepFormTitle = ()=>/*#__PURE__*/ react.createElement(Bind, {
+        name: "title",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Title",
+        size: "lg"
+    }));
+export { StepFormTitle };
 
 //# sourceMappingURL=StepFormTitle.js.map

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Bind","validation","Input","StepFormTitle","createElement","name","validators","create","label","size"],"sources":["StepFormTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Input } from \"@webiny/admin-ui\";\n\nexport const StepFormTitle = () => {\n    return (\n        <Bind name={\"title\"} validators={validation.create(\"required\")}>\n            <Input label={\"Title\"} size={\"lg\"} />\n        </Bind>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAE,OAAQ;IAACC,UAAU,EAAEL,UAAU,CAACM,MAAM,CAAC,UAAU;EAAE,gBAC3DR,KAAA,CAAAK,aAAA,CAACF,KAAK;IAACM,KAAK,EAAE,OAAQ;IAACC,IAAI,EAAE;EAAK,CAAE,CAClC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Step/Form/StepFormTitle.js","sources":["../../../../../../src/Components/WorkflowsEditor/Editor/Step/Form/StepFormTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Input } from \"@webiny/admin-ui\";\n\nexport const StepFormTitle = () => {\n    return (\n        <Bind name={\"title\"} validators={validation.create(\"required\")}>\n            <Input label={\"Title\"} size={\"lg\"} />\n        </Bind>\n    );\n};\n"],"names":["StepFormTitle","Bind","validation","Input"],"mappings":";;;;AAKO,MAAMA,gBAAgB,IAClB,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;QAAS,YAAYC,WAAW,MAAM,CAAC;qBAC/C,oBAACC,OAAKA;QAAC,OAAO;QAAS,MAAM"}

package/Components/WorkflowsEditor/Editor/Step/InactiveStep.js

@@ -1,19 +1,18 @@
-import React from "react";
+import react from "react";
 import { Accordion } from "@webiny/admin-ui";
-export const InactiveStep = props => {
-  const {
-    step
-  } = props;
-  return /*#__PURE__*/React.createElement(Accordion, {
-    variant: "container",
-    background: "light"
-  }, /*#__PURE__*/React.createElement(Accordion.Item, {
-    locked: true,
-    key: `step-${step.id}`,
-    title: step.title,
-    subtitle: step.description,
-    colorMark: step.color
-  }, /*#__PURE__*/React.createElement(React.Fragment, null)));
+const InactiveStep = (props)=>{
+    const { step } = props;
+    return /*#__PURE__*/ react.createElement(Accordion, {
+        variant: "container",
+        background: "light"
+    }, /*#__PURE__*/ react.createElement(Accordion.Item, {
+        locked: true,
+        key: `step-${step.id}`,
+        title: step.title,
+        subtitle: step.description,
+        colorMark: step.color
+    }, /*#__PURE__*/ react.createElement(react.Fragment, null)));
 };
+export { InactiveStep };
 
 //# sourceMappingURL=InactiveStep.js.map

package/Components/WorkflowsEditor/Editor/Step/InactiveStep.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Accordion","InactiveStep","props","step","createElement","variant","background","Item","locked","key","id","title","subtitle","description","colorMark","color","Fragment"],"sources":["InactiveStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { IWorkflowStep } from \"~/types.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\n\nexport type IInactiveStep = Required<Omit<IWorkflowStep, \"teams\" | \"notifications\">>;\n\nexport interface IInactiveStepProps {\n    step: IInactiveStep;\n}\n\nexport const InactiveStep = (props: IInactiveStepProps) => {\n    const { step } = props;\n\n    return (\n        <Accordion variant={\"container\"} background={\"light\"}>\n            <Accordion.Item\n                locked={true}\n                key={`step-${step.id}`}\n                title={step.title}\n                subtitle={step.description}\n                colorMark={step.color}\n            >\n                <></>\n            </Accordion.Item>\n        </Accordion>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,kBAAkB;AAQ5C,OAAO,MAAMC,YAAY,GAAIC,KAAyB,IAAK;EACvD,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EAEtB,oBACIH,KAAA,CAAAK,aAAA,CAACJ,SAAS;IAACK,OAAO,EAAE,WAAY;IAACC,UAAU,EAAE;EAAQ,gBACjDP,KAAA,CAAAK,aAAA,CAACJ,SAAS,CAACO,IAAI;IACXC,MAAM,EAAE,IAAK;IACbC,GAAG,EAAE,QAAQN,IAAI,CAACO,EAAE,EAAG;IACvBC,KAAK,EAAER,IAAI,CAACQ,KAAM;IAClBC,QAAQ,EAAET,IAAI,CAACU,WAAY;IAC3BC,SAAS,EAAEX,IAAI,CAACY;EAAM,gBAEtBhB,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAiB,QAAA,MAAI,CACQ,CACT,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Step/InactiveStep.js","sources":["../../../../../src/Components/WorkflowsEditor/Editor/Step/InactiveStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { IWorkflowStep } from \"~/types.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\n\nexport type IInactiveStep = Required<Omit<IWorkflowStep, \"teams\" | \"notifications\">>;\n\nexport interface IInactiveStepProps {\n    step: IInactiveStep;\n}\n\nexport const InactiveStep = (props: IInactiveStepProps) => {\n    const { step } = props;\n\n    return (\n        <Accordion variant={\"container\"} background={\"light\"}>\n            <Accordion.Item\n                locked={true}\n                key={`step-${step.id}`}\n                title={step.title}\n                subtitle={step.description}\n                colorMark={step.color}\n            >\n                <></>\n            </Accordion.Item>\n        </Accordion>\n    );\n};\n"],"names":["InactiveStep","props","step","Accordion"],"mappings":";;AAUO,MAAMA,eAAe,CAACC;IACzB,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,OAAO,WAAP,GACI,oBAACE,WAASA;QAAC,SAAS;QAAa,YAAY;qBACzC,oBAACA,UAAU,IAAI;QACX,QAAQ;QACR,KAAK,CAAC,KAAK,EAAED,KAAK,EAAE,EAAE;QACtB,OAAOA,KAAK,KAAK;QACjB,UAAUA,KAAK,WAAW;QAC1B,WAAWA,KAAK,KAAK;qBAErB;AAIhB"}

package/Components/WorkflowsEditor/Editor/Step/NewStep.js

@@ -1,58 +1,59 @@
-import React, { useCallback, useState } from "react";
-import { ReactComponent as Add } from "@webiny/icons/add.svg";
+import react, { useCallback, useState } from "react";
+import { ReactComponent } from "@webiny/icons/add.svg";
 import { Step } from "./Step.js";
 import { generateAlphaNumericId } from "@webiny/utils/generateId.js";
 import { Button, Grid, Icon } from "@webiny/admin-ui";
-const createWorkflowStep = () => {
-  return {
-    id: generateAlphaNumericId(),
-    title: "",
-    notifications: [],
-    description: "",
-    color: "#E28743",
-    teams: []
-  };
-};
-export const NewStep = props => {
-  const {
-    onAdd,
-    notifications
-  } = props;
-  const [step, setStep] = useState(null);
-  const onClick = useCallback(() => {
-    setStep(createWorkflowStep());
-  }, [setStep]);
-  const onSave = useCallback(step => {
-    onAdd(step);
-    setStep(null);
-  }, [onAdd, setStep]);
-  const onCancel = useCallback(() => {
-    setStep(null);
-  }, [setStep]);
-  if (step) {
-    return /*#__PURE__*/React.createElement(Step, {
-      title: "New Workflow Step",
-      onCancel: onCancel,
-      onSave: onSave,
-      step: step,
-      open: true,
-      notifications: notifications
+const createWorkflowStep = ()=>({
+        id: generateAlphaNumericId(),
+        title: "",
+        notifications: [],
+        description: "",
+        color: "#E28743",
+        teams: []
+    });
+const NewStep = (props)=>{
+    const { onAdd, notifications } = props;
+    const [step, setStep] = useState(null);
+    const onClick = useCallback(()=>{
+        setStep(createWorkflowStep());
+    }, [
+        setStep
+    ]);
+    const onSave = useCallback((step)=>{
+        onAdd(step);
+        setStep(null);
+    }, [
+        onAdd,
+        setStep
+    ]);
+    const onCancel = useCallback(()=>{
+        setStep(null);
+    }, [
+        setStep
+    ]);
+    if (step) return /*#__PURE__*/ react.createElement(Step, {
+        title: "New Workflow Step",
+        onCancel: onCancel,
+        onSave: onSave,
+        step: step,
+        open: true,
+        notifications: notifications
     });
-  }
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "w-full"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12,
-    className: "text-center p-sm-extra border-sm border-dashed border-neutral-muted rounded-lg"
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "ghost",
-    onClick: onClick,
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      label: "Add",
-      size: "sm",
-      icon: /*#__PURE__*/React.createElement(Add, null)
-    })
-  }, "Add new custom step")));
+    return /*#__PURE__*/ react.createElement(Grid, {
+        className: "w-full"
+    }, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12,
+        className: "text-center p-sm-extra border-sm border-dashed border-neutral-muted rounded-lg"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        onClick: onClick,
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            label: "Add",
+            size: "sm",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        })
+    }, "Add new custom step")));
 };
+export { NewStep };
 
 //# sourceMappingURL=NewStep.js.map

package/Components/WorkflowsEditor/Editor/Step/NewStep.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","ReactComponent","Add","Step","generateAlphaNumericId","Button","Grid","Icon","createWorkflowStep","id","title","notifications","description","color","teams","NewStep","props","onAdd","step","setStep","onClick","onSave","onCancel","createElement","open","className","Column","span","variant","icon","label","size"],"sources":["NewStep.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { Step } from \"./Step.js\";\nimport { generateAlphaNumericId } from \"@webiny/utils/generateId.js\";\nimport type { IWorkflowNotificationType, IWorkflowStep, IWorkflowStepTeam } from \"~/types.js\";\nimport { Button, Grid, Icon } from \"@webiny/admin-ui\";\nimport { NonEmptyArray } from \"@webiny/app/types.js\";\n\nexport interface IAddNewStepProps {\n    onAdd: (step: IWorkflowStep) => void;\n    notifications: IWorkflowNotificationType[];\n}\n\nconst createWorkflowStep = (): IWorkflowStep => {\n    return {\n        id: generateAlphaNumericId(),\n        title: \"\",\n        notifications: [],\n        description: \"\",\n        color: \"#E28743\",\n        teams: [] as unknown as NonEmptyArray<IWorkflowStepTeam>\n    };\n};\n\nexport const NewStep = (props: IAddNewStepProps) => {\n    const { onAdd, notifications } = props;\n    const [step, setStep] = useState<IWorkflowStep | null>(null);\n\n    const onClick = useCallback(() => {\n        setStep(createWorkflowStep());\n    }, [setStep]);\n\n    const onSave = useCallback(\n        (step: IWorkflowStep) => {\n            onAdd(step);\n            setStep(null);\n        },\n        [onAdd, setStep]\n    );\n\n    const onCancel = useCallback(() => {\n        setStep(null);\n    }, [setStep]);\n\n    if (step) {\n        return (\n            <Step\n                title={\"New Workflow Step\"}\n                onCancel={onCancel}\n                onSave={onSave}\n                step={step}\n                open={true}\n                notifications={notifications}\n            />\n        );\n    }\n\n    return (\n        <Grid className={\"w-full\"}>\n            <Grid.Column\n                span={12}\n                className={\n                    \"text-center p-sm-extra border-sm border-dashed border-neutral-muted rounded-lg\"\n                }\n            >\n                <Button\n                    variant={\"ghost\"}\n                    onClick={onClick}\n                    icon={<Icon label={\"Add\"} size={\"sm\"} icon={<Add />} />}\n                >\n                    Add new custom step\n                </Button>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,cAAc,IAAIC,GAAG,QAAQ,uBAAuB;AAC7D,SAASC,IAAI;AACb,SAASC,sBAAsB,QAAQ,6BAA6B;AAEpE,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAQrD,MAAMC,kBAAkB,GAAGA,CAAA,KAAqB;EAC5C,OAAO;IACHC,EAAE,EAAEL,sBAAsB,CAAC,CAAC;IAC5BM,KAAK,EAAE,EAAE;IACTC,aAAa,EAAE,EAAE;IACjBC,WAAW,EAAE,EAAE;IACfC,KAAK,EAAE,SAAS;IAChBC,KAAK,EAAE;EACX,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,OAAO,GAAIC,KAAuB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEN;EAAc,CAAC,GAAGK,KAAK;EACtC,MAAM,CAACE,IAAI,EAAEC,OAAO,CAAC,GAAGnB,QAAQ,CAAuB,IAAI,CAAC;EAE5D,MAAMoB,OAAO,GAAGrB,WAAW,CAAC,MAAM;IAC9BoB,OAAO,CAACX,kBAAkB,CAAC,CAAC,CAAC;EACjC,CAAC,EAAE,CAACW,OAAO,CAAC,CAAC;EAEb,MAAME,MAAM,GAAGtB,WAAW,CACrBmB,IAAmB,IAAK;IACrBD,KAAK,CAACC,IAAI,CAAC;IACXC,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,EACD,CAACF,KAAK,EAAEE,OAAO,CACnB,CAAC;EAED,MAAMG,QAAQ,GAAGvB,WAAW,CAAC,MAAM;IAC/BoB,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAID,IAAI,EAAE;IACN,oBACIpB,KAAA,CAAAyB,aAAA,CAACpB,IAAI;MACDO,KAAK,EAAE,mBAAoB;MAC3BY,QAAQ,EAAEA,QAAS;MACnBD,MAAM,EAAEA,MAAO;MACfH,IAAI,EAAEA,IAAK;MACXM,IAAI,EAAE,IAAK;MACXb,aAAa,EAAEA;IAAc,CAChC,CAAC;EAEV;EAEA,oBACIb,KAAA,CAAAyB,aAAA,CAACjB,IAAI;IAACmB,SAAS,EAAE;EAAS,gBACtB3B,KAAA,CAAAyB,aAAA,CAACjB,IAAI,CAACoB,MAAM;IACRC,IAAI,EAAE,EAAG;IACTF,SAAS,EACL;EACH,gBAED3B,KAAA,CAAAyB,aAAA,CAAClB,MAAM;IACHuB,OAAO,EAAE,OAAQ;IACjBR,OAAO,EAAEA,OAAQ;IACjBS,IAAI,eAAE/B,KAAA,CAAAyB,aAAA,CAAChB,IAAI;MAACuB,KAAK,EAAE,KAAM;MAACC,IAAI,EAAE,IAAK;MAACF,IAAI,eAAE/B,KAAA,CAAAyB,aAAA,CAACrB,GAAG,MAAE;IAAE,CAAE;EAAE,GAC3D,qBAEO,CACC,CACX,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Step/NewStep.js","sources":["../../../../../src/Components/WorkflowsEditor/Editor/Step/NewStep.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { Step } from \"./Step.js\";\nimport { generateAlphaNumericId } from \"@webiny/utils/generateId.js\";\nimport type { IWorkflowNotificationType, IWorkflowStep, IWorkflowStepTeam } from \"~/types.js\";\nimport { Button, Grid, Icon } from \"@webiny/admin-ui\";\nimport { NonEmptyArray } from \"@webiny/app/types.js\";\n\nexport interface IAddNewStepProps {\n    onAdd: (step: IWorkflowStep) => void;\n    notifications: IWorkflowNotificationType[];\n}\n\nconst createWorkflowStep = (): IWorkflowStep => {\n    return {\n        id: generateAlphaNumericId(),\n        title: \"\",\n        notifications: [],\n        description: \"\",\n        color: \"#E28743\",\n        teams: [] as unknown as NonEmptyArray<IWorkflowStepTeam>\n    };\n};\n\nexport const NewStep = (props: IAddNewStepProps) => {\n    const { onAdd, notifications } = props;\n    const [step, setStep] = useState<IWorkflowStep | null>(null);\n\n    const onClick = useCallback(() => {\n        setStep(createWorkflowStep());\n    }, [setStep]);\n\n    const onSave = useCallback(\n        (step: IWorkflowStep) => {\n            onAdd(step);\n            setStep(null);\n        },\n        [onAdd, setStep]\n    );\n\n    const onCancel = useCallback(() => {\n        setStep(null);\n    }, [setStep]);\n\n    if (step) {\n        return (\n            <Step\n                title={\"New Workflow Step\"}\n                onCancel={onCancel}\n                onSave={onSave}\n                step={step}\n                open={true}\n                notifications={notifications}\n            />\n        );\n    }\n\n    return (\n        <Grid className={\"w-full\"}>\n            <Grid.Column\n                span={12}\n                className={\n                    \"text-center p-sm-extra border-sm border-dashed border-neutral-muted rounded-lg\"\n                }\n            >\n                <Button\n                    variant={\"ghost\"}\n                    onClick={onClick}\n                    icon={<Icon label={\"Add\"} size={\"sm\"} icon={<Add />} />}\n                >\n                    Add new custom step\n                </Button>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"names":["createWorkflowStep","generateAlphaNumericId","NewStep","props","onAdd","notifications","step","setStep","useState","onClick","useCallback","onSave","onCancel","Step","Grid","Button","Icon","Add"],"mappings":";;;;;AAaA,MAAMA,qBAAqB,IAChB;QACH,IAAIC;QACJ,OAAO;QACP,eAAe,EAAE;QACjB,aAAa;QACb,OAAO;QACP,OAAO,EAAE;IACb;AAGG,MAAMC,UAAU,CAACC;IACpB,MAAM,EAAEC,KAAK,EAAEC,aAAa,EAAE,GAAGF;IACjC,MAAM,CAACG,MAAMC,QAAQ,GAAGC,SAA+B;IAEvD,MAAMC,UAAUC,YAAY;QACxBH,QAAQP;IACZ,GAAG;QAACO;KAAQ;IAEZ,MAAMI,SAASD,YACX,CAACJ;QACGF,MAAME;QACNC,QAAQ;IACZ,GACA;QAACH;QAAOG;KAAQ;IAGpB,MAAMK,WAAWF,YAAY;QACzBH,QAAQ;IACZ,GAAG;QAACA;KAAQ;IAEZ,IAAID,MACA,OAAO,WAAP,GACI,oBAACO,MAAIA;QACD,OAAO;QACP,UAAUD;QACV,QAAQD;QACR,MAAML;QACN,MAAM;QACN,eAAeD;;IAK3B,OAAO,WAAP,GACI,oBAACS,MAAIA;QAAC,WAAW;qBACb,oBAACA,KAAK,MAAM;QACR,MAAM;QACN,WACI;qBAGJ,oBAACC,QAAMA;QACH,SAAS;QACT,SAASN;QACT,oBAAM,oBAACO,MAAIA;YAAC,OAAO;YAAO,MAAM;YAAM,oBAAM,oBAACC,gBAAGA;;OACnD;AAMjB"}