@webiny/app-workflows 0.0.0-unstable.61c048f412

package/Components/WorkflowStatesWidget/Dialogs/TakeOverDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","TakeOverDialog","BaseTakeOverDialog","useWorkflowStatesWidget","props","state","presenter","onTakeOver","takeOverStateStep","id","step","currentStep","canTakeOver","displayName","savedBy","createElement","hide","hideDialog","loading","vm","dialogLoading","title"],"sources":["TakeOverDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { TakeOverDialog as BaseTakeOverDialog } from \"~/Components/WorkflowStateDialogs/index.js\";\nimport { useWorkflowStatesWidget } from \"~/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js\";\nimport type { IWorkflowState } from \"~/types.js\";\n\ninterface ITakeOverDialogProps {\n    state: IWorkflowState;\n}\n\nexport const TakeOverDialog = (props: ITakeOverDialogProps) => {\n    const { state } = props;\n    const { presenter } = useWorkflowStatesWidget();\n\n    const onTakeOver = useCallback(() => {\n        presenter.takeOverStateStep(state);\n    }, [state.id]);\n\n    const step = state.currentStep;\n\n    if (!step.canTakeOver) {\n        return null;\n    }\n    const displayName = step.savedBy?.displayName || \"Unknown User\";\n\n    return (\n        <BaseTakeOverDialog\n            onTakeOver={onTakeOver}\n            hide={presenter.hideDialog}\n            loading={presenter.vm.dialogLoading}\n            title={state.currentStep.title}\n            displayName={displayName}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,kBAAkB;AAC7C,SAASC,uBAAuB;AAOhC,OAAO,MAAMF,cAAc,GAAIG,KAA2B,IAAK;EAC3D,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IAAEE;EAAU,CAAC,GAAGH,uBAAuB,CAAC,CAAC;EAE/C,MAAMI,UAAU,GAAGP,WAAW,CAAC,MAAM;IACjCM,SAAS,CAACE,iBAAiB,CAACH,KAAK,CAAC;EACtC,CAAC,EAAE,CAACA,KAAK,CAACI,EAAE,CAAC,CAAC;EAEd,MAAMC,IAAI,GAAGL,KAAK,CAACM,WAAW;EAE9B,IAAI,CAACD,IAAI,CAACE,WAAW,EAAE;IACnB,OAAO,IAAI;EACf;EACA,MAAMC,WAAW,GAAGH,IAAI,CAACI,OAAO,EAAED,WAAW,IAAI,cAAc;EAE/D,oBACId,KAAA,CAAAgB,aAAA,CAACb,kBAAkB;IACfK,UAAU,EAAEA,UAAW;IACvBS,IAAI,EAAEV,SAAS,CAACW,UAAW;IAC3BC,OAAO,EAAEZ,SAAS,CAACa,EAAE,CAACC,aAAc;IACpCC,KAAK,EAAEhB,KAAK,CAACM,WAAW,CAACU,KAAM;IAC/BR,WAAW,EAAEA;EAAY,CAC5B,CAAC;AAEV,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/Dialogs/TakeOverSuccessDialog.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IWorkflowState } from "../../../types.js";
+interface ITakeOverSuccessDialogProps {
+    state: IWorkflowState;
+}
+export declare const TakeOverSuccessDialog: (props: ITakeOverSuccessDialogProps) => React.JSX.Element;
+export {};

package/Components/WorkflowStatesWidget/Dialogs/TakeOverSuccessDialog.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { TakeOverSuccessDialog as BaseTakeOverSuccessDialog } from "../../WorkflowStateDialogs/index.js";
+import { useWorkflowStatesWidget } from "../hooks/useWorkflowStatesWidget.js";
+export const TakeOverSuccessDialog = props => {
+  const {
+    state
+  } = props;
+  const {
+    presenter
+  } = useWorkflowStatesWidget();
+  return /*#__PURE__*/React.createElement(BaseTakeOverSuccessDialog, {
+    hide: presenter.hideDialog,
+    title: state.currentStep.title
+  });
+};
+
+//# sourceMappingURL=TakeOverSuccessDialog.js.map

package/Components/WorkflowStatesWidget/Dialogs/TakeOverSuccessDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TakeOverSuccessDialog","BaseTakeOverSuccessDialog","useWorkflowStatesWidget","props","state","presenter","createElement","hide","hideDialog","title","currentStep"],"sources":["TakeOverSuccessDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { TakeOverSuccessDialog as BaseTakeOverSuccessDialog } from \"~/Components/WorkflowStateDialogs/index.js\";\nimport type { IWorkflowState } from \"~/types.js\";\nimport { useWorkflowStatesWidget } from \"~/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js\";\n\ninterface ITakeOverSuccessDialogProps {\n    state: IWorkflowState;\n}\n\nexport const TakeOverSuccessDialog = (props: ITakeOverSuccessDialogProps) => {\n    const { state } = props;\n    const { presenter } = useWorkflowStatesWidget();\n    return (\n        <BaseTakeOverSuccessDialog hide={presenter.hideDialog} title={state.currentStep.title} />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,IAAIC,yBAAyB;AAE3D,SAASC,uBAAuB;AAMhC,OAAO,MAAMF,qBAAqB,GAAIG,KAAkC,IAAK;EACzE,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IAAEE;EAAU,CAAC,GAAGH,uBAAuB,CAAC,CAAC;EAC/C,oBACIH,KAAA,CAAAO,aAAA,CAACL,yBAAyB;IAACM,IAAI,EAAEF,SAAS,CAACG,UAAW;IAACC,KAAK,EAAEL,KAAK,CAACM,WAAW,CAACD;EAAM,CAAE,CAAC;AAEjG,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/Dialogs/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./ApproveDialog.js";
+export * from "./ApproveSuccessDialog.js";
+export * from "./RejectDialog.js";
+export * from "./RejectSuccessDialog.js";
+export * from "./StartDialog.js";
+export * from "./StartSuccessDialog.js";
+export * from "./TakeOverDialog.js";
+export * from "./TakeOverSuccessDialog.js";

package/Components/WorkflowStatesWidget/Dialogs/index.js

