@webiny/app-website-builder-workflows 0.0.0-unstable.0d717d18dd

package/Components/OptionItem/OpenInNewWindow.d.ts

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

package/Components/OptionItem/OpenInNewWindow.js

@@ -0,0 +1,34 @@
+import react, { useCallback } from "react";
+import { DropdownMenu, Icon } from "@webiny/admin-ui";
+import { Components } from "@webiny/app-workflows";
+import { ReactComponent } from "@webiny/icons/open_in_new.svg";
+import { useRouter } from "@webiny/app";
+import { Routes } from "@webiny/app-website-builder/routes.js";
+import { WB_PAGE_APP } from "../../constants.js";
+const { OpenInNewWindow: OpenInNewWindow } = Components.List.Options;
+const OpenInNewWindow_ListOpenInNewWindow = OpenInNewWindow.createDecorator((Original)=>function(props) {
+        const { state } = props;
+        const { getLink } = useRouter();
+        const onClick = useCallback(()=>{
+            const url = getLink(Routes.Pages.Editor, {
+                id: state.targetRevisionId,
+                folderId: "root"
+            });
+            const goTo = `${window.location.origin}${url}`;
+            window.open(goTo, "_blank");
+        }, [
+            state.id
+        ]);
+        if (state.app !== WB_PAGE_APP) return /*#__PURE__*/ react.createElement(Original, props);
+        return /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            icon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Open In New Window"
+            }),
+            text: "Open in New Window",
+            onClick: onClick
+        });
+    });
+export { OpenInNewWindow_ListOpenInNewWindow as ListOpenInNewWindow };
+
+//# sourceMappingURL=OpenInNewWindow.js.map

package/Components/OptionItem/OpenInNewWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/OptionItem/OpenInNewWindow.js","sources":["../../../src/Components/OptionItem/OpenInNewWindow.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { DropdownMenu, Icon } from \"@webiny/admin-ui\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { useRouter } from \"@webiny/app\";\nimport { Routes } from \"@webiny/app-website-builder/routes.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\n\nconst { OpenInNewWindow } = Components.List.Options;\n\nexport const ListOpenInNewWindow = OpenInNewWindow.createDecorator(Original => {\n    return function ListOpenInNewWindow(props) {\n        const { state } = props;\n\n        const { getLink } = useRouter();\n        const onClick = useCallback(() => {\n            const url = getLink(Routes.Pages.Editor, {\n                id: state.targetRevisionId,\n                folderId: \"root\"\n            });\n\n            const goTo = `${window.location.origin}${url}`;\n\n            window.open(goTo, \"_blank\");\n        }, [state.id]);\n\n        if (state.app !== WB_PAGE_APP) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <DropdownMenu.Item\n                icon={<Icon icon={<OpenInNewIcon />} label={\"Open In New Window\"} />}\n                text={\"Open in New Window\"}\n                onClick={onClick}\n            />\n        );\n    };\n});\n"],"names":["OpenInNewWindow","Components","ListOpenInNewWindow","Original","props","state","getLink","useRouter","onClick","useCallback","url","Routes","goTo","window","WB_PAGE_APP","DropdownMenu","Icon","OpenInNewIcon"],"mappings":";;;;;;;AAQA,MAAM,EAAEA,iBAAAA,eAAe,EAAE,GAAGC,WAAW,IAAI,CAAC,OAAO;AAE5C,MAAMC,sCAAsBF,gBAAgB,eAAe,CAACG,CAAAA,WACxD,SAA6BC,KAAK;QACrC,MAAM,EAAEC,KAAK,EAAE,GAAGD;QAElB,MAAM,EAAEE,OAAO,EAAE,GAAGC;QACpB,MAAMC,UAAUC,YAAY;YACxB,MAAMC,MAAMJ,QAAQK,OAAO,KAAK,CAAC,MAAM,EAAE;gBACrC,IAAIN,MAAM,gBAAgB;gBAC1B,UAAU;YACd;YAEA,MAAMO,OAAO,GAAGC,OAAO,QAAQ,CAAC,MAAM,GAAGH,KAAK;YAE9CG,OAAO,IAAI,CAACD,MAAM;QACtB,GAAG;YAACP,MAAM,EAAE;SAAC;QAEb,IAAIA,MAAM,GAAG,KAAKS,aACd,OAAO,WAAP,GAAO,oBAACX,UAAaC;QAGzB,OAAO,WAAP,GACI,oBAACW,aAAa,IAAI;YACd,oBAAM,oBAACC,MAAIA;gBAAC,oBAAM,oBAACC,gBAAaA;gBAAK,OAAO;;YAC5C,MAAM;YACN,SAAST;;IAGrB"}

package/Components/OptionItem/index.d.ts

@@ -0,0 +1 @@
+export { ListOpenInNewWindow } from "./OpenInNewWindow.js";

package/Components/OptionItem/index.js

@@ -0,0 +1 @@
+export { ListOpenInNewWindow } from "./OpenInNewWindow.js";

package/Components/PageEditor/PageEditorAutoSave.d.ts

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

package/Components/PageEditor/PageEditorAutoSave.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+import { useWorkflowState } from "@webiny/app-workflows";
+import { observer } from "mobx-react-lite";
+const { Ui: Ui } = PageEditorConfig;
+const WrappedAutoSave = observer((props)=>{
+    const { presenter } = useWorkflowState();
+    if (!presenter.vm.hasState) return props.element;
+    return null;
+});
+const PageEditorAutoSave = Ui.TopBar.Element.createDecorator((Original)=>function(props) {
+        if ("autoSave" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(WrappedAutoSave, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageEditorAutoSave };
+
+//# sourceMappingURL=PageEditorAutoSave.js.map

package/Components/PageEditor/PageEditorAutoSave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorAutoSave.js","sources":["../../../src/Components/PageEditor/PageEditorAutoSave.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedAutoSave {\n    element?: React.ReactElement | null;\n}\nconst WrappedAutoSave = observer((props: IWrappedAutoSave) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Autosave should work only when the page does not have a workflow state assigned.\n     */\n    if (!presenter.vm.hasState) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageEditorAutoSave = Ui.TopBar.Element.createDecorator(Original => {\n    return function PageEditorAutoSaveDecorated(props) {\n        if (props.name === \"autoSave\") {\n            return <Original {...props} element={<WrappedAutoSave element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","WrappedAutoSave","observer","props","presenter","useWorkflowState","PageEditorAutoSave","Original"],"mappings":";;;;AAKA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAKf,MAAMC,kBAAkBC,SAAS,CAACC;IAC9B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAItB,IAAI,CAACD,UAAU,EAAE,CAAC,QAAQ,EACtB,OAAOD,MAAM,OAAO;IAGxB,OAAO;AACX;AAEO,MAAMG,qBAAqBP,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAACQ,CAAAA,WACzD,SAAqCJ,KAAK;QAC7C,IAAIA,AAAe,eAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACI,UAAAA;YAAU,GAAGJ,KAAK;YAAE,uBAAS,oBAACF,iBAAeA;gBAAC,SAASE,MAAM,OAAO;;;QAEhF,OAAO,WAAP,GAAO,oBAACI,UAAaJ;IACzB"}

package/Components/PageEditor/PageEditorConfig.d.ts

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

package/Components/PageEditor/PageEditorConfig.js

@@ -0,0 +1,11 @@
+import react from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+import { PageFormWorkflowStateTooltip } from "./PageFormWorkflowStateTooltip.js";
+import { PageFormWorkflowStatePublishButton } from "./PageFormWorkflowStatePublishButton.js";
+import { PageEditorTopBar } from "./PageEditorTopBar.js";
+import { PageEditorLayout } from "./PageEditorLayout.js";
+import { PageEditorAutoSave } from "./PageEditorAutoSave.js";
+const PageEditorConfig_PageEditorConfig = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(PageEditorTopBar, null), /*#__PURE__*/ react.createElement(PageEditorLayout, null), /*#__PURE__*/ react.createElement(PageEditorAutoSave, null), /*#__PURE__*/ react.createElement(PageEditorConfig, null, /*#__PURE__*/ react.createElement(PageFormWorkflowStateTooltip, null), /*#__PURE__*/ react.createElement(PageFormWorkflowStatePublishButton, null)));
+export { PageEditorConfig_PageEditorConfig as PageEditorConfig };
+
+//# sourceMappingURL=PageEditorConfig.js.map

package/Components/PageEditor/PageEditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorConfig.js","sources":["../../../src/Components/PageEditor/PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig as BaseConfig } from \"@webiny/app-website-builder\";\nimport { PageFormWorkflowStateTooltip } from \"./PageFormWorkflowStateTooltip.js\";\nimport { PageFormWorkflowStatePublishButton } from \"./PageFormWorkflowStatePublishButton.js\";\nimport { PageEditorTopBar } from \"./PageEditorTopBar.js\";\nimport { PageEditorLayout } from \"./PageEditorLayout.js\";\nimport { PageEditorAutoSave } from \"./PageEditorAutoSave.js\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <>\n            {/* Toggle editor \"readonly\" mode, and add workflow alerts */}\n            <PageEditorTopBar />\n            <PageEditorLayout />\n            <PageEditorAutoSave />\n            <BaseConfig>\n                {/* Should add a button with list of steps and their states + comment button in each row */}\n                <PageFormWorkflowStateTooltip />\n                {/* should remove publish button from the form */}\n                <PageFormWorkflowStatePublishButton />\n            </BaseConfig>\n        </>\n    );\n};\n"],"names":["PageEditorConfig","PageEditorTopBar","PageEditorLayout","PageEditorAutoSave","BaseConfig","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton"],"mappings":";;;;;;;AAQO,MAAMA,oCAAmB,IACrB,WAAP,GACI,wDAEI,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,oBAAkBA,OAAAA,WAAAA,GACnB,oBAACC,kBAAUA,MAAAA,WAAAA,GAEP,oBAACC,8BAA4BA,OAAAA,WAAAA,GAE7B,oBAACC,oCAAkCA"}

package/Components/PageEditor/PageEditorLayout.d.ts

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

package/Components/PageEditor/PageEditorLayout.js

@@ -0,0 +1,26 @@
+import react, { useEffect } from "react";
+import { useWorkflowState } from "@webiny/app-workflows";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+import { observer } from "mobx-react-lite";
+import { useDocumentEditor } from "@webiny/app-website-builder/DocumentEditor/index.js";
+const { Ui: Ui } = PageEditorConfig;
+const ToggleReadonly = observer(()=>{
+    const { presenter } = useWorkflowState();
+    const editor = useDocumentEditor();
+    const hasState = presenter.vm.hasState;
+    useEffect(()=>{
+        const options = editor.getEditorOptions();
+        editor.updateEditor((state)=>{
+            state.isReadOnly = options.isReadOnly || hasState;
+        });
+    }, [
+        hasState
+    ]);
+    return null;
+});
+const PageEditorLayout = Ui.Layout.createDecorator((Original)=>function() {
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Original, null), /*#__PURE__*/ react.createElement(ToggleReadonly, null));
+    });
+export { PageEditorLayout };
+
+//# sourceMappingURL=PageEditorLayout.js.map

