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

package/Components/WorkflowState/Bar/Dialogs/StartDialog.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { StartDialog as BaseStartDialog } from "../../../WorkflowStateDialogs/index.js";
+export const StartDialog = props => {
+  const {
+    presenter
+  } = props;
+  const step = presenter.vm.step;
+  if (!step) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(BaseStartDialog, {
+    onStart: presenter.start,
+    hide: presenter.hideDialog,
+    loading: presenter.vm.loading,
+    title: step.title
+  });
+};
+
+//# sourceMappingURL=StartDialog.js.map

package/Components/WorkflowState/Bar/Dialogs/StartDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StartDialog","BaseStartDialog","props","presenter","step","vm","createElement","onStart","start","hide","hideDialog","loading","title"],"sources":["StartDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { StartDialog as BaseStartDialog } from \"~/Components/WorkflowStateDialogs/index.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\n\ninterface IStartDialogProps {\n    presenter: IWorkflowStatePresenter;\n}\n\nexport const StartDialog = (props: IStartDialogProps) => {\n    const { presenter } = props;\n    const step = presenter.vm.step;\n    if (!step) {\n        return null;\n    }\n\n    return (\n        <BaseStartDialog\n            onStart={presenter.start}\n            hide={presenter.hideDialog}\n            loading={presenter.vm.loading}\n            title={step.title}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,IAAIC,eAAe;AAOvC,OAAO,MAAMD,WAAW,GAAIE,KAAwB,IAAK;EACrD,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,MAAME,IAAI,GAAGD,SAAS,CAACE,EAAE,CAACD,IAAI;EAC9B,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIL,KAAA,CAAAO,aAAA,CAACL,eAAe;IACZM,OAAO,EAAEJ,SAAS,CAACK,KAAM;IACzBC,IAAI,EAAEN,SAAS,CAACO,UAAW;IAC3BC,OAAO,EAAER,SAAS,CAACE,EAAE,CAACM,OAAQ;IAC9BC,KAAK,EAAER,IAAI,CAACQ;EAAM,CACrB,CAAC;AAEV,CAAC","ignoreList":[]}

package/Components/WorkflowState/Bar/Dialogs/StartSuccessDialog.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IWorkflowStatePresenter } from "../../../../Presenters/index.js";
+interface IStartSuccessDialogProps {
+    presenter: IWorkflowStatePresenter;
+}
+export declare const StartSuccessDialog: (props: IStartSuccessDialogProps) => React.JSX.Element | null;
+export {};

package/Components/WorkflowState/Bar/Dialogs/StartSuccessDialog.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { StartSuccessDialog as BaseStartSuccessDialog } from "../../../WorkflowStateDialogs/index.js";
+export const StartSuccessDialog = props => {
+  const {
+    presenter
+  } = props;
+  const step = presenter.vm.step;
+  if (!step) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(BaseStartSuccessDialog, {
+    hide: presenter.hideDialog,
+    title: step.title
+  });
+};
+
+//# sourceMappingURL=StartSuccessDialog.js.map

package/Components/WorkflowState/Bar/Dialogs/StartSuccessDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StartSuccessDialog","BaseStartSuccessDialog","props","presenter","step","vm","createElement","hide","hideDialog","title"],"sources":["StartSuccessDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { StartSuccessDialog as BaseStartSuccessDialog } from \"~/Components/WorkflowStateDialogs/index.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\n\ninterface IStartSuccessDialogProps {\n    presenter: IWorkflowStatePresenter;\n}\n\nexport const StartSuccessDialog = (props: IStartSuccessDialogProps) => {\n    const { presenter } = props;\n\n    const step = presenter.vm.step;\n\n    if (!step) {\n        return null;\n    }\n\n    return <BaseStartSuccessDialog hide={presenter.hideDialog} title={step.title} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,IAAIC,sBAAsB;AAOrD,OAAO,MAAMD,kBAAkB,GAAIE,KAA+B,IAAK;EACnE,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAE3B,MAAME,IAAI,GAAGD,SAAS,CAACE,EAAE,CAACD,IAAI;EAE9B,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBAAOL,KAAA,CAAAO,aAAA,CAACL,sBAAsB;IAACM,IAAI,EAAEJ,SAAS,CAACK,UAAW;IAACC,KAAK,EAAEL,IAAI,CAACK;EAAM,CAAE,CAAC;AACpF,CAAC","ignoreList":[]}

package/Components/WorkflowState/Bar/Dialogs/TakeOverDialog.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IWorkflowStatePresenter } from "../../../../Presenters/index.js";
+interface ITakeOverDialogProps {
+    presenter: IWorkflowStatePresenter;
+}
+export declare const TakeOverDialog: (props: ITakeOverDialogProps) => React.JSX.Element | null;
+export {};

package/Components/WorkflowState/Bar/Dialogs/TakeOverDialog.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { TakeOverDialog as BaseTakeOverDialog } from "../../../WorkflowStateDialogs/index.js";
+export const TakeOverDialog = props => {
+  const {
+    presenter
+  } = props;
+  const step = presenter.vm.step;
+  if (!step) {
+    return null;
+  }
+  const displayName = step.savedBy?.displayName || "unknown: " + step.savedBy?.id || "N/A";
+  return /*#__PURE__*/React.createElement(BaseTakeOverDialog, {
+    onTakeOver: presenter.takeOver,
+    hide: presenter.hideDialog,
+    loading: presenter.vm.loading,
+    title: step.title,
+    displayName: displayName
+  });
+};
+
+//# sourceMappingURL=TakeOverDialog.js.map

package/Components/WorkflowState/Bar/Dialogs/TakeOverDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TakeOverDialog","BaseTakeOverDialog","props","presenter","step","vm","displayName","savedBy","id","createElement","onTakeOver","takeOver","hide","hideDialog","loading","title"],"sources":["TakeOverDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { TakeOverDialog as BaseTakeOverDialog } from \"~/Components/WorkflowStateDialogs/index.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\n\ninterface ITakeOverDialogProps {\n    presenter: IWorkflowStatePresenter;\n}\n\nexport const TakeOverDialog = (props: ITakeOverDialogProps) => {\n    const { presenter } = props;\n    const step = presenter.vm.step;\n    if (!step) {\n        return null;\n    }\n\n    const displayName = step.savedBy?.displayName || \"unknown: \" + step.savedBy?.id || \"N/A\";\n\n    return (\n        <BaseTakeOverDialog\n            onTakeOver={presenter.takeOver}\n            hide={presenter.hideDialog}\n            loading={presenter.vm.loading}\n            title={step.title}\n            displayName={displayName}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,kBAAkB;AAO7C,OAAO,MAAMD,cAAc,GAAIE,KAA2B,IAAK;EAC3D,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,MAAME,IAAI,GAAGD,SAAS,CAACE,EAAE,CAACD,IAAI;EAC9B,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,MAAME,WAAW,GAAGF,IAAI,CAACG,OAAO,EAAED,WAAW,IAAI,WAAW,GAAGF,IAAI,CAACG,OAAO,EAAEC,EAAE,IAAI,KAAK;EAExF,oBACIT,KAAA,CAAAU,aAAA,CAACR,kBAAkB;IACfS,UAAU,EAAEP,SAAS,CAACQ,QAAS;IAC/BC,IAAI,EAAET,SAAS,CAACU,UAAW;IAC3BC,OAAO,EAAEX,SAAS,CAACE,EAAE,CAACS,OAAQ;IAC9BC,KAAK,EAAEX,IAAI,CAACW,KAAM;IAClBT,WAAW,EAAEA;EAAY,CAC5B,CAAC;AAEV,CAAC","ignoreList":[]}

