@webiny/app-website-builder-workflows 6.4.12-beta.2 → 6.4.12-beta.4

package/Components/PageEditor/PageEditorConfig.js

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

package/Components/PageEditor/PageEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"Components/PageEditor/PageEditorConfig.js","sources":["../../../src/Components/PageEditor/PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig as BaseConfig } from \"@webiny/app-website-builder\";\nimport { PageFormWorkflowStateTooltip } from \"./PageFormWorkflowStateTooltip.js\";\nimport { PageFormWorkflowStatePublishButton } from \"./PageFormWorkflowStatePublishButton.js\";\nimport { PageEditorTopBar } from \"./PageEditorTopBar.js\";\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"],"names":["PageEditorConfig","PageEditorTopBar","BaseConfig","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton"],"mappings":";;;;;AAMO,MAAMA,oCAAmB,IACrB,WAAP,GACI,wDAEI,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,kBAAUA,MAAAA,WAAAA,GAEP,oBAACC,8BAA4BA,OAAAA,WAAAA,GAE7B,oBAACC,oCAAkCA"}
+{"version":3,"file":"Components/PageEditor/PageEditorConfig.js","sources":["../../../src/Components/PageEditor/PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { Plugins } from \"@webiny/app\";\nimport { PageFormWorkflowStateTooltip } from \"./PageFormWorkflowStateTooltip.js\";\nimport { PageFormWorkflowStatePublishButton } from \"./PageFormWorkflowStatePublishButton.js\";\nimport { PageEditorTopBar } from \"./PageEditorTopBar.js\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <Plugins>\n            {/* Toggle editor \"readonly\" mode, and add workflow alerts */}\n            <PageEditorTopBar />\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        </Plugins>\n    );\n};\n"],"names":["PageEditorConfig","Plugins","PageEditorTopBar","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton"],"mappings":";;;;;AAMO,MAAMA,mBAAmB,IACrB,WAAP,GACI,oBAACC,SAAOA,MAAAA,WAAAA,GAEJ,oBAACC,kBAAgBA,OAAAA,WAAAA,GAEjB,oBAACC,8BAA4BA,OAAAA,WAAAA,GAE7B,oBAACC,oCAAkCA"}

package/Components/PageEditor/ToggleEditorMode.js

@@ -1,18 +1,19 @@
 import { useEffect } from "react";
 import { observer } from "mobx-react-lite";
-import { useWorkflowState } from "@webiny/app-workflows";
+import { WorkflowStateValue, useWorkflowState } from "@webiny/app-workflows";
 import { useDocumentEditor } from "@webiny/app-website-builder/DocumentEditor/index.js";
 const ToggleEditorMode = observer(()=>{
     const { presenter } = useWorkflowState();
     const editor = useDocumentEditor();
-    const hasState = !!presenter.vm.state?.state;
+    const state = presenter.vm.state?.state;
+    const isUnderReview = !!state && state !== WorkflowStateValue.approved;
     useEffect(()=>{
         const options = editor.getEditorOptions();
         editor.updateEditor((state)=>{
-            state.isReadOnly = options.isReadOnly || hasState;
+            state.isReadOnly = options.isReadOnly || isUnderReview;
         });
     }, [
-        hasState
+        isUnderReview
     ]);
     return null;
 });