package/Components/PageEditor/PageEditorLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorLayout.js","sources":["../../../src/Components/PageEditor/PageEditorLayout.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { observer } from \"mobx-react-lite\";\nimport { useDocumentEditor } from \"@webiny/app-website-builder/DocumentEditor/index.js\";\n\nconst { Ui } = PageEditorConfig;\n\nconst ToggleReadonly = observer(() => {\n    const { presenter } = useWorkflowState();\n    const editor = useDocumentEditor();\n\n    const hasState = presenter.vm.hasState;\n\n    useEffect(() => {\n        const options = editor.getEditorOptions();\n        editor.updateEditor(state => {\n            state.isReadOnly = options.isReadOnly || hasState;\n        });\n    }, [hasState]);\n\n    return null;\n});\n\nexport const PageEditorLayout = Ui.Layout.createDecorator(Original => {\n    return function PageEditorLayoutWorkflowsState() {\n        return (\n            <>\n                <Original />\n                <ToggleReadonly />\n            </>\n        );\n    };\n});\n"],"names":["Ui","PageEditorConfig","ToggleReadonly","observer","presenter","useWorkflowState","editor","useDocumentEditor","hasState","useEffect","options","state","PageEditorLayout","Original"],"mappings":";;;;;AAMA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAMC,iBAAiBC,SAAS;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAMC,SAASC;IAEf,MAAMC,WAAWJ,UAAU,EAAE,CAAC,QAAQ;IAEtCK,UAAU;QACN,MAAMC,UAAUJ,OAAO,gBAAgB;QACvCA,OAAO,YAAY,CAACK,CAAAA;YAChBA,MAAM,UAAU,GAAGD,QAAQ,UAAU,IAAIF;QAC7C;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO;AACX;AAEO,MAAMI,mBAAmBZ,GAAG,MAAM,CAAC,eAAe,CAACa,CAAAA,WAC/C;QACH,OAAO,WAAP,GACI,wDACI,oBAACA,UAAAA,OAAAA,WAAAA,GACD,oBAACX,gBAAcA;IAG3B"}

package/Components/PageEditor/PageEditorTopBar.d.ts

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

package/Components/PageEditor/PageEditorTopBar.js

@@ -0,0 +1,28 @@
+import react, { useEffect } from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
+import { useWorkflowState } from "@webiny/app-workflows";
+import { WB_PAGE_APP } from "../../constants.js";
+import { PageFormWorkflowState } from "./PageFormWorkflowState.js";
+import { ToggleEditorMode } from "./ToggleEditorMode.js";
+import { WbPageStatus } from "@webiny/app-website-builder/constants.js";
+const { Ui: Ui } = PageEditorConfig;
+const PageEditorTopBar = Ui.TopBar.Layout.createDecorator((Original)=>function() {
+        const page = useSelectFromDocument((doc)=>({
+                id: doc.id,
+                title: doc.properties.title || "unknown page",
+                status: doc.status || "draft"
+            }));
+        const { presenter } = useWorkflowState();
+        useEffect(()=>{
+            if (page.status === WbPageStatus.Draft) presenter.init(WB_PAGE_APP, page.id, `Website Builder: ${page.title}`);
+            return ()=>presenter.dispose();
+        }, [
+            page.id,
+            page.status
+        ]);
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Original, null), /*#__PURE__*/ react.createElement(ToggleEditorMode, null), /*#__PURE__*/ react.createElement(PageFormWorkflowState, null));
+    });
+export { PageEditorTopBar };
+
+//# sourceMappingURL=PageEditorTopBar.js.map

package/Components/PageEditor/PageEditorTopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorTopBar.js","sources":["../../../src/Components/PageEditor/PageEditorTopBar.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport {\n    type EditorDocument,\n    useSelectFromDocument\n} from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageFormWorkflowState } from \"~/Components/PageEditor/PageFormWorkflowState.js\";\nimport { ToggleEditorMode } from \"~/Components/PageEditor/ToggleEditorMode.js\";\nimport { WbPageStatus, type WbStatus } from \"@webiny/app-website-builder/constants.js\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface PageEditorTopBarEditorDocument extends EditorDocument {\n    status: WbStatus;\n}\n\ninterface ISelectedPage {\n    id: string;\n    title: string;\n    status: WbStatus;\n}\n\nexport const PageEditorTopBar = Ui.TopBar.Layout.createDecorator(Original => {\n    return function PageEditorTopBarWorkflowsState() {\n        const page = useSelectFromDocument<ISelectedPage, PageEditorTopBarEditorDocument>(doc => {\n            return {\n                id: doc.id,\n                title: doc.properties.title || \"unknown page\",\n                status: doc.status || \"draft\"\n            };\n        });\n\n        const { presenter } = useWorkflowState();\n\n        useEffect(() => {\n            if (page.status === WbPageStatus.Draft) {\n                presenter.init(WB_PAGE_APP, page.id, `Website Builder: ${page.title}`);\n            }\n            return () => presenter.dispose();\n        }, [page.id, page.status]);\n\n        return (\n            <>\n                <Original />\n                <ToggleEditorMode />\n                <PageFormWorkflowState />\n            </>\n        );\n    };\n});\n"],"names":["Ui","PageEditorConfig","PageEditorTopBar","Original","page","useSelectFromDocument","doc","presenter","useWorkflowState","useEffect","WbPageStatus","WB_PAGE_APP","ToggleEditorMode","PageFormWorkflowState"],"mappings":";;;;;;;;AAYA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAYR,MAAMC,mBAAmBF,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAACG,CAAAA,WACtD;QACH,MAAMC,OAAOC,sBAAqEC,CAAAA,MACvE;gBACH,IAAIA,IAAI,EAAE;gBACV,OAAOA,IAAI,UAAU,CAAC,KAAK,IAAI;gBAC/B,QAAQA,IAAI,MAAM,IAAI;YAC1B;QAGJ,MAAM,EAAEC,SAAS,EAAE,GAAGC;QAEtBC,UAAU;YACN,IAAIL,KAAK,MAAM,KAAKM,aAAa,KAAK,EAClCH,UAAU,IAAI,CAACI,aAAaP,KAAK,EAAE,EAAE,CAAC,iBAAiB,EAAEA,KAAK,KAAK,EAAE;YAEzE,OAAO,IAAMG,UAAU,OAAO;QAClC,GAAG;YAACH,KAAK,EAAE;YAAEA,KAAK,MAAM;SAAC;QAEzB,OAAO,WAAP,GACI,wDACI,oBAACD,UAAAA,OAAAA,WAAAA,GACD,oBAACS,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,uBAAqBA;IAGlC"}