@@ -0,0 +1,10 @@
+export * from "./ApproveDialog.js";
+export * from "./ApproveSuccessDialog.js";
+export * from "./RejectDialog.js";
+export * from "./RejectSuccessDialog.js";
+export * from "./StartDialog.js";
+export * from "./StartSuccessDialog.js";
+export * from "./TakeOverDialog.js";
+export * from "./TakeOverSuccessDialog.js";
+
+//# sourceMappingURL=index.js.map

package/Components/WorkflowStatesWidget/Dialogs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ApproveDialog.js\";\nexport * from \"./ApproveSuccessDialog.js\";\nexport * from \"./RejectDialog.js\";\nexport * from \"./RejectSuccessDialog.js\";\nexport * from \"./StartDialog.js\";\nexport * from \"./StartSuccessDialog.js\";\nexport * from \"./TakeOverDialog.js\";\nexport * from \"./TakeOverSuccessDialog.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Components/WorkflowStatesWidget/List/WorkflowStateList.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IWorkflowState } from "../../../types.js";
+interface IWorkflowStateListProps {
+    states: IWorkflowState[];
+}
+export declare const WorkflowStateList: (props: IWorkflowStateListProps) => React.JSX.Element;
+export {};

package/Components/WorkflowStatesWidget/List/WorkflowStateList.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Accordion } from "@webiny/admin-ui";
+import { WorkflowStateRow } from "./WorkflowStateRow.js";
+export const WorkflowStateList = props => {
+  const {
+    states
+  } = props;
+  return /*#__PURE__*/React.createElement(Accordion, {
+    variant: "container"
+  }, states.map(state => {
+    return /*#__PURE__*/React.createElement(WorkflowStateRow, {
+      key: `state-${state.id}`,
+      state: state
+    });
+  }));
+};
+
+//# sourceMappingURL=WorkflowStateList.js.map

package/Components/WorkflowStatesWidget/List/WorkflowStateList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Accordion","WorkflowStateRow","WorkflowStateList","props","states","createElement","variant","map","state","key","id"],"sources":["WorkflowStateList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport { WorkflowStateRow } from \"./WorkflowStateRow.js\";\nimport type { IWorkflowState } from \"~/types.js\";\n\ninterface IWorkflowStateListProps {\n    states: IWorkflowState[];\n}\n\nexport const WorkflowStateList = (props: IWorkflowStateListProps) => {\n    const { states } = props;\n\n    return (\n        <Accordion variant={\"container\"}>\n            {states.map(state => {\n                return <WorkflowStateRow key={`state-${state.id}`} state={state} />;\n            })}\n        </Accordion>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,gBAAgB;AAOzB,OAAO,MAAMC,iBAAiB,GAAIC,KAA8B,IAAK;EACjE,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,oBACIJ,KAAA,CAAAM,aAAA,CAACL,SAAS;IAACM,OAAO,EAAE;EAAY,GAC3BF,MAAM,CAACG,GAAG,CAACC,KAAK,IAAI;IACjB,oBAAOT,KAAA,CAAAM,aAAA,CAACJ,gBAAgB;MAACQ,GAAG,EAAE,SAASD,KAAK,CAACE,EAAE,EAAG;MAACF,KAAK,EAAEA;IAAM,CAAE,CAAC;EACvE,CAAC,CACM,CAAC;AAEpB,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/List/WorkflowStateRow.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { IWorkflowState } from "../../../types.js";
+interface IWorkflowStateRowProps {
+    state: IWorkflowState;
+}
+export declare const WorkflowStateRow: ((props: IWorkflowStateRowProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

package/Components/WorkflowStatesWidget/List/WorkflowStateRow.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { Accordion } from "@webiny/admin-ui";
+import { observer } from "mobx-react-lite";
+import { WorkflowStateRowOptions } from "./WorkflowStateRowOptions.js";
+import { WorkflowStateRowDescription } from "../Row/WorkflowStateRowDescription.js";
+export const WorkflowStateRow = observer(props => {
+  const {
+    state
+  } = props;
+  return /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: state.title,
+    open: false,
+    interactive: false,
+    description: /*#__PURE__*/React.createElement(WorkflowStateRowDescription, {
+      state: state
+    }),
+    colorMark: state.currentStep.color,
+    actions: /*#__PURE__*/React.createElement(WorkflowStateRowOptions, {
+      state: state
+    })
+  }, /*#__PURE__*/React.createElement(React.Fragment, null));
+});
+
+//# sourceMappingURL=WorkflowStateRow.js.map