package/Components/WorkflowState/Bar/Dialogs/TakeOverSuccessDialog.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IWorkflowStatePresenter } from "../../../../Presenters/index.js";
+interface ITakeOverSuccessDialogProps {
+    presenter: IWorkflowStatePresenter;
+}
+export declare const TakeOverSuccessDialog: (props: ITakeOverSuccessDialogProps) => React.JSX.Element | null;
+export {};

package/Components/WorkflowState/Bar/Dialogs/TakeOverSuccessDialog.js

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

package/Components/WorkflowState/Bar/Dialogs/TakeOverSuccessDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TakeOverSuccessDialog","BaseTakeOverSuccessDialog","props","presenter","step","vm","createElement","hide","hideDialog","title"],"sources":["TakeOverSuccessDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { TakeOverSuccessDialog as BaseTakeOverSuccessDialog } from \"~/Components/WorkflowStateDialogs/index.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\n\ninterface ITakeOverSuccessDialogProps {\n    presenter: IWorkflowStatePresenter;\n}\n\nexport const TakeOverSuccessDialog = (props: ITakeOverSuccessDialogProps) => {\n    const { presenter } = props;\n\n    const step = presenter.vm.step;\n\n    if (!step) {\n        return null;\n    }\n\n    return <BaseTakeOverSuccessDialog hide={presenter.hideDialog} title={step.title} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,IAAIC,yBAAyB;AAO3D,OAAO,MAAMD,qBAAqB,GAAIE,KAAkC,IAAK;EACzE,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAE3B,MAAME,IAAI,GAAGD,SAAS,CAACE,EAAE,CAACD,IAAI;EAE9B,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBAAOL,KAAA,CAAAO,aAAA,CAACL,yBAAyB;IAACM,IAAI,EAAEJ,SAAS,CAACK,UAAW;IAACC,KAAK,EAAEL,IAAI,CAACK;EAAM,CAAE,CAAC;AACvF,CAAC","ignoreList":[]}

package/Components/WorkflowState/Bar/Dialogs/index.d.ts

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

package/Components/WorkflowState/Bar/Dialogs/index.js

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

package/Components/WorkflowState/Bar/Dialogs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ApproveDialog.js\";\nexport * from \"./ApproveSuccessDialog.js\";\nexport * from \"./CancelReviewDialog.js\";\nexport * from \"./CommentDialog.js\";\nexport * from \"./RejectDialog.js\";\nexport * from \"./RejectSuccessDialog.js\";\nexport * from \"./RequestReviewDialog.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;AACA;AACA;AACA","ignoreList":[]}

package/Components/WorkflowState/Bar/WorkflowStateBar.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { IWorkflow, IWorkflowState } from "../../../types.js";
+interface IWorkflowStateBarPropsChildrenParams {
+    workflow: IWorkflow;
+    state?: IWorkflowState | null;
+}
+interface IWorkflowStateBarPropsChildren {
+    (params: IWorkflowStateBarPropsChildrenParams): React.ReactElement | React.ReactElement[] | null;
+}
+export interface IWorkflowStateBarProps {
+    /**
+     * To have access to a state and workflow, render function is meant to be used.
+     * It will rerender on every state change, and it will provide the latest state and workflow.
+     *
+     * Also, this way we avoid using MobX in the consumers of this component.
+     */
+    children?: IWorkflowStateBarPropsChildren | React.ReactElement | React.ReactElement[] | null;
+}
+export declare const WorkflowStateBar: ((props: IWorkflowStateBarProps) => React.JSX.Element | null) & {
+    displayName: string;
+};
+export {};

package/Components/WorkflowState/Bar/WorkflowStateBar.js

@@ -0,0 +1,35 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { Plugins } from "@webiny/app";
+import { WorkflowStateBarError } from "./Bars/WorkflowStateBarError.js";
+import { WorkflowStateBarLoading } from "./Bars/WorkflowStateBarLoading.js";
+import { WorkflowStateBarRequestReview } from "./Bars/WorkflowStateBarRequestReview.js";
+import { WorkflowStateBarCancelReview } from "./Bars/WorkflowStateBarCancelReview.js";
+import { WorkflowStateBarReview } from "./Bars/WorkflowStateBarReview.js";
+import { WorkflowStateBarApproved } from "./Bars/WorkflowStateBarApproved.js";
+import { WorkflowStateBarRejected } from "./Bars/WorkflowStateBarRejected.js";
+import { WorkflowStateBarWorkflow } from "./Bars/WorkflowStateBarWorkflow.js";
+import { WorkflowStateBarComponent } from "./WorkflowStateBarComponent.js";
+import { WorkflowStateBarStartReview } from "./Bars/WorkflowStateBarStartReview.js";
+import { useWorkflowState } from "../useWorkflowState.js";
+import { WorkflowStateBarDialogs } from "./WorkflowStateBarDialogs.js";
+export const WorkflowStateBar = observer(props => {
+  const {
+    presenter
+  } = useWorkflowState();
+  /**
+   * If no workflow, do not show anything - there might not be a workflow assigned.
+   * We do not want to show loading or error states in this case.
+   */
+  if (!presenter.vm.workflow) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WorkflowStateBarDialogs, null), /*#__PURE__*/React.createElement(Plugins, null, /*#__PURE__*/React.createElement(WorkflowStateBarApproved, null), /*#__PURE__*/React.createElement(WorkflowStateBarRejected, null), /*#__PURE__*/React.createElement(WorkflowStateBarReview, null), /*#__PURE__*/React.createElement(WorkflowStateBarStartReview, null), /*#__PURE__*/React.createElement(WorkflowStateBarCancelReview, null), /*#__PURE__*/React.createElement(WorkflowStateBarRequestReview, null), /*#__PURE__*/React.createElement(WorkflowStateBarLoading, null), /*#__PURE__*/React.createElement(WorkflowStateBarWorkflow, null), /*#__PURE__*/React.createElement(WorkflowStateBarError, null)), /*#__PURE__*/React.createElement(WorkflowStateBarComponent, {
+    presenter: presenter
+  }), typeof props.children === "function" ? props.children({
+    state: presenter.vm.state,
+    workflow: presenter.vm.workflow
+  }) : props.children);
+});
+
+//# sourceMappingURL=WorkflowStateBar.js.map