package/Components/PageEditor/PageFormWorkflowState.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const PageFormWorkflowState: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/Components/PageEditor/PageFormWorkflowState.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Alert } from "@webiny/admin-ui";
+import { Components, useWorkflowState } from "@webiny/app-workflows";
+const { ContentReview: { WorkflowStateBar: WorkflowStateBar } } = Components;
+const PageFormWorkflowState = observer(()=>{
+    const { presenter } = useWorkflowState();
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "max-w-screen bg-white p-sm border-solid border-b-sm border-neutral-dimmed",
+        "data-affects-preview": "height"
+    }, /*#__PURE__*/ react.createElement(WorkflowStateBar, null), presenter.vm.hasState ? /*#__PURE__*/ react.createElement(Alert, {
+        type: "danger",
+        className: "mt-sm"
+    }, "Any changes you do on the page will not be stored!") : null);
+});
+export { PageFormWorkflowState };
+
+//# sourceMappingURL=PageFormWorkflowState.js.map

package/Components/PageEditor/PageFormWorkflowState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageFormWorkflowState.js","sources":["../../../src/Components/PageEditor/PageFormWorkflowState.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { Components, useWorkflowState } from \"@webiny/app-workflows\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\nexport const PageFormWorkflowState = observer(() => {\n    const { presenter } = useWorkflowState();\n\n    return (\n        <div\n            className={\"max-w-screen bg-white p-sm border-solid border-b-sm border-neutral-dimmed\"}\n            data-affects-preview={\"height\"}\n        >\n            <WorkflowStateBar />\n            {presenter.vm.hasState ? (\n                <Alert type=\"danger\" className={\"mt-sm\"}>\n                    Any changes you do on the page will not be stored!\n                </Alert>\n            ) : null}\n        </div>\n    );\n});\n"],"names":["WorkflowStateBar","Components","PageFormWorkflowState","observer","presenter","useWorkflowState","Alert"],"mappings":";;;;AAKA,MAAM,EACF,eAAe,EAAEA,kBAAAA,gBAAgB,EAAE,EACtC,GAAGC;AAEG,MAAMC,wBAAwBC,SAAS;IAC1C,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,OAAO,WAAP,GACI,oBAAC;QACG,WAAW;QACX,wBAAsB;qBAEtB,oBAACL,kBAAgBA,OAChBI,UAAU,EAAE,CAAC,QAAQ,GAAG,WAAH,GAClB,oBAACE,OAAKA;QAAC,MAAK;QAAS,WAAW;OAAS,wDAGzC;AAGhB"}

package/Components/PageEditor/PageFormWorkflowStatePublishButton.d.ts

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

