@webiny/app-website-builder-workflows 0.0.0-unstable.0156a4c312

package/Components/PageEditor/PageEditorAutoSave.test.js

@@ -0,0 +1,111 @@
+import react from "react";
+import { act, cleanup, render, screen, waitFor } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { Container } from "@webiny/di";
+import { InternalPageEditorConfig, PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { WbPageReview } from "../../features/editorReview/abstractions.js";
+import { WbEditorHarness } from "../../testing/WbEditorHarness.js";
+import { createFakeSession } from "../../testing/createFakeSession.js";
+import { createPageEditor } from "../../testing/createPageEditor.js";
+import { PageEditorAutoSave } from "./PageEditorAutoSave.js";
+const { Ui: Ui } = PageEditorConfig;
+const mountAutoSave = (kind)=>{
+    const handle = createFakeSession(kind);
+    const container = new Container();
+    container.registerInstance(WbPageReview, handle.session);
+    const editor = createPageEditor("draft");
+    render(/*#__PURE__*/ react.createElement(WbEditorHarness, {
+        container: container,
+        editor: editor,
+        groups: [
+            "left"
+        ]
+    }, /*#__PURE__*/ react.createElement(PageEditorAutoSave, null), /*#__PURE__*/ react.createElement(InternalPageEditorConfig, null, /*#__PURE__*/ react.createElement(Ui.TopBar.Element, {
+        group: "left",
+        name: "sentinel",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "sentinel"
+        })
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.Element, {
+        group: "left",
+        name: "title",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "title"
+        })
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.Element, {
+        group: "left",
+        name: "autoSave",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "autosave"
+        })
+    }))));
+    return handle;
+};
+const CASES = [
+    {
+        kind: "loading",
+        on: false
+    },
+    {
+        kind: "failed",
+        on: false
+    },
+    {
+        kind: "noWorkflow",
+        on: true
+    },
+    {
+        kind: "none",
+        on: true
+    },
+    {
+        kind: "inProgress",
+        on: false
+    },
+    {
+        kind: "approved",
+        on: false
+    },
+    {
+        kind: "rejected",
+        on: false
+    }
+];
+describe("PageEditorAutoSave", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it.each(CASES)("$kind review: autosave on is $on", async ({ kind, on })=>{
+        mountAutoSave(kind);
+        await screen.findByTestId("sentinel");
+        await waitFor(()=>{
+            expect(screen.queryAllByTestId("autosave")).toHaveLength(on ? 1 : 0);
+        });
+    });
+    it("leaves every other top bar element alone", async ()=>{
+        mountAutoSave("loading");
+        await screen.findByTestId("sentinel");
+        expect(screen.queryAllByTestId("title")).toHaveLength(1);
+    });
+    it("turns autosave off when a review starts and on again when it ends", async ()=>{
+        const { setKind } = mountAutoSave("none");
+        await screen.findByTestId("sentinel");
+        await waitFor(()=>{
+            expect(screen.queryAllByTestId("autosave")).toHaveLength(1);
+        });
+        act(()=>{
+            setKind("inProgress");
+        });
+        await waitFor(()=>{
+            expect(screen.queryAllByTestId("autosave")).toHaveLength(0);
+        });
+        act(()=>{
+            setKind("none");
+        });
+        await waitFor(()=>{
+            expect(screen.queryAllByTestId("autosave")).toHaveLength(1);
+        });
+    });
+});
+
+//# sourceMappingURL=PageEditorAutoSave.test.js.map

