@webiny/app-website-builder-workflows 0.0.0-unstable.e622468070 → 0.0.0-unstable.e6f0dc8ca7

package/Components/PageEditor/PageEditorConfig.js

@@ -1,14 +1,10 @@
 import React from "react";
 import { PageEditorConfig as BaseConfig } from "@webiny/app-website-builder";
-import { PageEditorAutoSave } from "./PageEditorAutoSave.js";
-import { PageEditorSettings } from "./PageEditorSettings.js";
 import { PageFormWorkflowStateTooltip } from "./PageFormWorkflowStateTooltip.js";
 import { PageFormWorkflowStatePublishButton } from "./PageFormWorkflowStatePublishButton.js";
-import { PageEditorLayout } from "./PageEditorLayout.js";
-import { PageEditorToolbar } from "./PageEditorToolbar.js";
-import { PageEditorSidebar } from "./PageEditorSidebar.js";
+import { PageEditorTopBar } from "./PageEditorTopBar.js";
 export const PageEditorConfig = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageEditorLayout, null), /*#__PURE__*/React.createElement(BaseConfig, null, /*#__PURE__*/React.createElement(PageEditorAutoSave, null), /*#__PURE__*/React.createElement(PageEditorSettings, null), /*#__PURE__*/React.createElement(PageEditorToolbar, null), /*#__PURE__*/React.createElement(PageEditorSidebar, null), /*#__PURE__*/React.createElement(PageFormWorkflowStateTooltip, null), /*#__PURE__*/React.createElement(PageFormWorkflowStatePublishButton, null)));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageEditorTopBar, null), /*#__PURE__*/React.createElement(BaseConfig, null, /*#__PURE__*/React.createElement(PageFormWorkflowStateTooltip, null), /*#__PURE__*/React.createElement(PageFormWorkflowStatePublishButton, null)));
 };
 
 //# sourceMappingURL=PageEditorConfig.js.map

package/Components/PageEditor/PageEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PageEditorConfig","BaseConfig","PageEditorAutoSave","PageEditorSettings","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton","PageEditorLayout","PageEditorToolbar","PageEditorSidebar","createElement","Fragment"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig as BaseConfig } from \"@webiny/app-website-builder\";\nimport { PageEditorAutoSave } from \"./PageEditorAutoSave.js\";\nimport { PageEditorSettings } from \"./PageEditorSettings.js\";\nimport { PageFormWorkflowStateTooltip } from \"./PageFormWorkflowStateTooltip.js\";\nimport { PageFormWorkflowStatePublishButton } from \"./PageFormWorkflowStatePublishButton.js\";\nimport { PageEditorLayout } from \"./PageEditorLayout.js\";\nimport { PageEditorToolbar } from \"./PageEditorToolbar.js\";\nimport { PageEditorSidebar } from \"./PageEditorSidebar.js\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <>\n            <PageEditorLayout />\n            <BaseConfig>\n                {/* Should remove autosave feature */}\n                <PageEditorAutoSave />\n                {/* Should remove settings button */}\n                <PageEditorSettings />\n                {/* Should remove left bar in the editor */}\n                <PageEditorToolbar />\n                {/* Should remove right bar in the editor */}\n                <PageEditorSidebar />\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,IAAIC,UAAU,QAAQ,6BAA6B;AAC5E,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAC3B,SAASC,4BAA4B;AACrC,SAASC,kCAAkC;AAC3C,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAE1B,OAAO,MAAMR,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACID,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,qBACIX,KAAA,CAAAU,aAAA,CAACH,gBAAgB,MAAE,CAAC,eACpBP,KAAA,CAAAU,aAAA,CAACR,UAAU,qBAEPF,KAAA,CAAAU,aAAA,CAACP,kBAAkB,MAAE,CAAC,eAEtBH,KAAA,CAAAU,aAAA,CAACN,kBAAkB,MAAE,CAAC,eAEtBJ,KAAA,CAAAU,aAAA,CAACF,iBAAiB,MAAE,CAAC,eAErBR,KAAA,CAAAU,aAAA,CAACD,iBAAiB,MAAE,CAAC,eAErBT,KAAA,CAAAU,aAAA,CAACL,4BAA4B,MAAE,CAAC,eAEhCL,KAAA,CAAAU,aAAA,CAACJ,kCAAkC,MAAE,CAC7B,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","PageEditorConfig","BaseConfig","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton","PageEditorTopBar","createElement","Fragment"],"sources":["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\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <>\n            {/* Toggle editor \"readonly\" mode, and add workflow alerts */}\n            <PageEditorTopBar />\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,IAAIC,UAAU,QAAQ,6BAA6B;AAC5E,SAASC,4BAA4B;AACrC,SAASC,kCAAkC;AAC3C,SAASC,gBAAgB;AAEzB,OAAO,MAAMJ,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACID,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,qBAEIP,KAAA,CAAAM,aAAA,CAACD,gBAAgB,MAAE,CAAC,eACpBL,KAAA,CAAAM,aAAA,CAACJ,UAAU,qBAEPF,KAAA,CAAAM,aAAA,CAACH,4BAA4B,MAAE,CAAC,eAEhCH,KAAA,CAAAM,aAAA,CAACF,kCAAkC,MAAE,CAC7B,CACd,CAAC;AAEX,CAAC","ignoreList":[]}

package/Components/PageEditor/PageEditorLayout.js

@@ -1,11 +1,12 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
 import { useApolloClient } from "@apollo/react-hooks";
-import { useSecurity } from "@webiny/app-admin";
-import { Components } from "@webiny/app-workflows";
+import { useAuthentication } from "@webiny/app-admin";
+import { Components, useWorkflowState } from "@webiny/app-workflows";
 import { WB_PAGE_APP } from "../../constants.js";
-import { PageFormWorkflowState } from "./PageFormWorkflowState.js";
 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
 } = PageEditorConfig;
@@ -14,7 +15,21 @@ const {
     WorkflowStateProvider
   }
 } = Components;