package/Components/PageEditor/PageFormWorkflowStatePublishButton.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+import { useWorkflowState } from "@webiny/app-workflows";
+import { observer } from "mobx-react-lite";
+const { Ui: Ui } = PageEditorConfig;
+const WrappedPublishButton = observer((props)=>{
+    const { presenter } = useWorkflowState();
+    if (!presenter.vm.hasWorkflow || presenter.vm.isApproved) return props.element;
+    return null;
+});
+const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator((Original)=>function(props) {
+        if ("buttonPublish" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(WrappedPublishButton, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageFormWorkflowStatePublishButton };
+
+//# sourceMappingURL=PageFormWorkflowStatePublishButton.js.map

package/Components/PageEditor/PageFormWorkflowStatePublishButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageFormWorkflowStatePublishButton.js","sources":["../../../src/Components/PageEditor/PageFormWorkflowStatePublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedPublishButtonProps {\n    element?: React.ReactElement | null;\n}\n\nconst WrappedPublishButton = observer((props: IWrappedPublishButtonProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Publish button should be visible only when there is no workflow available and when workflow state is approved.\n     */\n    if (!presenter.vm.hasWorkflow || presenter.vm.isApproved) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator(Original => {\n    return function AutoSaveDecorator(props) {\n        if (props.name === \"buttonPublish\") {\n            return (\n                <Original {...props} element={<WrappedPublishButton element={props.element} />} />\n            );\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","WrappedPublishButton","observer","props","presenter","useWorkflowState","PageFormWorkflowStatePublishButton","Original"],"mappings":";;;;AAKA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAMf,MAAMC,uBAAuBC,SAAS,CAACC;IACnC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAItB,IAAI,CAACD,UAAU,EAAE,CAAC,WAAW,IAAIA,UAAU,EAAE,CAAC,UAAU,EACpD,OAAOD,MAAM,OAAO;IAGxB,OAAO;AACX;AAEO,MAAMG,qCAAqCP,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAACQ,CAAAA,WACxE,SAA2BJ,KAAK;QACnC,IAAIA,AAAe,oBAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GACI,oBAACI,UAAAA;YAAU,GAAGJ,KAAK;YAAE,uBAAS,oBAACF,sBAAoBA;gBAAC,SAASE,MAAM,OAAO;;;QAGlF,OAAO,WAAP,GAAO,oBAACI,UAAaJ;IACzB"}

package/Components/PageEditor/PageFormWorkflowStateTooltip.d.ts

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

package/Components/PageEditor/PageFormWorkflowStateTooltip.js

@@ -0,0 +1,14 @@
+import react from "react";
+import { Components } from "@webiny/app-workflows";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+const { ContentReview: { WorkflowStateTooltip: WorkflowStateTooltip } } = Components;
+const { Ui: Ui } = PageEditorConfig;
+const TooltipButton = ()=>/*#__PURE__*/ react.createElement(WorkflowStateTooltip, null);
+const PageFormWorkflowStateTooltip = ()=>/*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        before: "buttonPublish",
+        name: "buttonWorkflowStateTooltip",
+        element: /*#__PURE__*/ react.createElement(TooltipButton, null)
+    });
+export { PageFormWorkflowStateTooltip };
+
+//# sourceMappingURL=PageFormWorkflowStateTooltip.js.map

package/Components/PageEditor/PageFormWorkflowStateTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageFormWorkflowStateTooltip.js","sources":["../../../src/Components/PageEditor/PageFormWorkflowStateTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\n\nconst {\n    ContentReview: { WorkflowStateTooltip }\n} = Components;\n\nconst { Ui } = PageEditorConfig;\n\nconst TooltipButton = () => {\n    return <WorkflowStateTooltip />;\n};\n\nexport const PageFormWorkflowStateTooltip = () => {\n    return (\n        <Ui.TopBar.Action\n            before={\"buttonPublish\"}\n            name={\"buttonWorkflowStateTooltip\"}\n            element={<TooltipButton />}\n        />\n    );\n};\n"],"names":["WorkflowStateTooltip","Components","Ui","PageEditorConfig","TooltipButton","PageFormWorkflowStateTooltip"],"mappings":";;;AAIA,MAAM,EACF,eAAe,EAAEA,sBAAAA,oBAAoB,EAAE,EAC1C,GAAGC;AAEJ,MAAM,EAAEC,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAMC,gBAAgB,IACX,WAAP,GAAO,oBAACJ,sBAAoBA;AAGzB,MAAMK,+BAA+B,IACjC,WAAP,GACI,oBAACH,GAAG,MAAM,CAAC,MAAM;QACb,QAAQ;QACR,MAAM;QACN,uBAAS,oBAACE,eAAaA"}

package/Components/PageEditor/ToggleEditorMode.d.ts

@@ -0,0 +1,3 @@
+export declare const ToggleEditorMode: (() => null) & import("react").NamedExoticComponent<unknown> & {
+    readonly type: () => null;
+};

package/Components/PageEditor/ToggleEditorMode.js

@@ -0,0 +1,21 @@
+import { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { useWorkflowState } from "@webiny/app-workflows";
+import { useDocumentEditor } from "@webiny/app-website-builder/DocumentEditor/index.js";
+const ToggleEditorMode = observer(()=>{
+    const { presenter } = useWorkflowState();
+    const editor = useDocumentEditor();
+    const hasState = presenter.vm.hasState;
+    useEffect(()=>{
+        const options = editor.getEditorOptions();
+        editor.updateEditor((state)=>{
+            state.isReadOnly = options.isReadOnly || hasState;
+        });
+    }, [
+        hasState
+    ]);
+    return null;
+});
+export { ToggleEditorMode };
+
+//# sourceMappingURL=ToggleEditorMode.js.map

package/Components/PageEditor/ToggleEditorMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/ToggleEditorMode.js","sources":["../../../src/Components/PageEditor/ToggleEditorMode.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { useDocumentEditor } from \"@webiny/app-website-builder/DocumentEditor/index.js\";\n\nexport const ToggleEditorMode = observer(() => {\n    const { presenter } = useWorkflowState();\n    const editor = useDocumentEditor();\n\n    const hasState = presenter.vm.hasState;\n\n    useEffect(() => {\n        const options = editor.getEditorOptions();\n        editor.updateEditor(state => {\n            state.isReadOnly = options.isReadOnly || hasState;\n        });\n    }, [hasState]);\n\n    return null;\n});\n"],"names":["ToggleEditorMode","observer","presenter","useWorkflowState","editor","useDocumentEditor","hasState","useEffect","options","state"],"mappings":";;;;AAKO,MAAMA,mBAAmBC,SAAS;IACrC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAMC,SAASC;IAEf,MAAMC,WAAWJ,UAAU,EAAE,CAAC,QAAQ;IAEtCK,UAAU;QACN,MAAMC,UAAUJ,OAAO,gBAAgB;QACvCA,OAAO,YAAY,CAACK,CAAAA;YAChBA,MAAM,UAAU,GAAGD,QAAQ,UAAU,IAAIF;QAC7C;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO;AACX"}

package/Components/PageWorkflows/PageWorkflowsEditorView.d.ts

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

package/Components/PageWorkflows/PageWorkflowsEditorView.js

@@ -0,0 +1,54 @@
+import react, { useCallback, useMemo } from "react";
+import { AdminConfig, useRoute, useRouter } from "@webiny/app-admin";
+import { Routes } from "../../routes.js";
+import { Components } from "@webiny/app-workflows";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/workspaces.svg";
+import { WB_PAGE_APP } from "../../constants.js";
+const { Admin: { WorkflowsEditor: WorkflowsEditor } } = Components;
+const { Menu: Menu } = AdminConfig;
+const PageWorkflowsEditorMenu = ()=>{
+    const router = useRouter();
+    return /*#__PURE__*/ react.createElement(Menu, {
+        name: "websiteBuilder.pages.workflows",
+        pinnable: true,
+        parent: "wb",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "Workflows",
+            to: router.getLink(Routes.Pages.Workflows)
+        })
+    });
+};
+const PageWorkflowsEditorView = ()=>{
+    const { route } = useRoute(Routes.Pages.Workflows);
+    const { goToRoute } = useRouter();
+    const apps = useMemo(()=>[
+            {
+                id: WB_PAGE_APP,
+                name: "Pages",
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                    label: "Pages Workflows"
+                })
+            }
+        ], []);
+    const onAppClick = useCallback((id)=>{
+        goToRoute(Routes.Pages.Workflows, {
+            app: id
+        });
+    }, [
+        apps
+    ]);
+    const app = useMemo(()=>apps.find((a)=>a.id === route.params.app) || apps[0], [
+        route.params.app,
+        apps
+    ]);
+    return /*#__PURE__*/ react.createElement(WorkflowsEditor, {
+        apps: apps,
+        onAppClick: onAppClick,
+        app: app.id
+    });
+};
+export { PageWorkflowsEditorMenu, PageWorkflowsEditorView };
+
+//# sourceMappingURL=PageWorkflowsEditorView.js.map

package/Components/PageWorkflows/PageWorkflowsEditorView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageWorkflows/PageWorkflowsEditorView.js","sources":["../../../src/Components/PageWorkflows/PageWorkflowsEditorView.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { AdminConfig, useRoute, useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\nimport type { IWorkflowApplication } from \"@webiny/app-workflows\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as WorkflowsIcon } from \"@webiny/icons/workspaces.svg\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\n\nconst {\n    Admin: { WorkflowsEditor }\n} = Components;\n\nconst { Menu } = AdminConfig;\n\nexport const PageWorkflowsEditorMenu = () => {\n    const router = useRouter();\n\n    return (\n        <Menu\n            name={\"websiteBuilder.pages.workflows\"}\n            pinnable={true}\n            parent={\"wb\"}\n            element={<Menu.Link text={\"Workflows\"} to={router.getLink(Routes.Pages.Workflows)} />}\n        />\n    );\n};\n\nexport const PageWorkflowsEditorView = () => {\n    const { route } = useRoute(Routes.Pages.Workflows);\n    const { goToRoute } = useRouter();\n\n    const apps = useMemo<IWorkflowApplication[]>(() => {\n        return [\n            {\n                id: WB_PAGE_APP,\n                name: \"Pages\",\n                icon: <Icon icon={<WorkflowsIcon />} label={\"Pages Workflows\"} />\n            }\n        ];\n    }, []);\n\n    const onAppClick = useCallback(\n        (id: string) => {\n            goToRoute(Routes.Pages.Workflows, {\n                app: id\n            });\n        },\n        [apps]\n    );\n\n    const app = useMemo(() => {\n        return apps.find(a => a.id === route.params.app) || apps[0];\n    }, [route.params.app, apps]);\n\n    return <WorkflowsEditor apps={apps} onAppClick={onAppClick} app={app.id} />;\n};\n"],"names":["WorkflowsEditor","Components","Menu","AdminConfig","PageWorkflowsEditorMenu","router","useRouter","Routes","PageWorkflowsEditorView","route","useRoute","goToRoute","apps","useMemo","WB_PAGE_APP","Icon","WorkflowsIcon","onAppClick","useCallback","id","app","a"],"mappings":";;;;;;;AASA,MAAM,EACF,OAAO,EAAEA,iBAAAA,eAAe,EAAE,EAC7B,GAAGC;AAEJ,MAAM,EAAEC,MAAAA,IAAI,EAAE,GAAGC;AAEV,MAAMC,0BAA0B;IACnC,MAAMC,SAASC;IAEf,OAAO,WAAP,GACI,oBAACJ,MAAIA;QACD,MAAM;QACN,UAAU;QACV,QAAQ;QACR,uBAAS,oBAACA,KAAK,IAAI;YAAC,MAAM;YAAa,IAAIG,OAAO,OAAO,CAACE,OAAO,KAAK,CAAC,SAAS;;;AAG5F;AAEO,MAAMC,0BAA0B;IACnC,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASH,OAAO,KAAK,CAAC,SAAS;IACjD,MAAM,EAAEI,SAAS,EAAE,GAAGL;IAEtB,MAAMM,OAAOC,QAAgC,IAClC;YACH;gBACI,IAAIC;gBACJ,MAAM;gBACN,MAAM,WAAN,GAAM,oBAACC,MAAIA;oBAAC,oBAAM,oBAACC,gBAAaA;oBAAK,OAAO;;YAChD;SACH,EACF,EAAE;IAEL,MAAMC,aAAaC,YACf,CAACC;QACGR,UAAUJ,OAAO,KAAK,CAAC,SAAS,EAAE;YAC9B,KAAKY;QACT;IACJ,GACA;QAACP;KAAK;IAGV,MAAMQ,MAAMP,QAAQ,IACTD,KAAK,IAAI,CAACS,CAAAA,IAAKA,EAAE,EAAE,KAAKZ,MAAM,MAAM,CAAC,GAAG,KAAKG,IAAI,CAAC,EAAE,EAC5D;QAACH,MAAM,MAAM,CAAC,GAAG;QAAEG;KAAK;IAE3B,OAAO,WAAP,GAAO,oBAACZ,iBAAeA;QAAC,MAAMY;QAAM,YAAYK;QAAY,KAAKG,IAAI,EAAE;;AAC3E"}

package/Components/PageWorkflows/index.d.ts

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

package/Components/PageWorkflows/index.js

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

package/Components/PagesList/PageListChangeStatus.d.ts

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

package/Components/PagesList/PageListChangeStatus.js

@@ -0,0 +1,23 @@
+import react from "react";
+import { PageListConfig } from "@webiny/app-website-builder";
+import { WorkflowStateValue } from "@webiny/app-workflows/types.js";
+import { usePage } from "../../hooks/usePage.js";
+const { Browser: Browser } = PageListConfig;
+const WrappedElement = (props)=>{
+    const { page } = usePage();
+    const workflowState = page.workflow?.state;
+    if (!workflowState || workflowState === WorkflowStateValue.approved) return props.element;
+    return null;
+};
+const PageListChangeStatus = Browser.Page.Action.createDecorator((Original)=>function(props) {
+        if ("changeStatus" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(WrappedElement, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageListChangeStatus };
+
+//# sourceMappingURL=PageListChangeStatus.js.map

package/Components/PagesList/PageListChangeStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PagesList/PageListChangeStatus.js","sources":["../../../src/Components/PagesList/PageListChangeStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageListConfig } from \"@webiny/app-website-builder\";\nimport { WorkflowStateValue } from \"@webiny/app-workflows/types.js\";\nimport { usePage } from \"~/hooks/usePage.js\";\n\nconst { Browser } = PageListConfig;\n\ninterface IWrappedElementProps {\n    element: React.ReactElement | undefined;\n}\n\nconst WrappedElement = (props: IWrappedElementProps) => {\n    const { page } = usePage();\n    const workflowState = page.workflow?.state;\n\n    if (!workflowState || workflowState === WorkflowStateValue.approved) {\n        return props.element;\n    }\n    return null;\n};\n\nexport const PageListChangeStatus = Browser.Page.Action.createDecorator(Original => {\n    return function PageListChangeStatusAction(props) {\n        if (props.name === \"changeStatus\") {\n            return <Original {...props} element={<WrappedElement element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Browser","PageListConfig","WrappedElement","props","page","usePage","workflowState","WorkflowStateValue","PageListChangeStatus","Original"],"mappings":";;;;AAKA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAMpB,MAAMC,iBAAiB,CAACC;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,gBAAgBF,KAAK,QAAQ,EAAE;IAErC,IAAI,CAACE,iBAAiBA,kBAAkBC,mBAAmB,QAAQ,EAC/D,OAAOJ,MAAM,OAAO;IAExB,OAAO;AACX;AAEO,MAAMK,uBAAuBR,QAAQ,IAAI,CAAC,MAAM,CAAC,eAAe,CAACS,CAAAA,WAC7D,SAAoCN,KAAK;QAC5C,IAAIA,AAAe,mBAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACM,UAAAA;YAAU,GAAGN,KAAK;YAAE,uBAAS,oBAACD,gBAAcA;gBAAC,SAASC,MAAM,OAAO;;;QAE/E,OAAO,WAAP,GAAO,oBAACM,UAAaN;IACzB"}