package/Components/WorkflowState/Bar/WorkflowStateBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","Plugins","WorkflowStateBarError","WorkflowStateBarLoading","WorkflowStateBarRequestReview","WorkflowStateBarCancelReview","WorkflowStateBarReview","WorkflowStateBarApproved","WorkflowStateBarRejected","WorkflowStateBarWorkflow","WorkflowStateBarComponent","WorkflowStateBarStartReview","useWorkflowState","WorkflowStateBarDialogs","WorkflowStateBar","props","presenter","vm","workflow","createElement","Fragment","children","state"],"sources":["WorkflowStateBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Plugins } from \"@webiny/app\";\nimport { WorkflowStateBarError } from \"./Bars/WorkflowStateBarError.js\";\nimport { WorkflowStateBarLoading } from \"./Bars/WorkflowStateBarLoading.js\";\nimport { WorkflowStateBarRequestReview } from \"./Bars/WorkflowStateBarRequestReview.js\";\nimport { WorkflowStateBarCancelReview } from \"./Bars/WorkflowStateBarCancelReview.js\";\nimport { WorkflowStateBarReview } from \"./Bars/WorkflowStateBarReview.js\";\nimport { WorkflowStateBarApproved } from \"./Bars/WorkflowStateBarApproved.js\";\nimport { WorkflowStateBarRejected } from \"./Bars/WorkflowStateBarRejected.js\";\nimport { WorkflowStateBarWorkflow } from \"./Bars/WorkflowStateBarWorkflow.js\";\nimport { WorkflowStateBarComponent } from \"./WorkflowStateBarComponent.js\";\nimport { WorkflowStateBarStartReview } from \"./Bars/WorkflowStateBarStartReview.js\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\nimport { WorkflowStateBarDialogs } from \"~/Components/WorkflowState/Bar/WorkflowStateBarDialogs.js\";\nimport type { IWorkflow, IWorkflowState } from \"~/types.js\";\n\ninterface IWorkflowStateBarPropsChildrenParams {\n    workflow: IWorkflow;\n    state?: IWorkflowState | null;\n}\ninterface IWorkflowStateBarPropsChildren {\n    (\n        params: IWorkflowStateBarPropsChildrenParams\n    ): React.ReactElement | React.ReactElement[] | null;\n}\nexport interface IWorkflowStateBarProps {\n    /**\n     * To have access to a state and workflow, render function is meant to be used.\n     * It will rerender on every state change, and it will provide the latest state and workflow.\n     *\n     * Also, this way we avoid using MobX in the consumers of this component.\n     */\n    children?: IWorkflowStateBarPropsChildren | React.ReactElement | React.ReactElement[] | null;\n}\n\nexport const WorkflowStateBar = observer((props: IWorkflowStateBarProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * If no workflow, do not show anything - there might not be a workflow assigned.\n     * We do not want to show loading or error states in this case.\n     */\n    if (!presenter.vm.workflow) {\n        return null;\n    }\n\n    return (\n        <>\n            <WorkflowStateBarDialogs />\n            <Plugins>\n                <WorkflowStateBarApproved />\n                <WorkflowStateBarRejected />\n                <WorkflowStateBarReview />\n                <WorkflowStateBarStartReview />\n                <WorkflowStateBarCancelReview />\n                <WorkflowStateBarRequestReview />\n                <WorkflowStateBarLoading />\n                <WorkflowStateBarWorkflow />\n                <WorkflowStateBarError />\n            </Plugins>\n            <WorkflowStateBarComponent presenter={presenter} />\n            {typeof props.children === \"function\"\n                ? props.children({ state: presenter.vm.state, workflow: presenter.vm.workflow })\n                : props.children}\n        </>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,qBAAqB;AAC9B,SAASC,uBAAuB;AAChC,SAASC,6BAA6B;AACtC,SAASC,4BAA4B;AACrC,SAASC,sBAAsB;AAC/B,SAASC,wBAAwB;AACjC,SAASC,wBAAwB;AACjC,SAASC,wBAAwB;AACjC,SAASC,yBAAyB;AAClC,SAASC,2BAA2B;AACpC,SAASC,gBAAgB;AACzB,SAASC,uBAAuB;AAsBhC,OAAO,MAAMC,gBAAgB,GAAGd,QAAQ,CAAEe,KAA6B,IAAK;EACxE,MAAM;IAAEC;EAAU,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EACxC;AACJ;AACA;AACA;EACI,IAAI,CAACI,SAAS,CAACC,EAAE,CAACC,QAAQ,EAAE;IACxB,OAAO,IAAI;EACf;EAEA,oBACInB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,CAACN,uBAAuB,MAAE,CAAC,eAC3Bd,KAAA,CAAAoB,aAAA,CAAClB,OAAO,qBACJF,KAAA,CAAAoB,aAAA,CAACZ,wBAAwB,MAAE,CAAC,eAC5BR,KAAA,CAAAoB,aAAA,CAACX,wBAAwB,MAAE,CAAC,eAC5BT,KAAA,CAAAoB,aAAA,CAACb,sBAAsB,MAAE,CAAC,eAC1BP,KAAA,CAAAoB,aAAA,CAACR,2BAA2B,MAAE,CAAC,eAC/BZ,KAAA,CAAAoB,aAAA,CAACd,4BAA4B,MAAE,CAAC,eAChCN,KAAA,CAAAoB,aAAA,CAACf,6BAA6B,MAAE,CAAC,eACjCL,KAAA,CAAAoB,aAAA,CAAChB,uBAAuB,MAAE,CAAC,eAC3BJ,KAAA,CAAAoB,aAAA,CAACV,wBAAwB,MAAE,CAAC,eAC5BV,KAAA,CAAAoB,aAAA,CAACjB,qBAAqB,MAAE,CACnB,CAAC,eACVH,KAAA,CAAAoB,aAAA,CAACT,yBAAyB;IAACM,SAAS,EAAEA;EAAU,CAAE,CAAC,EAClD,OAAOD,KAAK,CAACM,QAAQ,KAAK,UAAU,GAC/BN,KAAK,CAACM,QAAQ,CAAC;IAAEC,KAAK,EAAEN,SAAS,CAACC,EAAE,CAACK,KAAK;IAAEJ,QAAQ,EAAEF,SAAS,CAACC,EAAE,CAACC;EAAS,CAAC,CAAC,GAC9EH,KAAK,CAACM,QACd,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