-export const PageEditorLayout = Ui.TopBar.Layout.createDecorator(Original => {
+const ToggleReadonly = observer(() => {
+  const {
+    presenter
+  } = useWorkflowState();
+  const editor = useDocumentEditor();
+  const hasState = !!presenter.vm.state?.state;
+  useEffect(() => {
+    const options = editor.getEditorOptions();
+    editor.updateEditor(state => {
+      state.isReadOnly = options.isReadOnly || hasState;
+    });
+  }, [hasState]);
+  return null;
+});
+export const PageEditorLayout = Ui.Layout.createDecorator(Original => {
   return function PageEditorTopBarWorkflowsState() {
     const page = useSelectFromDocument(doc => {
       return {
@@ -25,14 +40,14 @@ export const PageEditorLayout = Ui.TopBar.Layout.createDecorator(Original => {
     const client = useApolloClient();
     const {
       identity
-    } = useSecurity();
+    } = useAuthentication();
     return /*#__PURE__*/React.createElement(WorkflowStateProvider, {
       app: WB_PAGE_APP,
       id: page.id,
       identity: identity,
       client: client,
       title: `Website Builder: ${page.title}`
-    }, /*#__PURE__*/React.createElement(Original, null), /*#__PURE__*/React.createElement(PageFormWorkflowState, null));
+    }, /*#__PURE__*/React.createElement(Original, null), /*#__PURE__*/React.createElement(ToggleReadonly, null));
   };
 });
 

package/Components/PageEditor/PageEditorLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSelectFromDocument","useApolloClient","useSecurity","Components","WB_PAGE_APP","PageFormWorkflowState","PageEditorConfig","Ui","ContentReview","WorkflowStateProvider","PageEditorLayout","TopBar","Layout","createDecorator","Original","PageEditorTopBarWorkflowsState","page","doc","id","title","properties","client","identity","createElement","app"],"sources":["PageEditorLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageFormWorkflowState } from \"./PageFormWorkflowState.js\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\n\nconst { Ui } = PageEditorConfig;\n\nconst {\n    ContentReview: { WorkflowStateProvider }\n} = Components;\n\nexport const PageEditorLayout = Ui.TopBar.Layout.createDecorator(Original => {\n    return function PageEditorTopBarWorkflowsState() {\n        const page = useSelectFromDocument(doc => {\n            return {\n                id: doc.id,\n                title: doc.properties.title || \"unknown page\"\n            };\n        });\n\n        const client = useApolloClient();\n        const { identity } = useSecurity();\n\n        return (\n            <WorkflowStateProvider\n                app={WB_PAGE_APP}\n                id={page.id}\n                identity={identity}\n                client={client}\n                title={`Website Builder: ${page.title}`}\n            >\n                {/* Original top bar*/}\n                <Original />\n                {/* Should render workflow state bar and the alert for storing changes */}\n                <PageFormWorkflowState />\n            </WorkflowStateProvider>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,uEAAuE;AAC7G,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D,MAAM;EAAEC;AAAG,CAAC,GAAGD,gBAAgB;AAE/B,MAAM;EACFE,aAAa,EAAE;IAAEC;EAAsB;AAC3C,CAAC,GAAGN,UAAU;AAEd,OAAO,MAAMO,gBAAgB,GAAGH,EAAE,CAACI,MAAM,CAACC,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EACzE,OAAO,SAASC,8BAA8BA,CAAA,EAAG;IAC7C,MAAMC,IAAI,GAAGhB,qBAAqB,CAACiB,GAAG,IAAI;MACtC,OAAO;QACHC,EAAE,EAAED,GAAG,CAACC,EAAE;QACVC,KAAK,EAAEF,GAAG,CAACG,UAAU,CAACD,KAAK,IAAI;MACnC,CAAC;IACL,CAAC,CAAC;IAEF,MAAME,MAAM,GAAGpB,eAAe,CAAC,CAAC;IAChC,MAAM;MAAEqB;IAAS,CAAC,GAAGpB,WAAW,CAAC,CAAC;IAElC,oBACIH,KAAA,CAAAwB,aAAA,CAACd,qBAAqB;MAClBe,GAAG,EAAEpB,WAAY;MACjBc,EAAE,EAAEF,IAAI,CAACE,EAAG;MACZI,QAAQ,EAAEA,QAAS;MACnBD,MAAM,EAAEA,MAAO;MACfF,KAAK,EAAE,oBAAoBH,IAAI,CAACG,KAAK;IAAG,gBAGxCpB,KAAA,CAAAwB,aAAA,CAACT,QAAQ,MAAE,CAAC,eAEZf,KAAA,CAAAwB,aAAA,CAAClB,qBAAqB,MAAE,CACL,CAAC;EAEhC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useSelectFromDocument","useApolloClient","useAuthentication","Components","useWorkflowState","WB_PAGE_APP","PageEditorConfig","observer","useDocumentEditor","Ui","ContentReview","WorkflowStateProvider","ToggleReadonly","presenter","editor","hasState","vm","state","options","getEditorOptions","updateEditor","isReadOnly","PageEditorLayout","Layout","createDecorator","Original","PageEditorTopBarWorkflowsState","page","doc","id","title","properties","client","identity","createElement","app"],"sources":["PageEditorLayout.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport { Components, useWorkflowState } from \"@webiny/app-workflows\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\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 {\n    ContentReview: { WorkflowStateProvider }\n} = Components;\n\nconst ToggleReadonly = observer(() => {\n    const { presenter } = useWorkflowState();\n    const editor = useDocumentEditor();\n\n    const hasState = !!presenter.vm.state?.state;\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 PageEditorTopBarWorkflowsState() {\n        const page = useSelectFromDocument(doc => {\n            return {\n                id: doc.id,\n                title: doc.properties.title || \"unknown page\"\n            };\n        });\n\n        const client = useApolloClient();\n        const { identity } = useAuthentication();\n\n        return (\n            <WorkflowStateProvider\n                app={WB_PAGE_APP}\n                id={page.id}\n                identity={identity}\n                client={client}\n                title={`Website Builder: ${page.title}`}\n            >\n                <Original />\n                <ToggleReadonly />\n            </WorkflowStateProvider>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,qBAAqB,QAAQ,uEAAuE;AAC7G,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,uBAAuB;AACpE,SAASC,WAAW;AACpB,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,iBAAiB,QAAQ,qDAAqD;AAEvF,MAAM;EAAEC;AAAG,CAAC,GAAGH,gBAAgB;AAE/B,MAAM;EACFI,aAAa,EAAE;IAAEC;EAAsB;AAC3C,CAAC,GAAGR,UAAU;AAEd,MAAMS,cAAc,GAAGL,QAAQ,CAAC,MAAM;EAClC,MAAM;IAAEM;EAAU,CAAC,GAAGT,gBAAgB,CAAC,CAAC;EACxC,MAAMU,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAElC,MAAMO,QAAQ,GAAG,CAAC,CAACF,SAAS,CAACG,EAAE,CAACC,KAAK,EAAEA,KAAK;EAE5ClB,SAAS,CAAC,MAAM;IACZ,MAAMmB,OAAO,GAAGJ,MAAM,CAACK,gBAAgB,CAAC,CAAC;IACzCL,MAAM,CAACM,YAAY,CAACH,KAAK,IAAI;MACzBA,KAAK,CAACI,UAAU,GAAGH,OAAO,CAACG,UAAU,IAAIN,QAAQ;IACrD,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,OAAO,IAAI;AACf,CAAC,CAAC;AAEF,OAAO,MAAMO,gBAAgB,GAAGb,EAAE,CAACc,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EAClE,OAAO,SAASC,8BAA8BA,CAAA,EAAG;IAC7C,MAAMC,IAAI,GAAG3B,qBAAqB,CAAC4B,GAAG,IAAI;MACtC,OAAO;QACHC,EAAE,EAAED,GAAG,CAACC,EAAE;QACVC,KAAK,EAAEF,GAAG,CAACG,UAAU,CAACD,KAAK,IAAI;MACnC,CAAC;IACL,CAAC,CAAC;IAEF,MAAME,MAAM,GAAG/B,eAAe,CAAC,CAAC;IAChC,MAAM;MAAEgC;IAAS,CAAC,GAAG/B,iBAAiB,CAAC,CAAC;IAExC,oBACIJ,KAAA,CAAAoC,aAAA,CAACvB,qBAAqB;MAClBwB,GAAG,EAAE9B,WAAY;MACjBwB,EAAE,EAAEF,IAAI,CAACE,EAAG;MACZI,QAAQ,EAAEA,QAAS;MACnBD,MAAM,EAAEA,MAAO;MACfF,KAAK,EAAE,oBAAoBH,IAAI,CAACG,KAAK;IAAG,gBAExChC,KAAA,CAAAoC,aAAA,CAACT,QAAQ,MAAE,CAAC,eACZ3B,KAAA,CAAAoC,aAAA,CAACtB,cAAc,MAAE,CACE,CAAC;EAEhC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

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,38 @@
+import React from "react";
+import { useApolloClient } from "@apollo/react-hooks";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
+import { useAuthentication } from "@webiny/app-admin";
+import { WorkflowStateProvider } from "@webiny/app-workflows/Components/WorkflowState/index.js";
+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
+} = PageEditorConfig;
+export const PageEditorTopBar = Ui.TopBar.Layout.createDecorator(Original => {
+  return function PageEditorTopBarWorkflowsState() {
+    const page = useSelectFromDocument(doc => {
+      return {
+        id: doc.id,
+        title: doc.properties.title || "unknown page",
+        status: doc.status || "draft"
+      };
+    });
+    const client = useApolloClient();
+    const {
+      identity
+    } = useAuthentication();
+    return /*#__PURE__*/React.createElement(WorkflowStateProvider, {
+      app: WB_PAGE_APP,
+      id: page.id,
+      disabled: page.status !== WbPageStatus.Draft,
+      identity: identity,
+      client: client,
+      title: `Website Builder: ${page.title}`
+    }, /*#__PURE__*/React.createElement(Original, null), /*#__PURE__*/React.createElement(ToggleEditorMode, null), /*#__PURE__*/React.createElement(PageFormWorkflowState, null));
+  };
+});
+
+//# sourceMappingURL=PageEditorTopBar.js.map

package/Components/PageEditor/PageEditorTopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useApolloClient","PageEditorConfig","useSelectFromDocument","useAuthentication","WorkflowStateProvider","WB_PAGE_APP","PageFormWorkflowState","ToggleEditorMode","WbPageStatus","Ui","PageEditorTopBar","TopBar","Layout","createDecorator","Original","PageEditorTopBarWorkflowsState","page","doc","id","title","properties","status","client","identity","createElement","app","disabled","Draft"],"sources":["PageEditorTopBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport {\n    type EditorDocument,\n    useSelectFromDocument\n} from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport { WorkflowStateProvider } from \"@webiny/app-workflows/Components/WorkflowState/index.js\";\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 client = useApolloClient();\n        const { identity } = useAuthentication();\n\n        return (\n            <WorkflowStateProvider\n                app={WB_PAGE_APP}\n                id={page.id}\n                disabled={page.status !== WbPageStatus.Draft}\n                identity={identity}\n                client={client}\n                title={`Website Builder: ${page.title}`}\n            >\n                <Original />\n                <ToggleEditorMode />\n                <PageFormWorkflowState />\n            </WorkflowStateProvider>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAEIC,qBAAqB,QAClB,uEAAuE;AAC9E,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,qBAAqB,QAAQ,yDAAyD;AAC/F,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AACzB,SAASC,YAAY,QAAuB,0CAA0C;AAEtF,MAAM;EAAEC;AAAG,CAAC,GAAGR,gBAAgB;AAY/B,OAAO,MAAMS,gBAAgB,GAAGD,EAAE,CAACE,MAAM,CAACC,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EACzE,OAAO,SAASC,8BAA8BA,CAAA,EAAG;IAC7C,MAAMC,IAAI,GAAGd,qBAAqB,CAAgDe,GAAG,IAAI;MACrF,OAAO;QACHC,EAAE,EAAED,GAAG,CAACC,EAAE;QACVC,KAAK,EAAEF,GAAG,CAACG,UAAU,CAACD,KAAK,IAAI,cAAc;QAC7CE,MAAM,EAAEJ,GAAG,CAACI,MAAM,IAAI;MAC1B,CAAC;IACL,CAAC,CAAC;IAEF,MAAMC,MAAM,GAAGtB,eAAe,CAAC,CAAC;IAChC,MAAM;MAAEuB;IAAS,CAAC,GAAGpB,iBAAiB,CAAC,CAAC;IAExC,oBACIJ,KAAA,CAAAyB,aAAA,CAACpB,qBAAqB;MAClBqB,GAAG,EAAEpB,WAAY;MACjBa,EAAE,EAAEF,IAAI,CAACE,EAAG;MACZQ,QAAQ,EAAEV,IAAI,CAACK,MAAM,KAAKb,YAAY,CAACmB,KAAM;MAC7CJ,QAAQ,EAAEA,QAAS;MACnBD,MAAM,EAAEA,MAAO;MACfH,KAAK,EAAE,oBAAoBH,IAAI,CAACG,KAAK;IAAG,gBAExCpB,KAAA,CAAAyB,aAAA,CAACV,QAAQ,MAAE,CAAC,eACZf,KAAA,CAAAyB,aAAA,CAACjB,gBAAgB,MAAE,CAAC,eACpBR,KAAA,CAAAyB,aAAA,CAAClB,qBAAqB,MAAE,CACL,CAAC;EAEhC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/Components/PageEditor/PageFormWorkflowState.js

@@ -1,35 +1,18 @@
 import React from "react";
 import { Components } from "@webiny/app-workflows";
-import { Alert, Grid } from "@webiny/admin-ui";
 const {
   ContentReview: {
     WorkflowStateBar
   }
 } = Components;
-const StoreAlert = ({
-  state
-}) => {
-  if (!state) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "max-w-screen bg-white p-sm"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    className: "w-full"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Alert, {
-    className: "mb-md mt-md",
-    type: "danger"
-  }, "Any changes you do on the page will not be stored!"))));
-};
 export const PageFormWorkflowState = () => {
   return /*#__PURE__*/React.createElement(WorkflowStateBar, null, ({
-    state
+    stateBar
   }) => {
-    return /*#__PURE__*/React.createElement(StoreAlert, {
-      state: state
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "max-w-screen bg-white p-sm",
+      "data-affects-preview": "height"
+    }, stateBar);
   });
 };
 