package/Components/PageEditor/PageEditorAutoSave.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorAutoSave.test.js","sources":["../../../src/Components/PageEditor/PageEditorAutoSave.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { act } from \"@testing-library/react\";\nimport { cleanup } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { waitFor } from \"@testing-library/react\";\nimport { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { InternalPageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { WbPageReview } from \"~/features/editorReview/abstractions.js\";\nimport { WbEditorHarness } from \"~/testing/WbEditorHarness.js\";\nimport { createFakeSession } from \"~/testing/createFakeSession.js\";\nimport { createPageEditor } from \"~/testing/createPageEditor.js\";\nimport type { FakeReviewKind } from \"~/testing/createFakeVm.js\";\nimport { PageEditorAutoSave } from \"./PageEditorAutoSave.js\";\n\nconst { Ui } = PageEditorConfig;\n\nconst mountAutoSave = (kind: FakeReviewKind) => {\n    const handle = createFakeSession(kind);\n    const container = new Container();\n    container.registerInstance(WbPageReview, handle.session);\n    const editor = createPageEditor(\"draft\");\n\n    render(\n        <WbEditorHarness container={container} editor={editor} groups={[\"left\"]}>\n            <PageEditorAutoSave />\n            <InternalPageEditorConfig>\n                <Ui.TopBar.Element\n                    group={\"left\"}\n                    name={\"sentinel\"}\n                    element={<span data-testid={\"sentinel\"} />}\n                />\n                <Ui.TopBar.Element\n                    group={\"left\"}\n                    name={\"title\"}\n                    element={<span data-testid={\"title\"} />}\n                />\n                <Ui.TopBar.Element\n                    group={\"left\"}\n                    name={\"autoSave\"}\n                    element={<span data-testid={\"autosave\"} />}\n                />\n            </InternalPageEditorConfig>\n        </WbEditorHarness>\n    );\n\n    return handle;\n};\n\ninterface AutoSaveCase {\n    kind: FakeReviewKind;\n    on: boolean;\n}\n\nconst CASES: AutoSaveCase[] = [\n    { kind: \"loading\", on: false },\n    { kind: \"failed\", on: false },\n    { kind: \"noWorkflow\", on: true },\n    { kind: \"none\", on: true },\n    { kind: \"inProgress\", on: false },\n    { kind: \"approved\", on: false },\n    { kind: \"rejected\", on: false }\n];\n\ndescribe(\"PageEditorAutoSave\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it.each(CASES)(\"$kind review: autosave on is $on\", async ({ kind, on }) => {\n        mountAutoSave(kind);\n        await screen.findByTestId(\"sentinel\");\n\n        await waitFor(() => {\n            expect(screen.queryAllByTestId(\"autosave\")).toHaveLength(on ? 1 : 0);\n        });\n    });\n\n    it(\"leaves every other top bar element alone\", async () => {\n        mountAutoSave(\"loading\");\n        await screen.findByTestId(\"sentinel\");\n\n        expect(screen.queryAllByTestId(\"title\")).toHaveLength(1);\n    });\n\n    it(\"turns autosave off when a review starts and on again when it ends\", async () => {\n        const { setKind } = mountAutoSave(\"none\");\n        await screen.findByTestId(\"sentinel\");\n        await waitFor(() => {\n            expect(screen.queryAllByTestId(\"autosave\")).toHaveLength(1);\n        });\n\n        act(() => {\n            setKind(\"inProgress\");\n        });\n        await waitFor(() => {\n            expect(screen.queryAllByTestId(\"autosave\")).toHaveLength(0);\n        });\n\n        act(() => {\n            setKind(\"none\");\n        });\n        await waitFor(() => {\n            expect(screen.queryAllByTestId(\"autosave\")).toHaveLength(1);\n        });\n    });\n});\n"],"names":["Ui","PageEditorConfig","mountAutoSave","kind","handle","createFakeSession","container","Container","WbPageReview","editor","createPageEditor","render","WbEditorHarness","PageEditorAutoSave","InternalPageEditorConfig","CASES","describe","afterEach","cleanup","it","on","screen","waitFor","expect","setKind","act"],"mappings":";;;;;;;;;;AAoBA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAMC,gBAAgB,CAACC;IACnB,MAAMC,SAASC,kBAAkBF;IACjC,MAAMG,YAAY,IAAIC;IACtBD,UAAU,gBAAgB,CAACE,cAAcJ,OAAO,OAAO;IACvD,MAAMK,SAASC,iBAAiB;IAEhCC,OAAO,WAADA,GACF,oBAACC,iBAAeA;QAAC,WAAWN;QAAW,QAAQG;QAAQ,QAAQ;YAAC;SAAO;qBACnE,oBAACI,oBAAkBA,OAAAA,WAAAA,GACnB,oBAACC,0BAAwBA,MAAAA,WAAAA,GACrB,oBAACd,GAAG,MAAM,CAAC,OAAO;QACd,OAAO;QACP,MAAM;QACN,uBAAS,oBAAC;YAAK,eAAa;;sBAEhC,oBAACA,GAAG,MAAM,CAAC,OAAO;QACd,OAAO;QACP,MAAM;QACN,uBAAS,oBAAC;YAAK,eAAa;;sBAEhC,oBAACA,GAAG,MAAM,CAAC,OAAO;QACd,OAAO;QACP,MAAM;QACN,uBAAS,oBAAC;YAAK,eAAa;;;IAM5C,OAAOI;AACX;AAOA,MAAMW,QAAwB;IAC1B;QAAE,MAAM;QAAW,IAAI;IAAM;IAC7B;QAAE,MAAM;QAAU,IAAI;IAAM;IAC5B;QAAE,MAAM;QAAc,IAAI;IAAK;IAC/B;QAAE,MAAM;QAAQ,IAAI;IAAK;IACzB;QAAE,MAAM;QAAc,IAAI;IAAM;IAChC;QAAE,MAAM;QAAY,IAAI;IAAM;IAC9B;QAAE,MAAM;QAAY,IAAI;IAAM;CACjC;AAEDC,SAAS,sBAAsB;IAC3BC,UAAU;QACNC;IACJ;IAEAC,GAAG,IAAI,CAACJ,OAAO,oCAAoC,OAAO,EAAEZ,IAAI,EAAEiB,EAAE,EAAE;QAClElB,cAAcC;QACd,MAAMkB,OAAO,YAAY,CAAC;QAE1B,MAAMC,QAAQ;YACVC,OAAOF,OAAO,gBAAgB,CAAC,aAAa,YAAY,CAACD,KAAK,IAAI;QACtE;IACJ;IAEAD,GAAG,4CAA4C;QAC3CjB,cAAc;QACd,MAAMmB,OAAO,YAAY,CAAC;QAE1BE,OAAOF,OAAO,gBAAgB,CAAC,UAAU,YAAY,CAAC;IAC1D;IAEAF,GAAG,qEAAqE;QACpE,MAAM,EAAEK,OAAO,EAAE,GAAGtB,cAAc;QAClC,MAAMmB,OAAO,YAAY,CAAC;QAC1B,MAAMC,QAAQ;YACVC,OAAOF,OAAO,gBAAgB,CAAC,aAAa,YAAY,CAAC;QAC7D;QAEAI,IAAI;YACAD,QAAQ;QACZ;QACA,MAAMF,QAAQ;YACVC,OAAOF,OAAO,gBAAgB,CAAC,aAAa,YAAY,CAAC;QAC7D;QAEAI,IAAI;YACAD,QAAQ;QACZ;QACA,MAAMF,QAAQ;YACVC,OAAOF,OAAO,gBAAgB,CAAC,aAAa,YAAY,CAAC;QAC7D;IACJ;AACJ"}

package/Components/PageEditor/PageEditorConfig.d.ts

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

package/Components/PageEditor/PageEditorConfig.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { PageEditorTopBar } from "./PageEditorTopBar.js";
+import { PageEditorLayout } from "./PageEditorLayout.js";
+import { PageNewRevisionDecorator } from "./PageNewRevisionDecorator.js";
+import { PageEditorAutoSave } from "./PageEditorAutoSave.js";
+import { PageBasePublishDecorator } from "./PageBasePublishDecorator.js";
+import { PageReviewPublishAction } from "./PageReviewPublishAction.js";
+import { PageScheduleDecorator } from "./PageScheduleDecorator.js";
+const PageEditorConfig_PageEditorConfig = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(PageEditorTopBar, null), /*#__PURE__*/ react.createElement(PageEditorLayout, null), /*#__PURE__*/ react.createElement(PageNewRevisionDecorator, null), /*#__PURE__*/ react.createElement(PageEditorAutoSave, null), /*#__PURE__*/ react.createElement(PageBasePublishDecorator, null), /*#__PURE__*/ react.createElement(PageScheduleDecorator, null), /*#__PURE__*/ react.createElement(PageEditorConfig, null, /*#__PURE__*/ react.createElement(PageReviewPublishAction, null)));
+export { PageEditorConfig_PageEditorConfig as PageEditorConfig };
+
+//# sourceMappingURL=PageEditorConfig.js.map

