@webiny/app-website-builder-workflows 0.0.0-unstable.e2758ee1cf → 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 { useAuthentication } from "@webiny/app-admin";
-import { Components } from "@webiny/app-workflows";
+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 {
@@ -32,7 +47,7 @@ export const PageEditorLayout = Ui.TopBar.Layout.createDecorator(Original => {
       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","useAuthentication","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 { useAuthentication } 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 } = 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 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,iBAAiB,QAAQ,mBAAmB;AACrD,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,iBAAiB,CAAC,CAAC;IAExC,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,6 +1,5 @@
 import React from "react";
 import { Components } from "@webiny/app-workflows";
-import { Alert } from "@webiny/admin-ui";
 const {
   ContentReview: {
     WorkflowStateBar
@@ -8,15 +7,12 @@ const {
 } = Components;
 export const PageFormWorkflowState = () => {
   return /*#__PURE__*/React.createElement(WorkflowStateBar, null, ({
-    state,
     stateBar
   }) => {
-    return state ? /*#__PURE__*/React.createElement("div", {
-      className: "max-w-screen bg-white p-sm"
-    }, stateBar, /*#__PURE__*/React.createElement(Alert, {
-      className: "mb-md mt-md",
-      type: "danger"
-    }, "Any changes you do on the page will not be stored!")) : null;
+    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","ContentReview","WorkflowStateBar","PageFormWorkflowState","createElement","state","stateBar","className","type"],"sources":["PageFormWorkflowState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { Alert } from \"@webiny/admin-ui\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\nexport const PageFormWorkflowState = () => {\n    return (\n        <WorkflowStateBar>\n            {({ state, stateBar }) => {\n                return state ? (\n                    <div className={\"max-w-screen bg-white p-sm\"}>\n                        {stateBar}\n                        <Alert className={\"mb-md mt-md\"} type=\"danger\">\n                            Any changes you do on the page will not be stored!\n                        </Alert>\n                    </div>\n                ) : null;\n            }}\n        </WorkflowStateBar>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,KAAK,QAAQ,kBAAkB;AAExC,MAAM;EACFC,aAAa,EAAE;IAAEC;EAAiB;AACtC,CAAC,GAAGH,UAAU;AAEd,OAAO,MAAMI,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIL,KAAA,CAAAM,aAAA,CAACF,gBAAgB,QACZ,CAAC;IAAEG,KAAK;IAAEC;EAAS,CAAC,KAAK;IACtB,OAAOD,KAAK,gBACRP,KAAA,CAAAM,aAAA;MAAKG,SAAS,EAAE;IAA6B,GACxCD,QAAQ,eACTR,KAAA,CAAAM,aAAA,CAACJ,KAAK;MAACO,SAAS,EAAE,aAAc;MAACC,IAAI,EAAC;IAAQ,GAAC,oDAExC,CACN,CAAC,GACN,IAAI;EACZ,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.e2758ee1cf",
+	"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.e2758ee1cf",
-		"@webiny/app": "0.0.0-unstable.e2758ee1cf",
-		"@webiny/app-admin": "0.0.0-unstable.e2758ee1cf",
-		"@webiny/app-website-builder": "0.0.0-unstable.e2758ee1cf",
-		"@webiny/app-workflows": "0.0.0-unstable.e2758ee1cf",
-		"@webiny/feature": "0.0.0-unstable.e2758ee1cf",
-		"@webiny/icons": "0.0.0-unstable.e2758ee1cf",
-		"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.e2758ee1cf",
+		"@types/react": "18.3.28",
+		"@webiny/build-tools": "0.0.0-unstable.e6f0dc8ca7",
 		"rimraf": "6.1.3",
-		"typescript": "5.9.3"
+		"typescript": "6.0.3"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -39,5 +42,5 @@
 			"removeViewBox": false
 		}
 	},
-	"gitHead": "e2758ee1cfa3b9a7152e9bb995a90ccabd33266f"
+	"gitHead": "e6f0dc8ca741c1fcc3fec9a5b9e86fdd49544641"
 }

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":[]}