package/Components/WorkflowStatesWidget/List/WorkflowStateRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Accordion","observer","WorkflowStateRowOptions","WorkflowStateRowDescription","WorkflowStateRow","props","state","createElement","Item","title","open","interactive","description","colorMark","currentStep","color","actions","Fragment"],"sources":["WorkflowStateRow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IWorkflowState } from \"~/types.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport { observer } from \"mobx-react-lite\";\nimport { WorkflowStateRowOptions } from \"./WorkflowStateRowOptions.js\";\nimport { WorkflowStateRowDescription } from \"../Row/WorkflowStateRowDescription.js\";\n\ninterface IWorkflowStateRowProps {\n    state: IWorkflowState;\n}\n\nexport const WorkflowStateRow = observer((props: IWorkflowStateRowProps) => {\n    const { state } = props;\n\n    return (\n        <Accordion.Item\n            title={state.title}\n            open={false}\n            interactive={false}\n            description={<WorkflowStateRowDescription state={state} />}\n            colorMark={state.currentStep.color}\n            actions={<WorkflowStateRowOptions state={state} />}\n        >\n            <></>\n        </Accordion.Item>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,uBAAuB;AAChC,SAASC,2BAA2B;AAMpC,OAAO,MAAMC,gBAAgB,GAAGH,QAAQ,CAAEI,KAA6B,IAAK;EACxE,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,oBACIN,KAAA,CAAAQ,aAAA,CAACP,SAAS,CAACQ,IAAI;IACXC,KAAK,EAAEH,KAAK,CAACG,KAAM;IACnBC,IAAI,EAAE,KAAM;IACZC,WAAW,EAAE,KAAM;IACnBC,WAAW,eAAEb,KAAA,CAAAQ,aAAA,CAACJ,2BAA2B;MAACG,KAAK,EAAEA;IAAM,CAAE,CAAE;IAC3DO,SAAS,EAAEP,KAAK,CAACQ,WAAW,CAACC,KAAM;IACnCC,OAAO,eAAEjB,KAAA,CAAAQ,aAAA,CAACL,uBAAuB;MAACI,KAAK,EAAEA;IAAM,CAAE;EAAE,gBAEnDP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAkB,QAAA,MAAI,CACQ,CAAC;AAEzB,CAAC,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/List/WorkflowStateRowOptions.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { IWorkflowState } from "../../../types.js";
+interface IWorkflowStateRowOptionsProps {
+    state: IWorkflowState;
+}
+export declare const WorkflowStateRowOptions: ((props: IWorkflowStateRowOptionsProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

package/Components/WorkflowStatesWidget/List/WorkflowStateRowOptions.js

@@ -0,0 +1,33 @@
+import React, { useCallback } from "react";
+import { WorkflowStateOptions } from "../../Common/index.js";
+import { observer } from "mobx-react-lite";
+import { useWorkflowStatesWidget } from "../hooks/useWorkflowStatesWidget.js";
+export const WorkflowStateRowOptions = observer(props => {
+  const {
+    state
+  } = props;
+  const {
+    presenter
+  } = useWorkflowStatesWidget();
+  const onStart = useCallback(() => {
+    presenter.showStartStateStepDialog(state);
+  }, [presenter, state]);
+  const onTakeOver = useCallback(() => {
+    presenter.showTakeOverStateStepDialog(state);
+  }, [presenter, state]);
+  const onApprove = useCallback(() => {
+    presenter.showApproveStateStepDialog(state);
+  }, [presenter, state]);
+  const onReject = useCallback(() => {
+    presenter.showRejectStateStepDialog(state);
+  }, [presenter, state]);
+  return /*#__PURE__*/React.createElement(WorkflowStateOptions, {
+    state: state,
+    onStart: onStart,
+    onTakeOver: onTakeOver,
+    onApprove: onApprove,
+    onReject: onReject
+  });
+});
+
+//# sourceMappingURL=WorkflowStateRowOptions.js.map

package/Components/WorkflowStatesWidget/List/WorkflowStateRowOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","WorkflowStateOptions","observer","useWorkflowStatesWidget","WorkflowStateRowOptions","props","state","presenter","onStart","showStartStateStepDialog","onTakeOver","showTakeOverStateStepDialog","onApprove","showApproveStateStepDialog","onReject","showRejectStateStepDialog","createElement"],"sources":["WorkflowStateRowOptions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { IWorkflowState } from \"~/types.js\";\nimport { WorkflowStateOptions } from \"~/Components/Common/index.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowStatesWidget } from \"~/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js\";\n\ninterface IWorkflowStateRowOptionsProps {\n    state: IWorkflowState;\n}\n\nexport const WorkflowStateRowOptions = observer((props: IWorkflowStateRowOptionsProps) => {\n    const { state } = props;\n    const { presenter } = useWorkflowStatesWidget();\n\n    const onStart = useCallback(() => {\n        presenter.showStartStateStepDialog(state);\n    }, [presenter, state]);\n\n    const onTakeOver = useCallback(() => {\n        presenter.showTakeOverStateStepDialog(state);\n    }, [presenter, state]);\n\n    const onApprove = useCallback(() => {\n        presenter.showApproveStateStepDialog(state);\n    }, [presenter, state]);\n\n    const onReject = useCallback(() => {\n        presenter.showRejectStateStepDialog(state);\n    }, [presenter, state]);\n\n    return (\n        <WorkflowStateOptions\n            state={state}\n            onStart={onStart}\n            onTakeOver={onTakeOver}\n            onApprove={onApprove}\n            onReject={onReject}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,oBAAoB;AAC7B,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,uBAAuB;AAMhC,OAAO,MAAMC,uBAAuB,GAAGF,QAAQ,CAAEG,KAAoC,IAAK;EACtF,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IAAEE;EAAU,CAAC,GAAGJ,uBAAuB,CAAC,CAAC;EAE/C,MAAMK,OAAO,GAAGR,WAAW,CAAC,MAAM;IAC9BO,SAAS,CAACE,wBAAwB,CAACH,KAAK,CAAC;EAC7C,CAAC,EAAE,CAACC,SAAS,EAAED,KAAK,CAAC,CAAC;EAEtB,MAAMI,UAAU,GAAGV,WAAW,CAAC,MAAM;IACjCO,SAAS,CAACI,2BAA2B,CAACL,KAAK,CAAC;EAChD,CAAC,EAAE,CAACC,SAAS,EAAED,KAAK,CAAC,CAAC;EAEtB,MAAMM,SAAS,GAAGZ,WAAW,CAAC,MAAM;IAChCO,SAAS,CAACM,0BAA0B,CAACP,KAAK,CAAC;EAC/C,CAAC,EAAE,CAACC,SAAS,EAAED,KAAK,CAAC,CAAC;EAEtB,MAAMQ,QAAQ,GAAGd,WAAW,CAAC,MAAM;IAC/BO,SAAS,CAACQ,yBAAyB,CAACT,KAAK,CAAC;EAC9C,CAAC,EAAE,CAACC,SAAS,EAAED,KAAK,CAAC,CAAC;EAEtB,oBACIP,KAAA,CAAAiB,aAAA,CAACf,oBAAoB;IACjBK,KAAK,EAAEA,KAAM;IACbE,OAAO,EAAEA,OAAQ;IACjBE,UAAU,EAAEA,UAAW;IACvBE,SAAS,EAAEA,SAAU;IACrBE,QAAQ,EAAEA;EAAS,CACtB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/Provider/WorkflowStatesProvider.d.ts

@@ -0,0 +1,17 @@
+import type { IWorkflowStatesWidgetPresenter } from "../../../Presenters/index.js";
+import React from "react";
+import type ApolloClient from "apollo-client";
+import type { NonEmptyArray } from "@webiny/app/types.js";
+import type { WorkflowStateValue } from "../../../types.js";
+export interface IWorkflowStatesWidgetContext {
+    presenter: IWorkflowStatesWidgetPresenter;
+}
+export declare const WorkflowStatesWidgetContext: React.Context<IWorkflowStatesWidgetContext | null>;
+interface IWorkflowStatesProviderProps {
+    type: "own" | "requested";
+    children: React.ReactNode;
+    client: ApolloClient<object>;
+    states: NonEmptyArray<WorkflowStateValue>;
+}
+export declare const WorkflowStatesProvider: (props: IWorkflowStatesProviderProps) => React.JSX.Element;
+export {};

package/Components/WorkflowStatesWidget/Provider/WorkflowStatesProvider.js

@@ -0,0 +1,34 @@
+import { WorkflowStatesWidgetPresenter } from "../../../Presenters/index.js";
+import React, { useMemo } from "react";
+import { WorkflowStatesWidgetGateway } from "../../../Gateways/index.js";
+import { WorkflowStatesWidgetRepository } from "../../../Repositories/index.js";
+export const WorkflowStatesWidgetContext = /*#__PURE__*/React.createContext(null);
+export const WorkflowStatesProvider = props => {
+  const {
+    children,
+    client,
+    type,
+    states
+  } = props;
+  const presenter = useMemo(() => {
+    const gateway = new WorkflowStatesWidgetGateway({
+      client
+    });
+    const repository = new WorkflowStatesWidgetRepository({
+      gateway
+    });
+    return new WorkflowStatesWidgetPresenter({
+      repository,
+      type,
+      states
+    });
+  }, []);
+  const value = {
+    presenter
+  };
+  return /*#__PURE__*/React.createElement(WorkflowStatesWidgetContext.Provider, {
+    value: value
+  }, children);
+};
+
+//# sourceMappingURL=WorkflowStatesProvider.js.map

package/Components/WorkflowStatesWidget/Provider/WorkflowStatesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WorkflowStatesWidgetPresenter","React","useMemo","WorkflowStatesWidgetGateway","WorkflowStatesWidgetRepository","WorkflowStatesWidgetContext","createContext","WorkflowStatesProvider","props","children","client","type","states","presenter","gateway","repository","value","createElement","Provider"],"sources":["WorkflowStatesProvider.tsx"],"sourcesContent":["import type { IWorkflowStatesWidgetPresenter } from \"~/Presenters/index.js\";\nimport { WorkflowStatesWidgetPresenter } from \"~/Presenters/index.js\";\nimport React, { useMemo } from \"react\";\nimport { WorkflowStatesWidgetGateway } from \"~/Gateways/index.js\";\nimport { WorkflowStatesWidgetRepository } from \"~/Repositories/index.js\";\nimport type ApolloClient from \"apollo-client\";\nimport type { NonEmptyArray } from \"@webiny/app/types.js\";\nimport type { WorkflowStateValue } from \"~/types.js\";\n\nexport interface IWorkflowStatesWidgetContext {\n    presenter: IWorkflowStatesWidgetPresenter;\n}\n\nexport const WorkflowStatesWidgetContext = React.createContext<IWorkflowStatesWidgetContext | null>(\n    null\n);\n\ninterface IWorkflowStatesProviderProps {\n    type: \"own\" | \"requested\";\n    children: React.ReactNode;\n    client: ApolloClient<object>;\n    states: NonEmptyArray<WorkflowStateValue>;\n}\n\nexport const WorkflowStatesProvider = (props: IWorkflowStatesProviderProps) => {\n    const { children, client, type, states } = props;\n\n    const presenter = useMemo(() => {\n        const gateway = new WorkflowStatesWidgetGateway({\n            client\n        });\n        const repository = new WorkflowStatesWidgetRepository({\n            gateway\n        });\n        return new WorkflowStatesWidgetPresenter({\n            repository,\n            type,\n            states\n        });\n    }, []);\n\n    const value: IWorkflowStatesWidgetContext = {\n        presenter\n    };\n\n    return (\n        <WorkflowStatesWidgetContext.Provider value={value}>\n            {children}\n        </WorkflowStatesWidgetContext.Provider>\n    );\n};\n"],"mappings":"AACA,SAASA,6BAA6B;AACtC,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,2BAA2B;AACpC,SAASC,8BAA8B;AASvC,OAAO,MAAMC,2BAA2B,gBAAGJ,KAAK,CAACK,aAAa,CAC1D,IACJ,CAAC;AASD,OAAO,MAAMC,sBAAsB,GAAIC,KAAmC,IAAK;EAC3E,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGJ,KAAK;EAEhD,MAAMK,SAAS,GAAGX,OAAO,CAAC,MAAM;IAC5B,MAAMY,OAAO,GAAG,IAAIX,2BAA2B,CAAC;MAC5CO;IACJ,CAAC,CAAC;IACF,MAAMK,UAAU,GAAG,IAAIX,8BAA8B,CAAC;MAClDU;IACJ,CAAC,CAAC;IACF,OAAO,IAAId,6BAA6B,CAAC;MACrCe,UAAU;MACVJ,IAAI;MACJC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,KAAmC,GAAG;IACxCH;EACJ,CAAC;EAED,oBACIZ,KAAA,CAAAgB,aAAA,CAACZ,2BAA2B,CAACa,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC9CP,QACiC,CAAC;AAE/C,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/Row/WorkflowStateRowDescription.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IWorkflowState } from "../../../types.js";
+interface IWorkflowStateRowDescriptionProps {
+    state: IWorkflowState;
+}
+export declare const WorkflowStateRowDescription: (props: IWorkflowStateRowDescriptionProps) => React.JSX.Element;
+export {};

package/Components/WorkflowStatesWidget/Row/WorkflowStateRowDescription.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+const Identity = ({
+  identity
+}) => {
+  if (!identity) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, " - ", identity.displayName || identity.id);
+};
+export const WorkflowStateRowDescription = props => {
+  const {
+    state
+  } = props;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, state.currentStep.title, /*#__PURE__*/React.createElement(Identity, {
+    identity: state.currentStep.savedBy
+  }), ", ", /*#__PURE__*/React.createElement(TimeAgo, {
+    datetime: state.savedOn
+  }));
+};
+
+//# sourceMappingURL=WorkflowStateRowDescription.js.map