package/Components/PagesList/PagesList.d.ts

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

package/Components/PagesList/PagesList.js

@@ -0,0 +1,8 @@
+import react from "react";
+import { PageListConfig } from "@webiny/app-website-builder";
+import { PagesListContentReviews } from "./PagesListContentReviews.js";
+import { PageListChangeStatus } from "./PageListChangeStatus.js";
+const PagesList = ()=>/*#__PURE__*/ react.createElement(PageListConfig, null, /*#__PURE__*/ react.createElement(PagesListContentReviews, null), /*#__PURE__*/ react.createElement(PageListChangeStatus, null));
+export { PagesList };
+
+//# sourceMappingURL=PagesList.js.map

package/Components/PagesList/PagesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PagesList/PagesList.js","sources":["../../../src/Components/PagesList/PagesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageListConfig } from \"@webiny/app-website-builder\";\nimport { PagesListContentReviews } from \"./PagesListContentReviews.js\";\nimport { PageListChangeStatus } from \"./PageListChangeStatus.js\";\n\nexport const PagesList = () => {\n    return (\n        <PageListConfig>\n            {/* Add a Content Reviews button to footer in sidebar  */}\n            <PagesListContentReviews />\n            {/* Decorate the Change Status action in row options to hide it for pages in certain workflow states */}\n            <PageListChangeStatus />\n        </PageListConfig>\n    );\n};\n"],"names":["PagesList","PageListConfig","PagesListContentReviews","PageListChangeStatus"],"mappings":";;;;AAKO,MAAMA,YAAY,IACd,WAAP,GACI,oBAACC,gBAAcA,MAAAA,WAAAA,GAEX,oBAACC,yBAAuBA,OAAAA,WAAAA,GAExB,oBAACC,sBAAoBA"}

package/Components/PagesList/PagesListContentReviews.d.ts

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

package/Components/PagesList/PagesListContentReviews.js

@@ -0,0 +1,26 @@
+import react from "react";
+import { Sidebar } from "@webiny/admin-ui";
+import { PageListConfig } from "@webiny/app-website-builder";
+import { Components } from "@webiny/app-workflows";
+import { WB_PAGE_APP } from "../../constants.js";
+import { ReactComponent } from "@webiny/icons/work_outline.svg";
+const { Overlay: { WorkflowStateListAppOverlay: WorkflowStateListAppOverlay } } = Components;
+const { Browser: Browser } = PageListConfig;
+const PageListContentReviewsButton = ()=>/*#__PURE__*/ react.createElement(WorkflowStateListAppOverlay, {
+        app: WB_PAGE_APP
+    }, ({ showOverlay })=>/*#__PURE__*/ react.createElement(Sidebar.Item, {
+            className: "w-full",
+            onClick: showOverlay,
+            text: "Content Reviews",
+            icon: /*#__PURE__*/ react.createElement(Sidebar.Item.Icon, {
+                element: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Content Reviews"
+            })
+        }));
+const PagesListContentReviews = ()=>/*#__PURE__*/ react.createElement(Browser.Sidebar.Footer, {
+        name: "contentReviews",
+        element: /*#__PURE__*/ react.createElement(PageListContentReviewsButton, null)
+    });
+export { PagesListContentReviews };
+
+//# sourceMappingURL=PagesListContentReviews.js.map

package/Components/PagesList/PagesListContentReviews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PagesList/PagesListContentReviews.js","sources":["../../../src/Components/PagesList/PagesListContentReviews.tsx"],"sourcesContent":["import React from \"react\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { PageListConfig } from \"@webiny/app-website-builder\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { ReactComponent as WorkflowStateListIcon } from \"@webiny/icons/work_outline.svg\";\n\nconst {\n    Overlay: { WorkflowStateListAppOverlay }\n} = Components;\n\nconst { Browser } = PageListConfig;\n\nconst PageListContentReviewsButton = () => {\n    return (\n        <WorkflowStateListAppOverlay app={WB_PAGE_APP}>\n            {({ showOverlay }) => {\n                return (\n                    <Sidebar.Item\n                        className={\"w-full\"}\n                        onClick={showOverlay}\n                        text={\"Content Reviews\"}\n                        icon={\n                            <Sidebar.Item.Icon\n                                element={<WorkflowStateListIcon />}\n                                label={\"Content Reviews\"}\n                            />\n                        }\n                    />\n                );\n            }}\n        </WorkflowStateListAppOverlay>\n    );\n};\n\nexport const PagesListContentReviews = () => {\n    return (\n        <Browser.Sidebar.Footer\n            name={\"contentReviews\"}\n            element={<PageListContentReviewsButton />}\n        />\n    );\n};\n"],"names":["WorkflowStateListAppOverlay","Components","Browser","PageListConfig","PageListContentReviewsButton","WB_PAGE_APP","showOverlay","Sidebar","WorkflowStateListIcon","PagesListContentReviews"],"mappings":";;;;;;AAOA,MAAM,EACF,SAAS,EAAEA,6BAAAA,2BAA2B,EAAE,EAC3C,GAAGC;AAEJ,MAAM,EAAEC,SAAAA,OAAO,EAAE,GAAGC;AAEpB,MAAMC,+BAA+B,IAC1B,WAAP,GACI,oBAACJ,6BAA2BA;QAAC,KAAKK;OAC7B,CAAC,EAAEC,WAAW,EAAE,GACN,WAAP,GACI,oBAACC,QAAQ,IAAI;YACT,WAAW;YACX,SAASD;YACT,MAAM;YACN,oBACI,oBAACC,QAAQ,IAAI,CAAC,IAAI;gBACd,uBAAS,oBAACC,gBAAqBA;gBAC/B,OAAO;;;AAUhC,MAAMC,0BAA0B,IAC5B,WAAP,GACI,oBAACP,QAAQ,OAAO,CAAC,MAAM;QACnB,MAAM;QACN,uBAAS,oBAACE,8BAA4BA"}

package/Components/PagesList/index.d.ts

@@ -0,0 +1 @@
+export { PagesList } from "./PagesList.js";

package/Components/PagesList/index.js

@@ -0,0 +1 @@
+export { PagesList } from "./PagesList.js";

package/Components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./OptionItem/index.js";
+export * from "./PageEditor/PageEditorConfig.js";
+export * from "./PagesList/index.js";

package/Components/index.js

@@ -0,0 +1,3 @@
+export * from "./OptionItem/index.js";
+export * from "./PageEditor/PageEditorConfig.js";
+export * from "./PagesList/index.js";

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# @webiny/app-website-builder-workflows
+
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
+
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
+
+---
+
+_This README file is automatically generated during the publish process._

package/Routes/WebsiteBuilderWorkflowsMenu.d.ts

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

package/Routes/WebsiteBuilderWorkflowsMenu.js

@@ -0,0 +1,32 @@
+import react, { Suspense } from "react";
+import { Routes } from "../routes.js";
+import react_helmet from "react-helmet";
+import { PageWorkflowsEditorMenu, PageWorkflowsEditorView } from "../Components/PageWorkflows/PageWorkflowsEditorView.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { AdminConfig, AdminLayout, SecureRoute } from "@webiny/app-admin";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { useCanUseWorkflows } from "@webiny/app-workflows";
+const t = i18n.namespace("WebsiteBuilder.Page.Workflows.Editor");
+const Loader = ({ children, ...props })=>/*#__PURE__*/ react.createElement(Suspense, {
+        fallback: /*#__PURE__*/ react.createElement(OverlayLoader, null)
+    }, /*#__PURE__*/ react.cloneElement(children, props));
+const { Route: Route } = AdminConfig;
+const WebsiteBuilderWorkflowsMenu = ()=>{
+    const { canUseWorkflows } = useCanUseWorkflows();
+    if (!canUseWorkflows) return null;
+    return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.Pages.Workflows,
+        element: /*#__PURE__*/ react.createElement(SecureRoute, {
+            permission: "wb.page"
+        }, /*#__PURE__*/ react.createElement(AdminLayout, null, /*#__PURE__*/ react.createElement(react_helmet, null, /*#__PURE__*/ react.createElement("title", null, t`Workflows`)), /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "wb",
+            label: "Website Builder"
+        }), /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "wb.workflows",
+            label: "Workflows"
+        }), /*#__PURE__*/ react.createElement(Loader, null, /*#__PURE__*/ react.createElement(PageWorkflowsEditorView, null))))
+    }), /*#__PURE__*/ react.createElement(PageWorkflowsEditorMenu, null));
+};
+export { WebsiteBuilderWorkflowsMenu };
+
+//# sourceMappingURL=WebsiteBuilderWorkflowsMenu.js.map

package/Routes/WebsiteBuilderWorkflowsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Routes/WebsiteBuilderWorkflowsMenu.js","sources":["../../src/Routes/WebsiteBuilderWorkflowsMenu.tsx"],"sourcesContent":["import React, { Suspense } from \"react\";\nimport { Routes } from \"~/routes.js\";\nimport Helmet from \"react-helmet\";\nimport {\n    PageWorkflowsEditorMenu,\n    PageWorkflowsEditorView\n} from \"~/Components/PageWorkflows/PageWorkflowsEditorView.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SecureRoute } from \"@webiny/app-admin\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { AdminConfig, AdminLayout } from \"@webiny/app-admin\";\nimport { useCanUseWorkflows } from \"@webiny/app-workflows\";\n\nconst t = i18n.namespace(\"WebsiteBuilder.Page.Workflows.Editor\");\n\ninterface LoaderProps {\n    children: React.ReactNode;\n}\n\nconst Loader = ({ children, ...props }: LoaderProps) => (\n    <Suspense fallback={<OverlayLoader />}>\n        {React.cloneElement(children as unknown as React.ReactElement, props)}\n    </Suspense>\n);\n\nconst { Route } = AdminConfig;\n\nexport const WebsiteBuilderWorkflowsMenu = () => {\n    const { canUseWorkflows } = useCanUseWorkflows();\n    if (!canUseWorkflows) {\n        return null;\n    }\n    return (\n        <AdminConfig>\n            <Route\n                route={Routes.Pages.Workflows}\n                element={\n                    <SecureRoute permission={\"wb.page\"}>\n                        <AdminLayout>\n                            <Helmet>\n                                <title>{t`Workflows`}</title>\n                            </Helmet>\n                            <AdminConfig.Breadcrumb name={\"wb\"} label={\"Website Builder\"} />\n                            <AdminConfig.Breadcrumb name={\"wb.workflows\"} label={\"Workflows\"} />\n                            <Loader>\n                                <PageWorkflowsEditorView />\n                            </Loader>\n                        </AdminLayout>\n                    </SecureRoute>\n                }\n            />\n            <PageWorkflowsEditorMenu />\n        </AdminConfig>\n    );\n};\n"],"names":["t","i18n","Loader","children","props","Suspense","OverlayLoader","React","Route","AdminConfig","WebsiteBuilderWorkflowsMenu","canUseWorkflows","useCanUseWorkflows","Routes","SecureRoute","AdminLayout","Helmet","PageWorkflowsEditorView","PageWorkflowsEditorMenu"],"mappings":";;;;;;;;AAaA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAMzB,MAAMC,SAAS,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,iBAC/C,oBAACC,UAAQA;QAAC,wBAAU,oBAACC,eAAaA;qBAC7BC,MAAAA,YAAkB,CAACJ,UAA2CC;AAIvE,MAAM,EAAEI,OAAAA,KAAK,EAAE,GAAGC;AAEX,MAAMC,8BAA8B;IACvC,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAC5B,IAAI,CAACD,iBACD,OAAO;IAEX,OAAO,WAAP,GACI,oBAACF,aAAWA,MAAAA,WAAAA,GACR,oBAACD,OAAKA;QACF,OAAOK,OAAO,KAAK,CAAC,SAAS;QAC7B,uBACI,oBAACC,aAAWA;YAAC,YAAY;yBACrB,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACC,cAAMA,MAAAA,WAAAA,GACH,oBAAC,eAAOhB,CAAC,CAAC,SAAS,CAAC,kBAExB,oBAACS,YAAY,UAAU;YAAC,MAAM;YAAM,OAAO;0BAC3C,oBAACA,YAAY,UAAU;YAAC,MAAM;YAAgB,OAAO;0BACrD,oBAACP,QAAMA,MAAAA,WAAAA,GACH,oBAACe,yBAAuBA;sBAM5C,oBAACC,yBAAuBA;AAGpC"}

package/Routes/index.d.ts

@@ -0,0 +1 @@
+export { WebsiteBuilderWorkflowsMenu } from "./WebsiteBuilderWorkflowsMenu.js";

package/Routes/index.js

@@ -0,0 +1 @@
+export { WebsiteBuilderWorkflowsMenu } from "./WebsiteBuilderWorkflowsMenu.js";

package/constants.d.ts

@@ -0,0 +1 @@
+export declare const WB_PAGE_APP = "wb.page";

package/constants.js

@@ -0,0 +1,4 @@
+const WB_PAGE_APP = "wb.page";
+export { WB_PAGE_APP };
+
+//# sourceMappingURL=constants.js.map

package/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export const WB_PAGE_APP = \"wb.page\";\n"],"names":["WB_PAGE_APP"],"mappings":"AAAO,MAAMA,cAAc"}

package/hooks/usePage.d.ts

@@ -0,0 +1,5 @@
+import type { PageDto } from "@webiny/app-website-builder/domain/Page/index.js";
+import type { WithWorkflows } from "../types.js";
+export declare const usePage: () => {
+    page: WithWorkflows<PageDto>;
+};

package/hooks/usePage.js

@@ -0,0 +1,15 @@
+import { usePage } from "@webiny/app-website-builder/presentation/pages/PageList/hooks/usePage.js";
+const decoratePage = (page)=>({
+        ...page,
+        workflow: page.system?.workflow ?? null
+    });
+const usePage_usePage = ()=>{
+    const usage = usePage();
+    return {
+        ...usage,
+        page: decoratePage(usage.page)
+    };
+};
+export { usePage_usePage as usePage };
+
+//# sourceMappingURL=usePage.js.map

package/hooks/usePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/usePage.js","sources":["../../src/hooks/usePage.ts"],"sourcesContent":["import { usePage as baseUsePage } from \"@webiny/app-website-builder/presentation/pages/PageList/hooks/usePage.js\";\nimport type { PageDto } from \"@webiny/app-website-builder/domain/Page/index.js\";\nimport type { WithWorkflows } from \"~/types.js\";\n\nconst decoratePage = (page: PageDto): WithWorkflows<PageDto> => {\n    return {\n        ...page,\n        workflow: page.system?.workflow ?? null\n    };\n};\n\nexport const usePage = () => {\n    const usage = baseUsePage();\n\n    return {\n        ...usage,\n        page: decoratePage(usage.page)\n    };\n};\n"],"names":["decoratePage","page","usePage","usage","baseUsePage"],"mappings":";AAIA,MAAMA,eAAe,CAACC,OACX;QACH,GAAGA,IAAI;QACP,UAAUA,KAAK,MAAM,EAAE,YAAY;IACvC;AAGG,MAAMC,kBAAU;IACnB,MAAMC,QAAQC;IAEd,OAAO;QACH,GAAGD,KAAK;QACR,MAAMH,aAAaG,MAAM,IAAI;IACjC;AACJ"}

package/index.d.ts

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

package/index.js

@@ -0,0 +1,14 @@
+import react from "react";
+import { RegisterFeature, Wcp } from "@webiny/app-admin";
+import { WebsiteBuilderWorkflowsMenu } from "./Routes/index.js";
+import { ListOpenInNewWindow, PageEditorConfig, PagesList } from "./Components/index.js";
+import { PageListWorkflowsFeature } from "./presentation/page/PageList/feature.js";
+import { PageGetWorkflowsFeature } from "./presentation/page/PageGet/feature.js";
+const WebsiteBuilderWorkflows = ()=>/*#__PURE__*/ react.createElement(Wcp.CanUseWorkflows, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: PageListWorkflowsFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: PageGetWorkflowsFeature
+    }), /*#__PURE__*/ react.createElement(WebsiteBuilderWorkflowsMenu, null), /*#__PURE__*/ react.createElement(PageEditorConfig, null), /*#__PURE__*/ react.createElement(PagesList, null), /*#__PURE__*/ react.createElement(ListOpenInNewWindow, null));
+export { WebsiteBuilderWorkflows };
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { RegisterFeature, Wcp } from \"@webiny/app-admin\";\nimport { WebsiteBuilderWorkflowsMenu } from \"~/Routes/index.js\";\nimport { ListOpenInNewWindow, PageEditorConfig, PagesList } from \"~/Components/index.js\";\nimport { PageListWorkflowsFeature } from \"~/presentation/page/PageList/feature.js\";\nimport { PageGetWorkflowsFeature } from \"~/presentation/page/PageGet/feature.js\";\n\nexport const WebsiteBuilderWorkflows = () => {\n    return (\n        <Wcp.CanUseWorkflows>\n            <RegisterFeature feature={PageListWorkflowsFeature} />\n            <RegisterFeature feature={PageGetWorkflowsFeature} />\n            <WebsiteBuilderWorkflowsMenu />\n            <PageEditorConfig />\n            <PagesList />\n            <ListOpenInNewWindow />\n        </Wcp.CanUseWorkflows>\n    );\n};\n"],"names":["WebsiteBuilderWorkflows","Wcp","RegisterFeature","PageListWorkflowsFeature","PageGetWorkflowsFeature","WebsiteBuilderWorkflowsMenu","PageEditorConfig","PagesList","ListOpenInNewWindow"],"mappings":";;;;;;AAOO,MAAMA,0BAA0B,IAC5B,WAAP,GACI,oBAACC,IAAI,eAAe,sBAChB,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACC,6BAA2BA,OAAAA,WAAAA,GAC5B,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,WAASA,OAAAA,WAAAA,GACV,oBAACC,qBAAmBA"}