package/Components/PageEditor/PageFormWorkflowState.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Components","Alert","Grid","ContentReview","WorkflowStateBar","StoreAlert","state","createElement","className","Column","span","type","PageFormWorkflowState"],"sources":["PageFormWorkflowState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { Alert, Grid } from \"@webiny/admin-ui\";\nimport type { IWorkflowState } from \"@webiny/app-workflows/types.js\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\ninterface IStoreAlertProps {\n    state: IWorkflowState | undefined | null;\n}\n\nconst StoreAlert = ({ state }: IStoreAlertProps) => {\n    if (!state) {\n        return null;\n    }\n    return (\n        <div className={\"max-w-screen bg-white p-sm\"}>\n            <Grid className={\"w-full\"}>\n                <Grid.Column span={12}>\n                    <Alert className={\"mb-md mt-md\"} type=\"danger\">\n                        Any changes you do on the page will not be stored!\n                    </Alert>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n\nexport const PageFormWorkflowState = () => {\n    return (\n        <WorkflowStateBar>\n            {({ state }) => {\n                return <StoreAlert state={state} />;\n            }}\n        </WorkflowStateBar>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAG9C,MAAM;EACFC,aAAa,EAAE;IAAEC;EAAiB;AACtC,CAAC,GAAGJ,UAAU;AAMd,MAAMK,UAAU,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EAChD,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAA6B,gBACzCT,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACM,SAAS,EAAE;EAAS,gBACtBT,KAAA,CAAAQ,aAAA,CAACL,IAAI,CAACO,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBX,KAAA,CAAAQ,aAAA,CAACN,KAAK;IAACO,SAAS,EAAE,aAAc;IAACG,IAAI,EAAC;EAAQ,GAAC,oDAExC,CACE,CACX,CACL,CAAC;AAEd,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIb,KAAA,CAAAQ,aAAA,CAACH,gBAAgB,QACZ,CAAC;IAAEE;EAAM,CAAC,KAAK;IACZ,oBAAOP,KAAA,CAAAQ,aAAA,CAACF,UAAU;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC;EACvC,CACc,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Components","ContentReview","WorkflowStateBar","PageFormWorkflowState","createElement","stateBar","className"],"sources":["PageFormWorkflowState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\nexport const PageFormWorkflowState = () => {\n    return (\n        <WorkflowStateBar>\n            {({ stateBar }) => {\n                return (\n                    <div className={\"max-w-screen bg-white p-sm\"} data-affects-preview={\"height\"}>\n                        {stateBar}\n                    </div>\n                );\n            }}\n        </WorkflowStateBar>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,uBAAuB;AAElD,MAAM;EACFC,aAAa,EAAE;IAAEC;EAAiB;AACtC,CAAC,GAAGF,UAAU;AAEd,OAAO,MAAMG,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIJ,KAAA,CAAAK,aAAA,CAACF,gBAAgB,QACZ,CAAC;IAAEG;EAAS,CAAC,KAAK;IACf,oBACIN,KAAA,CAAAK,aAAA;MAAKE,SAAS,EAAE,4BAA6B;MAAC,wBAAsB;IAAS,GACxED,QACA,CAAC;EAEd,CACc,CAAC;AAE3B,CAAC","ignoreList":[]}