package/Components/WorkflowState/Bar/WorkflowStateBarComponent.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import type { IWorkflowStatePresenter } from "../../../Presenters/index.js";
+export interface IWorkflowStateBarComponentProps {
+    presenter: IWorkflowStatePresenter;
+}
+/**
+ * Code should never reach this point, as all possible states should be handled by decorators.
+ * This is just a fallback to help debugging.
+ */
+export declare const WorkflowStateBarComponent: ((props: IWorkflowStateBarComponentProps) => React.JSX.Element) & {
+    displayName: string;
+} & {
+    original: ((props: IWorkflowStateBarComponentProps) => React.JSX.Element) & {
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: IWorkflowStateBarComponentProps) => React.JSX.Element) & {
+        displayName: string;
+    } & {
+        original: ((props: IWorkflowStateBarComponentProps) => React.JSX.Element) & {
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app/index").ComponentDecorator<((props: IWorkflowStateBarComponentProps) => React.JSX.Element) & {
+        displayName: string;
+    } & {
+        original: ((props: IWorkflowStateBarComponentProps) => React.JSX.Element) & {
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/Components/WorkflowState/Bar/WorkflowStateBarComponent.js

@@ -0,0 +1,23 @@
+import { Alert, makeDecoratable } from "@webiny/admin-ui";
+import React from "react";
+import { observer } from "mobx-react-lite";
+const debug = process.env.DEBUG === "true";
+/**
+ * Code should never reach this point, as all possible states should be handled by decorators.
+ * This is just a fallback to help debugging.
+ */
+export const WorkflowStateBarComponent = makeDecoratable("WorkflowStateBarComponent", observer(props => {
+  const {
+    presenter
+  } = props;
+  if (presenter.vm.loading) {
+    return /*#__PURE__*/React.createElement(Alert, null, "Loading...");
+  } else if (!debug) {
+    return /*#__PURE__*/React.createElement(Alert, null, "Something went wrong, please contact the administrator.");
+  }
+  return /*#__PURE__*/React.createElement(Alert, null, /*#__PURE__*/React.createElement("div", null, "Debugging info:"), JSON.stringify({
+    ...presenter.vm
+  }));
+}));
+
+//# sourceMappingURL=WorkflowStateBarComponent.js.map

package/Components/WorkflowState/Bar/WorkflowStateBarComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Alert","makeDecoratable","React","observer","debug","process","env","DEBUG","WorkflowStateBarComponent","props","presenter","vm","loading","createElement","JSON","stringify"],"sources":["WorkflowStateBarComponent.tsx"],"sourcesContent":["import { Alert, makeDecoratable } from \"@webiny/admin-ui\";\nimport React from \"react\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { observer } from \"mobx-react-lite\";\n\nexport interface IWorkflowStateBarComponentProps {\n    presenter: IWorkflowStatePresenter;\n}\n\nconst debug = process.env.DEBUG === \"true\";\n/**\n * Code should never reach this point, as all possible states should be handled by decorators.\n * This is just a fallback to help debugging.\n */\nexport const WorkflowStateBarComponent = makeDecoratable(\n    \"WorkflowStateBarComponent\",\n    observer((props: IWorkflowStateBarComponentProps) => {\n        const { presenter } = props;\n\n        if (presenter.vm.loading) {\n            return <Alert>Loading...</Alert>;\n        } else if (!debug) {\n            return <Alert>Something went wrong, please contact the administrator.</Alert>;\n        }\n\n        return (\n            <Alert>\n                <div>Debugging info:</div>\n                {JSON.stringify({\n                    ...presenter.vm\n                })}\n            </Alert>\n        );\n    })\n);\n"],"mappings":"AAAA,SAASA,KAAK,EAAEC,eAAe,QAAQ,kBAAkB;AACzD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,iBAAiB;AAM1C,MAAMC,KAAK,GAAGC,OAAO,CAACC,GAAG,CAACC,KAAK,KAAK,MAAM;AAC1C;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAGP,eAAe,CACpD,2BAA2B,EAC3BE,QAAQ,CAAEM,KAAsC,IAAK;EACjD,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAE3B,IAAIC,SAAS,CAACC,EAAE,CAACC,OAAO,EAAE;IACtB,oBAAOV,KAAA,CAAAW,aAAA,CAACb,KAAK,QAAC,YAAiB,CAAC;EACpC,CAAC,MAAM,IAAI,CAACI,KAAK,EAAE;IACf,oBAAOF,KAAA,CAAAW,aAAA,CAACb,KAAK,QAAC,yDAA8D,CAAC;EACjF;EAEA,oBACIE,KAAA,CAAAW,aAAA,CAACb,KAAK,qBACFE,KAAA,CAAAW,aAAA,cAAK,iBAAoB,CAAC,EACzBC,IAAI,CAACC,SAAS,CAAC;IACZ,GAAGL,SAAS,CAACC;EACjB,CAAC,CACE,CAAC;AAEhB,CAAC,CACL,CAAC","ignoreList":[]}

package/Components/WorkflowState/Bar/WorkflowStateBarDialogs.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const WorkflowStateBarDialogs: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/Components/WorkflowState/Bar/WorkflowStateBarDialogs.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { useWorkflowState } from "../useWorkflowState.js";
+import { ApproveDialog, ApproveSuccessDialog, CancelReviewDialog, CommentDialog, RejectDialog, RejectSuccessDialog, RequestReviewDialog, StartDialog, StartSuccessDialog, TakeOverDialog, TakeOverSuccessDialog } from "./Dialogs/index.js";
+export const WorkflowStateBarDialogs = observer(() => {
+  const {
+    presenter
+  } = useWorkflowState();
+  switch (presenter.vm.dialog?.type) {
+    case "cancelReview":
+      return /*#__PURE__*/React.createElement(CancelReviewDialog, {
+        presenter: presenter
+      });
+    case "requestReview":
+      return /*#__PURE__*/React.createElement(RequestReviewDialog, {
+        presenter: presenter
+      });
+    case "start":
+      return /*#__PURE__*/React.createElement(StartDialog, {
+        presenter: presenter
+      });
+    case "start:success":
+      return /*#__PURE__*/React.createElement(StartSuccessDialog, {
+        presenter: presenter
+      });
+    case "approve":
+      return /*#__PURE__*/React.createElement(ApproveDialog, {
+        presenter: presenter
+      });
+    case "approve:success":
+      return /*#__PURE__*/React.createElement(ApproveSuccessDialog, {
+        presenter: presenter
+      });
+    case "reject":
+      return /*#__PURE__*/React.createElement(RejectDialog, {
+        presenter: presenter
+      });
+    case "reject:success":
+      return /*#__PURE__*/React.createElement(RejectSuccessDialog, {
+        presenter: presenter
+      });
+    case "comment":
+      return /*#__PURE__*/React.createElement(CommentDialog, {
+        presenter: presenter
+      });
+    case "takeOver":
+      return /*#__PURE__*/React.createElement(TakeOverDialog, {
+        presenter: presenter
+      });
+    case "takeOver:success":
+      return /*#__PURE__*/React.createElement(TakeOverSuccessDialog, {
+        presenter: presenter
+      });
+  }
+  return null;
+});
+
+//# sourceMappingURL=WorkflowStateBarDialogs.js.map

package/Components/WorkflowState/Bar/WorkflowStateBarDialogs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","useWorkflowState","ApproveDialog","ApproveSuccessDialog","CancelReviewDialog","CommentDialog","RejectDialog","RejectSuccessDialog","RequestReviewDialog","StartDialog","StartSuccessDialog","TakeOverDialog","TakeOverSuccessDialog","WorkflowStateBarDialogs","presenter","vm","dialog","type","createElement"],"sources":["WorkflowStateBarDialogs.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\nimport {\n    ApproveDialog,\n    ApproveSuccessDialog,\n    CancelReviewDialog,\n    CommentDialog,\n    RejectDialog,\n    RejectSuccessDialog,\n    RequestReviewDialog,\n    StartDialog,\n    StartSuccessDialog,\n    TakeOverDialog,\n    TakeOverSuccessDialog\n} from \"./Dialogs/index.js\";\n\nexport const WorkflowStateBarDialogs = observer(() => {\n    const { presenter } = useWorkflowState();\n\n    switch (presenter.vm.dialog?.type) {\n        case \"cancelReview\":\n            return <CancelReviewDialog presenter={presenter} />;\n        case \"requestReview\":\n            return <RequestReviewDialog presenter={presenter} />;\n        case \"start\":\n            return <StartDialog presenter={presenter} />;\n        case \"start:success\":\n            return <StartSuccessDialog presenter={presenter} />;\n        case \"approve\":\n            return <ApproveDialog presenter={presenter} />;\n        case \"approve:success\":\n            return <ApproveSuccessDialog presenter={presenter} />;\n        case \"reject\":\n            return <RejectDialog presenter={presenter} />;\n        case \"reject:success\":\n            return <RejectSuccessDialog presenter={presenter} />;\n        case \"comment\":\n            return <CommentDialog presenter={presenter} />;\n        case \"takeOver\":\n            return <TakeOverDialog presenter={presenter} />;\n        case \"takeOver:success\":\n            return <TakeOverSuccessDialog presenter={presenter} />;\n    }\n    return null;\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,gBAAgB;AACzB,SACIC,aAAa,EACbC,oBAAoB,EACpBC,kBAAkB,EAClBC,aAAa,EACbC,YAAY,EACZC,mBAAmB,EACnBC,mBAAmB,EACnBC,WAAW,EACXC,kBAAkB,EAClBC,cAAc,EACdC,qBAAqB;AAGzB,OAAO,MAAMC,uBAAuB,GAAGb,QAAQ,CAAC,MAAM;EAClD,MAAM;IAAEc;EAAU,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EAExC,QAAQa,SAAS,CAACC,EAAE,CAACC,MAAM,EAAEC,IAAI;IAC7B,KAAK,cAAc;MACf,oBAAOlB,KAAA,CAAAmB,aAAA,CAACd,kBAAkB;QAACU,SAAS,EAAEA;MAAU,CAAE,CAAC;IACvD,KAAK,eAAe;MAChB,oBAAOf,KAAA,CAAAmB,aAAA,CAACV,mBAAmB;QAACM,SAAS,EAAEA;MAAU,CAAE,CAAC;IACxD,KAAK,OAAO;MACR,oBAAOf,KAAA,CAAAmB,aAAA,CAACT,WAAW;QAACK,SAAS,EAAEA;MAAU,CAAE,CAAC;IAChD,KAAK,eAAe;MAChB,oBAAOf,KAAA,CAAAmB,aAAA,CAACR,kBAAkB;QAACI,SAAS,EAAEA;MAAU,CAAE,CAAC;IACvD,KAAK,SAAS;MACV,oBAAOf,KAAA,CAAAmB,aAAA,CAAChB,aAAa;QAACY,SAAS,EAAEA;MAAU,CAAE,CAAC;IAClD,KAAK,iBAAiB;MAClB,oBAAOf,KAAA,CAAAmB,aAAA,CAACf,oBAAoB;QAACW,SAAS,EAAEA;MAAU,CAAE,CAAC;IACzD,KAAK,QAAQ;MACT,oBAAOf,KAAA,CAAAmB,aAAA,CAACZ,YAAY;QAACQ,SAAS,EAAEA;MAAU,CAAE,CAAC;IACjD,KAAK,gBAAgB;MACjB,oBAAOf,KAAA,CAAAmB,aAAA,CAACX,mBAAmB;QAACO,SAAS,EAAEA;MAAU,CAAE,CAAC;IACxD,KAAK,SAAS;MACV,oBAAOf,KAAA,CAAAmB,aAAA,CAACb,aAAa;QAACS,SAAS,EAAEA;MAAU,CAAE,CAAC;IAClD,KAAK,UAAU;MACX,oBAAOf,KAAA,CAAAmB,aAAA,CAACP,cAAc;QAACG,SAAS,EAAEA;MAAU,CAAE,CAAC;IACnD,KAAK,kBAAkB;MACnB,oBAAOf,KAAA,CAAAmB,aAAA,CAACN,qBAAqB;QAACE,SAAS,EAAEA;MAAU,CAAE,CAAC;EAC9D;EACA,OAAO,IAAI;AACf,CAAC,CAAC","ignoreList":[]}

