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

package/Components/PageEditor/PageNewRevisionDecorator.test.js

@@ -0,0 +1,107 @@
+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 { PageNewRevisionDecorator } from "./PageNewRevisionDecorator.js";
+const { Ui: Ui } = PageEditorConfig;
+const mountNewRevision = (kind, isUnpublished = false)=>{
+    const handle = createFakeSession(kind, isUnpublished);
+    const container = new Container();
+    container.registerInstance(WbPageReview, handle.session);
+    const editor = createPageEditor(isUnpublished ? "unpublished" : "published");
+    render(/*#__PURE__*/ react.createElement(WbEditorHarness, {
+        container: container,
+        editor: editor,
+        groups: [
+            "actions"
+        ]
+    }, /*#__PURE__*/ react.createElement(PageNewRevisionDecorator, null), /*#__PURE__*/ react.createElement(InternalPageEditorConfig, null, /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "sentinel",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "sentinel"
+        })
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "buttonNewRevision",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "new-revision"
+        })
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "buttonSettings",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "other-action"
+        })
+    }))));
+    return handle;
+};
+const CASES = [
+    {
+        kind: "loading",
+        shown: false
+    },
+    {
+        kind: "failed",
+        shown: false
+    },
+    {
+        kind: "noWorkflow",
+        shown: true
+    },
+    {
+        kind: "none",
+        shown: true
+    },
+    {
+        kind: "inProgress",
+        shown: false
+    },
+    {
+        kind: "approved",
+        shown: true
+    },
+    {
+        kind: "rejected",
+        shown: true
+    }
+];
+describe("PageNewRevisionDecorator", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it.each(CASES)("$kind review: New Revision shown is $shown", async ({ kind, shown })=>{
+        mountNewRevision(kind);
+        await screen.findByTestId("sentinel");
+        await waitFor(()=>{
+            expect(screen.queryAllByTestId("new-revision")).toHaveLength(shown ? 1 : 0);
+        });
+    });
+    it("an unpublished page with no review shows New Revision (Q19)", async ()=>{
+        mountNewRevision("none", true);
+        await screen.findByTestId("sentinel");
+        await waitFor(()=>{
+            expect(screen.queryAllByTestId("new-revision")).toHaveLength(1);
+        });
+    });
+    it("leaves every other top bar action alone", async ()=>{
+        mountNewRevision("inProgress");
+        await screen.findByTestId("sentinel");
+        expect(screen.queryAllByTestId("other-action")).toHaveLength(1);
+    });
+    it("follows the review while the editor is open: hidden in progress, shown once rejected (Q17)", async ()=>{
+        const { setKind } = mountNewRevision("inProgress");
+        await screen.findByTestId("sentinel");
+        expect(screen.queryAllByTestId("new-revision")).toHaveLength(0);
+        act(()=>{
+            setKind("rejected");
+        });
+        await waitFor(()=>{
+            expect(screen.queryAllByTestId("new-revision")).toHaveLength(1);
+        });
+    });
+});
+
+//# sourceMappingURL=PageNewRevisionDecorator.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageNewRevisionDecorator.test.js","sources":["../../../src/Components/PageEditor/PageNewRevisionDecorator.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 { PageNewRevisionDecorator } from \"./PageNewRevisionDecorator.js\";\n\nconst { Ui } = PageEditorConfig;\n\nconst mountNewRevision = (kind: FakeReviewKind, isUnpublished: boolean = false) => {\n    const handle = createFakeSession(kind, isUnpublished);\n    const container = new Container();\n    container.registerInstance(WbPageReview, handle.session);\n    const editor = createPageEditor(isUnpublished ? \"unpublished\" : \"published\");\n\n    render(\n        <WbEditorHarness container={container} editor={editor} groups={[\"actions\"]}>\n            <PageNewRevisionDecorator />\n            <InternalPageEditorConfig>\n                <Ui.TopBar.Action name={\"sentinel\"} element={<span data-testid={\"sentinel\"} />} />\n                <Ui.TopBar.Action\n                    name={\"buttonNewRevision\"}\n                    element={<span data-testid={\"new-revision\"} />}\n                />\n                <Ui.TopBar.Action\n                    name={\"buttonSettings\"}\n                    element={<span data-testid={\"other-action\"} />}\n                />\n            </InternalPageEditorConfig>\n        </WbEditorHarness>\n    );\n\n    return handle;\n};\n\ninterface NewRevisionCase {\n    kind: FakeReviewKind;\n    shown: boolean;\n}\n\nconst CASES: NewRevisionCase[] = [\n    { kind: \"loading\", shown: false },\n    { kind: \"failed\", shown: false },\n    { kind: \"noWorkflow\", shown: true },\n    { kind: \"none\", shown: true },\n    { kind: \"inProgress\", shown: false },\n    { kind: \"approved\", shown: true },\n    { kind: \"rejected\", shown: true }\n];\n\ndescribe(\"PageNewRevisionDecorator\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it.each(CASES)(\"$kind review: New Revision shown is $shown\", async ({ kind, shown }) => {\n        mountNewRevision(kind);\n        await screen.findByTestId(\"sentinel\");\n\n        await waitFor(() => {\n            expect(screen.queryAllByTestId(\"new-revision\")).toHaveLength(shown ? 1 : 0);\n        });\n    });\n\n    it(\"an unpublished page with no review shows New Revision (Q19)\", async () => {\n        mountNewRevision(\"none\", true);\n        await screen.findByTestId(\"sentinel\");\n\n        await waitFor(() => {\n            expect(screen.queryAllByTestId(\"new-revision\")).toHaveLength(1);\n        });\n    });\n\n    it(\"leaves every other top bar action alone\", async () => {\n        mountNewRevision(\"inProgress\");\n        await screen.findByTestId(\"sentinel\");\n\n        expect(screen.queryAllByTestId(\"other-action\")).toHaveLength(1);\n    });\n\n    it(\"follows the review while the editor is open: hidden in progress, shown once rejected (Q17)\", async () => {\n        const { setKind } = mountNewRevision(\"inProgress\");\n        await screen.findByTestId(\"sentinel\");\n        expect(screen.queryAllByTestId(\"new-revision\")).toHaveLength(0);\n\n        act(() => {\n            setKind(\"rejected\");\n        });\n\n        await waitFor(() => {\n            expect(screen.queryAllByTestId(\"new-revision\")).toHaveLength(1);\n        });\n    });\n});\n"],"names":["Ui","PageEditorConfig","mountNewRevision","kind","isUnpublished","handle","createFakeSession","container","Container","WbPageReview","editor","createPageEditor","render","WbEditorHarness","PageNewRevisionDecorator","InternalPageEditorConfig","CASES","describe","afterEach","cleanup","it","shown","screen","waitFor","expect","setKind","act"],"mappings":";;;;;;;;;;AAoBA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAMC,mBAAmB,CAACC,MAAsBC,gBAAyB,KAAK;IAC1E,MAAMC,SAASC,kBAAkBH,MAAMC;IACvC,MAAMG,YAAY,IAAIC;IACtBD,UAAU,gBAAgB,CAACE,cAAcJ,OAAO,OAAO;IACvD,MAAMK,SAASC,iBAAiBP,gBAAgB,gBAAgB;IAEhEQ,OAAO,WAADA,GACF,oBAACC,iBAAeA;QAAC,WAAWN;QAAW,QAAQG;QAAQ,QAAQ;YAAC;SAAU;qBACtE,oBAACI,0BAAwBA,OAAAA,WAAAA,GACzB,oBAACC,0BAAwBA,MAAAA,WAAAA,GACrB,oBAACf,GAAG,MAAM,CAAC,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAAC;YAAK,eAAa;;sBAChE,oBAACA,GAAG,MAAM,CAAC,MAAM;QACb,MAAM;QACN,uBAAS,oBAAC;YAAK,eAAa;;sBAEhC,oBAACA,GAAG,MAAM,CAAC,MAAM;QACb,MAAM;QACN,uBAAS,oBAAC;YAAK,eAAa;;;IAM5C,OAAOK;AACX;AAOA,MAAMW,QAA2B;IAC7B;QAAE,MAAM;QAAW,OAAO;IAAM;IAChC;QAAE,MAAM;QAAU,OAAO;IAAM;IAC/B;QAAE,MAAM;QAAc,OAAO;IAAK;IAClC;QAAE,MAAM;QAAQ,OAAO;IAAK;IAC5B;QAAE,MAAM;QAAc,OAAO;IAAM;IACnC;QAAE,MAAM;QAAY,OAAO;IAAK;IAChC;QAAE,MAAM;QAAY,OAAO;IAAK;CACnC;AAEDC,SAAS,4BAA4B;IACjCC,UAAU;QACNC;IACJ;IAEAC,GAAG,IAAI,CAACJ,OAAO,8CAA8C,OAAO,EAAEb,IAAI,EAAEkB,KAAK,EAAE;QAC/EnB,iBAAiBC;QACjB,MAAMmB,OAAO,YAAY,CAAC;QAE1B,MAAMC,QAAQ;YACVC,OAAOF,OAAO,gBAAgB,CAAC,iBAAiB,YAAY,CAACD,QAAQ,IAAI;QAC7E;IACJ;IAEAD,GAAG,+DAA+D;QAC9DlB,iBAAiB,QAAQ;QACzB,MAAMoB,OAAO,YAAY,CAAC;QAE1B,MAAMC,QAAQ;YACVC,OAAOF,OAAO,gBAAgB,CAAC,iBAAiB,YAAY,CAAC;QACjE;IACJ;IAEAF,GAAG,2CAA2C;QAC1ClB,iBAAiB;QACjB,MAAMoB,OAAO,YAAY,CAAC;QAE1BE,OAAOF,OAAO,gBAAgB,CAAC,iBAAiB,YAAY,CAAC;IACjE;IAEAF,GAAG,8FAA8F;QAC7F,MAAM,EAAEK,OAAO,EAAE,GAAGvB,iBAAiB;QACrC,MAAMoB,OAAO,YAAY,CAAC;QAC1BE,OAAOF,OAAO,gBAAgB,CAAC,iBAAiB,YAAY,CAAC;QAE7DI,IAAI;YACAD,QAAQ;QACZ;QAEA,MAAMF,QAAQ;YACVC,OAAOF,OAAO,gBAAgB,CAAC,iBAAiB,YAAY,CAAC;QACjE;IACJ;AACJ"}