package/Components/WorkflowStatesWidget/Row/WorkflowStateRowDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TimeAgo","Identity","identity","createElement","Fragment","displayName","id","WorkflowStateRowDescription","props","state","currentStep","title","savedBy","datetime","savedOn"],"sources":["WorkflowStateRowDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IIdentity, IWorkflowState } from \"~/types.js\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\n\ninterface IWorkflowStateRowDescriptionProps {\n    state: IWorkflowState;\n}\n\ninterface IIdentityProps {\n    identity: IIdentity | undefined | null;\n}\n\nconst Identity = ({ identity }: IIdentityProps) => {\n    if (!identity) {\n        return null;\n    }\n    return <> - {identity.displayName || identity.id}</>;\n};\n\nexport const WorkflowStateRowDescription = (props: IWorkflowStateRowDescriptionProps) => {\n    const { state } = props;\n    return (\n        <>\n            {state.currentStep.title}\n            <Identity identity={state.currentStep.savedBy} />\n            , <TimeAgo datetime={state.savedOn} />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,kBAAkB;AAU1C,MAAMC,QAAQ,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC/C,IAAI,CAACA,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EACA,oBAAOH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QAAE,KAAG,EAACF,QAAQ,CAACG,WAAW,IAAIH,QAAQ,CAACI,EAAK,CAAC;AACxD,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAIC,KAAwC,IAAK;EACrF,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,oBACIT,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QACKK,KAAK,CAACC,WAAW,CAACC,KAAK,eACxBZ,KAAA,CAAAI,aAAA,CAACF,QAAQ;IAACC,QAAQ,EAAEO,KAAK,CAACC,WAAW,CAACE;EAAQ,CAAE,CAAC,MAC/C,eAAAb,KAAA,CAAAI,aAAA,CAACH,OAAO;IAACa,QAAQ,EAAEJ,KAAK,CAACK;EAAQ,CAAE,CACvC,CAAC;AAEX,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/WorkflowStatesOwnWidget.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type ApolloClient from "apollo-client";
+export interface IWorkflowStatesOwnWidgetProps {
+    client: ApolloClient<object>;
+}
+export declare const WorkflowStatesOwnWidget: (props: IWorkflowStatesOwnWidgetProps) => React.JSX.Element;