package/Components/PageEditor/ToggleEditorMode.d.ts

@@ -0,0 +1,3 @@
+export declare const ToggleEditorMode: (() => null) & {
+    displayName: string;
+};

package/Components/PageEditor/ToggleEditorMode.js

@@ -0,0 +1,20 @@
+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";
+export const ToggleEditorMode = observer(() => {
+  const {
+    presenter
+  } = useWorkflowState();
+  const editor = useDocumentEditor();
+  const hasState = !!presenter.vm.state?.state;
+  useEffect(() => {
+    const options = editor.getEditorOptions();
+    editor.updateEditor(state => {
+      state.isReadOnly = options.isReadOnly || hasState;
+    });
+  }, [hasState]);
+  return null;
+});
+
+//# sourceMappingURL=ToggleEditorMode.js.map

package/Components/PageEditor/ToggleEditorMode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","observer","useWorkflowState","useDocumentEditor","ToggleEditorMode","presenter","editor","hasState","vm","state","options","getEditorOptions","updateEditor","isReadOnly"],"sources":["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.state?.state;\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"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,iBAAiB,QAAQ,qDAAqD;AAEvF,OAAO,MAAMC,gBAAgB,GAAGH,QAAQ,CAAC,MAAM;EAC3C,MAAM;IAAEI;EAAU,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EACxC,MAAMI,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,QAAQ,GAAG,CAAC,CAACF,SAAS,CAACG,EAAE,CAACC,KAAK,EAAEA,KAAK;EAE5CT,SAAS,CAAC,MAAM;IACZ,MAAMU,OAAO,GAAGJ,MAAM,CAACK,gBAAgB,CAAC,CAAC;IACzCL,MAAM,CAACM,YAAY,CAACH,KAAK,IAAI;MACzBA,KAAK,CAACI,UAAU,GAAGH,OAAO,CAACG,UAAU,IAAIN,QAAQ;IACrD,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,OAAO,IAAI;AACf,CAAC,CAAC","ignoreList":[]}

package/package.json