package/Components/PageEditor/PageReadOnlySync.d.ts

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

package/Components/PageEditor/PageReadOnlySync.js

@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+import { useFeature } from "@webiny/app";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { useDocumentEditor } from "@webiny/app-website-builder/DocumentEditor/index.js";
+import { WbPageReviewFeature } from "../../features/editorReview/feature.js";
+const PageReadOnlySync = createReactiveComponent(()=>{
+    const { session } = useFeature(WbPageReviewFeature);
+    const editor = useDocumentEditor();
+    const allowsEditing = session.presenter.vm.allowsEditing;
+    useEffect(()=>{
+        const options = editor.getEditorOptions();
+        editor.updateEditor((state)=>{
+            state.isReadOnly = true === options.isReadOnly || !allowsEditing;
+        });
+    }, [
+        editor,
+        allowsEditing
+    ]);
+    return null;
+});
+export { PageReadOnlySync };
+
+//# sourceMappingURL=PageReadOnlySync.js.map

package/Components/PageEditor/PageReadOnlySync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageReadOnlySync.js","sources":["../../../src/Components/PageEditor/PageReadOnlySync.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { useDocumentEditor } from \"@webiny/app-website-builder/DocumentEditor/index.js\";\nimport { WbPageReviewFeature } from \"~/features/editorReview/feature.js\";\n\n/*\n * The one place that decides whether the canvas is read-only: the editor's own options (a page\n * that is not a draft) or a review state that does not allow editing, including an unknown one.\n */\nexport const PageReadOnlySync = createReactiveComponent(() => {\n    const { session } = useFeature(WbPageReviewFeature);\n    const editor = useDocumentEditor();\n    const allowsEditing = session.presenter.vm.allowsEditing;\n\n    useEffect(() => {\n        const options = editor.getEditorOptions();\n        editor.updateEditor(state => {\n            state.isReadOnly = options.isReadOnly === true || !allowsEditing;\n        });\n    }, [editor, allowsEditing]);\n\n    return null;\n});\n"],"names":["PageReadOnlySync","createReactiveComponent","session","useFeature","WbPageReviewFeature","editor","useDocumentEditor","allowsEditing","useEffect","options","state"],"mappings":";;;;;AAUO,MAAMA,mBAAmBC,wBAAwB;IACpD,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAMC,SAASC;IACf,MAAMC,gBAAgBL,QAAQ,SAAS,CAAC,EAAE,CAAC,aAAa;IAExDM,UAAU;QACN,MAAMC,UAAUJ,OAAO,gBAAgB;QACvCA,OAAO,YAAY,CAACK,CAAAA;YAChBA,MAAM,UAAU,GAAGD,AAAuB,SAAvBA,QAAQ,UAAU,IAAa,CAACF;QACvD;IACJ,GAAG;QAACF;QAAQE;KAAc;IAE1B,OAAO;AACX"}