package/Components/WorkflowStatesWidget/WorkflowStatesOwnWidget.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { useCanUseWorkflows } from "../../hooks/canUseWorkflows.js";
+import { Alert } from "@webiny/admin-ui";
+import { WorkflowStatesProvider } from "./Provider/WorkflowStatesProvider.js";
+import { WorkflowStateWidgetCard } from "./Card/WorkflowStatesWidgetCard.js";
+import { WorkflowStateValue } from "../../types.js";
+export const WorkflowStatesOwnWidget = props => {
+  const {
+    client
+  } = props;
+  const canUseWorkflows = useCanUseWorkflows();
+  if (!canUseWorkflows) {
+    return /*#__PURE__*/React.createElement(Alert, {
+      type: "danger",
+      title: "You don't have access to Workflows."
+    }, "You do not have access to Workflows. Please contact your system administrator.");
+  }
+  return /*#__PURE__*/React.createElement(WorkflowStatesProvider, {
+    type: "own",
+    client: client,
+    states: [WorkflowStateValue.pending, WorkflowStateValue.inReview, WorkflowStateValue.approved, WorkflowStateValue.rejected]
+  }, /*#__PURE__*/React.createElement(WorkflowStateWidgetCard, {
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, "Workflow States requested by current user")
+  }));
+};
+
+//# sourceMappingURL=WorkflowStatesOwnWidget.js.map

package/Components/WorkflowStatesWidget/WorkflowStatesOwnWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCanUseWorkflows","Alert","WorkflowStatesProvider","WorkflowStateWidgetCard","WorkflowStateValue","WorkflowStatesOwnWidget","props","client","canUseWorkflows","createElement","type","title","states","pending","inReview","approved","rejected","Fragment"],"sources":["WorkflowStatesOwnWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport type ApolloClient from \"apollo-client\";\nimport { useCanUseWorkflows } from \"~/hooks/canUseWorkflows.js\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { WorkflowStatesProvider } from \"./Provider/WorkflowStatesProvider.js\";\nimport { WorkflowStateWidgetCard } from \"./Card/WorkflowStatesWidgetCard.js\";\nimport { WorkflowStateValue } from \"~/types.js\";\n\nexport interface IWorkflowStatesOwnWidgetProps {\n    client: ApolloClient<object>;\n}\n\nexport const WorkflowStatesOwnWidget = (props: IWorkflowStatesOwnWidgetProps) => {\n    const { client } = props;\n\n    const canUseWorkflows = useCanUseWorkflows();\n    if (!canUseWorkflows) {\n        return (\n            <Alert type={\"danger\"} title={\"You don't have access to Workflows.\"}>\n                You do not have access to Workflows. Please contact your system administrator.\n            </Alert>\n        );\n    }\n\n    return (\n        <WorkflowStatesProvider\n            type={\"own\"}\n            client={client}\n            states={[\n                WorkflowStateValue.pending,\n                WorkflowStateValue.inReview,\n                WorkflowStateValue.approved,\n                WorkflowStateValue.rejected\n            ]}\n        >\n            <WorkflowStateWidgetCard title={<>Workflow States requested by current user</>} />\n        </WorkflowStatesProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB;AAC3B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,sBAAsB;AAC/B,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAM3B,OAAO,MAAMC,uBAAuB,GAAIC,KAAoC,IAAK;EAC7E,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,MAAME,eAAe,GAAGR,kBAAkB,CAAC,CAAC;EAC5C,IAAI,CAACQ,eAAe,EAAE;IAClB,oBACIT,KAAA,CAAAU,aAAA,CAACR,KAAK;MAACS,IAAI,EAAE,QAAS;MAACC,KAAK,EAAE;IAAsC,GAAC,gFAE9D,CAAC;EAEhB;EAEA,oBACIZ,KAAA,CAAAU,aAAA,CAACP,sBAAsB;IACnBQ,IAAI,EAAE,KAAM;IACZH,MAAM,EAAEA,MAAO;IACfK,MAAM,EAAE,CACJR,kBAAkB,CAACS,OAAO,EAC1BT,kBAAkB,CAACU,QAAQ,EAC3BV,kBAAkB,CAACW,QAAQ,EAC3BX,kBAAkB,CAACY,QAAQ;EAC7B,gBAEFjB,KAAA,CAAAU,aAAA,CAACN,uBAAuB;IAACQ,KAAK,eAAEZ,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAkB,QAAA,QAAE,2CAA2C;EAAE,CAAE,CAC7D,CAAC;AAEjC,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/WorkflowStatesRequestedWidget.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type ApolloClient from "apollo-client";
+export interface IWorkflowStatesRequestedWidgetProps {
+    client: ApolloClient<object>;
+}
+export declare const WorkflowStatesRequestedWidget: (props: IWorkflowStatesRequestedWidgetProps) => React.JSX.Element;