package/Components/PageEditor/PageEditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorConfig.js","sources":["../../../src/Components/PageEditor/PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig as BaseConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { PageEditorTopBar } from \"./PageEditorTopBar.js\";\nimport { PageEditorLayout } from \"./PageEditorLayout.js\";\nimport { PageNewRevisionDecorator } from \"./PageNewRevisionDecorator.js\";\nimport { PageEditorAutoSave } from \"./PageEditorAutoSave.js\";\nimport { PageBasePublishDecorator } from \"./PageBasePublishDecorator.js\";\nimport { PageReviewPublishAction } from \"./PageReviewPublishAction.js\";\nimport { PageScheduleDecorator } from \"./PageScheduleDecorator.js\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <>\n            {/* The review bar under the top bar, for every page status. */}\n            <PageEditorTopBar />\n            {/* The one source of the canvas read-only flag. */}\n            <PageEditorLayout />\n            {/* New Revision hidden while a review is in progress or its state is unknown. */}\n            <PageNewRevisionDecorator />\n            {/* Autosave only while editing is allowed. */}\n            <PageEditorAutoSave />\n            {/* Hide the base Publish where a workflow exists. */}\n            <PageBasePublishDecorator />\n            {/* Schedule only where the review allows publishing. */}\n            <PageScheduleDecorator />\n            <BaseConfig>\n                {/* Publish that does not depend on the canvas being editable. */}\n                <PageReviewPublishAction />\n            </BaseConfig>\n        </>\n    );\n};\n"],"names":["PageEditorConfig","PageEditorTopBar","PageEditorLayout","PageNewRevisionDecorator","PageEditorAutoSave","PageBasePublishDecorator","PageScheduleDecorator","BaseConfig","PageReviewPublishAction"],"mappings":";;;;;;;;;AAUO,MAAMA,oCAAmB,IACrB,WAAP,GACI,wDAEI,oBAACC,kBAAgBA,OAAAA,WAAAA,GAEjB,oBAACC,kBAAgBA,OAAAA,WAAAA,GAEjB,oBAACC,0BAAwBA,OAAAA,WAAAA,GAEzB,oBAACC,oBAAkBA,OAAAA,WAAAA,GAEnB,oBAACC,0BAAwBA,OAAAA,WAAAA,GAEzB,oBAACC,uBAAqBA,OAAAA,WAAAA,GACtB,oBAACC,kBAAUA,MAAAA,WAAAA,GAEP,oBAACC,yBAAuBA"}

package/Components/PageEditor/PageEditorLayout.d.ts

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

package/Components/PageEditor/PageEditorLayout.js

@@ -0,0 +1,10 @@
+import react from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { PageReadOnlySync } from "./PageReadOnlySync.js";
+const { Ui: Ui } = PageEditorConfig;
+const PageEditorLayout = Ui.Layout.createDecorator((Original)=>function() {
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Original, null), /*#__PURE__*/ react.createElement(PageReadOnlySync, null));
+    });
+export { PageEditorLayout };
+
+//# sourceMappingURL=PageEditorLayout.js.map

package/Components/PageEditor/PageEditorLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorLayout.js","sources":["../../../src/Components/PageEditor/PageEditorLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { PageReadOnlySync } from \"./PageReadOnlySync.js\";\n\nconst { Ui } = PageEditorConfig;\n\nexport const PageEditorLayout = Ui.Layout.createDecorator(Original => {\n    return function PageEditorLayoutReview() {\n        return (\n            <>\n                <Original />\n                <PageReadOnlySync />\n            </>\n        );\n    };\n});\n"],"names":["Ui","PageEditorConfig","PageEditorLayout","Original","PageReadOnlySync"],"mappings":";;;AAIA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAER,MAAMC,mBAAmBF,GAAG,MAAM,CAAC,eAAe,CAACG,CAAAA,WAC/C;QACH,OAAO,WAAP,GACI,wDACI,oBAACA,UAAAA,OAAAA,WAAAA,GACD,oBAACC,kBAAgBA;IAG7B"}

package/Components/PageEditor/PageEditorLayout.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/PageEditor/PageEditorLayout.test.js