package/Components/PageEditor/ToggleEditorMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"Components/PageEditor/ToggleEditorMode.js","sources":["../../../src/Components/PageEditor/ToggleEditorMode.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { useDocumentEditor } from \"@webiny/app-website-builder/DocumentEditor/index.js\";\n\nexport const ToggleEditorMode = observer(() => {\n    const { presenter } = useWorkflowState();\n    const editor = useDocumentEditor();\n\n    const hasState = !!presenter.vm.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"],"names":["ToggleEditorMode","observer","presenter","useWorkflowState","editor","useDocumentEditor","hasState","useEffect","options","state"],"mappings":";;;;AAKO,MAAMA,mBAAmBC,SAAS;IACrC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAMC,SAASC;IAEf,MAAMC,WAAW,CAAC,CAACJ,UAAU,EAAE,CAAC,KAAK,EAAE;IAEvCK,UAAU;QACN,MAAMC,UAAUJ,OAAO,gBAAgB;QACvCA,OAAO,YAAY,CAACK,CAAAA;YAChBA,MAAM,UAAU,GAAGD,QAAQ,UAAU,IAAIF;QAC7C;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO;AACX"}
+{"version":3,"file":"Components/PageEditor/ToggleEditorMode.js","sources":["../../../src/Components/PageEditor/ToggleEditorMode.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState, WorkflowStateValue } 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 state = presenter.vm.state?.state;\n\n    /**\n     * A page is locked for the duration of the review. Once the review is approved the page can\n     * be published, so the editor has to become writable again - otherwise the top bar keeps\n     * offering \"New Revision\" instead of \"Publish\".\n     */\n    const isUnderReview = !!state && state !== WorkflowStateValue.approved;\n\n    useEffect(() => {\n        const options = editor.getEditorOptions();\n        editor.updateEditor(state => {\n            state.isReadOnly = options.isReadOnly || isUnderReview;\n        });\n    }, [isUnderReview]);\n\n    return null;\n});\n"],"names":["ToggleEditorMode","observer","presenter","useWorkflowState","editor","useDocumentEditor","state","isUnderReview","WorkflowStateValue","useEffect","options"],"mappings":";;;;AAKO,MAAMA,mBAAmBC,SAAS;IACrC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAMC,SAASC;IAEf,MAAMC,QAAQJ,UAAU,EAAE,CAAC,KAAK,EAAE;IAOlC,MAAMK,gBAAgB,CAAC,CAACD,SAASA,UAAUE,mBAAmB,QAAQ;IAEtEC,UAAU;QACN,MAAMC,UAAUN,OAAO,gBAAgB;QACvCA,OAAO,YAAY,CAACE,CAAAA;YAChBA,MAAM,UAAU,GAAGI,QAAQ,UAAU,IAAIH;QAC7C;IACJ,GAAG;QAACA;KAAc;IAElB,OAAO;AACX"}

package/index.js

@@ -4,10 +4,13 @@ import { WebsiteBuilderWorkflowsMenu } from "./Routes/index.js";
 import { ListOpenInNewWindow, PageEditorConfig, PagesList } from "./Components/index.js";
 import { PageListWorkflowsFeature } from "./presentation/page/PageList/feature.js";
 import { PageGetWorkflowsFeature } from "./presentation/page/PageGet/feature.js";
+import { RevisionListWorkflowsFeature } from "./presentation/page/RevisionList/feature.js";
 const WebsiteBuilderWorkflows = ()=>/*#__PURE__*/ react.createElement(Wcp.CanUseWorkflows, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
         feature: PageListWorkflowsFeature
     }), /*#__PURE__*/ react.createElement(RegisterFeature, {
         feature: PageGetWorkflowsFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: RevisionListWorkflowsFeature
     }), /*#__PURE__*/ react.createElement(WebsiteBuilderWorkflowsMenu, null), /*#__PURE__*/ react.createElement(PageEditorConfig, null), /*#__PURE__*/ react.createElement(PagesList, null), /*#__PURE__*/ react.createElement(ListOpenInNewWindow, null));
 export { WebsiteBuilderWorkflows };
 

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-website-builder-workflows",
-	"version": "6.4.12-beta.2",
+	"version": "6.4.12-beta.4",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -14,13 +14,13 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@webiny/admin-ui": "6.4.12-beta.2",
-		"@webiny/app": "6.4.12-beta.2",
-		"@webiny/app-admin": "6.4.12-beta.2",
-		"@webiny/app-website-builder": "6.4.12-beta.2",
-		"@webiny/app-workflows": "6.4.12-beta.2",
-		"@webiny/feature": "6.4.12-beta.2",
-		"@webiny/icons": "6.4.12-beta.2",
+		"@webiny/admin-ui": "6.4.12-beta.4",
+		"@webiny/app": "6.4.12-beta.4",
+		"@webiny/app-admin": "6.4.12-beta.4",
+		"@webiny/app-website-builder": "6.4.12-beta.4",
+		"@webiny/app-workflows": "6.4.12-beta.4",
+		"@webiny/feature": "6.4.12-beta.4",
+		"@webiny/icons": "6.4.12-beta.4",
 		"mobx": "7.0.3",
 		"mobx-react-lite": "5.0.3",
 		"react": "18.3.1",
@@ -29,7 +29,7 @@
 	},
 	"devDependencies": {
 		"@types/react": "18.3.31",
-		"@webiny/build-tools": "6.4.12-beta.2",
+		"@webiny/build-tools": "6.4.12-beta.4",
 		"rimraf": "6.1.3",
 		"typescript": "6.0.3"
 	},

package/presentation/page/RevisionList/RevisionListPresenterDecorator.d.ts