package/Components/WorkflowState/Bar/index.d.ts

@@ -0,0 +1 @@
+export * from "./WorkflowStateBar.js";

package/Components/WorkflowState/Bar/index.js

@@ -0,0 +1,3 @@
+export * from "./WorkflowStateBar.js";
+
+//# sourceMappingURL=index.js.map

package/Components/WorkflowState/Bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./WorkflowStateBar.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Components/WorkflowState/Overlay/WorkflowStateOverlay.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { IWorkflowState } from "../../../types.js";
+interface IWorkflowStateOverlayPropsChildrenProps {
+    state: IWorkflowState | undefined;
+}
+interface IWorkflowStateOverlayPropsChildren {
+    (props: IWorkflowStateOverlayPropsChildrenProps): React.ReactNode;
+}
+export interface IWorkflowStateOverlayProps {
+    children: React.ReactNode | IWorkflowStateOverlayPropsChildren;
+}
+export declare const WorkflowStateOverlay: (({ children }: IWorkflowStateOverlayProps) => React.ReactNode) & {
+    displayName: string;
+};
+export {};

package/Components/WorkflowState/Overlay/WorkflowStateOverlay.js

@@ -0,0 +1,17 @@
+import { useWorkflowState } from "../useWorkflowState.js";
+import { observer } from "mobx-react-lite";
+export const WorkflowStateOverlay = observer(({
+  children
+}) => {
+  const {
+    presenter
+  } = useWorkflowState();
+  if (typeof children === "function") {
+    return children({
+      state: presenter.vm.state || undefined
+    });
+  }
+  return children;
+});
+
+//# sourceMappingURL=WorkflowStateOverlay.js.map