package/package.json

@@ -0,0 +1,46 @@
+{
+	"name": "@webiny/app-website-builder-workflows",
+	"version": "0.0.0-unstable.0d717d18dd",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"author": "Webiny Ltd",
+	"license": "MIT",
+	"dependencies": {
+		"@webiny/admin-ui": "0.0.0-unstable.0d717d18dd",
+		"@webiny/app": "0.0.0-unstable.0d717d18dd",
+		"@webiny/app-admin": "0.0.0-unstable.0d717d18dd",
+		"@webiny/app-website-builder": "0.0.0-unstable.0d717d18dd",
+		"@webiny/app-workflows": "0.0.0-unstable.0d717d18dd",
+		"@webiny/feature": "0.0.0-unstable.0d717d18dd",
+		"@webiny/icons": "0.0.0-unstable.0d717d18dd",
+		"mobx-react-lite": "5.0.0",
+		"react": "18.3.1",
+		"react-dom": "18.3.1",
+		"react-helmet": "6.1.0"
+	},
+	"devDependencies": {
+		"@types/react": "18.3.31",
+		"@webiny/build-tools": "0.0.0-unstable.0d717d18dd",
+		"rimraf": "6.1.3",
+		"typescript": "7.0.2"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"svgo": {
+		"plugins": {
+			"removeViewBox": false
+		}
+	},
+	"gitHead": "b8aec8a1be3f25c3b428b357fe1e352c7cbff9ae",
+	"webiny": {
+		"publishFrom": "dist"
+	}
+}

package/presentation/page/PageGet/WorkflowStatesGetPageGraphQLFieldSelection.d.ts

@@ -0,0 +1,8 @@
+import { GetPageGraphQLFieldSelection } from "@webiny/app-website-builder/features/pages/getPage/abstractions.js";
+declare class WorkflowStatesGetPageGraphQLFieldSelection implements GetPageGraphQLFieldSelection.Interface {
+    getSelection(): string[];
+}
+export declare const WorkflowStateGetPageFieldSelection: typeof WorkflowStatesGetPageGraphQLFieldSelection & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-website-builder/features/pages/getPage/abstractions.js").IGetPageGraphQLFieldSelection>;
+};
+export {};

package/presentation/page/PageGet/WorkflowStatesGetPageGraphQLFieldSelection.js

@@ -0,0 +1,22 @@
+import { GetPageGraphQLFieldSelection } from "@webiny/app-website-builder/features/pages/getPage/abstractions.js";
+class WorkflowStatesGetPageGraphQLFieldSelection {
+    getSelection() {
+        return [
+            `system {
+                workflow {
+                    workflowId
+                    stepId
+                    stepName
+                    state
+                }
+            }`
+        ];
+    }
+}
+const WorkflowStateGetPageFieldSelection = GetPageGraphQLFieldSelection.createImplementation({
+    dependencies: [],
+    implementation: WorkflowStatesGetPageGraphQLFieldSelection
+});
+export { WorkflowStateGetPageFieldSelection };
+
+//# sourceMappingURL=WorkflowStatesGetPageGraphQLFieldSelection.js.map

package/presentation/page/PageGet/WorkflowStatesGetPageGraphQLFieldSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/page/PageGet/WorkflowStatesGetPageGraphQLFieldSelection.js","sources":["../../../../src/presentation/page/PageGet/WorkflowStatesGetPageGraphQLFieldSelection.ts"],"sourcesContent":["import { GetPageGraphQLFieldSelection } from \"@webiny/app-website-builder/features/pages/getPage/abstractions.js\";\n\nclass WorkflowStatesGetPageGraphQLFieldSelection implements GetPageGraphQLFieldSelection.Interface {\n    getSelection(): string[] {\n        return [\n            `system {\n                workflow {\n                    workflowId\n                    stepId\n                    stepName\n                    state\n                }\n            }`\n        ];\n    }\n}\n\nexport const WorkflowStateGetPageFieldSelection = GetPageGraphQLFieldSelection.createImplementation(\n    {\n        dependencies: [],\n        implementation: WorkflowStatesGetPageGraphQLFieldSelection\n    }\n);\n"],"names":["WorkflowStatesGetPageGraphQLFieldSelection","WorkflowStateGetPageFieldSelection","GetPageGraphQLFieldSelection"],"mappings":";AAEA,MAAMA;IACF,eAAyB;QACrB,OAAO;YACH,CAAC;;;;;;;aAOA,CAAC;SACL;IACL;AACJ;AAEO,MAAMC,qCAAqCC,6BAA6B,oBAAoB,CAC/F;IACI,cAAc,EAAE;IAChB,gBAAgBF;AACpB"}

package/presentation/page/PageGet/feature.d.ts

@@ -0,0 +1 @@
+export declare const PageGetWorkflowsFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/presentation/page/PageGet/feature.js

@@ -0,0 +1,11 @@
+import { createFeature } from "@webiny/feature/admin";
+import { WorkflowStateGetPageFieldSelection } from "./WorkflowStatesGetPageGraphQLFieldSelection.js";
+const PageGetWorkflowsFeature = createFeature({
+    name: "PageGetWorkflows",
+    register (container) {
+        container.register(WorkflowStateGetPageFieldSelection);
+    }
+});
+export { PageGetWorkflowsFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/page/PageGet/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/page/PageGet/feature.js","sources":["../../../../src/presentation/page/PageGet/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { WorkflowStateGetPageFieldSelection } from \"./WorkflowStatesGetPageGraphQLFieldSelection.js\";\n\nexport const PageGetWorkflowsFeature = createFeature({\n    name: \"PageGetWorkflows\",\n    register(container) {\n        container.register(WorkflowStateGetPageFieldSelection);\n    }\n});\n"],"names":["PageGetWorkflowsFeature","createFeature","container","WorkflowStateGetPageFieldSelection"],"mappings":";;AAGO,MAAMA,0BAA0BC,cAAc;IACjD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;IACvB;AACJ"}

package/presentation/page/PageList/TableRowMapperDecorator.d.ts

@@ -0,0 +1,12 @@
+import { TableRowMapper } from "@webiny/app-website-builder/presentation/pages/PageList/index.js";
+import type { Page } from "@webiny/app-website-builder/domain/Page/Page.js";
+import "~/types.js";
+declare class TableRowMapperWithWorkflows implements TableRowMapper.Interface {
+    private decoratee;
+    constructor(decoratee: TableRowMapper.Interface);
+    fromPage(page: Page): TableRowMapper.TableRow;
+}
+export declare const TableRowMapperWorkflowDecorator: typeof TableRowMapperWithWorkflows & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-website-builder/presentation/pages/PageList/components/Table/abstractions").ITableRowMapper>;
+};
+export {};

package/presentation/page/PageList/TableRowMapperDecorator.js

@@ -0,0 +1,24 @@
+import { TableRowMapper } from "@webiny/app-website-builder/presentation/pages/PageList/index.js";
+import { WorkflowStateValue } from "@webiny/app-workflows/types.js";
+import "../../../types.js";
+class TableRowMapperWithWorkflows {
+    constructor(decoratee){
+        this.decoratee = decoratee;
+    }
+    fromPage(page) {
+        const row = this.decoratee.fromPage(page);
+        const workflowState = page.system?.workflow?.state;
+        if (workflowState && workflowState !== WorkflowStateValue.approved) return {
+            ...row,
+            $selectable: false
+        };
+        return row;
+    }
+}
+const TableRowMapperWorkflowDecorator = TableRowMapper.createDecorator({
+    decorator: TableRowMapperWithWorkflows,
+    dependencies: []
+});
+export { TableRowMapperWorkflowDecorator };
+
+//# sourceMappingURL=TableRowMapperDecorator.js.map