@@ -0,0 +1,21 @@
+import { type IRevisionListPresenterInit, type IRevisionListVm, RevisionListPresenter } from "@webiny/app-website-builder/presentation/pages/RevisionList/abstractions.js";
+/**
+ * Publishing a page revision straight from the revisions drawer bypasses the workflow: the top bar
+ * hides its own Publish button while a review is in progress, but the drawer knew nothing about
+ * workflows and kept offering the action.
+ *
+ * This decorator is registered only from within `Wcp.CanUseWorkflows`, so its presence already
+ * means workflows are enabled for the project. That is a blunt rule - it also hides the action on
+ * a page no workflow applies to - but it is the safe direction while the drawer has no access to
+ * the per-page workflow state. Publishing remains available from the top bar, which does know it.
+ */
+declare class RevisionListPresenterWithWorkflows implements RevisionListPresenter.Interface {
+    private readonly decoratee;
+    constructor(decoratee: RevisionListPresenter.Interface);
+    get vm(): IRevisionListVm;
+    init(params: IRevisionListPresenterInit): void;
+}
+export declare const RevisionListPresenterDecorator: typeof RevisionListPresenterWithWorkflows & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-website-builder/presentation/pages/RevisionList/abstractions.js").IRevisionListPresenter>;
+};
+export {};

package/presentation/page/RevisionList/RevisionListPresenterDecorator.js

@@ -0,0 +1,28 @@
+import { makeAutoObservable } from "mobx";
+import { RevisionListPresenter } from "@webiny/app-website-builder/presentation/pages/RevisionList/abstractions.js";
+class RevisionListPresenterWithWorkflows {
+    constructor(decoratee){
+        this.decoratee = decoratee;
+        makeAutoObservable(this);
+    }
+    get vm() {
+        const vm = this.decoratee.vm;
+        return {
+            ...vm,
+            revisions: vm.revisions.map((item)=>({
+                    ...item,
+                    canPublish: false
+                }))
+        };
+    }
+    init(params) {
+        this.decoratee.init(params);
+    }
+}
+const RevisionListPresenterDecorator = RevisionListPresenter.createDecorator({
+    decorator: RevisionListPresenterWithWorkflows,
+    dependencies: []
+});
+export { RevisionListPresenterDecorator };
+
+//# sourceMappingURL=RevisionListPresenterDecorator.js.map

package/presentation/page/RevisionList/RevisionListPresenterDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/page/RevisionList/RevisionListPresenterDecorator.js","sources":["../../../../src/presentation/page/RevisionList/RevisionListPresenterDecorator.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    type IRevisionListPresenterInit,\n    type IRevisionListVm,\n    RevisionListPresenter\n} from \"@webiny/app-website-builder/presentation/pages/RevisionList/abstractions.js\";\n\n/**\n * Publishing a page revision straight from the revisions drawer bypasses the workflow: the top bar\n * hides its own Publish button while a review is in progress, but the drawer knew nothing about\n * workflows and kept offering the action.\n *\n * This decorator is registered only from within `Wcp.CanUseWorkflows`, so its presence already\n * means workflows are enabled for the project. That is a blunt rule - it also hides the action on\n * a page no workflow applies to - but it is the safe direction while the drawer has no access to\n * the per-page workflow state. Publishing remains available from the top bar, which does know it.\n */\nclass RevisionListPresenterWithWorkflows implements RevisionListPresenter.Interface {\n    private readonly decoratee;\n\n    public constructor(decoratee: RevisionListPresenter.Interface) {\n        this.decoratee = decoratee;\n        makeAutoObservable(this);\n    }\n\n    public get vm(): IRevisionListVm {\n        const vm = this.decoratee.vm;\n\n        return {\n            ...vm,\n            revisions: vm.revisions.map(item => {\n                return {\n                    ...item,\n                    canPublish: false\n                };\n            })\n        };\n    }\n\n    public init(params: IRevisionListPresenterInit): void {\n        this.decoratee.init(params);\n    }\n}\n\nexport const RevisionListPresenterDecorator = RevisionListPresenter.createDecorator({\n    decorator: RevisionListPresenterWithWorkflows,\n    dependencies: []\n});\n"],"names":["RevisionListPresenterWithWorkflows","decoratee","makeAutoObservable","vm","item","params","RevisionListPresenterDecorator","RevisionListPresenter"],"mappings":";;AAiBA,MAAMA;IAGF,YAAmBC,SAA0C,CAAE;QAC3D,IAAI,CAAC,SAAS,GAAGA;QACjBC,mBAAmB,IAAI;IAC3B;IAEA,IAAW,KAAsB;QAC7B,MAAMC,KAAK,IAAI,CAAC,SAAS,CAAC,EAAE;QAE5B,OAAO;YACH,GAAGA,EAAE;YACL,WAAWA,GAAG,SAAS,CAAC,GAAG,CAACC,CAAAA,OACjB;oBACH,GAAGA,IAAI;oBACP,YAAY;gBAChB;QAER;IACJ;IAEO,KAAKC,MAAkC,EAAQ;QAClD,IAAI,CAAC,SAAS,CAAC,IAAI,CAACA;IACxB;AACJ;AAEO,MAAMC,iCAAiCC,sBAAsB,eAAe,CAAC;IAChF,WAAWP;IACX,cAAc,EAAE;AACpB"}

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

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