package/Components/WorkflowState/Overlay/WorkflowStateOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useWorkflowState","observer","WorkflowStateOverlay","children","presenter","state","vm","undefined"],"sources":["WorkflowStateOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\nimport { observer } from \"mobx-react-lite\";\nimport type { IWorkflowState } from \"~/types.js\";\n\ninterface IWorkflowStateOverlayPropsChildrenProps {\n    state: IWorkflowState | undefined;\n}\n\ninterface IWorkflowStateOverlayPropsChildren {\n    (props: IWorkflowStateOverlayPropsChildrenProps): React.ReactNode;\n}\n\nexport interface IWorkflowStateOverlayProps {\n    children: React.ReactNode | IWorkflowStateOverlayPropsChildren;\n}\n\nexport const WorkflowStateOverlay = observer(({ children }: IWorkflowStateOverlayProps) => {\n    const { presenter } = useWorkflowState();\n    if (typeof children === \"function\") {\n        return children({ state: presenter.vm.state || undefined });\n    }\n    return children;\n});\n"],"mappings":"AACA,SAASA,gBAAgB;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAe1C,OAAO,MAAMC,oBAAoB,GAAGD,QAAQ,CAAC,CAAC;EAAEE;AAAqC,CAAC,KAAK;EACvF,MAAM;IAAEC;EAAU,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EACxC,IAAI,OAAOG,QAAQ,KAAK,UAAU,EAAE;IAChC,OAAOA,QAAQ,CAAC;MAAEE,KAAK,EAAED,SAAS,CAACE,EAAE,CAACD,KAAK,IAAIE;IAAU,CAAC,CAAC;EAC/D;EACA,OAAOJ,QAAQ;AACnB,CAAC,CAAC","ignoreList":[]}

package/Components/WorkflowState/Tooltip/WorkflowStateTooltip.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { IWorkflowStatePresenter } from "../../../Presenters/index.js";
+export interface IWorkflowStateTooltipButtonProps {
+    presenter: IWorkflowStatePresenter;
+    Icon?: React.ComponentType;
+}
+export interface IWorkflowStateTooltipProps {
+    Icon?: React.ComponentType;
+}
+export declare const WorkflowStateTooltip: (props: IWorkflowStateTooltipProps) => React.JSX.Element;

package/Components/WorkflowState/Tooltip/WorkflowStateTooltip.js

@@ -0,0 +1,47 @@
+import React from "react";
+import { Button, Icon as IconWrap, Popover } from "@webiny/admin-ui";
+import { ReactComponent as WorkflowStateTooltipIcon } from "@webiny/icons/list.svg";
+import { WorkflowStateTooltipContent } from "./WorkflowStateTooltipContent.js";
+import { observer } from "mobx-react-lite";
+import { useWorkflowState } from "../useWorkflowState.js";
+const WorkflowStateTooltipObserver = observer(props => {
+  const {
+    presenter,
+    Icon
+  } = props;
+  const {
+    state
+  } = presenter.vm;
+  if (!state) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Popover, {
+    trigger: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      text: /*#__PURE__*/React.createElement(IconWrap, {
+        label: "Tooltip",
+        size: "sm",
+        icon: Icon ? /*#__PURE__*/React.createElement(Icon, null) : /*#__PURE__*/React.createElement(WorkflowStateTooltipIcon, null)
+      })
+    })),
+    content: /*#__PURE__*/React.createElement(WorkflowStateTooltipContent, {
+      state: state,
+      presenter: presenter
+    }),
+    align: "center",
+    side: "bottom",
+    arrow: true,
+    close: false
+  });
+});
+export const WorkflowStateTooltip = props => {
+  const {
+    presenter
+  } = useWorkflowState();
+  return /*#__PURE__*/React.createElement(WorkflowStateTooltipObserver, {
+    presenter: presenter,
+    Icon: props.Icon
+  });
+};
+
+//# sourceMappingURL=WorkflowStateTooltip.js.map