package/presentation/page/PageList/TableRowMapperDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/page/PageList/TableRowMapperDecorator.js","sources":["../../../../src/presentation/page/PageList/TableRowMapperDecorator.ts"],"sourcesContent":["import { TableRowMapper } from \"@webiny/app-website-builder/presentation/pages/PageList/index.js\";\nimport type { Page } from \"@webiny/app-website-builder/domain/Page/Page.js\";\nimport { WorkflowStateValue } from \"@webiny/app-workflows/types.js\";\nimport \"~/types.js\";\n\nclass TableRowMapperWithWorkflows implements TableRowMapper.Interface {\n    constructor(private decoratee: TableRowMapper.Interface) {}\n\n    fromPage(page: Page): TableRowMapper.TableRow {\n        const row = this.decoratee.fromPage(page);\n\n        const workflowState = page.system?.workflow?.state;\n        if (workflowState && workflowState !== WorkflowStateValue.approved) {\n            return { ...row, $selectable: false };\n        }\n\n        return row;\n    }\n}\n\nexport const TableRowMapperWorkflowDecorator = TableRowMapper.createDecorator({\n    decorator: TableRowMapperWithWorkflows,\n    dependencies: []\n});\n"],"names":["TableRowMapperWithWorkflows","decoratee","page","row","workflowState","WorkflowStateValue","TableRowMapperWorkflowDecorator","TableRowMapper"],"mappings":";;;AAKA,MAAMA;IACF,YAAoBC,SAAmC,CAAE;aAArCA,SAAS,GAATA;IAAsC;IAE1D,SAASC,IAAU,EAA2B;QAC1C,MAAMC,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,CAACD;QAEpC,MAAME,gBAAgBF,KAAK,MAAM,EAAE,UAAU;QAC7C,IAAIE,iBAAiBA,kBAAkBC,mBAAmB,QAAQ,EAC9D,OAAO;YAAE,GAAGF,GAAG;YAAE,aAAa;QAAM;QAGxC,OAAOA;IACX;AACJ;AAEO,MAAMG,kCAAkCC,eAAe,eAAe,CAAC;IAC1E,WAAWP;IACX,cAAc,EAAE;AACpB"}

package/presentation/page/PageList/WorkflowStateListPagesFieldSelection.d.ts

@@ -0,0 +1,8 @@
+import { ListPagesGraphQLFieldSelection } from "@webiny/app-website-builder/features/pages/listPages/abstractions.js";
+declare class WorkflowStatesListPagesGraphQLFieldSelection implements ListPagesGraphQLFieldSelection.Interface {
+    getSelection(): string[];
+}
+export declare const WorkflowStateListPagesFieldSelection: typeof WorkflowStatesListPagesGraphQLFieldSelection & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-website-builder/features/pages/listPages/abstractions.js").IListPagesGraphQLFieldSelection>;
+};
+export {};

package/presentation/page/PageList/WorkflowStateListPagesFieldSelection.js

@@ -0,0 +1,22 @@
+import { ListPagesGraphQLFieldSelection } from "@webiny/app-website-builder/features/pages/listPages/abstractions.js";
+class WorkflowStatesListPagesGraphQLFieldSelection {
+    getSelection() {
+        return [
+            `system {
+                workflow {
+                    workflowId
+                    stepId
+                    stepName
+                    state
+                }
+            }`
+        ];
+    }
+}
+const WorkflowStateListPagesFieldSelection = ListPagesGraphQLFieldSelection.createImplementation({
+    dependencies: [],
+    implementation: WorkflowStatesListPagesGraphQLFieldSelection
+});
+export { WorkflowStateListPagesFieldSelection };
+
+//# sourceMappingURL=WorkflowStateListPagesFieldSelection.js.map

package/presentation/page/PageList/WorkflowStateListPagesFieldSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/page/PageList/WorkflowStateListPagesFieldSelection.js","sources":["../../../../src/presentation/page/PageList/WorkflowStateListPagesFieldSelection.ts"],"sourcesContent":["import { ListPagesGraphQLFieldSelection } from \"@webiny/app-website-builder/features/pages/listPages/abstractions.js\";\n\nclass WorkflowStatesListPagesGraphQLFieldSelection\n    implements ListPagesGraphQLFieldSelection.Interface\n{\n    getSelection(): string[] {\n        return [\n            `system {\n                workflow {\n                    workflowId\n                    stepId\n                    stepName\n                    state\n                }\n            }`\n        ];\n    }\n}\n\nexport const WorkflowStateListPagesFieldSelection =\n    ListPagesGraphQLFieldSelection.createImplementation({\n        dependencies: [],\n        implementation: WorkflowStatesListPagesGraphQLFieldSelection\n    });\n"],"names":["WorkflowStatesListPagesGraphQLFieldSelection","WorkflowStateListPagesFieldSelection","ListPagesGraphQLFieldSelection"],"mappings":";AAEA,MAAMA;IAGF,eAAyB;QACrB,OAAO;YACH,CAAC;;;;;;;aAOA,CAAC;SACL;IACL;AACJ;AAEO,MAAMC,uCACTC,+BAA+B,oBAAoB,CAAC;IAChD,cAAc,EAAE;IAChB,gBAAgBF;AACpB"}

package/presentation/page/PageList/feature.d.ts

@@ -0,0 +1 @@
+export declare const PageListWorkflowsFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/presentation/page/PageList/feature.js

@@ -0,0 +1,13 @@
+import { createFeature } from "@webiny/feature/admin";
+import { WorkflowStateListPagesFieldSelection } from "./WorkflowStateListPagesFieldSelection.js";
+import { TableRowMapperWorkflowDecorator } from "./TableRowMapperDecorator.js";
+const PageListWorkflowsFeature = createFeature({
+    name: "PageListWorkflows",
+    register (container) {
+        container.register(WorkflowStateListPagesFieldSelection);
+        container.registerDecorator(TableRowMapperWorkflowDecorator);
+    }
+});
+export { PageListWorkflowsFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/page/PageList/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/page/PageList/feature.js","sources":["../../../../src/presentation/page/PageList/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { WorkflowStateListPagesFieldSelection } from \"./WorkflowStateListPagesFieldSelection.js\";\nimport { TableRowMapperWorkflowDecorator } from \"./TableRowMapperDecorator.js\";\n\nexport const PageListWorkflowsFeature = createFeature({\n    name: \"PageListWorkflows\",\n    register(container) {\n        container.register(WorkflowStateListPagesFieldSelection);\n        container.registerDecorator(TableRowMapperWorkflowDecorator);\n    }\n});\n"],"names":["PageListWorkflowsFeature","createFeature","container","WorkflowStateListPagesFieldSelection","TableRowMapperWorkflowDecorator"],"mappings":";;;AAIO,MAAMA,2BAA2BC,cAAc;IAClD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,iBAAiB,CAACE;IAChC;AACJ"}

package/routes.d.ts

@@ -0,0 +1,9 @@
+import { Route } from "@webiny/app-admin";
+export declare const Routes: {
+    Pages: {
+        Workflows: Route<{
+            app: import("zod").ZodOptional<import("zod").ZodString>;
+        }>;
+        WorkflowStateList: Route<undefined>;
+    };
+};

package/routes.js

@@ -0,0 +1,19 @@
+import { Route } from "@webiny/app-admin";
+const Routes = {
+    Pages: {
+        Workflows: new Route({
+            name: "WebsiteBuilder/PageWorkflow",
+            path: "/website-builder/workflows",
+            params: (zod)=>({
+                    app: zod.string().optional()
+                })
+        }),
+        WorkflowStateList: new Route({
+            name: "WebsiteBuilder/Pages/WorkflowStateList",
+            path: "/website-builder/pages/content-reviews"
+        })
+    }
+};
+export { Routes };
+
+//# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sources":["../src/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Pages: {\n        Workflows: new Route({\n            name: \"WebsiteBuilder/PageWorkflow\",\n            path: \"/website-builder/workflows\",\n            params: zod => {\n                return {\n                    app: zod.string().optional()\n                };\n            }\n        }),\n        WorkflowStateList: new Route({\n            name: \"WebsiteBuilder/Pages/WorkflowStateList\",\n            path: \"/website-builder/pages/content-reviews\"\n        })\n    }\n};\n"],"names":["Routes","Route","zod"],"mappings":";AAEO,MAAMA,SAAS;IAClB,OAAO;QACH,WAAW,IAAIC,MAAM;YACjB,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,MACG;oBACH,KAAKA,IAAI,MAAM,GAAG,QAAQ;gBAC9B;QAER;QACA,mBAAmB,IAAID,MAAM;YACzB,MAAM;YACN,MAAM;QACV;IACJ;AACJ"}

package/types.d.ts

@@ -0,0 +1,15 @@
+import type { WorkflowStateValue } from "@webiny/app-workflows/types.js";
+export interface IPageWorkflowState {
+    workflowId: string;
+    stepId: string;
+    stepName: string;
+    state: WorkflowStateValue;
+}
+export type WithWorkflows<T> = T & {
+    workflow: IPageWorkflowState | null;
+};
+declare module "@webiny/app-website-builder/types.js" {
+    interface WbPageSystem {
+        workflow: IPageWorkflowState | null;
+    }
+}