package/Components/PageEditor/PageReviewBar.d.ts

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

package/Components/PageEditor/PageReviewBar.js

@@ -0,0 +1,93 @@
+import react, { useEffect } from "react";
+import { Alert } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
+import { WbPageStatus } from "@webiny/app-website-builder/constants.js";
+import { useDocumentEditor } from "@webiny/app-website-builder/DocumentEditor/index.js";
+import { EditorReviewBar } from "@webiny/app-workflows/review/editor/components/EditorReviewBar.js";
+import { WB_PAGE_APP } from "../../constants.js";
+import { WbPageReviewFeature } from "../../features/editorReview/feature.js";
+import { GetPageFeature } from "@webiny/app-website-builder/features/pages/getPage/index.js";
+import { SharedPageInfrastructureFeature } from "@webiny/app-website-builder/features/pages/shared/feature.js";
+import { usePermissions } from "@webiny/app-website-builder/presentation/security/usePermissions.js";
+import { WbPageContentReloader } from "../../features/editorReview/WbPageContentReloader.js";
+import { WbPageUnsavedChanges } from "../../features/editorReview/WbPageUnsavedChanges.js";
+import { Routes } from "../../routes.js";
+import { getPageReadOnlyReason } from "./getPageReadOnlyReason.js";
+import { getPageReviewContext } from "./getPageReviewContext.js";
+const selectPage = (doc)=>({
+        id: doc.id,
+        title: doc.properties.title || "",
+        status: doc.status || WbPageStatus.Draft,
+        createdById: doc.createdBy?.id ?? null
+    });
+const PageReviewBar = createReactiveComponent(()=>{
+    const { session } = useFeature(WbPageReviewFeature);
+    const { fullPageCache } = useFeature(SharedPageInfrastructureFeature);
+    const { useCase: getPage } = useFeature(GetPageFeature);
+    const editor = useDocumentEditor();
+    const page = useSelectFromDocument(selectPage);
+    const permissions = usePermissions();
+    const canEdit = permissions.canEdit("page", page.createdById ? {
+        createdBy: {
+            id: page.createdById
+        }
+    } : void 0);
+    useEffect(()=>{
+        const context = getPageReviewContext(editor, page, canEdit);
+        const contentReloader = new WbPageContentReloader(editor, fullPageCache, getPage);
+        const unsavedChanges = new WbPageUnsavedChanges(editor);
+        session.presenter.init({
+            target: {
+                namespace: WB_PAGE_APP,
+                targetRevisionId: page.id
+            },
+            contentReloader,
+            unsavedChanges,
+            ...context
+        });
+        return ()=>{
+            session.presenter.dispose();
+        };
+    }, [
+        session,
+        editor,
+        page.id,
+        fullPageCache,
+        getPage
+    ]);
+    useEffect(()=>{
+        const context = getPageReviewContext(editor, page, canEdit);
+        session.presenter.setContext(context);
+    }, [
+        session,
+        editor,
+        page.title,
+        page.status,
+        canEdit
+    ]);
+    const { vm } = session.presenter;
+    if ("noWorkflow" === vm.status) return null;
+    const reason = getPageReadOnlyReason(vm, page.status);
+    let note = null;
+    if (reason) note = /*#__PURE__*/ react.createElement("div", {
+        "data-role": "page-review-note",
+        className: "px-md my-sm"
+    }, /*#__PURE__*/ react.createElement(Alert, {
+        type: "info",
+        variant: "subtle"
+    }, reason));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full min-w-0",
+        "data-affects-preview": "height"
+    }, /*#__PURE__*/ react.createElement(EditorReviewBar, {
+        session: session,
+        reviewsRoute: Routes.Pages.WorkflowStateList,
+        contentTypeLabel: "Pages",
+        layout: "strip"
+    }), note);
+});
+export { PageReviewBar };
+
+//# sourceMappingURL=PageReviewBar.js.map