package/Components/WorkflowStatesWidget/WorkflowStatesRequestedWidget.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { useCanUseWorkflows } from "../../hooks/canUseWorkflows.js";
+import { Alert } from "@webiny/admin-ui";
+import { WorkflowStatesProvider } from "./Provider/WorkflowStatesProvider.js";
+import { WorkflowStateWidgetCard } from "./Card/WorkflowStatesWidgetCard.js";
+import { WorkflowStateValue } from "../../types.js";
+export const WorkflowStatesRequestedWidget = props => {
+  const {
+    client
+  } = props;
+  const canUseWorkflows = useCanUseWorkflows();
+  if (!canUseWorkflows) {
+    return /*#__PURE__*/React.createElement(Alert, {
+      type: "danger",
+      title: "You don't have access to Workflows."
+    }, "You do not have access to Workflows. Please contact your system administrator.");
+  }
+  return /*#__PURE__*/React.createElement(WorkflowStatesProvider, {
+    type: "requested",
+    client: client,
+    states: [WorkflowStateValue.pending, WorkflowStateValue.inReview]
+  }, /*#__PURE__*/React.createElement(WorkflowStateWidgetCard, {
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, "Workflow States assigned to current user")
+  }));
+};
+
+//# sourceMappingURL=WorkflowStatesRequestedWidget.js.map

package/Components/WorkflowStatesWidget/WorkflowStatesRequestedWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCanUseWorkflows","Alert","WorkflowStatesProvider","WorkflowStateWidgetCard","WorkflowStateValue","WorkflowStatesRequestedWidget","props","client","canUseWorkflows","createElement","type","title","states","pending","inReview","Fragment"],"sources":["WorkflowStatesRequestedWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport type ApolloClient from \"apollo-client\";\nimport { useCanUseWorkflows } from \"~/hooks/canUseWorkflows.js\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { WorkflowStatesProvider } from \"./Provider/WorkflowStatesProvider.js\";\nimport { WorkflowStateWidgetCard } from \"./Card/WorkflowStatesWidgetCard.js\";\nimport { WorkflowStateValue } from \"~/types.js\";\n\nexport interface IWorkflowStatesRequestedWidgetProps {\n    client: ApolloClient<object>;\n}\n\nexport const WorkflowStatesRequestedWidget = (props: IWorkflowStatesRequestedWidgetProps) => {\n    const { client } = props;\n\n    const canUseWorkflows = useCanUseWorkflows();\n    if (!canUseWorkflows) {\n        return (\n            <Alert type={\"danger\"} title={\"You don't have access to Workflows.\"}>\n                You do not have access to Workflows. Please contact your system administrator.\n            </Alert>\n        );\n    }\n\n    return (\n        <WorkflowStatesProvider\n            type={\"requested\"}\n            client={client}\n            states={[WorkflowStateValue.pending, WorkflowStateValue.inReview]}\n        >\n            <WorkflowStateWidgetCard title={<>Workflow States assigned to current user</>} />\n        </WorkflowStatesProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB;AAC3B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,sBAAsB;AAC/B,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAM3B,OAAO,MAAMC,6BAA6B,GAAIC,KAA0C,IAAK;EACzF,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,MAAME,eAAe,GAAGR,kBAAkB,CAAC,CAAC;EAC5C,IAAI,CAACQ,eAAe,EAAE;IAClB,oBACIT,KAAA,CAAAU,aAAA,CAACR,KAAK;MAACS,IAAI,EAAE,QAAS;MAACC,KAAK,EAAE;IAAsC,GAAC,gFAE9D,CAAC;EAEhB;EAEA,oBACIZ,KAAA,CAAAU,aAAA,CAACP,sBAAsB;IACnBQ,IAAI,EAAE,WAAY;IAClBH,MAAM,EAAEA,MAAO;IACfK,MAAM,EAAE,CAACR,kBAAkB,CAACS,OAAO,EAAET,kBAAkB,CAACU,QAAQ;EAAE,gBAElEf,KAAA,CAAAU,aAAA,CAACN,uBAAuB;IAACQ,KAAK,eAAEZ,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAgB,QAAA,QAAE,0CAA0C;EAAE,CAAE,CAC5D,CAAC;AAEjC,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.d.ts

@@ -0,0 +1 @@
+export declare const useWorkflowStatesWidget: () => import("../Provider/WorkflowStatesProvider.js").IWorkflowStatesWidgetContext;

package/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import { WorkflowStatesWidgetContext } from "../Provider/WorkflowStatesProvider.js";
+export const useWorkflowStatesWidget = () => {
+  const context = useContext(WorkflowStatesWidgetContext);
+  if (!context) {
+    throw new Error("useWorkflowStatesWidget must be used within a WorkflowStatesWidgetContext");
+  }
+  return context;
+};
+
+//# sourceMappingURL=useWorkflowStatesWidget.js.map

package/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","WorkflowStatesWidgetContext","useWorkflowStatesWidget","context","Error"],"sources":["useWorkflowStatesWidget.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { WorkflowStatesWidgetContext } from \"../Provider/WorkflowStatesProvider.js\";\n\nexport const useWorkflowStatesWidget = () => {\n    const context = useContext(WorkflowStatesWidgetContext);\n    if (!context) {\n        throw new Error(\n            \"useWorkflowStatesWidget must be used within a WorkflowStatesWidgetContext\"\n        );\n    }\n    return context;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,2BAA2B;AAEpC,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,MAAMC,OAAO,GAAGH,UAAU,CAACC,2BAA2B,CAAC;EACvD,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CACX,2EACJ,CAAC;EACL;EACA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}

package/Components/WorkflowStatesWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { WorkflowStatesOwnWidget } from "./WorkflowStatesOwnWidget.js";
+export { WorkflowStatesRequestedWidget } from "./WorkflowStatesRequestedWidget.js";

package/Components/WorkflowStatesWidget/index.js

@@ -0,0 +1,4 @@
+export { WorkflowStatesOwnWidget } from "./WorkflowStatesOwnWidget.js";
+export { WorkflowStatesRequestedWidget } from "./WorkflowStatesRequestedWidget.js";
+
+//# sourceMappingURL=index.js.map