@@ -0,0 +1,121 @@
+import react from "react";
+import { act, cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { Container } from "@webiny/di";
+import { PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { WbPageReview } from "../../features/editorReview/abstractions.js";
+import { WbEditorHarness } from "../../testing/WbEditorHarness.js";
+import { createFakeSession } from "../../testing/createFakeSession.js";
+import { createPageEditor } from "../../testing/createPageEditor.js";
+import { PageEditorLayout } from "./PageEditorLayout.js";
+vi.mock("@webiny/app-website-builder/BaseEditor/config/Layout.js", async ()=>{
+    const React = await import("react");
+    const { makeDecoratable } = await import("@webiny/react-composition");
+    const Layout = makeDecoratable("EditorLayout", ()=>React.createElement("div", {
+            "data-testid": "base-layout"
+        }));
+    return {
+        Layout
+    };
+});
+const { Ui: Ui } = PageEditorConfig;
+const mountLayout = (pageStatus, kind)=>{
+    const handle = createFakeSession(kind);
+    const container = new Container();
+    container.registerInstance(WbPageReview, handle.session);
+    const editor = createPageEditor(pageStatus);
+    render(/*#__PURE__*/ react.createElement(WbEditorHarness, {
+        container: container,
+        editor: editor
+    }, /*#__PURE__*/ react.createElement(PageEditorLayout, null), /*#__PURE__*/ react.createElement(Ui.Layout, null)));
+    return {
+        ...handle,
+        editor
+    };
+};
+const CASES = [
+    {
+        kind: "loading",
+        page: "draft",
+        readOnly: true
+    },
+    {
+        kind: "failed",
+        page: "draft",
+        readOnly: true
+    },
+    {
+        kind: "noWorkflow",
+        page: "draft",
+        readOnly: false
+    },
+    {
+        kind: "none",
+        page: "draft",
+        readOnly: false
+    },
+    {
+        kind: "inProgress",
+        page: "draft",
+        readOnly: true
+    },
+    {
+        kind: "approved",
+        page: "draft",
+        readOnly: true
+    },
+    {
+        kind: "rejected",
+        page: "draft",
+        readOnly: true
+    },
+    {
+        kind: "noWorkflow",
+        page: "published",
+        readOnly: true
+    },
+    {
+        kind: "none",
+        page: "published",
+        readOnly: true
+    },
+    {
+        kind: "none",
+        page: "unpublished",
+        readOnly: true
+    }
+];
+describe("PageEditorLayout", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it("renders the original layout", ()=>{
+        mountLayout("draft", "none");
+        expect(screen.getAllByTestId("base-layout")).toHaveLength(1);
+    });
+    it.each(CASES)("$kind review on a $page page: canvas read-only is $readOnly", ({ kind, page, readOnly })=>{
+        const { editor } = mountLayout(page, kind);
+        expect(editor.getEditorState().read().isReadOnly).toBe(readOnly);
+    });
+    it("follows the review state while the editor is open (the one source of the flag)", ()=>{
+        const { editor, setKind } = mountLayout("draft", "none");
+        expect(editor.getEditorState().read().isReadOnly).toBe(false);
+        act(()=>{
+            setKind("inProgress");
+        });
+        expect(editor.getEditorState().read().isReadOnly).toBe(true);
+        act(()=>{
+            setKind("none");
+        });
+        expect(editor.getEditorState().read().isReadOnly).toBe(false);
+    });
+    it("never opens a canvas the editor was created read-only", ()=>{
+        const { editor, setKind } = mountLayout("published", "none");
+        act(()=>{
+            setKind("noWorkflow");
+        });
+        expect(editor.getEditorState().read().isReadOnly).toBe(true);
+    });
+});
+
+//# sourceMappingURL=PageEditorLayout.test.js.map

package/Components/PageEditor/PageEditorLayout.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorLayout.test.js","sources":["../../../src/Components/PageEditor/PageEditorLayout.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { act } from \"@testing-library/react\";\nimport { cleanup } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport type { WbStatus } from \"@webiny/app-website-builder/constants.js\";\nimport { WbPageReview } from \"~/features/editorReview/abstractions.js\";\nimport { WbEditorHarness } from \"~/testing/WbEditorHarness.js\";\nimport { createFakeSession } from \"~/testing/createFakeSession.js\";\nimport { createPageEditor } from \"~/testing/createPageEditor.js\";\nimport type { FakeReviewKind } from \"~/testing/createFakeVm.js\";\nimport { PageEditorLayout } from \"./PageEditorLayout.js\";\n\nvi.mock(\"@webiny/app-website-builder/BaseEditor/config/Layout.js\", async () => {\n    const React = await import(\"react\");\n    const { makeDecoratable } = await import(\"@webiny/react-composition\");\n    const Layout = makeDecoratable(\"EditorLayout\", () => {\n        return React.createElement(\"div\", { \"data-testid\": \"base-layout\" });\n    });\n    return { Layout };\n});\n\nconst { Ui } = PageEditorConfig;\n\nconst mountLayout = (pageStatus: WbStatus, kind: FakeReviewKind) => {\n    const handle = createFakeSession(kind);\n    const container = new Container();\n    container.registerInstance(WbPageReview, handle.session);\n    const editor = createPageEditor(pageStatus);\n\n    render(\n        <WbEditorHarness container={container} editor={editor}>\n            <PageEditorLayout />\n            <Ui.Layout />\n        </WbEditorHarness>\n    );\n\n    return { ...handle, editor };\n};\n\ninterface ReadOnlyCase {\n    kind: FakeReviewKind;\n    page: WbStatus;\n    readOnly: boolean;\n}\n\nconst CASES: ReadOnlyCase[] = [\n    { kind: \"loading\", page: \"draft\", readOnly: true },\n    { kind: \"failed\", page: \"draft\", readOnly: true },\n    { kind: \"noWorkflow\", page: \"draft\", readOnly: false },\n    { kind: \"none\", page: \"draft\", readOnly: false },\n    { kind: \"inProgress\", page: \"draft\", readOnly: true },\n    { kind: \"approved\", page: \"draft\", readOnly: true },\n    { kind: \"rejected\", page: \"draft\", readOnly: true },\n    { kind: \"noWorkflow\", page: \"published\", readOnly: true },\n    { kind: \"none\", page: \"published\", readOnly: true },\n    { kind: \"none\", page: \"unpublished\", readOnly: true }\n];\n\ndescribe(\"PageEditorLayout\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it(\"renders the original layout\", () => {\n        mountLayout(\"draft\", \"none\");\n\n        expect(screen.getAllByTestId(\"base-layout\")).toHaveLength(1);\n    });\n\n    it.each(CASES)(\n        \"$kind review on a $page page: canvas read-only is $readOnly\",\n        ({ kind, page, readOnly }) => {\n            const { editor } = mountLayout(page, kind);\n\n            expect(editor.getEditorState().read().isReadOnly).toBe(readOnly);\n        }\n    );\n\n    it(\"follows the review state while the editor is open (the one source of the flag)\", () => {\n        const { editor, setKind } = mountLayout(\"draft\", \"none\");\n        expect(editor.getEditorState().read().isReadOnly).toBe(false);\n\n        act(() => {\n            setKind(\"inProgress\");\n        });\n        expect(editor.getEditorState().read().isReadOnly).toBe(true);\n\n        act(() => {\n            setKind(\"none\");\n        });\n        expect(editor.getEditorState().read().isReadOnly).toBe(false);\n    });\n\n    it(\"never opens a canvas the editor was created read-only\", () => {\n        const { editor, setKind } = mountLayout(\"published\", \"none\");\n\n        act(() => {\n            setKind(\"noWorkflow\");\n        });\n\n        expect(editor.getEditorState().read().isReadOnly).toBe(true);\n    });\n});\n"],"names":["vi","React","makeDecoratable","Layout","Ui","PageEditorConfig","mountLayout","pageStatus","kind","handle","createFakeSession","container","Container","WbPageReview","editor","createPageEditor","render","WbEditorHarness","PageEditorLayout","CASES","describe","afterEach","cleanup","it","expect","screen","page","readOnly","setKind","act"],"mappings":";;;;;;;;;;AAoBAA,GAAG,IAAI,CAAC,2DAA2D;IAC/D,MAAMC,QAAQ,MAAM,MAAM,CAAC;IAC3B,MAAM,EAAEC,eAAe,EAAE,GAAG,MAAM,MAAM,CAAC;IACzC,MAAMC,SAASD,gBAAgB,gBAAgB,IACpCD,MAAM,aAAa,CAAC,OAAO;YAAE,eAAe;QAAc;IAErE,OAAO;QAAEE;IAAO;AACpB;AAEA,MAAM,EAAEC,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAMC,cAAc,CAACC,YAAsBC;IACvC,MAAMC,SAASC,kBAAkBF;IACjC,MAAMG,YAAY,IAAIC;IACtBD,UAAU,gBAAgB,CAACE,cAAcJ,OAAO,OAAO;IACvD,MAAMK,SAASC,iBAAiBR;IAEhCS,OAAO,WAADA,GACF,oBAACC,iBAAeA;QAAC,WAAWN;QAAW,QAAQG;qBAC3C,oBAACI,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACd,GAAG,MAAM;IAIlB,OAAO;QAAE,GAAGK,MAAM;QAAEK;IAAO;AAC/B;AAQA,MAAMK,QAAwB;IAC1B;QAAE,MAAM;QAAW,MAAM;QAAS,UAAU;IAAK;IACjD;QAAE,MAAM;QAAU,MAAM;QAAS,UAAU;IAAK;IAChD;QAAE,MAAM;QAAc,MAAM;QAAS,UAAU;IAAM;IACrD;QAAE,MAAM;QAAQ,MAAM;QAAS,UAAU;IAAM;IAC/C;QAAE,MAAM;QAAc,MAAM;QAAS,UAAU;IAAK;IACpD;QAAE,MAAM;QAAY,MAAM;QAAS,UAAU;IAAK;IAClD;QAAE,MAAM;QAAY,MAAM;QAAS,UAAU;IAAK;IAClD;QAAE,MAAM;QAAc,MAAM;QAAa,UAAU;IAAK;IACxD;QAAE,MAAM;QAAQ,MAAM;QAAa,UAAU;IAAK;IAClD;QAAE,MAAM;QAAQ,MAAM;QAAe,UAAU;IAAK;CACvD;AAEDC,SAAS,oBAAoB;IACzBC,UAAU;QACNC;IACJ;IAEAC,GAAG,+BAA+B;QAC9BjB,YAAY,SAAS;QAErBkB,OAAOC,OAAO,cAAc,CAAC,gBAAgB,YAAY,CAAC;IAC9D;IAEAF,GAAG,IAAI,CAACJ,OACJ,+DACA,CAAC,EAAEX,IAAI,EAAEkB,IAAI,EAAEC,QAAQ,EAAE;QACrB,MAAM,EAAEb,MAAM,EAAE,GAAGR,YAAYoB,MAAMlB;QAErCgB,OAAOV,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU,EAAE,IAAI,CAACa;IAC3D;IAGJJ,GAAG,kFAAkF;QACjF,MAAM,EAAET,MAAM,EAAEc,OAAO,EAAE,GAAGtB,YAAY,SAAS;QACjDkB,OAAOV,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU,EAAE,IAAI,CAAC;QAEvDe,IAAI;YACAD,QAAQ;QACZ;QACAJ,OAAOV,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU,EAAE,IAAI,CAAC;QAEvDe,IAAI;YACAD,QAAQ;QACZ;QACAJ,OAAOV,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU,EAAE,IAAI,CAAC;IAC3D;IAEAS,GAAG,yDAAyD;QACxD,MAAM,EAAET,MAAM,EAAEc,OAAO,EAAE,GAAGtB,YAAY,aAAa;QAErDuB,IAAI;YACAD,QAAQ;QACZ;QAEAJ,OAAOV,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU,EAAE,IAAI,CAAC;IAC3D;AACJ"}

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,10 @@
+import react from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { PageReviewBar } from "./PageReviewBar.js";
+const { Ui: Ui } = PageEditorConfig;
+const PageEditorTopBar = Ui.TopBar.Layout.createDecorator((Original)=>function() {
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Original, null), /*#__PURE__*/ react.createElement(PageReviewBar, null));
+    });
+export { PageEditorTopBar };
+
+//# sourceMappingURL=PageEditorTopBar.js.map