package/Components/PageEditor/PageReviewBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageReviewBar.js","sources":["../../../src/Components/PageEditor/PageReviewBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect } from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { WbPageStatus } from \"@webiny/app-website-builder/constants.js\";\nimport { useDocumentEditor } from \"@webiny/app-website-builder/DocumentEditor/index.js\";\nimport { EditorReviewBar } from \"@webiny/app-workflows/review/editor/components/EditorReviewBar.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { WbPageReviewFeature } from \"~/features/editorReview/feature.js\";\nimport { GetPageFeature } from \"@webiny/app-website-builder/features/pages/getPage/index.js\";\nimport { SharedPageInfrastructureFeature } from \"@webiny/app-website-builder/features/pages/shared/feature.js\";\nimport { usePermissions } from \"@webiny/app-website-builder/presentation/security/usePermissions.js\";\nimport { WbPageContentReloader } from \"~/features/editorReview/WbPageContentReloader.js\";\nimport { WbPageUnsavedChanges } from \"~/features/editorReview/WbPageUnsavedChanges.js\";\nimport { Routes } from \"~/routes.js\";\nimport { getPageReadOnlyReason } from \"./getPageReadOnlyReason.js\";\nimport { getPageReviewContext } from \"./getPageReviewContext.js\";\nimport type { IPageEditorDocument } from \"./pageEditorDocument.js\";\nimport type { ISelectedPage } from \"./pageEditorDocument.js\";\n\nconst selectPage = (doc: IPageEditorDocument): ISelectedPage => {\n    return {\n        id: doc.id,\n        title: doc.properties.title || \"\",\n        status: doc.status || WbPageStatus.Draft,\n        createdById: doc.createdBy?.id ?? null\n    };\n};\n\nexport const PageReviewBar = createReactiveComponent(() => {\n    const { session } = useFeature(WbPageReviewFeature);\n    const { fullPageCache } = useFeature(SharedPageInfrastructureFeature);\n    const { useCase: getPage } = useFeature(GetPageFeature);\n    const editor = useDocumentEditor<IPageEditorDocument>();\n    const page = useSelectFromDocument<ISelectedPage, IPageEditorDocument>(selectPage);\n    const permissions = usePermissions();\n    const canEdit = permissions.canEdit(\n        \"page\",\n        page.createdById ? { createdBy: { id: page.createdById } } : undefined\n    );\n\n    useEffect(() => {\n        const context = getPageReviewContext(editor, page, canEdit);\n        const contentReloader = new WbPageContentReloader(editor, fullPageCache, getPage);\n        const unsavedChanges = new WbPageUnsavedChanges(editor);\n        void session.presenter.init({\n            target: { namespace: WB_PAGE_APP, targetRevisionId: page.id },\n            contentReloader,\n            unsavedChanges,\n            ...context\n        });\n        return () => {\n            session.presenter.dispose();\n        };\n    }, [session, editor, page.id, fullPageCache, getPage]);\n\n    useEffect(() => {\n        const context = getPageReviewContext(editor, page, canEdit);\n        session.presenter.setContext(context);\n    }, [session, editor, page.title, page.status, canEdit]);\n\n    const { vm } = session.presenter;\n    if (vm.status === \"noWorkflow\") {\n        return null;\n    }\n\n    const reason = getPageReadOnlyReason(vm, page.status);\n    let note: React.ReactElement | null = null;\n    if (reason) {\n        note = (\n            <div data-role={\"page-review-note\"} className={\"px-md my-sm\"}>\n                <Alert type={\"info\"} variant={\"subtle\"}>\n                    {reason}\n                </Alert>\n            </div>\n        );\n    }\n\n    return (\n        <div className={\"w-full min-w-0\"} data-affects-preview={\"height\"}>\n            <EditorReviewBar\n                session={session}\n                reviewsRoute={Routes.Pages.WorkflowStateList}\n                contentTypeLabel={\"Pages\"}\n                layout={\"strip\"}\n            />\n            {note}\n        </div>\n    );\n});\n"],"names":["selectPage","doc","WbPageStatus","PageReviewBar","createReactiveComponent","session","useFeature","WbPageReviewFeature","fullPageCache","SharedPageInfrastructureFeature","getPage","GetPageFeature","editor","useDocumentEditor","page","useSelectFromDocument","permissions","usePermissions","canEdit","undefined","useEffect","context","getPageReviewContext","contentReloader","WbPageContentReloader","unsavedChanges","WbPageUnsavedChanges","WB_PAGE_APP","vm","reason","getPageReadOnlyReason","note","Alert","EditorReviewBar","Routes"],"mappings":";;;;;;;;;;;;;;;;;;AAsBA,MAAMA,aAAa,CAACC,MACT;QACH,IAAIA,IAAI,EAAE;QACV,OAAOA,IAAI,UAAU,CAAC,KAAK,IAAI;QAC/B,QAAQA,IAAI,MAAM,IAAIC,aAAa,KAAK;QACxC,aAAaD,IAAI,SAAS,EAAE,MAAM;IACtC;AAGG,MAAME,gBAAgBC,wBAAwB;IACjD,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGF,WAAWG;IACrC,MAAM,EAAE,SAASC,OAAO,EAAE,GAAGJ,WAAWK;IACxC,MAAMC,SAASC;IACf,MAAMC,OAAOC,sBAA0Df;IACvE,MAAMgB,cAAcC;IACpB,MAAMC,UAAUF,YAAY,OAAO,CAC/B,QACAF,KAAK,WAAW,GAAG;QAAE,WAAW;YAAE,IAAIA,KAAK,WAAW;QAAC;IAAE,IAAIK;IAGjEC,UAAU;QACN,MAAMC,UAAUC,qBAAqBV,QAAQE,MAAMI;QACnD,MAAMK,kBAAkB,IAAIC,sBAAsBZ,QAAQJ,eAAeE;QACzE,MAAMe,iBAAiB,IAAIC,qBAAqBd;QAC3CP,QAAQ,SAAS,CAAC,IAAI,CAAC;YACxB,QAAQ;gBAAE,WAAWsB;gBAAa,kBAAkBb,KAAK,EAAE;YAAC;YAC5DS;YACAE;YACA,GAAGJ,OAAO;QACd;QACA,OAAO;YACHhB,QAAQ,SAAS,CAAC,OAAO;QAC7B;IACJ,GAAG;QAACA;QAASO;QAAQE,KAAK,EAAE;QAAEN;QAAeE;KAAQ;IAErDU,UAAU;QACN,MAAMC,UAAUC,qBAAqBV,QAAQE,MAAMI;QACnDb,QAAQ,SAAS,CAAC,UAAU,CAACgB;IACjC,GAAG;QAAChB;QAASO;QAAQE,KAAK,KAAK;QAAEA,KAAK,MAAM;QAAEI;KAAQ;IAEtD,MAAM,EAAEU,EAAE,EAAE,GAAGvB,QAAQ,SAAS;IAChC,IAAIuB,AAAc,iBAAdA,GAAG,MAAM,EACT,OAAO;IAGX,MAAMC,SAASC,sBAAsBF,IAAId,KAAK,MAAM;IACpD,IAAIiB,OAAkC;IACtC,IAAIF,QACAE,OAAO,WAAPA,GACI,oBAAC;QAAI,aAAW;QAAoB,WAAW;qBAC3C,oBAACC,OAAKA;QAAC,MAAM;QAAQ,SAAS;OACzBH;IAMjB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;QAAkB,wBAAsB;qBACpD,oBAACI,iBAAeA;QACZ,SAAS5B;QACT,cAAc6B,OAAO,KAAK,CAAC,iBAAiB;QAC5C,kBAAkB;QAClB,QAAQ;QAEXH;AAGb"}

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

@@ -0,0 +1 @@
+import "@webiny/app-admin";

package/Components/PageEditor/PageReviewBar.test.js