package/Components/WorkflowState/Tooltip/WorkflowStateTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Icon","IconWrap","Popover","ReactComponent","WorkflowStateTooltipIcon","WorkflowStateTooltipContent","observer","useWorkflowState","WorkflowStateTooltipObserver","props","presenter","state","vm","createElement","trigger","variant","text","label","size","icon","content","align","side","arrow","close","WorkflowStateTooltip"],"sources":["WorkflowStateTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { Button, Icon as IconWrap, Popover } from \"@webiny/admin-ui\";\nimport { ReactComponent as WorkflowStateTooltipIcon } from \"@webiny/icons/list.svg\";\nimport { WorkflowStateTooltipContent } from \"./WorkflowStateTooltipContent.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\n\nexport interface IWorkflowStateTooltipButtonProps {\n    presenter: IWorkflowStatePresenter;\n    Icon?: React.ComponentType;\n}\n\nconst WorkflowStateTooltipObserver = observer((props: IWorkflowStateTooltipButtonProps) => {\n    const { presenter, Icon } = props;\n    const { state } = presenter.vm;\n    if (!state) {\n        return null;\n    }\n    return (\n        <Popover\n            trigger={\n                <span>\n                    <Button\n                        variant={\"secondary\"}\n                        text={\n                            <IconWrap\n                                label={\"Tooltip\"}\n                                size={\"sm\"}\n                                icon={Icon ? <Icon /> : <WorkflowStateTooltipIcon />}\n                            />\n                        }\n                    />\n                </span>\n            }\n            content={<WorkflowStateTooltipContent state={state} presenter={presenter} />}\n            align=\"center\"\n            side=\"bottom\"\n            arrow={true}\n            close={false}\n        />\n    );\n});\n\nexport interface IWorkflowStateTooltipProps {\n    Icon?: React.ComponentType;\n}\n\nexport const WorkflowStateTooltip = (props: IWorkflowStateTooltipProps) => {\n    const { presenter } = useWorkflowState();\n\n    return <WorkflowStateTooltipObserver presenter={presenter} Icon={props.Icon} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,EAAEC,IAAI,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,kBAAkB;AACpE,SAASC,cAAc,IAAIC,wBAAwB,QAAQ,wBAAwB;AACnF,SAASC,2BAA2B;AACpC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,gBAAgB;AAOzB,MAAMC,4BAA4B,GAAGF,QAAQ,CAAEG,KAAuC,IAAK;EACvF,MAAM;IAAEC,SAAS;IAAEV;EAAK,CAAC,GAAGS,KAAK;EACjC,MAAM;IAAEE;EAAM,CAAC,GAAGD,SAAS,CAACE,EAAE;EAC9B,IAAI,CAACD,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBACIb,KAAA,CAAAe,aAAA,CAACX,OAAO;IACJY,OAAO,eACHhB,KAAA,CAAAe,aAAA,4BACIf,KAAA,CAAAe,aAAA,CAACd,MAAM;MACHgB,OAAO,EAAE,WAAY;MACrBC,IAAI,eACAlB,KAAA,CAAAe,aAAA,CAACZ,QAAQ;QACLgB,KAAK,EAAE,SAAU;QACjBC,IAAI,EAAE,IAAK;QACXC,IAAI,EAAEnB,IAAI,gBAAGF,KAAA,CAAAe,aAAA,CAACb,IAAI,MAAE,CAAC,gBAAGF,KAAA,CAAAe,aAAA,CAACT,wBAAwB,MAAE;MAAE,CACxD;IACJ,CACJ,CACC,CACT;IACDgB,OAAO,eAAEtB,KAAA,CAAAe,aAAA,CAACR,2BAA2B;MAACM,KAAK,EAAEA,KAAM;MAACD,SAAS,EAAEA;IAAU,CAAE,CAAE;IAC7EW,KAAK,EAAC,QAAQ;IACdC,IAAI,EAAC,QAAQ;IACbC,KAAK,EAAE,IAAK;IACZC,KAAK,EAAE;EAAM,CAChB,CAAC;AAEV,CAAC,CAAC;AAMF,OAAO,MAAMC,oBAAoB,GAAIhB,KAAiC,IAAK;EACvE,MAAM;IAAEC;EAAU,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EAExC,oBAAOT,KAAA,CAAAe,aAAA,CAACL,4BAA4B;IAACE,SAAS,EAAEA,SAAU;IAACV,IAAI,EAAES,KAAK,CAACT;EAAK,CAAE,CAAC;AACnF,CAAC","ignoreList":[]}

package/Components/WorkflowState/Tooltip/WorkflowStateTooltipContent.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { IWorkflowStatePresenter } from "../../../Presenters/index.js";
+import type { IWorkflowState } from "../../../types.js";
+interface IWorkflowStateTooltipButtonProps {
+    presenter: IWorkflowStatePresenter;
+    state: IWorkflowState;
+}
+export declare const WorkflowStateTooltipContent: (props: IWorkflowStateTooltipButtonProps) => React.JSX.Element;
+export {};

package/Components/WorkflowState/Tooltip/WorkflowStateTooltipContent.js

@@ -0,0 +1,42 @@
+import React, { Fragment, useCallback } from "react";
+import { Grid, Tag } from "@webiny/admin-ui";
+import { WorkflowStateTooltipContentComment } from "./WorkflowStateTooltipContentComment.js";
+import { TagState } from "../../Common/TagState.js";
+export const WorkflowStateTooltipContent = props => {
+  const {
+    state,
+    presenter
+  } = props;
+  const createShowComment = useCallback(step => {
+    return () => {
+      presenter.showCommentDialog(step.id);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Grid, {
+    className: "w-[350px] text-sm",
+    gap: "small"
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("strong", null, "Workflow progress")), state.steps.map(step => {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: `step-${step.id}`
+    }, /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 4
+    }, /*#__PURE__*/React.createElement(Tag, {
+      swatchColor: step.color,
+      content: step.title,
+      variant: "neutral-light"
+    })), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 4
+    }, /*#__PURE__*/React.createElement(TagState, {
+      state: step.state
+    })), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 4
+    }, /*#__PURE__*/React.createElement(WorkflowStateTooltipContentComment, {
+      showComment: createShowComment(step),
+      step: step
+    })));
+  })));
+};
+
+//# sourceMappingURL=WorkflowStateTooltipContent.js.map