package/Components/PageEditor/PageEditorTopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorTopBar.js","sources":["../../../src/Components/PageEditor/PageEditorTopBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { PageReviewBar } from \"./PageReviewBar.js\";\n\nconst { Ui } = PageEditorConfig;\n\nexport const PageEditorTopBar = Ui.TopBar.Layout.createDecorator(Original => {\n    return function PageEditorTopBarReview() {\n        return (\n            <>\n                <Original />\n                <PageReviewBar />\n            </>\n        );\n    };\n});\n"],"names":["Ui","PageEditorConfig","PageEditorTopBar","Original","PageReviewBar"],"mappings":";;;AAIA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAER,MAAMC,mBAAmBF,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAACG,CAAAA,WACtD;QACH,OAAO,WAAP,GACI,wDACI,oBAACA,UAAAA,OAAAA,WAAAA,GACD,oBAACC,eAAaA;IAG1B"}

package/Components/PageEditor/PageEditorTopBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/PageEditor/PageEditorTopBar.test.js

@@ -0,0 +1,175 @@
+import react from "react";
+import { act, cleanup, render, screen, waitFor } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { Container } from "@webiny/di";
+import { PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { WbPageStatus } from "@webiny/app-website-builder/constants.js";
+import { WbPageReview } from "../../features/editorReview/abstractions.js";
+import { WbPageUnsavedChanges } from "../../features/editorReview/WbPageUnsavedChanges.js";
+import { WbPageContentReloader } from "../../features/editorReview/WbPageContentReloader.js";
+import { WbEditorHarness } from "../../testing/WbEditorHarness.js";
+import { createFakeSession } from "../../testing/createFakeSession.js";
+import { createPageEditor } from "../../testing/createPageEditor.js";
+import { registerPageContent } from "../../testing/registerPageContent.js";
+import { PageEditorTopBar } from "./PageEditorTopBar.js";
+vi.mock("@webiny/icons/info.svg", ()=>({
+        ReactComponent: ()=>null
+    }));
+vi.mock("@webiny/app-website-builder/BaseEditor/config/TopBar/Layout.js", async ()=>{
+    const React = await import("react");
+    const { makeDecoratable } = await import("@webiny/react-composition");
+    const Layout = makeDecoratable("TopBarLayout", ()=>React.createElement("div", {
+            "data-testid": "base-top-bar"
+        }));
+    return {
+        Layout,
+        TopBarOptionsMenu: ()=>null
+    };
+});
+vi.mock("@webiny/app-workflows/review/editor/components/EditorReviewBar.js", async ()=>{
+    const React = await import("react");
+    const EditorReviewBar = (props)=>React.createElement("div", {
+            "data-testid": "review-bar",
+            "data-route": props.reviewsRoute.name
+        });
+    return {
+        EditorReviewBar
+    };
+});
+const { Ui: Ui } = PageEditorConfig;
+const mountTopBar = (pageStatus, kind)=>{
+    const handle = createFakeSession(kind);
+    const container = new Container();
+    container.registerInstance(WbPageReview, handle.session);
+    registerPageContent(container);
+    const editor = createPageEditor(pageStatus);
+    const view = render(/*#__PURE__*/ react.createElement(WbEditorHarness, {
+        container: container,
+        editor: editor
+    }, /*#__PURE__*/ react.createElement(PageEditorTopBar, null), /*#__PURE__*/ react.createElement(Ui.TopBar.Layout, null)));
+    return {
+        ...handle,
+        editor,
+        view
+    };
+};
+describe("PageEditorTopBar", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it("renders the original top bar and exactly one review bar in a strip that reserves its height", ()=>{
+        mountTopBar("draft", "none");
+        expect(screen.getAllByTestId("base-top-bar")).toHaveLength(1);
+        const bars = screen.getAllByTestId("review-bar");
+        expect(bars).toHaveLength(1);
+        expect(bars[0].getAttribute("data-route")).toBe("WebsiteBuilder/Pages/WorkflowStateList");
+        const strip = bars[0].parentElement;
+        expect(strip?.getAttribute("data-affects-preview")).toBe("height");
+    });
+    it.each([
+        "draft",
+        "published",
+        "unpublished"
+    ])("shows the bar on a %s page", (pageStatus)=>{
+        mountTopBar(pageStatus, "none");
+        expect(screen.getAllByTestId("review-bar")).toHaveLength(1);
+    });
+    it("renders nothing, not even the strip, when the namespace has no workflow", ()=>{
+        mountTopBar("draft", "noWorkflow");
+        expect(screen.queryByTestId("review-bar")).toBeNull();
+        expect(document.querySelector("[data-affects-preview]")).toBeNull();
+        expect(screen.getAllByTestId("base-top-bar")).toHaveLength(1);
+    });
+    it("initialises the session for the draft revision with the editor's own read-only state", ()=>{
+        const { presenter } = mountTopBar("draft", "none");
+        expect(presenter.init).toHaveBeenCalledTimes(1);
+        expect(presenter.init).toHaveBeenCalledWith({
+            target: {
+                namespace: "wb.page",
+                targetRevisionId: "page-1#0001"
+            },
+            contentReloader: expect.any(WbPageContentReloader),
+            unsavedChanges: expect.any(WbPageUnsavedChanges),
+            targetTitle: "Home",
+            canRequest: true,
+            isPublished: false,
+            isUnpublished: false
+        });
+    });
+    it("cannot request a review on a published page and marks it published", ()=>{
+        const { presenter } = mountTopBar("published", "none");
+        expect(presenter.init).toHaveBeenCalledWith({
+            target: {
+                namespace: "wb.page",
+                targetRevisionId: "page-1#0001"
+            },
+            contentReloader: expect.any(WbPageContentReloader),
+            unsavedChanges: expect.any(WbPageUnsavedChanges),
+            targetTitle: "Home",
+            canRequest: false,
+            isPublished: true,
+            isUnpublished: false
+        });
+    });
+    it("cannot request a review on an unpublished page, which was published before (Q19)", ()=>{
+        const { presenter } = mountTopBar("unpublished", "none");
+        const params = presenter.init.mock.calls[0][0];
+        expect(params.canRequest).toBe(false);
+        expect(params.isPublished).toBe(false);
+        expect(params.isUnpublished).toBe(true);
+    });
+    it("updates the context without a reload when the page is published", async ()=>{
+        const { presenter, editor } = mountTopBar("draft", "none");
+        act(()=>{
+            editor.updateDocument((state)=>{
+                state.status = WbPageStatus.Published;
+            });
+        });
+        await waitFor(()=>{
+            expect(presenter.setContext).toHaveBeenLastCalledWith({
+                targetTitle: "Home",
+                canRequest: true,
+                isPublished: true,
+                isUnpublished: false
+            });
+        });
+        expect(presenter.init).toHaveBeenCalledTimes(1);
+        expect(presenter.dispose).not.toHaveBeenCalled();
+    });
+    it("updates the context with the new title when the page is renamed", async ()=>{
+        const { presenter, editor } = mountTopBar("draft", "none");
+        act(()=>{
+            editor.updateDocument((state)=>{
+                state.properties.title = "Renamed home";
+            });
+        });
+        await waitFor(()=>{
+            expect(presenter.setContext).toHaveBeenLastCalledWith({
+                targetTitle: "Renamed home",
+                canRequest: true,
+                isPublished: false,
+                isUnpublished: false
+            });
+        });
+        expect(presenter.init).toHaveBeenCalledTimes(1);
+    });
+    it("updates the context without a reload when the page is unpublished (Q19)", async ()=>{
+        const { presenter, editor } = mountTopBar("published", "approved");
+        act(()=>{
+            editor.updateDocument((state)=>{
+                state.status = WbPageStatus.Unpublished;
+            });
+        });
+        await waitFor(()=>{
+            expect(presenter.setContext).toHaveBeenLastCalledWith({
+                targetTitle: "Home",
+                canRequest: false,
+                isPublished: false,
+                isUnpublished: true
+            });
+        });
+        expect(presenter.init).toHaveBeenCalledTimes(1);
+    });
+});
+
+//# sourceMappingURL=PageEditorTopBar.test.js.map