@@ -0,0 +1,135 @@
+import react from "react";
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { Container } from "@webiny/di";
+import { Page } from "@webiny/app-website-builder/domain/Page/index.js";
+import "@webiny/app-admin";
+import { WbPageReview } from "../../features/editorReview/abstractions.js";
+import { WbPageContentReloader } from "../../features/editorReview/WbPageContentReloader.js";
+import { WbPageUnsavedChanges } from "../../features/editorReview/WbPageUnsavedChanges.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 { PageReviewBar } from "./PageReviewBar.js";
+vi.mock("@webiny/icons/info.svg", ()=>({
+        ReactComponent: ()=>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-layout": props.layout,
+            "data-content-type-label": props.contentTypeLabel
+        });
+    return {
+        EditorReviewBar
+    };
+});
+const mountBar = (params = {})=>{
+    const { canEdit = true, createdById = null } = params;
+    const handle = createFakeSession("inProgress");
+    const container = new Container();
+    container.registerInstance(WbPageReview, handle.session);
+    const content = registerPageContent(container);
+    content.permissions.canEdit.mockReturnValue(canEdit);
+    const editor = createPageEditor("draft", "Home", createdById);
+    const view = render(/*#__PURE__*/ react.createElement(WbEditorHarness, {
+        container: container,
+        editor: editor
+    }, /*#__PURE__*/ react.createElement(PageReviewBar, null)));
+    return {
+        ...handle,
+        ...content,
+        editor,
+        view
+    };
+};
+describe("PageReviewBar", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it("renders the review bar", ()=>{
+        mountBar();
+        expect(screen.queryAllByTestId("review-bar")).toHaveLength(1);
+    });
+    it("passes Pages as the content type label", ()=>{
+        mountBar();
+        expect(screen.getByTestId("review-bar").getAttribute("data-content-type-label")).toBe("Pages");
+    });
+    it("renders the bar as a full-width strip without its own padding wrapper", ()=>{
+        mountBar();
+        const bar = screen.getByTestId("review-bar");
+        expect(bar.getAttribute("data-layout")).toBe("strip");
+        const wrapper = bar.parentElement;
+        expect(wrapper.className).not.toContain("p-sm");
+        expect(wrapper.getAttribute("data-affects-preview")).toBe("height");
+    });
+    it("initialises the presenter with the target, the context and a page content reloader (R262)", ()=>{
+        const { presenter } = mountBar();
+        expect(presenter.init).toHaveBeenCalledTimes(1);
+        const params = presenter.init.mock.calls[0][0];
+        expect(params).not.toHaveProperty("useCases");
+        expect(params.target).toEqual({
+            namespace: "wb.page",
+            targetRevisionId: "page-1#0001"
+        });
+        expect(params.targetTitle).toBe("Home");
+        expect(params.contentReloader).toBeInstanceOf(WbPageContentReloader);
+        expect(params.unsavedChanges).toBeInstanceOf(WbPageUnsavedChanges);
+    });
+    it("lets a user who can edit the draft request a review", ()=>{
+        const { presenter } = mountBar();
+        expect(presenter.init.mock.calls[0][0].canRequest).toBe(true);
+    });
+    it("does not let a user who cannot edit the page request a review", ()=>{
+        const { presenter } = mountBar({
+            canEdit: false
+        });
+        expect(presenter.init.mock.calls[0][0].canRequest).toBe(false);
+        expect(presenter.setContext).toHaveBeenLastCalledWith(expect.objectContaining({
+            canRequest: false
+        }));
+    });
+    it("asks the edit permission for the page's author", ()=>{
+        const { permissions } = mountBar({
+            createdById: "user-2"
+        });
+        expect(permissions.canEdit).toHaveBeenCalledWith("page", {
+            createdBy: {
+                id: "user-2"
+            }
+        });
+    });
+    it("builds a reloader over the editor, the full page cache and the get use case", async ()=>{
+        const { presenter, getPage, cache } = mountBar();
+        cache.addItems([
+            Page.create({
+                id: "page-1#0001"
+            })
+        ]);
+        let cachedWhenRead;
+        getPage.execute.mockImplementation(async (params)=>{
+            cachedWhenRead = cache.getItem((page)=>page.id === params.id);
+            return Page.create({
+                id: params.id
+            });
+        });
+        const reloader = presenter.init.mock.calls[0][0].contentReloader;
+        if (!reloader) throw new Error("The init params carry no reloader.");
+        await reloader.reload();
+        expect(getPage.execute).toHaveBeenCalledTimes(1);
+        expect(getPage.execute).toHaveBeenCalledWith({
+            id: "page-1#0001"
+        });
+        expect(cachedWhenRead).toBeUndefined();
+        expect(cache.getItems()).toEqual([]);
+    });
+    it("disposes the presenter on unmount", ()=>{
+        const { presenter, view } = mountBar();
+        view.unmount();
+        expect(presenter.dispose).toHaveBeenCalledTimes(1);
+    });
+});
+
+//# sourceMappingURL=PageReviewBar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageReviewBar.test.js","sources":["../../../src/Components/PageEditor/PageReviewBar.test.tsx"],"sourcesContent":["import React from \"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 { Page } from \"@webiny/app-website-builder/domain/Page/index.js\";\n// Loads the admin package before the editor modules, the order the other editor tests get through their imports.\nimport \"@webiny/app-admin\";\nimport { WbPageReview } from \"~/features/editorReview/abstractions.js\";\nimport { WbPageContentReloader } from \"~/features/editorReview/WbPageContentReloader.js\";\nimport { WbPageUnsavedChanges } from \"~/features/editorReview/WbPageUnsavedChanges.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 { PageReviewBar } from \"./PageReviewBar.js\";\n\nvi.mock(\"@webiny/icons/info.svg\", () => {\n    return { ReactComponent: () => null };\n});\n\ninterface EditorReviewBarMockProps {\n    layout?: string;\n    contentTypeLabel?: string;\n}\n\nvi.mock(\"@webiny/app-workflows/review/editor/components/EditorReviewBar.js\", async () => {\n    const React = await import(\"react\");\n    const EditorReviewBar = (props: EditorReviewBarMockProps) => {\n        return React.createElement(\"div\", {\n            \"data-testid\": \"review-bar\",\n            \"data-layout\": props.layout,\n            \"data-content-type-label\": props.contentTypeLabel\n        });\n    };\n    return { EditorReviewBar };\n});\n\ninterface MountBarParams {\n    canEdit?: boolean;\n    createdById?: string | null;\n}\n\nconst mountBar = (params: MountBarParams = {}) => {\n    const { canEdit = true, createdById = null } = params;\n    const handle = createFakeSession(\"inProgress\");\n    const container = new Container();\n    container.registerInstance(WbPageReview, handle.session);\n    const content = registerPageContent(container);\n    content.permissions.canEdit.mockReturnValue(canEdit);\n    const editor = createPageEditor(\"draft\", \"Home\", createdById);\n\n    const view = render(\n        <WbEditorHarness container={container} editor={editor}>\n            <PageReviewBar />\n        </WbEditorHarness>\n    );\n\n    return { ...handle, ...content, editor, view };\n};\n\ndescribe(\"PageReviewBar\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it(\"renders the review bar\", () => {\n        mountBar();\n\n        expect(screen.queryAllByTestId(\"review-bar\")).toHaveLength(1);\n    });\n\n    it(\"passes Pages as the content type label\", () => {\n        mountBar();\n\n        expect(screen.getByTestId(\"review-bar\").getAttribute(\"data-content-type-label\")).toBe(\n            \"Pages\"\n        );\n    });\n\n    it(\"renders the bar as a full-width strip without its own padding wrapper\", () => {\n        mountBar();\n\n        const bar = screen.getByTestId(\"review-bar\");\n        expect(bar.getAttribute(\"data-layout\")).toBe(\"strip\");\n        const wrapper = bar.parentElement as HTMLElement;\n        expect(wrapper.className).not.toContain(\"p-sm\");\n        expect(wrapper.getAttribute(\"data-affects-preview\")).toBe(\"height\");\n    });\n\n    it(\"initialises the presenter with the target, the context and a page content reloader (R262)\", () => {\n        const { presenter } = mountBar();\n\n        expect(presenter.init).toHaveBeenCalledTimes(1);\n        const params = presenter.init.mock.calls[0][0];\n        expect(params).not.toHaveProperty(\"useCases\");\n        expect(params.target).toEqual({ namespace: \"wb.page\", targetRevisionId: \"page-1#0001\" });\n        expect(params.targetTitle).toBe(\"Home\");\n        expect(params.contentReloader).toBeInstanceOf(WbPageContentReloader);\n        expect(params.unsavedChanges).toBeInstanceOf(WbPageUnsavedChanges);\n    });\n\n    it(\"lets a user who can edit the draft request a review\", () => {\n        const { presenter } = mountBar();\n\n        expect(presenter.init.mock.calls[0][0].canRequest).toBe(true);\n    });\n\n    it(\"does not let a user who cannot edit the page request a review\", () => {\n        const { presenter } = mountBar({ canEdit: false });\n\n        expect(presenter.init.mock.calls[0][0].canRequest).toBe(false);\n        expect(presenter.setContext).toHaveBeenLastCalledWith(\n            expect.objectContaining({ canRequest: false })\n        );\n    });\n\n    it(\"asks the edit permission for the page's author\", () => {\n        const { permissions } = mountBar({ createdById: \"user-2\" });\n\n        expect(permissions.canEdit).toHaveBeenCalledWith(\"page\", { createdBy: { id: \"user-2\" } });\n    });\n\n    it(\"builds a reloader over the editor, the full page cache and the get use case\", async () => {\n        const { presenter, getPage, cache } = mountBar();\n        cache.addItems([Page.create({ id: \"page-1#0001\" })]);\n        let cachedWhenRead: Page | undefined;\n        getPage.execute.mockImplementation(async params => {\n            cachedWhenRead = cache.getItem(page => page.id === params.id);\n            return Page.create({ id: params.id });\n        });\n        const reloader = presenter.init.mock.calls[0][0].contentReloader;\n        if (!reloader) {\n            throw new Error(\"The init params carry no reloader.\");\n        }\n\n        await reloader.reload();\n\n        expect(getPage.execute).toHaveBeenCalledTimes(1);\n        expect(getPage.execute).toHaveBeenCalledWith({ id: \"page-1#0001\" });\n        // The page was evicted from the full page cache before the read (A96).\n        expect(cachedWhenRead).toBeUndefined();\n        expect(cache.getItems()).toEqual([]);\n    });\n\n    it(\"disposes the presenter on unmount\", () => {\n        const { presenter, view } = mountBar();\n\n        view.unmount();\n\n        expect(presenter.dispose).toHaveBeenCalledTimes(1);\n    });\n});\n"],"names":["vi","React","EditorReviewBar","props","mountBar","params","canEdit","createdById","handle","createFakeSession","container","Container","WbPageReview","content","registerPageContent","editor","createPageEditor","view","render","WbEditorHarness","PageReviewBar","describe","afterEach","cleanup","it","expect","screen","bar","wrapper","presenter","WbPageContentReloader","WbPageUnsavedChanges","permissions","getPage","cache","Page","cachedWhenRead","page","reloader","Error"],"mappings":"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"}