@@ -1,8 +1,11 @@
 {
 	"name": "@webiny/app-website-builder-workflows",
-	"version": "0.0.0-unstable.e622468070",
+	"version": "0.0.0-unstable.e6f0dc8ca7",
 	"type": "module",
-	"main": "index.js",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -11,24 +14,24 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@webiny/admin-ui": "0.0.0-unstable.e622468070",
-		"@webiny/app": "0.0.0-unstable.e622468070",
-		"@webiny/app-admin": "0.0.0-unstable.e622468070",
-		"@webiny/app-website-builder": "0.0.0-unstable.e622468070",
-		"@webiny/app-workflows": "0.0.0-unstable.e622468070",
-		"@webiny/feature": "0.0.0-unstable.e622468070",
-		"@webiny/icons": "0.0.0-unstable.e622468070",
-		"mobx": "6.15.0",
-		"mobx-react-lite": "3.4.3",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
+		"@webiny/admin-ui": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/app": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/app-admin": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/app-website-builder": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/app-workflows": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/feature": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/icons": "0.0.0-unstable.e6f0dc8ca7",
+		"mobx": "6.15.3",
+		"mobx-react-lite": "4.1.1",
+		"react": "18.3.1",
+		"react-dom": "18.3.1",
 		"react-helmet": "6.1.0"
 	},
 	"devDependencies": {
-		"@types/react": "18.2.79",
-		"@webiny/build-tools": "0.0.0-unstable.e622468070",
-		"rimraf": "6.1.2",
-		"typescript": "5.9.3"
+		"@types/react": "18.3.28",
+		"@webiny/build-tools": "0.0.0-unstable.e6f0dc8ca7",
+		"rimraf": "6.1.3",
+		"typescript": "6.0.3"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -39,5 +42,5 @@
 			"removeViewBox": false
 		}
 	},
-	"gitHead": "e622468070839dc3f9552c85bf2bbac12d2ef88f"
+	"gitHead": "e6f0dc8ca741c1fcc3fec9a5b9e86fdd49544641"
 }

package/presentation/page/PageGet/WorkflowStatesGetPageGraphQLFieldSelection.js