package/Components/PageEditor/PageEditorTopBar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageEditorTopBar.test.js","sources":["../../../src/Components/PageEditor/PageEditorTopBar.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { act } from \"@testing-library/react\";\nimport { cleanup } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { waitFor } from \"@testing-library/react\";\nimport { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport type { Route } from \"@webiny/app-admin\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { WbPageStatus } from \"@webiny/app-website-builder/constants.js\";\nimport type { WbStatus } from \"@webiny/app-website-builder/constants.js\";\nimport { WbPageReview } from \"~/features/editorReview/abstractions.js\";\nimport { WbPageUnsavedChanges } from \"~/features/editorReview/WbPageUnsavedChanges.js\";\nimport { WbPageContentReloader } from \"~/features/editorReview/WbPageContentReloader.js\";\nimport { WbEditorHarness } from \"~/testing/WbEditorHarness.js\";\nimport { createFakeSession } from \"~/testing/createFakeSession.js\";\nimport { createPageEditor } from \"~/testing/createPageEditor.js\";\nimport { registerPageContent } from \"~/testing/registerPageContent.js\";\nimport type { FakeReviewKind } from \"~/testing/createFakeVm.js\";\nimport { PageEditorTopBar } from \"./PageEditorTopBar.js\";\n\nvi.mock(\"@webiny/icons/info.svg\", () => {\n    return { ReactComponent: () => null };\n});\n\nvi.mock(\"@webiny/app-website-builder/BaseEditor/config/TopBar/Layout.js\", async () => {\n    const React = await import(\"react\");\n    const { makeDecoratable } = await import(\"@webiny/react-composition\");\n    const Layout = makeDecoratable(\"TopBarLayout\", () => {\n        return React.createElement(\"div\", { \"data-testid\": \"base-top-bar\" });\n    });\n    return { Layout, TopBarOptionsMenu: () => null };\n});\n\nvi.mock(\"@webiny/app-workflows/review/editor/components/EditorReviewBar.js\", async () => {\n    const React = await import(\"react\");\n    interface StubProps {\n        reviewsRoute: Route<any>;\n    }\n    const EditorReviewBar = (props: StubProps) => {\n        return React.createElement(\"div\", {\n            \"data-testid\": \"review-bar\",\n            \"data-route\": props.reviewsRoute.name\n        });\n    };\n    return { EditorReviewBar };\n});\n\nconst { Ui } = PageEditorConfig;\n\nconst mountTopBar = (pageStatus: WbStatus, kind: FakeReviewKind) => {\n    const handle = createFakeSession(kind);\n    const container = new Container();\n    container.registerInstance(WbPageReview, handle.session);\n    registerPageContent(container);\n    const editor = createPageEditor(pageStatus);\n\n    const view = render(\n        <WbEditorHarness container={container} editor={editor}>\n            <PageEditorTopBar />\n            <Ui.TopBar.Layout />\n        </WbEditorHarness>\n    );\n\n    return { ...handle, editor, view };\n};\n\ndescribe(\"PageEditorTopBar\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it(\"renders the original top bar and exactly one review bar in a strip that reserves its height\", () => {\n        mountTopBar(\"draft\", \"none\");\n\n        expect(screen.getAllByTestId(\"base-top-bar\")).toHaveLength(1);\n        const bars = screen.getAllByTestId(\"review-bar\");\n        expect(bars).toHaveLength(1);\n        expect(bars[0].getAttribute(\"data-route\")).toBe(\"WebsiteBuilder/Pages/WorkflowStateList\");\n        const strip = bars[0].parentElement;\n        expect(strip?.getAttribute(\"data-affects-preview\")).toBe(\"height\");\n    });\n\n    it.each([\"draft\", \"published\", \"unpublished\"] as const)(\n        \"shows the bar on a %s page\",\n        pageStatus => {\n            mountTopBar(pageStatus, \"none\");\n\n            expect(screen.getAllByTestId(\"review-bar\")).toHaveLength(1);\n        }\n    );\n\n    it(\"renders nothing, not even the strip, when the namespace has no workflow\", () => {\n        mountTopBar(\"draft\", \"noWorkflow\");\n\n        expect(screen.queryByTestId(\"review-bar\")).toBeNull();\n        expect(document.querySelector(\"[data-affects-preview]\")).toBeNull();\n        expect(screen.getAllByTestId(\"base-top-bar\")).toHaveLength(1);\n    });\n\n    it(\"initialises the session for the draft revision with the editor's own read-only state\", () => {\n        const { presenter } = mountTopBar(\"draft\", \"none\");\n\n        expect(presenter.init).toHaveBeenCalledTimes(1);\n        expect(presenter.init).toHaveBeenCalledWith({\n            target: { namespace: \"wb.page\", targetRevisionId: \"page-1#0001\" },\n            contentReloader: expect.any(WbPageContentReloader),\n            unsavedChanges: expect.any(WbPageUnsavedChanges),\n            targetTitle: \"Home\",\n            canRequest: true,\n            isPublished: false,\n            isUnpublished: false\n        });\n    });\n\n    it(\"cannot request a review on a published page and marks it published\", () => {\n        const { presenter } = mountTopBar(\"published\", \"none\");\n\n        expect(presenter.init).toHaveBeenCalledWith({\n            target: { namespace: \"wb.page\", targetRevisionId: \"page-1#0001\" },\n            contentReloader: expect.any(WbPageContentReloader),\n            unsavedChanges: expect.any(WbPageUnsavedChanges),\n            targetTitle: \"Home\",\n            canRequest: false,\n            isPublished: true,\n            isUnpublished: false\n        });\n    });\n\n    it(\"cannot request a review on an unpublished page, which was published before (Q19)\", () => {\n        const { presenter } = mountTopBar(\"unpublished\", \"none\");\n\n        const params = presenter.init.mock.calls[0][0];\n        expect(params.canRequest).toBe(false);\n        expect(params.isPublished).toBe(false);\n        expect(params.isUnpublished).toBe(true);\n    });\n\n    it(\"updates the context without a reload when the page is published\", async () => {\n        const { presenter, editor } = mountTopBar(\"draft\", \"none\");\n\n        act(() => {\n            editor.updateDocument(state => {\n                state.status = WbPageStatus.Published;\n            });\n        });\n\n        await waitFor(() => {\n            expect(presenter.setContext).toHaveBeenLastCalledWith({\n                targetTitle: \"Home\",\n                canRequest: true,\n                isPublished: true,\n                isUnpublished: false\n            });\n        });\n        expect(presenter.init).toHaveBeenCalledTimes(1);\n        expect(presenter.dispose).not.toHaveBeenCalled();\n    });\n\n    it(\"updates the context with the new title when the page is renamed\", async () => {\n        const { presenter, editor } = mountTopBar(\"draft\", \"none\");\n\n        act(() => {\n            editor.updateDocument(state => {\n                state.properties.title = \"Renamed home\";\n            });\n        });\n\n        await waitFor(() => {\n            expect(presenter.setContext).toHaveBeenLastCalledWith({\n                targetTitle: \"Renamed home\",\n                canRequest: true,\n                isPublished: false,\n                isUnpublished: false\n            });\n        });\n        expect(presenter.init).toHaveBeenCalledTimes(1);\n    });\n\n    it(\"updates the context without a reload when the page is unpublished (Q19)\", async () => {\n        const { presenter, editor } = mountTopBar(\"published\", \"approved\");\n\n        act(() => {\n            editor.updateDocument(state => {\n                state.status = WbPageStatus.Unpublished;\n            });\n        });\n\n        await waitFor(() => {\n            expect(presenter.setContext).toHaveBeenLastCalledWith({\n                targetTitle: \"Home\",\n                canRequest: false,\n                isPublished: false,\n                isUnpublished: true\n            });\n        });\n        expect(presenter.init).toHaveBeenCalledTimes(1);\n    });\n});\n"],"names":["vi","React","makeDecoratable","Layout","EditorReviewBar","props","Ui","PageEditorConfig","mountTopBar","pageStatus","kind","handle","createFakeSession","container","Container","WbPageReview","registerPageContent","editor","createPageEditor","view","render","WbEditorHarness","PageEditorTopBar","describe","afterEach","cleanup","it","expect","screen","bars","strip","document","presenter","WbPageContentReloader","WbPageUnsavedChanges","params","act","state","WbPageStatus","waitFor"],"mappings":"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"}