package/Components/PageEditor/PageReviewPublishAction.d.ts

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

package/Components/PageEditor/PageReviewPublishAction.js

@@ -0,0 +1,15 @@
+import react from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js";
+import { HasPermission } from "@webiny/app-website-builder/presentation/security/HasPermission.js";
+import { PageReviewPublishButton } from "./PageReviewPublishButton.js";
+const { Ui: Ui } = PageEditorConfig;
+const PageReviewPublishAction = ()=>/*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "buttonWorkflowPublish",
+        element: /*#__PURE__*/ react.createElement(HasPermission, {
+            entity: "page",
+            action: "publish"
+        }, /*#__PURE__*/ react.createElement(PageReviewPublishButton, null))
+    });
+export { PageReviewPublishAction };
+
+//# sourceMappingURL=PageReviewPublishAction.js.map

package/Components/PageEditor/PageReviewPublishAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageReviewPublishAction.js","sources":["../../../src/Components/PageEditor/PageReviewPublishAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.js\";\nimport { HasPermission } from \"@webiny/app-website-builder/presentation/security/HasPermission.js\";\nimport { PageReviewPublishButton } from \"./PageReviewPublishButton.js\";\n\nconst { Ui } = PageEditorConfig;\n\n/*\n * Registered outside `Ui.IsNotReadOnly` on purpose: the base Publish is mounted only while the\n * canvas is editable, and an approved revision is read-only (A73).\n */\nexport const PageReviewPublishAction = () => {\n    return (\n        <Ui.TopBar.Action\n            name={\"buttonWorkflowPublish\"}\n            element={\n                <HasPermission entity={\"page\"} action={\"publish\"}>\n                    <PageReviewPublishButton />\n                </HasPermission>\n            }\n        />\n    );\n};\n"],"names":["Ui","PageEditorConfig","PageReviewPublishAction","HasPermission","PageReviewPublishButton"],"mappings":";;;;AAKA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAMR,MAAMC,0BAA0B,IAC5B,WAAP,GACI,oBAACF,GAAG,MAAM,CAAC,MAAM;QACb,MAAM;QACN,uBACI,oBAACG,eAAaA;YAAC,QAAQ;YAAQ,QAAQ;yBACnC,oBAACC,yBAAuBA"}

package/Components/PageEditor/PageReviewPublishButton.d.ts

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

package/Components/PageEditor/PageReviewPublishButton.js