package/Components/WorkflowStatesWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WorkflowStatesOwnWidget","WorkflowStatesRequestedWidget"],"sources":["index.ts"],"sourcesContent":["export { WorkflowStatesOwnWidget } from \"./WorkflowStatesOwnWidget.js\";\nexport { WorkflowStatesRequestedWidget } from \"./WorkflowStatesRequestedWidget.js\";\n"],"mappings":"AAAA,SAASA,uBAAuB;AAChC,SAASC,6BAA6B","ignoreList":[]}

package/Components/WorkflowsEditor/DataList/WorkflowsDataList.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { IWorkflowApplication } from "../../../types.js";
+export interface WorkflowsDataListProps {
+    activeId: string | undefined;
+    apps: IWorkflowApplication[];
+    onSelectApp: (id: IWorkflowApplication["id"]) => void;
+}
+export declare const WorkflowsDataList: ({ apps, activeId, onSelectApp }: WorkflowsDataListProps) => React.JSX.Element;

package/Components/WorkflowsEditor/DataList/WorkflowsDataList.js

@@ -0,0 +1,46 @@
+import React, { useCallback, useMemo, useState } from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { DataList, DataListModalOverlayAction, ListItem, ListItemText, ListItemTextPrimary, ScrollList } from "@webiny/ui/List/index.js";
+import { SearchUI } from "@webiny/app-admin";
+const t = i18n.ns("app-workflows/workflows-editor/data-list");
+export const WorkflowsDataList = ({
+  apps,
+  activeId,
+  onSelectApp
+}) => {
+  const [filter, setFilter] = useState("");
+  const filterWorkflow = useCallback(({
+    name
+  }) => {
+    return name.toLowerCase().includes(filter);
+  }, [filter]);
+  const items = useMemo(() => {
+    if (!filter) {
+      return apps;
+    }
+    return apps.filter(filterWorkflow);
+  }, [filter, apps]);
+  return /*#__PURE__*/React.createElement(DataList, {
+    title: t`Workflows`,
+    data: items,
+    search: /*#__PURE__*/React.createElement(SearchUI, {
+      value: filter,
+      onChange: setFilter,
+      inputPlaceholder: t`Search workflows...`
+    }),
+    modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
+      "data-testid": "default-data-list.filter"
+    })
+  }, ({
+    data
+  }) => /*#__PURE__*/React.createElement(ScrollList, {
+    "data-testid": "default-data-list"
+  }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
+    key: item.id,
+    selected: item.id === activeId
+  }, /*#__PURE__*/React.createElement(ListItemText, {
+    onClick: () => onSelectApp(item.id)
+  }, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, item.name))))));
+};
+
+//# sourceMappingURL=WorkflowsDataList.js.map

package/Components/WorkflowsEditor/DataList/WorkflowsDataList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","i18n","DataList","DataListModalOverlayAction","ListItem","ListItemText","ListItemTextPrimary","ScrollList","SearchUI","t","ns","WorkflowsDataList","apps","activeId","onSelectApp","filter","setFilter","filterWorkflow","name","toLowerCase","includes","items","createElement","title","data","search","value","onChange","inputPlaceholder","modalOverlayAction","map","item","key","id","selected","onClick"],"sources":["WorkflowsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport {\n    DataList,\n    DataListModalOverlayAction,\n    ListItem,\n    ListItemText,\n    ListItemTextPrimary,\n    ScrollList\n} from \"@webiny/ui/List/index.js\";\nimport type { IWorkflowApplication } from \"~/types.js\";\nimport { SearchUI } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-workflows/workflows-editor/data-list\");\n\nexport interface WorkflowsDataListProps {\n    activeId: string | undefined;\n    apps: IWorkflowApplication[];\n    onSelectApp: (id: IWorkflowApplication[\"id\"]) => void;\n}\n\nexport const WorkflowsDataList = ({ apps, activeId, onSelectApp }: WorkflowsDataListProps) => {\n    const [filter, setFilter] = useState(\"\");\n\n    const filterWorkflow = useCallback(\n        ({ name }: IWorkflowApplication) => {\n            return name.toLowerCase().includes(filter);\n        },\n        [filter]\n    );\n\n    const items = useMemo(() => {\n        if (!filter) {\n            return apps;\n        }\n        return apps.filter(filterWorkflow);\n    }, [filter, apps]);\n\n    return (\n        <DataList\n            title={t`Workflows`}\n            data={items}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search workflows...`}\n                />\n            }\n            modalOverlayAction={\n                <DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n            }\n        >\n            {({ data }: { data: IWorkflowApplication[] }) => (\n                <ScrollList data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <ListItem key={item.id} selected={item.id === activeId}>\n                            <ListItemText onClick={() => onSelectApp(item.id)}>\n                                <ListItemTextPrimary>{item.name}</ListItemTextPrimary>\n                            </ListItemText>\n                        </ListItem>\n                    ))}\n                </ScrollList>\n            )}\n        </DataList>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SACIC,QAAQ,EACRC,0BAA0B,EAC1BC,QAAQ,EACRC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,QACP,0BAA0B;AAEjC,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,0CAA0C,CAAC;AAQ7D,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAoC,CAAC,KAAK;EAC1F,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGhB,QAAQ,CAAC,EAAE,CAAC;EAExC,MAAMiB,cAAc,GAAGnB,WAAW,CAC9B,CAAC;IAAEoB;EAA2B,CAAC,KAAK;IAChC,OAAOA,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,MAAM,CAAC;EAC9C,CAAC,EACD,CAACA,MAAM,CACX,CAAC;EAED,MAAMM,KAAK,GAAGtB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACgB,MAAM,EAAE;MACT,OAAOH,IAAI;IACf;IACA,OAAOA,IAAI,CAACG,MAAM,CAACE,cAAc,CAAC;EACtC,CAAC,EAAE,CAACF,MAAM,EAAEH,IAAI,CAAC,CAAC;EAElB,oBACIf,KAAA,CAAAyB,aAAA,CAACpB,QAAQ;IACLqB,KAAK,EAAEd,CAAC,WAAY;IACpBe,IAAI,EAAEH,KAAM;IACZI,MAAM,eACF5B,KAAA,CAAAyB,aAAA,CAACd,QAAQ;MACLkB,KAAK,EAAEX,MAAO;MACdY,QAAQ,EAAEX,SAAU;MACpBY,gBAAgB,EAAEnB,CAAC;IAAsB,CAC5C,CACJ;IACDoB,kBAAkB,eACdhC,KAAA,CAAAyB,aAAA,CAACnB,0BAA0B;MAAC,eAAa;IAA2B,CAAE;EACzE,GAEA,CAAC;IAAEqB;EAAuC,CAAC,kBACxC3B,KAAA,CAAAyB,aAAA,CAACf,UAAU;IAAC,eAAY;EAAmB,GACtCiB,IAAI,CAACM,GAAG,CAACC,IAAI,iBACVlC,KAAA,CAAAyB,aAAA,CAAClB,QAAQ;IAAC4B,GAAG,EAAED,IAAI,CAACE,EAAG;IAACC,QAAQ,EAAEH,IAAI,CAACE,EAAE,KAAKpB;EAAS,gBACnDhB,KAAA,CAAAyB,aAAA,CAACjB,YAAY;IAAC8B,OAAO,EAAEA,CAAA,KAAMrB,WAAW,CAACiB,IAAI,CAACE,EAAE;EAAE,gBAC9CpC,KAAA,CAAAyB,aAAA,CAAChB,mBAAmB,QAAEyB,IAAI,CAACb,IAA0B,CAC3C,CACR,CACb,CACO,CAEV,CAAC;AAEnB,CAAC","ignoreList":[]}