package/Components/WorkflowState/Tooltip/WorkflowStateTooltipContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","useCallback","Grid","Tag","WorkflowStateTooltipContentComment","TagState","WorkflowStateTooltipContent","props","state","presenter","createShowComment","step","showCommentDialog","id","createElement","className","gap","Column","span","steps","map","key","swatchColor","color","content","title","variant","showComment"],"sources":["WorkflowStateTooltipContent.tsx"],"sourcesContent":["import React, { Fragment, useCallback } from \"react\";\nimport { Grid, Tag } from \"@webiny/admin-ui\";\nimport { WorkflowStateTooltipContentComment } from \"./WorkflowStateTooltipContentComment.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { TagState } from \"~/Components/Common/TagState.js\";\nimport type { IWorkflowState, IWorkflowStateStep } from \"~/types.js\";\n\ninterface IWorkflowStateTooltipButtonProps {\n    presenter: IWorkflowStatePresenter;\n    state: IWorkflowState;\n}\n\nexport const WorkflowStateTooltipContent = (props: IWorkflowStateTooltipButtonProps) => {\n    const { state, presenter } = props;\n\n    const createShowComment = useCallback((step: Pick<IWorkflowStateStep, \"id\">) => {\n        return () => {\n            presenter.showCommentDialog(step.id);\n        };\n    }, []);\n    return (\n        <Grid className={\"w-[350px] text-sm\"} gap={\"small\"}>\n            <>\n                <Grid.Column span={12}>\n                    <strong>Workflow progress</strong>\n                </Grid.Column>\n                {state.steps.map(step => {\n                    return (\n                        <Fragment key={`step-${step.id}`}>\n                            <Grid.Column span={4}>\n                                <Tag\n                                    swatchColor={step.color}\n                                    content={step.title}\n                                    variant={\"neutral-light\"}\n                                />\n                            </Grid.Column>\n                            <Grid.Column span={4}>\n                                <TagState state={step.state} />\n                            </Grid.Column>\n                            <Grid.Column span={4}>\n                                <WorkflowStateTooltipContentComment\n                                    showComment={createShowComment(step)}\n                                    step={step}\n                                />\n                            </Grid.Column>\n                        </Fragment>\n                    );\n                })}\n            </>\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,SAASC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAC5C,SAASC,kCAAkC;AAE3C,SAASC,QAAQ;AAQjB,OAAO,MAAMC,2BAA2B,GAAIC,KAAuC,IAAK;EACpF,MAAM;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAElC,MAAMG,iBAAiB,GAAGT,WAAW,CAAEU,IAAoC,IAAK;IAC5E,OAAO,MAAM;MACTF,SAAS,CAACG,iBAAiB,CAACD,IAAI,CAACE,EAAE,CAAC;IACxC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EACN,oBACId,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACa,SAAS,EAAE,mBAAoB;IAACC,GAAG,EAAE;EAAQ,gBAC/CjB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAC,QAAA,qBACID,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACe,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,iBAAQ,mBAAyB,CACxB,CAAC,EACbN,KAAK,CAACW,KAAK,CAACC,GAAG,CAACT,IAAI,IAAI;IACrB,oBACIZ,KAAA,CAAAe,aAAA,CAACd,QAAQ;MAACqB,GAAG,EAAE,QAAQV,IAAI,CAACE,EAAE;IAAG,gBAC7Bd,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACe,MAAM;MAACC,IAAI,EAAE;IAAE,gBACjBnB,KAAA,CAAAe,aAAA,CAACX,GAAG;MACAmB,WAAW,EAAEX,IAAI,CAACY,KAAM;MACxBC,OAAO,EAAEb,IAAI,CAACc,KAAM;MACpBC,OAAO,EAAE;IAAgB,CAC5B,CACQ,CAAC,eACd3B,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACe,MAAM;MAACC,IAAI,EAAE;IAAE,gBACjBnB,KAAA,CAAAe,aAAA,CAACT,QAAQ;MAACG,KAAK,EAAEG,IAAI,CAACH;IAAM,CAAE,CACrB,CAAC,eACdT,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACe,MAAM;MAACC,IAAI,EAAE;IAAE,gBACjBnB,KAAA,CAAAe,aAAA,CAACV,kCAAkC;MAC/BuB,WAAW,EAAEjB,iBAAiB,CAACC,IAAI,CAAE;MACrCA,IAAI,EAAEA;IAAK,CACd,CACQ,CACP,CAAC;EAEnB,CAAC,CACH,CACA,CAAC;AAEf,CAAC","ignoreList":[]}

package/Components/WorkflowState/Tooltip/WorkflowStateTooltipContentComment.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { IWorkflowStateStep } from "../../../types.js";
+interface IWorkflowStateTooltipContentCommentProps {
+    showComment: () => void;
+    step: IWorkflowStateStep;
+}
+export declare const WorkflowStateTooltipContentComment: ((props: IWorkflowStateTooltipContentCommentProps) => React.JSX.Element | null) & {
+    displayName: string;
+};
+export {};

package/Components/WorkflowState/Tooltip/WorkflowStateTooltipContentComment.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { ReactComponent as CommentIcon } from "@webiny/icons/comment.svg";
+import { Icon, Tag } from "@webiny/admin-ui";
+import { observer } from "mobx-react-lite";
+export const WorkflowStateTooltipContentComment = observer(props => {
+  const {
+    step,
+    showComment
+  } = props;
+  if (!step.comment) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Tag, {
+    onClick: showComment,
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      size: "xs",
+      icon: /*#__PURE__*/React.createElement(CommentIcon, null),
+      label: "Comments",
+      color: "neutral-strong"
+    }),
+    content: /*#__PURE__*/React.createElement(React.Fragment, null, "Comments"),
+    variant: "neutral-light"
+  });
+});
+
+//# sourceMappingURL=WorkflowStateTooltipContentComment.js.map

package/Components/WorkflowState/Tooltip/WorkflowStateTooltipContentComment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","CommentIcon","Icon","Tag","observer","WorkflowStateTooltipContentComment","props","step","showComment","comment","createElement","onClick","icon","size","label","color","content","Fragment","variant"],"sources":["WorkflowStateTooltipContentComment.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CommentIcon } from \"@webiny/icons/comment.svg\";\nimport { Icon, Tag } from \"@webiny/admin-ui\";\nimport type { IWorkflowStateStep } from \"~/types.js\";\nimport { observer } from \"mobx-react-lite\";\n\ninterface IWorkflowStateTooltipContentCommentProps {\n    showComment: () => void;\n    step: IWorkflowStateStep;\n}\n\nexport const WorkflowStateTooltipContentComment = observer(\n    (props: IWorkflowStateTooltipContentCommentProps) => {\n        const { step, showComment } = props;\n        if (!step.comment) {\n            return null;\n        }\n        return (\n            <Tag\n                onClick={showComment}\n                icon={\n                    <Icon\n                        size={\"xs\"}\n                        icon={<CommentIcon />}\n                        label={\"Comments\"}\n                        color={\"neutral-strong\"}\n                    />\n                }\n                content={<>Comments</>}\n                variant={\"neutral-light\"}\n            />\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,WAAW,QAAQ,2BAA2B;AACzE,SAASC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAE5C,SAASC,QAAQ,QAAQ,iBAAiB;AAO1C,OAAO,MAAMC,kCAAkC,GAAGD,QAAQ,CACrDE,KAA+C,IAAK;EACjD,MAAM;IAAEC,IAAI;IAAEC;EAAY,CAAC,GAAGF,KAAK;EACnC,IAAI,CAACC,IAAI,CAACE,OAAO,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBACIV,KAAA,CAAAW,aAAA,CAACP,GAAG;IACAQ,OAAO,EAAEH,WAAY;IACrBI,IAAI,eACAb,KAAA,CAAAW,aAAA,CAACR,IAAI;MACDW,IAAI,EAAE,IAAK;MACXD,IAAI,eAAEb,KAAA,CAAAW,aAAA,CAACT,WAAW,MAAE,CAAE;MACtBa,KAAK,EAAE,UAAW;MAClBC,KAAK,EAAE;IAAiB,CAC3B,CACJ;IACDC,OAAO,eAAEjB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAkB,QAAA,QAAE,UAAU,CAAE;IACvBC,OAAO,EAAE;EAAgB,CAC5B,CAAC;AAEV,CACJ,CAAC","ignoreList":[]}