@@ -0,0 +1,23 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
+import { WbPageStatus } from "@webiny/app-website-builder/constants.js";
+import { PublishButton } from "@webiny/app-website-builder/presentation/pages/PageEditor/TopBar/PublishButton.js";
+import { WbPageReviewFeature } from "../../features/editorReview/feature.js";
+import { DisabledPublishButton } from "./DisabledPublishButton.js";
+const selectStatus = (doc)=>doc.status || WbPageStatus.Draft;
+const PageReviewPublishButton = createReactiveComponent(()=>{
+    const { session } = useFeature(WbPageReviewFeature);
+    const pageStatus = useSelectFromDocument(selectStatus);
+    const { vm } = session.presenter;
+    if ("noWorkflow" === vm.status) return null;
+    if (pageStatus === WbPageStatus.Published) return null;
+    if (vm.allowsPublishing) return /*#__PURE__*/ react.createElement(PublishButton, null);
+    return /*#__PURE__*/ react.createElement(DisabledPublishButton, {
+        presenter: session.presenter
+    });
+});
+export { PageReviewPublishButton };
+
+//# sourceMappingURL=PageReviewPublishButton.js.map

package/Components/PageEditor/PageReviewPublishButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageReviewPublishButton.js","sources":["../../../src/Components/PageEditor/PageReviewPublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { WbPageStatus } from \"@webiny/app-website-builder/constants.js\";\nimport type { WbStatus } from \"@webiny/app-website-builder/constants.js\";\nimport { PublishButton } from \"@webiny/app-website-builder/presentation/pages/PageEditor/TopBar/PublishButton.js\";\nimport { WbPageReviewFeature } from \"~/features/editorReview/feature.js\";\nimport { DisabledPublishButton } from \"./DisabledPublishButton.js\";\nimport type { IPageEditorDocument } from \"./pageEditorDocument.js\";\n\nconst selectStatus = (doc: IPageEditorDocument): WbStatus => {\n    return doc.status || WbPageStatus.Draft;\n};\n\n/*\n * Publish for every namespace that has a workflow. It does not depend on the canvas being editable:\n * an approved revision is read-only and still publishes (A73).\n */\nexport const PageReviewPublishButton = createReactiveComponent(() => {\n    const { session } = useFeature(WbPageReviewFeature);\n    const pageStatus = useSelectFromDocument<WbStatus, IPageEditorDocument>(selectStatus);\n    const { vm } = session.presenter;\n\n    if (vm.status === \"noWorkflow\") {\n        return null;\n    }\n\n    if (pageStatus === WbPageStatus.Published) {\n        return null;\n    }\n\n    if (vm.allowsPublishing) {\n        return <PublishButton />;\n    }\n\n    return <DisabledPublishButton presenter={session.presenter} />;\n});\n"],"names":["selectStatus","doc","WbPageStatus","PageReviewPublishButton","createReactiveComponent","session","useFeature","WbPageReviewFeature","pageStatus","useSelectFromDocument","vm","PublishButton","DisabledPublishButton"],"mappings":";;;;;;;;AAWA,MAAMA,eAAe,CAACC,MACXA,IAAI,MAAM,IAAIC,aAAa,KAAK;AAOpC,MAAMC,0BAA0BC,wBAAwB;IAC3D,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAMC,aAAaC,sBAAqDT;IACxE,MAAM,EAAEU,EAAE,EAAE,GAAGL,QAAQ,SAAS;IAEhC,IAAIK,AAAc,iBAAdA,GAAG,MAAM,EACT,OAAO;IAGX,IAAIF,eAAeN,aAAa,SAAS,EACrC,OAAO;IAGX,IAAIQ,GAAG,gBAAgB,EACnB,OAAO,WAAP,GAAO,oBAACC,eAAaA;IAGzB,OAAO,WAAP,GAAO,oBAACC,uBAAqBA;QAAC,WAAWP,QAAQ,SAAS;;AAC9D"}

package/Components/PageEditor/PageScheduleDecorator.d.ts

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

package/Components/PageEditor/PageScheduleDecorator.js