package/presentation/page/RevisionList/feature.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/page/RevisionList/feature.js","sources":["../../../../src/presentation/page/RevisionList/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { RevisionListPresenterDecorator } from \"./RevisionListPresenterDecorator.js\";\n\nexport const RevisionListWorkflowsFeature = createFeature({\n    name: \"RevisionListWorkflows\",\n    register(container) {\n        container.registerDecorator(RevisionListPresenterDecorator);\n    }\n});\n"],"names":["RevisionListWorkflowsFeature","createFeature","container","RevisionListPresenterDecorator"],"mappings":";;AAGO,MAAMA,+BAA+BC,cAAc;IACtD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,iBAAiB,CAACC;IAChC;AACJ"}

package/Components/PageEditor/PageEditorLayout.d.ts

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

package/Components/PageEditor/PageEditorLayout.js

@@ -1,43 +0,0 @@
-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, useWorkflowState } from "@webiny/app-workflows";
-import { WB_PAGE_APP } from "../../constants.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: Ui } = PageEditorConfig;
-const { ContentReview: { WorkflowStateProvider: WorkflowStateProvider } } = Components;
-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;
-});
-const PageEditorLayout = Ui.Layout.createDecorator((Original)=>function() {
-        const page = useSelectFromDocument((doc)=>({
-                id: doc.id,
-                title: doc.properties.title || "unknown page"
-            }));
-        const client = useApolloClient();
-        const { identity } = 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(ToggleReadonly, null));
-    });
-export { PageEditorLayout };
-
-//# sourceMappingURL=PageEditorLayout.js.map

package/Components/PageEditor/PageEditorLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Components/PageEditor/PageEditorLayout.js","sources":["../../../src/Components/PageEditor/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"],"names":["Ui","PageEditorConfig","WorkflowStateProvider","Components","ToggleReadonly","observer","presenter","useWorkflowState","editor","useDocumentEditor","hasState","useEffect","options","state","PageEditorLayout","Original","page","useSelectFromDocument","doc","client","useApolloClient","identity","useAuthentication","WB_PAGE_APP"],"mappings":";;;;;;;;;AAUA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAM,EACF,eAAe,EAAEC,uBAAAA,qBAAqB,EAAE,EAC3C,GAAGC;AAEJ,MAAMC,iBAAiBC,SAAS;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAMC,SAASC;IAEf,MAAMC,WAAW,CAAC,CAACJ,UAAU,EAAE,CAAC,KAAK,EAAE;IAEvCK,UAAU;QACN,MAAMC,UAAUJ,OAAO,gBAAgB;QACvCA,OAAO,YAAY,CAACK,CAAAA;YAChBA,MAAM,UAAU,GAAGD,QAAQ,UAAU,IAAIF;QAC7C;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO;AACX;AAEO,MAAMI,mBAAmBd,GAAG,MAAM,CAAC,eAAe,CAACe,CAAAA,WAC/C;QACH,MAAMC,OAAOC,sBAAsBC,CAAAA,MACxB;gBACH,IAAIA,IAAI,EAAE;gBACV,OAAOA,IAAI,UAAU,CAAC,KAAK,IAAI;YACnC;QAGJ,MAAMC,SAASC;QACf,MAAM,EAAEC,QAAQ,EAAE,GAAGC;QAErB,OAAO,WAAP,GACI,oBAACpB,uBAAqBA;YAClB,KAAKqB;YACL,IAAIP,KAAK,EAAE;YACX,UAAUK;YACV,QAAQF;YACR,OAAO,CAAC,iBAAiB,EAAEH,KAAK,KAAK,EAAE;yBAEvC,oBAACD,UAAAA,OAAAA,WAAAA,GACD,oBAACX,gBAAcA;IAG3B"}