package/Components/WorkflowsEditor/Editor/Error/FormattedError.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IWorkflowError } from "../../../../Gateways/index.js";
+interface IFormattedErrorProps {
+    error: IWorkflowError;
+}
+export declare const FormattedError: ({ error }: IFormattedErrorProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,37 @@
+import React from "react";
+import { Grid, Heading } from "@webiny/admin-ui";
+const InvalidFields = ({
+  invalidFields
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, Object.keys(invalidFields).map((fieldKey, index) => {
+    const field = invalidFields[fieldKey];
+    return /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12,
+      key: index
+    }, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, field.message), /*#__PURE__*/React.createElement("pre", null, fieldKey));
+  }));
+};
+export const FormattedError = ({
+  error
+}) => {
+  const invalidFields = error.data?.invalidFields || {};
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 6
+  }, "Message"), error.message), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 6
+  }, "Code"), error.code), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 6
+  }, "Fields")), /*#__PURE__*/React.createElement(InvalidFields, {
+    invalidFields: invalidFields
+  }));
+};
+
+//# sourceMappingURL=FormattedError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Heading","InvalidFields","invalidFields","createElement","Fragment","Object","keys","map","fieldKey","index","field","Column","span","key","level","message","FormattedError","error","data","code"],"sources":["FormattedError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IWorkflowError } from \"~/Gateways/index.js\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport type { IWorkflowErrorDataInvalidFields } from \"~/Gateways/abstraction/WorkflowsGateway.js\";\n\ninterface IInvalidFieldsProps {\n    invalidFields: IWorkflowErrorDataInvalidFields;\n}\nconst InvalidFields = ({ invalidFields }: IInvalidFieldsProps) => {\n    return (\n        <>\n            {Object.keys(invalidFields).map((fieldKey, index) => {\n                const field = invalidFields[fieldKey];\n                return (\n                    <Grid.Column span={12} key={index}>\n                        <Heading level={6}>{field.message}</Heading>\n                        <pre>{fieldKey}</pre>\n                    </Grid.Column>\n                );\n            })}\n        </>\n    );\n};\n\ninterface IFormattedErrorProps {\n    error: IWorkflowError;\n}\nexport const FormattedError = ({ error }: IFormattedErrorProps) => {\n    const invalidFields: IWorkflowErrorDataInvalidFields = error.data?.invalidFields || {};\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Heading level={6}>Message</Heading>\n                {error.message}\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Heading level={6}>Code</Heading>\n                {error.code}\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Heading level={6}>Fields</Heading>\n            </Grid.Column>\n            <InvalidFields invalidFields={invalidFields} />\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAMhD,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EAC9D,oBACIJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QACKC,MAAM,CAACC,IAAI,CAACJ,aAAa,CAAC,CAACK,GAAG,CAAC,CAACC,QAAQ,EAAEC,KAAK,KAAK;IACjD,MAAMC,KAAK,GAAGR,aAAa,CAACM,QAAQ,CAAC;IACrC,oBACIV,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACY,MAAM;MAACC,IAAI,EAAE,EAAG;MAACC,GAAG,EAAEJ;IAAM,gBAC9BX,KAAA,CAAAK,aAAA,CAACH,OAAO;MAACc,KAAK,EAAE;IAAE,GAAEJ,KAAK,CAACK,OAAiB,CAAC,eAC5CjB,KAAA,CAAAK,aAAA,cAAMK,QAAc,CACX,CAAC;EAEtB,CAAC,CACH,CAAC;AAEX,CAAC;AAKD,OAAO,MAAMQ,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC/D,MAAMf,aAA8C,GAAGe,KAAK,CAACC,IAAI,EAAEhB,aAAa,IAAI,CAAC,CAAC;EACtF,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,qBACDD,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACc,KAAK,EAAE;EAAE,GAAC,SAAgB,CAAC,EACnCG,KAAK,CAACF,OACE,CAAC,eACdjB,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACc,KAAK,EAAE;EAAE,GAAC,MAAa,CAAC,EAChCG,KAAK,CAACE,IACE,CAAC,eACdrB,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACc,KAAK,EAAE;EAAE,GAAC,QAAe,CACzB,CAAC,eACdhB,KAAA,CAAAK,aAAA,CAACF,aAAa;IAACC,aAAa,EAAEA;EAAc,CAAE,CAC5C,CAAC;AAEf,CAAC","ignoreList":[]}

package/Components/WorkflowsEditor/Editor/Error/WorkflowError.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IWorkflowError } from "../../../../Gateways/index.js";
+interface IWorkflowErrorProps {
+    error: IWorkflowError | null;
+}
+export declare const WorkflowError: (props: IWorkflowErrorProps) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,41 @@
+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
+  })));
+};
+
+//# sourceMappingURL=WorkflowError.js.map

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

@@ -0,0 +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":[]}

package/Components/WorkflowsEditor/Editor/Step/Form/StepFormColor.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const StepFormColor: () => React.JSX.Element;