@@ -0,0 +1,23 @@
+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 ScheduleGate = createReactiveComponent((props)=>{
+    const { session } = useFeature(WbPageReviewFeature);
+    if (!session.presenter.vm.allowsPublishing) return null;
+    return props.element ?? null;
+});
+const PageScheduleDecorator = Ui.TopBar.DropdownAction.createDecorator((Original)=>function(props) {
+        if ("scheduler" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(ScheduleGate, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageScheduleDecorator };
+
+//# sourceMappingURL=PageScheduleDecorator.js.map

package/Components/PageEditor/PageScheduleDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageScheduleDecorator.js","sources":["../../../src/Components/PageEditor/PageScheduleDecorator.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 ScheduleGateProps {\n    element?: React.ReactElement | null;\n}\n\nconst ScheduleGate = createReactiveComponent((props: ScheduleGateProps) => {\n    const { session } = useFeature(WbPageReviewFeature);\n\n    if (!session.presenter.vm.allowsPublishing) {\n        return null;\n    }\n\n    return props.element ?? null;\n});\n\n/*\n * Scheduling a publish needs what publishing needs, so the scheduler's \"Schedule\" dropdown\n * action (only present when the scheduler is installed) is hidden unless the review allows\n * publishing; every other dropdown action passes through.\n */\nexport const PageScheduleDecorator = Ui.TopBar.DropdownAction.createDecorator(Original => {\n    return function PageScheduleDecoratorAction(props) {\n        if (props.name === \"scheduler\") {\n            return <Original {...props} element={<ScheduleGate element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","ScheduleGate","createReactiveComponent","props","session","useFeature","WbPageReviewFeature","PageScheduleDecorator","Original"],"mappings":";;;;;AAMA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAMf,MAAMC,eAAeC,wBAAwB,CAACC;IAC1C,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,IAAI,CAACF,QAAQ,SAAS,CAAC,EAAE,CAAC,gBAAgB,EACtC,OAAO;IAGX,OAAOD,MAAM,OAAO,IAAI;AAC5B;AAOO,MAAMI,wBAAwBR,GAAG,MAAM,CAAC,cAAc,CAAC,eAAe,CAACS,CAAAA,WACnE,SAAqCL,KAAK;QAC7C,IAAIA,AAAe,gBAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACK,UAAAA;YAAU,GAAGL,KAAK;YAAE,uBAAS,oBAACF,cAAYA;gBAAC,SAASE,MAAM,OAAO;;;QAE7E,OAAO,WAAP,GAAO,oBAACK,UAAaL;IACzB"}

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

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

package/Components/PageEditor/PageScheduleDecorator.test.js

@@ -0,0 +1,75 @@
+import react from "react";
+import { cleanup, render, screen } 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 { PageScheduleDecorator } from "./PageScheduleDecorator.js";
+const { Ui: Ui } = PageEditorConfig;
+const mountSchedule = (kind)=>{
+    const handle = createFakeSession(kind);
+    const container = new Container();
+    container.registerInstance(WbPageReview, handle.session);
+    render(/*#__PURE__*/ react.createElement(WbEditorHarness, {
+        container: container,
+        editor: createPageEditor("draft"),
+        groups: [
+            "dropdownActions"
+        ]
+    }, /*#__PURE__*/ react.createElement(PageScheduleDecorator, null), /*#__PURE__*/ react.createElement(InternalPageEditorConfig, null, /*#__PURE__*/ react.createElement(Ui.TopBar.DropdownAction, {
+        name: "scheduler",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "schedule"
+        })
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.DropdownAction, {
+        name: "other",
+        element: /*#__PURE__*/ react.createElement("span", {
+            "data-testid": "other-action"
+        })
+    }))));
+};
+const CASES = [
+    {
+        kind: "loading",
+        shown: false
+    },
+    {
+        kind: "failed",
+        shown: false
+    },
+    {
+        kind: "noWorkflow",
+        shown: true
+    },
+    {
+        kind: "none",
+        shown: false
+    },
+    {
+        kind: "inProgress",
+        shown: false
+    },
+    {
+        kind: "approved",
+        shown: true
+    },
+    {
+        kind: "rejected",
+        shown: false
+    }
+];
+describe("PageScheduleDecorator", ()=>{
+    afterEach(()=>{
+        cleanup();
+    });
+    it.each(CASES)("$kind review: Schedule shown is $shown", async ({ kind, shown })=>{
+        mountSchedule(kind);
+        await screen.findByTestId("other-action");
+        expect(screen.queryAllByTestId("schedule")).toHaveLength(shown ? 1 : 0);
+    });
+});
+
+//# sourceMappingURL=PageScheduleDecorator.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Components/PageEditor/PageScheduleDecorator.test.js","sources":["../../../src/Components/PageEditor/PageScheduleDecorator.test.tsx"],"sourcesContent":["import React from \"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 { 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 { PageScheduleDecorator } from \"./PageScheduleDecorator.js\";\n\nconst { Ui } = PageEditorConfig;\n\nconst mountSchedule = (kind: FakeReviewKind) => {\n    const handle = createFakeSession(kind);\n    const container = new Container();\n    container.registerInstance(WbPageReview, handle.session);\n\n    render(\n        <WbEditorHarness\n            container={container}\n            editor={createPageEditor(\"draft\")}\n            groups={[\"dropdownActions\"]}\n        >\n            <PageScheduleDecorator />\n            <InternalPageEditorConfig>\n                <Ui.TopBar.DropdownAction\n                    name={\"scheduler\"}\n                    element={<span data-testid={\"schedule\"} />}\n                />\n                <Ui.TopBar.DropdownAction\n                    name={\"other\"}\n                    element={<span data-testid={\"other-action\"} />}\n                />\n            </InternalPageEditorConfig>\n        </WbEditorHarness>\n    );\n};\n\ninterface ScheduleCase {\n    kind: FakeReviewKind;\n    shown: boolean;\n}\n\nconst CASES: ScheduleCase[] = [\n    { kind: \"loading\", shown: false },\n    { kind: \"failed\", shown: false },\n    { kind: \"noWorkflow\", shown: true },\n    { kind: \"none\", shown: false },\n    { kind: \"inProgress\", shown: false },\n    { kind: \"approved\", shown: true },\n    { kind: \"rejected\", shown: false }\n];\n\ndescribe(\"PageScheduleDecorator\", () => {\n    afterEach(() => {\n        cleanup();\n    });\n\n    it.each(CASES)(\"$kind review: Schedule shown is $shown\", async ({ kind, shown }) => {\n        mountSchedule(kind);\n        // The other action renders in the same pass, so the Schedule count is settled.\n        await screen.findByTestId(\"other-action\");\n\n        expect(screen.queryAllByTestId(\"schedule\")).toHaveLength(shown ? 1 : 0);\n    });\n});\n"],"names":["Ui","PageEditorConfig","mountSchedule","kind","handle","createFakeSession","container","Container","WbPageReview","render","WbEditorHarness","createPageEditor","PageScheduleDecorator","InternalPageEditorConfig","CASES","describe","afterEach","cleanup","it","shown","screen","expect"],"mappings":";;;;;;;;;;AAkBA,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;IAEvDK,OAAO,WAADA,GACF,oBAACC,iBAAeA;QACZ,WAAWJ;QACX,QAAQK,iBAAiB;QACzB,QAAQ;YAAC;SAAkB;qBAE3B,oBAACC,uBAAqBA,OAAAA,WAAAA,GACtB,oBAACC,0BAAwBA,MAAAA,WAAAA,GACrB,oBAACb,GAAG,MAAM,CAAC,cAAc;QACrB,MAAM;QACN,uBAAS,oBAAC;YAAK,eAAa;;sBAEhC,oBAACA,GAAG,MAAM,CAAC,cAAc;QACrB,MAAM;QACN,uBAAS,oBAAC;YAAK,eAAa;;;AAKhD;AAOA,MAAMc,QAAwB;IAC1B;QAAE,MAAM;QAAW,OAAO;IAAM;IAChC;QAAE,MAAM;QAAU,OAAO;IAAM;IAC/B;QAAE,MAAM;QAAc,OAAO;IAAK;IAClC;QAAE,MAAM;QAAQ,OAAO;IAAM;IAC7B;QAAE,MAAM;QAAc,OAAO;IAAM;IACnC;QAAE,MAAM;QAAY,OAAO;IAAK;IAChC;QAAE,MAAM;QAAY,OAAO;IAAM;CACpC;AAEDC,SAAS,yBAAyB;IAC9BC,UAAU;QACNC;IACJ;IAEAC,GAAG,IAAI,CAACJ,OAAO,0CAA0C,OAAO,EAAEX,IAAI,EAAEgB,KAAK,EAAE;QAC3EjB,cAAcC;QAEd,MAAMiB,OAAO,YAAY,CAAC;QAE1BC,OAAOD,OAAO,gBAAgB,CAAC,aAAa,YAAY,CAACD,QAAQ,IAAI;IACzE;AACJ"}