package/Components/PageEditor/PageNewRevisionDecorator.d.ts

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

package/Components/PageEditor/PageNewRevisionDecorator.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { WbPageReviewFeature } from "../../features/editorReview/feature.js";
+const { Ui: Ui } = PageEditorConfig;
+const NewRevisionGate = createReactiveComponent((props)=>{
+    const { session } = useFeature(WbPageReviewFeature);
+    const { vm } = session.presenter;
+    if ("loading" === vm.status || "failed" === vm.status || "inProgress" === vm.reviewKind) return null;
+    return props.element ?? null;
+});
+const PageNewRevisionDecorator = Ui.TopBar.Action.createDecorator((Original)=>function(props) {
+        if ("buttonNewRevision" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(NewRevisionGate, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageNewRevisionDecorator };
+
+//# sourceMappingURL=PageNewRevisionDecorator.js.map

package/Components/PageEditor/PageNewRevisionDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageNewRevisionDecorator.js","sources":["../../../src/Components/PageEditor/PageNewRevisionDecorator.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { WbPageReviewFeature } from \"~/features/editorReview/feature.js\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface NewRevisionGateProps {\n    element?: React.ReactElement | null;\n}\n\nconst NewRevisionGate = createReactiveComponent((props: NewRevisionGateProps) => {\n    const { session } = useFeature(WbPageReviewFeature);\n    const { vm } = session.presenter;\n\n    /*\n     * Hidden while the status is unknown (R225) and while a review is in progress (Q17). Shown\n     * for a rejected, an approved and an unpublished page (Q19) and where there is no workflow.\n     */\n    if (vm.status === \"loading\" || vm.status === \"failed\" || vm.reviewKind === \"inProgress\") {\n        return null;\n    }\n\n    return props.element ?? null;\n});\n\n/*\n * The one decoration of the base `buttonNewRevision` (A78); every other action passes through.\n */\nexport const PageNewRevisionDecorator = Ui.TopBar.Action.createDecorator(Original => {\n    return function PageNewRevisionDecoratorAction(props) {\n        if (props.name === \"buttonNewRevision\") {\n            return <Original {...props} element={<NewRevisionGate element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","NewRevisionGate","createReactiveComponent","props","session","useFeature","WbPageReviewFeature","vm","PageNewRevisionDecorator","Original"],"mappings":";;;;;AAMA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAMf,MAAMC,kBAAkBC,wBAAwB,CAACC;IAC7C,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAM,EAAEC,EAAE,EAAE,GAAGH,QAAQ,SAAS;IAMhC,IAAIG,AAAc,cAAdA,GAAG,MAAM,IAAkBA,AAAc,aAAdA,GAAG,MAAM,IAAiBA,AAAkB,iBAAlBA,GAAG,UAAU,EAClE,OAAO;IAGX,OAAOJ,MAAM,OAAO,IAAI;AAC5B;AAKO,MAAMK,2BAA2BT,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAACU,CAAAA,WAC9D,SAAwCN,KAAK;QAChD,IAAIA,AAAe,wBAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACM,UAAAA;YAAU,GAAGN,KAAK;YAAE,uBAAS,oBAACF,iBAAeA;gBAAC,SAASE,MAAM,OAAO;;;QAEhF,OAAO,WAAP,GAAO,oBAACM,UAAaN;IACzB"}

package/Components/PageEditor/PageNewRevisionDecorator.test.d.ts

@@ -0,0 +1 @@
+export {};