@@ -1,8 +1,8 @@
 import { GetPageGraphQLFieldSelection } from "@webiny/app-website-builder/features/pages/getPage/abstractions.js";
 class WorkflowStatesGetPageGraphQLFieldSelection {
   getSelection() {
-    return [`workflows {
-                state {
+    return [`system {
+                workflow {
                     workflowId
                     stepId
                     stepName

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

@@ -1 +1 @@
-{"version":3,"names":["GetPageGraphQLFieldSelection","WorkflowStatesGetPageGraphQLFieldSelection","getSelection","WorkflowStateGetPageFieldSelection","createImplementation","dependencies","implementation"],"sources":["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            `workflows {\n                state {\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"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,oEAAoE;AAEjH,MAAMC,0CAA0C,CAAmD;EAC/FC,YAAYA,CAAA,EAAa;IACrB,OAAO,CACH;AACZ;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,CACL;EACL;AACJ;AAEA,OAAO,MAAMC,kCAAkC,GAAGH,4BAA4B,CAACI,oBAAoB,CAC/F;EACIC,YAAY,EAAE,EAAE;EAChBC,cAAc,EAAEL;AACpB,CACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["GetPageGraphQLFieldSelection","WorkflowStatesGetPageGraphQLFieldSelection","getSelection","WorkflowStateGetPageFieldSelection","createImplementation","dependencies","implementation"],"sources":["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"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,oEAAoE;AAEjH,MAAMC,0CAA0C,CAAmD;EAC/FC,YAAYA,CAAA,EAAa;IACrB,OAAO,CACH;AACZ;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,CACL;EACL;AACJ;AAEA,OAAO,MAAMC,kCAAkC,GAAGH,4BAA4B,CAACI,oBAAoB,CAC/F;EACIC,YAAY,EAAE,EAAE;EAChBC,cAAc,EAAEL;AACpB,CACJ,CAAC","ignoreList":[]}

package/presentation/page/PageList/PageListPresenterDecorator.js

@@ -23,14 +23,11 @@ class PageListPresenterWithWorkflows {
   decoratePage(page) {
     return {
       ...page,
-      workflows: {
-        // @ts-expect-error
-        ...page.workflows,
-        // @ts-expect-error
-        state: page.workflows?.state || null
+      system: {
+        ...page.system,
+        workflow: page.system?.workflow || null
       },
-      // @ts-expect-error
-      $selectable: !page.workflows?.state
+      $selectable: !page.system?.workflow?.state
     };
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","PageListPresenter","PageListPresenterWithWorkflows","constructor","decoratee","vm","data","map","page","decoratePage","init","params","showFilters","show","workflows","state","$selectable","PageListPresenterDecorator","createDecorator","decorator","dependencies"],"sources":["PageListPresenterDecorator.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    IDocumentListPresenterInit,\n    IDocumentListVm,\n    PageListPresenter\n} from \"@webiny/app-website-builder/presentation/pages/PageList/index.js\";\nimport type { WithWorkflows } from \"~/types.js\";\nimport type { PageDto } from \"@webiny/app-website-builder/domain/Page/index.js\";\n\nclass PageListPresenterWithWorkflows implements PageListPresenter.Interface {\n    private readonly decoratee;\n\n    public constructor(decoratee: PageListPresenter.Interface) {\n        this.decoratee = decoratee;\n        makeAutoObservable(this);\n    }\n\n    public get vm(): IDocumentListVm {\n        const vm = this.decoratee.vm;\n        return {\n            ...vm,\n            data: vm.data.map(page => {\n                return this.decoratePage(page);\n            })\n        };\n    }\n\n    public init(params: IDocumentListPresenterInit): void {\n        this.decoratee.init(params);\n    }\n\n    public showFilters(show: boolean): void {\n        this.decoratee.showFilters(show);\n    }\n\n    private decoratePage(page: PageDto): WithWorkflows<PageDto> {\n        return {\n            ...page,\n            workflows: {\n                // @ts-expect-error\n                ...page.workflows,\n                // @ts-expect-error\n                state: page.workflows?.state || null\n            },\n            // @ts-expect-error\n            $selectable: !page.workflows?.state\n        };\n    }\n}\n\nexport const PageListPresenterDecorator = PageListPresenter.createDecorator({\n    decorator: PageListPresenterWithWorkflows,\n    dependencies: []\n});\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SAGIC,iBAAiB,QACd,kEAAkE;AAIzE,MAAMC,8BAA8B,CAAwC;EAGjEC,WAAWA,CAACC,SAAsC,EAAE;IACvD,IAAI,CAACA,SAAS,GAAGA,SAAS;IAC1BJ,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAWK,EAAEA,CAAA,EAAoB;IAC7B,MAAMA,EAAE,GAAG,IAAI,CAACD,SAAS,CAACC,EAAE;IAC5B,OAAO;MACH,GAAGA,EAAE;MACLC,IAAI,EAAED,EAAE,CAACC,IAAI,CAACC,GAAG,CAACC,IAAI,IAAI;QACtB,OAAO,IAAI,CAACC,YAAY,CAACD,IAAI,CAAC;MAClC,CAAC;IACL,CAAC;EACL;EAEOE,IAAIA,CAACC,MAAkC,EAAQ;IAClD,IAAI,CAACP,SAAS,CAACM,IAAI,CAACC,MAAM,CAAC;EAC/B;EAEOC,WAAWA,CAACC,IAAa,EAAQ;IACpC,IAAI,CAACT,SAAS,CAACQ,WAAW,CAACC,IAAI,CAAC;EACpC;EAEQJ,YAAYA,CAACD,IAAa,EAA0B;IACxD,OAAO;MACH,GAAGA,IAAI;MACPM,SAAS,EAAE;QACP;QACA,GAAGN,IAAI,CAACM,SAAS;QACjB;QACAC,KAAK,EAAEP,IAAI,CAACM,SAAS,EAAEC,KAAK,IAAI;MACpC,CAAC;MACD;MACAC,WAAW,EAAE,CAACR,IAAI,CAACM,SAAS,EAAEC;IAClC,CAAC;EACL;AACJ;AAEA,OAAO,MAAME,0BAA0B,GAAGhB,iBAAiB,CAACiB,eAAe,CAAC;EACxEC,SAAS,EAAEjB,8BAA8B;EACzCkB,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","PageListPresenter","PageListPresenterWithWorkflows","constructor","decoratee","vm","data","map","page","decoratePage","init","params","showFilters","show","system","workflow","$selectable","state","PageListPresenterDecorator","createDecorator","decorator","dependencies"],"sources":["PageListPresenterDecorator.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    IDocumentListPresenterInit,\n    IDocumentListVm,\n    PageListPresenter\n} from \"@webiny/app-website-builder/presentation/pages/PageList/index.js\";\nimport type { PageDto } from \"@webiny/app-website-builder/domain/Page/index.js\";\n\nclass PageListPresenterWithWorkflows implements PageListPresenter.Interface {\n    private readonly decoratee;\n\n    public constructor(decoratee: PageListPresenter.Interface) {\n        this.decoratee = decoratee;\n        makeAutoObservable(this);\n    }\n\n    public get vm(): IDocumentListVm {\n        const vm = this.decoratee.vm;\n        return {\n            ...vm,\n            data: vm.data.map(page => {\n                return this.decoratePage(page);\n            })\n        };\n    }\n\n    public init(params: IDocumentListPresenterInit): void {\n        this.decoratee.init(params);\n    }\n\n    public showFilters(show: boolean): void {\n        this.decoratee.showFilters(show);\n    }\n\n    private decoratePage(page: PageDto): PageDto {\n        return {\n            ...page,\n            system: {\n                ...page.system,\n                workflow: page.system?.workflow || null\n            },\n            $selectable: !page.system?.workflow?.state\n        };\n    }\n}\n\nexport const PageListPresenterDecorator = PageListPresenter.createDecorator({\n    decorator: PageListPresenterWithWorkflows,\n    dependencies: []\n});\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SAGIC,iBAAiB,QACd,kEAAkE;AAGzE,MAAMC,8BAA8B,CAAwC;EAGjEC,WAAWA,CAACC,SAAsC,EAAE;IACvD,IAAI,CAACA,SAAS,GAAGA,SAAS;IAC1BJ,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAWK,EAAEA,CAAA,EAAoB;IAC7B,MAAMA,EAAE,GAAG,IAAI,CAACD,SAAS,CAACC,EAAE;IAC5B,OAAO;MACH,GAAGA,EAAE;MACLC,IAAI,EAAED,EAAE,CAACC,IAAI,CAACC,GAAG,CAACC,IAAI,IAAI;QACtB,OAAO,IAAI,CAACC,YAAY,CAACD,IAAI,CAAC;MAClC,CAAC;IACL,CAAC;EACL;EAEOE,IAAIA,CAACC,MAAkC,EAAQ;IAClD,IAAI,CAACP,SAAS,CAACM,IAAI,CAACC,MAAM,CAAC;EAC/B;EAEOC,WAAWA,CAACC,IAAa,EAAQ;IACpC,IAAI,CAACT,SAAS,CAACQ,WAAW,CAACC,IAAI,CAAC;EACpC;EAEQJ,YAAYA,CAACD,IAAa,EAAW;IACzC,OAAO;MACH,GAAGA,IAAI;MACPM,MAAM,EAAE;QACJ,GAAGN,IAAI,CAACM,MAAM;QACdC,QAAQ,EAAEP,IAAI,CAACM,MAAM,EAAEC,QAAQ,IAAI;MACvC,CAAC;MACDC,WAAW,EAAE,CAACR,IAAI,CAACM,MAAM,EAAEC,QAAQ,EAAEE;IACzC,CAAC;EACL;AACJ;AAEA,OAAO,MAAMC,0BAA0B,GAAGjB,iBAAiB,CAACkB,eAAe,CAAC;EACxEC,SAAS,EAAElB,8BAA8B;EACzCmB,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}

package/presentation/page/PageList/WorkflowStateListPagesFieldSelection.js

@@ -1,8 +1,8 @@
 import { ListPagesGraphQLFieldSelection } from "@webiny/app-website-builder/features/pages/loadPages/abstractions.js";
 class WorkflowStatesListPagesGraphQLFieldSelection {
   getSelection() {
-    return [`workflows {
-                state {
+    return [`system {
+                workflow {
                     workflowId
                     stepId
                     stepName

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

@@ -1 +1 @@
-{"version":3,"names":["ListPagesGraphQLFieldSelection","WorkflowStatesListPagesGraphQLFieldSelection","getSelection","WorkflowStateListPagesFieldSelection","createImplementation","dependencies","implementation"],"sources":["WorkflowStateListPagesFieldSelection.ts"],"sourcesContent":["import { ListPagesGraphQLFieldSelection } from \"@webiny/app-website-builder/features/pages/loadPages/abstractions.js\";\n\nclass WorkflowStatesListPagesGraphQLFieldSelection\n    implements ListPagesGraphQLFieldSelection.Interface\n{\n    getSelection(): string[] {\n        return [\n            `workflows {\n                state {\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"],"mappings":"AAAA,SAASA,8BAA8B,QAAQ,sEAAsE;AAErH,MAAMC,4CAA4C,CAElD;EACIC,YAAYA,CAAA,EAAa;IACrB,OAAO,CACH;AACZ;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,CACL;EACL;AACJ;AAEA,OAAO,MAAMC,oCAAoC,GAC7CH,8BAA8B,CAACI,oBAAoB,CAAC;EAChDC,YAAY,EAAE,EAAE;EAChBC,cAAc,EAAEL;AACpB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ListPagesGraphQLFieldSelection","WorkflowStatesListPagesGraphQLFieldSelection","getSelection","WorkflowStateListPagesFieldSelection","createImplementation","dependencies","implementation"],"sources":["WorkflowStateListPagesFieldSelection.ts"],"sourcesContent":["import { ListPagesGraphQLFieldSelection } from \"@webiny/app-website-builder/features/pages/loadPages/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"],"mappings":"AAAA,SAASA,8BAA8B,QAAQ,sEAAsE;AAErH,MAAMC,4CAA4C,CAElD;EACIC,YAAYA,CAAA,EAAa;IACrB,OAAO,CACH;AACZ;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,CACL;EACL;AACJ;AAEA,OAAO,MAAMC,oCAAoC,GAC7CH,8BAA8B,CAACI,oBAAoB,CAAC;EAChDC,YAAY,EAAE,EAAE;EAChBC,cAAc,EAAEL;AACpB,CAAC,CAAC","ignoreList":[]}

package/routes.js

@@ -12,7 +12,7 @@ export const Routes = {
     }),
     WorkflowStateList: new Route({
       name: "WebsiteBuilder/Pages/WorkflowStateList",
-      path: "/website-builder/pages/workflow-states"
+      path: "/website-builder/pages/content-reviews"
     })
   }
 };

package/routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["Route","Routes","Pages","Workflows","name","path","params","zod","app","string","optional","WorkflowStateList"],"sources":["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/workflow-states\"\n        })\n    }\n};\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,mBAAmB;AAEzC,OAAO,MAAMC,MAAM,GAAG;EAClBC,KAAK,EAAE;IACHC,SAAS,EAAE,IAAIH,KAAK,CAAC;MACjBI,IAAI,EAAE,6BAA6B;MACnCC,IAAI,EAAE,4BAA4B;MAClCC,MAAM,EAAEC,GAAG,IAAI;QACX,OAAO;UACHC,GAAG,EAAED,GAAG,CAACE,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC;QAC/B,CAAC;MACL;IACJ,CAAC,CAAC;IACFC,iBAAiB,EAAE,IAAIX,KAAK,CAAC;MACzBI,IAAI,EAAE,wCAAwC;MAC9CC,IAAI,EAAE;IACV,CAAC;EACL;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["Route","Routes","Pages","Workflows","name","path","params","zod","app","string","optional","WorkflowStateList"],"sources":["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"],"mappings":"AAAA,SAASA,KAAK,QAAQ,mBAAmB;AAEzC,OAAO,MAAMC,MAAM,GAAG;EAClBC,KAAK,EAAE;IACHC,SAAS,EAAE,IAAIH,KAAK,CAAC;MACjBI,IAAI,EAAE,6BAA6B;MACnCC,IAAI,EAAE,4BAA4B;MAClCC,MAAM,EAAEC,GAAG,IAAI;QACX,OAAO;UACHC,GAAG,EAAED,GAAG,CAACE,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC;QAC/B,CAAC;MACL;IACJ,CAAC,CAAC;IACFC,iBAAiB,EAAE,IAAIX,KAAK,CAAC;MACzBI,IAAI,EAAE,wCAAwC;MAC9CC,IAAI,EAAE;IACV,CAAC;EACL;AACJ,CAAC","ignoreList":[]}

package/types.d.ts

@@ -17,3 +17,13 @@ export type WithWorkflows<T> = T & {
     workflows: IRecordWorkflow | null;
     $selectable: boolean;
 };
+declare module "@webiny/app-website-builder/types.js" {
+    interface WbSystem {
+        workflow: IRecordWorkflow | null;
+    }
+}
+declare module "@webiny/app-website-builder/domain/Page/PageDto.js" {
+    interface PageDto {
+        $selectable: boolean;
+    }
+}

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { WorkflowStateValue } from \"@webiny/app-workflows/types.js\";\n\nexport interface IRecordWorkflowStateIdentity {\n    id: string;\n    displayName: string;\n    type: string;\n}\n\nexport interface IRecordWorkflowState {\n    workflowId: string;\n    stepId: string;\n    state: WorkflowStateValue;\n    savedBy?: IRecordWorkflowStateIdentity | null;\n}\n\nexport interface IRecordWorkflow {\n    state?: IRecordWorkflowState | null;\n}\n\nexport type WithWorkflows<T> = T & {\n    workflows: IRecordWorkflow | null;\n    $selectable: boolean;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { WorkflowStateValue } from \"@webiny/app-workflows/types.js\";\n\nexport interface IRecordWorkflowStateIdentity {\n    id: string;\n    displayName: string;\n    type: string;\n}\n\nexport interface IRecordWorkflowState {\n    workflowId: string;\n    stepId: string;\n    state: WorkflowStateValue;\n    savedBy?: IRecordWorkflowStateIdentity | null;\n}\n\nexport interface IRecordWorkflow {\n    state?: IRecordWorkflowState | null;\n}\n\nexport type WithWorkflows<T> = T & {\n    workflows: IRecordWorkflow | null;\n    $selectable: boolean;\n};\n\ndeclare module \"@webiny/app-website-builder/types.js\" {\n    export interface WbSystem {\n        workflow: IRecordWorkflow | null;\n    }\n}\n\ndeclare module \"@webiny/app-website-builder/domain/Page/PageDto.js\" {\n    export interface PageDto {\n        $selectable: boolean;\n    }\n}\n"],"mappings":"","ignoreList":[]}

package/Components/PageEditor/PageEditorSettings.d.ts

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

package/Components/PageEditor/PageEditorSettings.js

@@ -1,30 +0,0 @@
-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
-} = PageEditorConfig;
-const WrappedSettings = observer(props => {
-  const {
-    presenter
-  } = useWorkflowState();
-  if (!presenter.vm.state?.state) {
-    return props.element;
-  }
-  return null;
-});
-export const PageEditorSettings = Ui.TopBar.Action.createDecorator(Original => {
-  return function PageEditorSettingsDecorated(props) {
-    if (props.name === "buttonSettings") {
-      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
-        element: /*#__PURE__*/React.createElement(WrappedSettings, {
-          element: props.element
-        })
-      }));
-    }
-    return /*#__PURE__*/React.createElement(Original, props);
-  };
-});
-
-//# sourceMappingURL=PageEditorSettings.js.map

package/Components/PageEditor/PageEditorSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","PageEditorConfig","useWorkflowState","observer","Ui","WrappedSettings","props","presenter","vm","state","element","PageEditorSettings","TopBar","Action","createDecorator","Original","PageEditorSettingsDecorated","name","createElement","Object","assign"],"sources":["PageEditorSettings.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 IWrappedSettings {\n    element?: React.ReactElement | null;\n}\n\nconst WrappedSettings = observer((props: IWrappedSettings) => {\n    const { presenter } = useWorkflowState();\n    if (!presenter.vm.state?.state) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageEditorSettings = Ui.TopBar.Action.createDecorator(Original => {\n    return function PageEditorSettingsDecorated(props) {\n        if (props.name === \"buttonSettings\") {\n            return <Original {...props} element={<WrappedSettings element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,MAAM;EAAEC;AAAG,CAAC,GAAGH,gBAAgB;AAM/B,MAAMI,eAAe,GAAGF,QAAQ,CAAEG,KAAuB,IAAK;EAC1D,MAAM;IAAEC;EAAU,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EACxC,IAAI,CAACK,SAAS,CAACC,EAAE,CAACC,KAAK,EAAEA,KAAK,EAAE;IAC5B,OAAOH,KAAK,CAACI,OAAO;EACxB;EAEA,OAAO,IAAI;AACf,CAAC,CAAC;AAEF,OAAO,MAAMC,kBAAkB,GAAGP,EAAE,CAACQ,MAAM,CAACC,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EAC3E,OAAO,SAASC,2BAA2BA,CAACV,KAAK,EAAE;IAC/C,IAAIA,KAAK,CAACW,IAAI,KAAK,gBAAgB,EAAE;MACjC,oBAAOjB,KAAA,CAAAkB,aAAA,CAACH,QAAQ,EAAAI,MAAA,CAAAC,MAAA,KAAKd,KAAK;QAAEI,OAAO,eAAEV,KAAA,CAAAkB,aAAA,CAACb,eAAe;UAACK,OAAO,EAAEJ,KAAK,CAACI;QAAQ,CAAE;MAAE,EAAE,CAAC;IACxF;IACA,oBAAOV,KAAA,CAAAkB,aAAA,CAACH,QAAQ,EAAKT,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/Components/PageEditor/PageEditorSidebar.d.ts

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

package/Components/PageEditor/PageEditorSidebar.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { EditorConfig } from "@webiny/app-website-builder/BaseEditor/index.js";
-import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
-export const PageEditorSidebar = EditorConfig.Ui.Sidebar.createDecorator(Original => {
-  return function PageEditorSidebarDecorated() {
-    const stepId = useSelectFromDocument(document => {
-      // @ts-expect-error
-      return document.workflows?.state?.stepId;
-    });
-    if (stepId) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(Original, null);
-  };
-});
-
-//# sourceMappingURL=PageEditorSidebar.js.map

package/Components/PageEditor/PageEditorSidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","EditorConfig","useSelectFromDocument","PageEditorSidebar","Ui","Sidebar","createDecorator","Original","PageEditorSidebarDecorated","stepId","document","workflows","state","createElement"],"sources":["PageEditorSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorConfig } from \"@webiny/app-website-builder/BaseEditor/index.js\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport const PageEditorSidebar = EditorConfig.Ui.Sidebar.createDecorator(Original => {\n    return function PageEditorSidebarDecorated() {\n        const stepId = useSelectFromDocument((document): string | undefined => {\n            // @ts-expect-error\n            return document.workflows?.state?.stepId;\n        });\n        if (stepId) {\n            return null;\n        }\n        return <Original />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,iDAAiD;AAC9E,SAASC,qBAAqB,QAAQ,uEAAuE;AAE7G,OAAO,MAAMC,iBAAiB,GAAGF,YAAY,CAACG,EAAE,CAACC,OAAO,CAACC,eAAe,CAACC,QAAQ,IAAI;EACjF,OAAO,SAASC,0BAA0BA,CAAA,EAAG;IACzC,MAAMC,MAAM,GAAGP,qBAAqB,CAAEQ,QAAQ,IAAyB;MACnE;MACA,OAAOA,QAAQ,CAACC,SAAS,EAAEC,KAAK,EAAEH,MAAM;IAC5C,CAAC,CAAC;IACF,IAAIA,MAAM,EAAE;MACR,OAAO,IAAI;IACf;IACA,oBAAOT,KAAA,CAAAa,aAAA,CAACN,QAAQ,MAAE,CAAC;EACvB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/Components/PageEditor/PageEditorToolbar.d.ts

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

package/Components/PageEditor/PageEditorToolbar.js

@@ -1,17 +0,0 @@
-import { EditorConfig } from "@webiny/app-website-builder/BaseEditor/index.js";
-import React from "react";
-import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
-export const PageEditorToolbar = EditorConfig.Ui.Toolbar.createDecorator(Original => {
-  return function PageEditorToolbarDecorated() {
-    const stepId = useSelectFromDocument(document => {
-      // @ts-expect-error
-      return document.workflows?.state?.stepId;
-    });
-    if (stepId) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(Original, null);
-  };
-});
-
-//# sourceMappingURL=PageEditorToolbar.js.map

package/Components/PageEditor/PageEditorToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["EditorConfig","React","useSelectFromDocument","PageEditorToolbar","Ui","Toolbar","createDecorator","Original","PageEditorToolbarDecorated","stepId","document","workflows","state","createElement"],"sources":["PageEditorToolbar.tsx"],"sourcesContent":["import { EditorConfig } from \"@webiny/app-website-builder/BaseEditor/index.js\";\nimport React from \"react\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport const PageEditorToolbar = EditorConfig.Ui.Toolbar.createDecorator(Original => {\n    return function PageEditorToolbarDecorated() {\n        const stepId = useSelectFromDocument((document): string | undefined => {\n            // @ts-expect-error\n            return document.workflows?.state?.stepId;\n        });\n        if (stepId) {\n            return null;\n        }\n        return <Original />;\n    };\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iDAAiD;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,uEAAuE;AAE7G,OAAO,MAAMC,iBAAiB,GAAGH,YAAY,CAACI,EAAE,CAACC,OAAO,CAACC,eAAe,CAACC,QAAQ,IAAI;EACjF,OAAO,SAASC,0BAA0BA,CAAA,EAAG;IACzC,MAAMC,MAAM,GAAGP,qBAAqB,CAAEQ,QAAQ,IAAyB;MACnE;MACA,OAAOA,QAAQ,CAACC,SAAS,EAAEC,KAAK,EAAEH,MAAM;IAC5C,CAAC,CAAC;IACF,IAAIA,MAAM,EAAE;MACR,OAAO,IAAI;IACf;IACA,oBAAOR,KAAA,CAAAY,aAAA,CAACN,QAAQ,MAAE,CAAC;EACvB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}