@webiny/app-website-builder 6.4.11 → 6.6.0-alpha.1

package/presentation/pages/CreatePage/CreatePageDialog.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const CREATE_PAGE_DIALOG = "createPage";
 export declare const useCreatePageDialog: () => (folderId: string) => void;
-export declare const CreatePageDialog: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const CreatePageDialog: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/presentation/pages/CreatePage/CreatePageDialog.js

@@ -3,7 +3,7 @@ import { observer } from "mobx-react-lite";
 import { FormView, useDialog, useOpenDialog } from "@webiny/app-admin";
 import { Dialog, OverlayLoader, Select } from "@webiny/admin-ui";
 import { useFeature } from "@webiny/app";
-import { useEditPageUrl } from "../../../modules/pages/PagesList/hooks/useEditPageUrl.js";
+import { useEditPageUrl } from "../PageList/hooks/useEditPageUrl.js";
 import { CreatePageFeature } from "./feature.js";
 import { createPageDialogParams } from "./createPageSchema.js";
 const CREATE_PAGE_DIALOG = "createPage";

package/presentation/pages/CreatePage/CreatePageDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/pages/CreatePage/CreatePageDialog.js","sources":["../../../../src/presentation/pages/CreatePage/CreatePageDialog.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useDialog, useOpenDialog, FormView } from \"@webiny/app-admin\";\nimport { Dialog, Select, OverlayLoader } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { useEditPageUrl } from \"~/modules/pages/PagesList/hooks/useEditPageUrl.js\";\nimport { CreatePageFeature } from \"./feature.js\";\nimport { createPageDialogParams } from \"./createPageSchema.js\";\n\nexport const CREATE_PAGE_DIALOG = \"createPage\";\n\nexport const useCreatePageDialog = () => {\n    const { openDialog } = useOpenDialog(createPageDialogParams);\n\n    return (folderId: string) => {\n        openDialog(CREATE_PAGE_DIALOG, { folderId });\n    };\n};\n\nexport const CreatePageDialog = observer(() => {\n    const { params, closeDialog } = useDialog(createPageDialogParams);\n    const { goToPageEditor } = useEditPageUrl();\n    const { presenter } = useFeature(CreatePageFeature);\n    const vm = presenter.vm;\n\n    useEffect(() => {\n        presenter.init(params.folderId);\n    }, []);\n\n    const handleSubmit = async () => {\n        const page = await presenter.submit();\n        if (!page) {\n            return;\n        }\n\n        closeDialog();\n        goToPageEditor(page.id);\n    };\n\n    return (\n        <Dialog\n            open={true}\n            onClose={closeDialog}\n            title=\"Create a Page\"\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={closeDialog} text=\"Cancel\" />\n                    <Dialog.ConfirmAction onClick={handleSubmit} text=\"Create\" />\n                </>\n            }\n        >\n            {vm.loading ? <OverlayLoader text={\"Creating page...\"} /> : null}\n            <div className=\"flex flex-col gap-4\">\n                {vm.pageTypes.length > 1 && (\n                    <Select\n                        label=\"Page Type\"\n                        value={vm.selectedPageType}\n                        onChange={presenter.changePageType}\n                        options={vm.pageTypes.map(pt => ({\n                            label: pt.label,\n                            value: pt.name\n                        }))}\n                        displayResetAction={false}\n                    />\n                )}\n                <FormView name=\"Create Page\" form={vm.form} />\n            </div>\n        </Dialog>\n    );\n});\n"],"names":["CREATE_PAGE_DIALOG","useCreatePageDialog","openDialog","useOpenDialog","createPageDialogParams","folderId","CreatePageDialog","observer","params","closeDialog","useDialog","goToPageEditor","useEditPageUrl","presenter","useFeature","CreatePageFeature","vm","useEffect","handleSubmit","page","Dialog","OverlayLoader","Select","pt","FormView"],"mappings":";;;;;;;;AASO,MAAMA,qBAAqB;AAE3B,MAAMC,sBAAsB;IAC/B,MAAM,EAAEC,UAAU,EAAE,GAAGC,cAAcC;IAErC,OAAO,CAACC;QACJH,WAAWF,oBAAoB;YAAEK;QAAS;IAC9C;AACJ;AAEO,MAAMC,mBAAmBC,SAAS;IACrC,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGC,UAAUN;IAC1C,MAAM,EAAEO,cAAc,EAAE,GAAGC;IAC3B,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,KAAKH,UAAU,EAAE;IAEvBI,UAAU;QACNJ,UAAU,IAAI,CAACL,OAAO,QAAQ;IAClC,GAAG,EAAE;IAEL,MAAMU,eAAe;QACjB,MAAMC,OAAO,MAAMN,UAAU,MAAM;QACnC,IAAI,CAACM,MACD;QAGJV;QACAE,eAAeQ,KAAK,EAAE;IAC1B;IAEA,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,MAAM;QACN,SAASX;QACT,OAAM;QACN,uBACI,wDACI,oBAACW,OAAO,YAAY;YAAC,SAASX;YAAa,MAAK;0BAChD,oBAACW,OAAO,aAAa;YAAC,SAASF;YAAc,MAAK;;OAIzDF,GAAG,OAAO,GAAG,WAAH,GAAG,oBAACK,eAAaA;QAAC,MAAM;SAAyB,oBAC5D,oBAAC;QAAI,WAAU;OACVL,GAAG,SAAS,CAAC,MAAM,GAAG,KAAK,WAAL,GACnB,oBAACM,QAAMA;QACH,OAAM;QACN,OAAON,GAAG,gBAAgB;QAC1B,UAAUH,UAAU,cAAc;QAClC,SAASG,GAAG,SAAS,CAAC,GAAG,CAACO,CAAAA,KAAO;gBAC7B,OAAOA,GAAG,KAAK;gBACf,OAAOA,GAAG,IAAI;YAClB;QACA,oBAAoB;sBAG5B,oBAACC,UAAQA;QAAC,MAAK;QAAc,MAAMR,GAAG,IAAI;;AAI1D"}
+{"version":3,"file":"presentation/pages/CreatePage/CreatePageDialog.js","sources":["../../../../src/presentation/pages/CreatePage/CreatePageDialog.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useDialog, useOpenDialog, FormView } from \"@webiny/app-admin\";\nimport { Dialog, Select, OverlayLoader } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { useEditPageUrl } from \"~/presentation/pages/PageList/hooks/useEditPageUrl.js\";\nimport { CreatePageFeature } from \"./feature.js\";\nimport { createPageDialogParams } from \"./createPageSchema.js\";\n\nexport const CREATE_PAGE_DIALOG = \"createPage\";\n\nexport const useCreatePageDialog = () => {\n    const { openDialog } = useOpenDialog(createPageDialogParams);\n\n    return (folderId: string) => {\n        openDialog(CREATE_PAGE_DIALOG, { folderId });\n    };\n};\n\nexport const CreatePageDialog = observer(() => {\n    const { params, closeDialog } = useDialog(createPageDialogParams);\n    const { goToPageEditor } = useEditPageUrl();\n    const { presenter } = useFeature(CreatePageFeature);\n    const vm = presenter.vm;\n\n    useEffect(() => {\n        presenter.init(params.folderId);\n    }, []);\n\n    const handleSubmit = async () => {\n        const page = await presenter.submit();\n        if (!page) {\n            return;\n        }\n\n        closeDialog();\n        goToPageEditor(page.id);\n    };\n\n    return (\n        <Dialog\n            open={true}\n            onClose={closeDialog}\n            title=\"Create a Page\"\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={closeDialog} text=\"Cancel\" />\n                    <Dialog.ConfirmAction onClick={handleSubmit} text=\"Create\" />\n                </>\n            }\n        >\n            {vm.loading ? <OverlayLoader text={\"Creating page...\"} /> : null}\n            <div className=\"flex flex-col gap-4\">\n                {vm.pageTypes.length > 1 && (\n                    <Select\n                        label=\"Page Type\"\n                        value={vm.selectedPageType}\n                        onChange={presenter.changePageType}\n                        options={vm.pageTypes.map(pt => ({\n                            label: pt.label,\n                            value: pt.name\n                        }))}\n                        displayResetAction={false}\n                    />\n                )}\n                <FormView name=\"Create Page\" form={vm.form} />\n            </div>\n        </Dialog>\n    );\n});\n"],"names":["CREATE_PAGE_DIALOG","useCreatePageDialog","openDialog","useOpenDialog","createPageDialogParams","folderId","CreatePageDialog","observer","params","closeDialog","useDialog","goToPageEditor","useEditPageUrl","presenter","useFeature","CreatePageFeature","vm","useEffect","handleSubmit","page","Dialog","OverlayLoader","Select","pt","FormView"],"mappings":";;;;;;;;AASO,MAAMA,qBAAqB;AAE3B,MAAMC,sBAAsB;IAC/B,MAAM,EAAEC,UAAU,EAAE,GAAGC,cAAcC;IAErC,OAAO,CAACC;QACJH,WAAWF,oBAAoB;YAAEK;QAAS;IAC9C;AACJ;AAEO,MAAMC,mBAAmBC,SAAS;IACrC,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGC,UAAUN;IAC1C,MAAM,EAAEO,cAAc,EAAE,GAAGC;IAC3B,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,KAAKH,UAAU,EAAE;IAEvBI,UAAU;QACNJ,UAAU,IAAI,CAACL,OAAO,QAAQ;IAClC,GAAG,EAAE;IAEL,MAAMU,eAAe;QACjB,MAAMC,OAAO,MAAMN,UAAU,MAAM;QACnC,IAAI,CAACM,MACD;QAGJV;QACAE,eAAeQ,KAAK,EAAE;IAC1B;IAEA,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,MAAM;QACN,SAASX;QACT,OAAM;QACN,uBACI,wDACI,oBAACW,OAAO,YAAY;YAAC,SAASX;YAAa,MAAK;0BAChD,oBAACW,OAAO,aAAa;YAAC,SAASF;YAAc,MAAK;;OAIzDF,GAAG,OAAO,GAAG,WAAH,GAAG,oBAACK,eAAaA;QAAC,MAAM;SAAyB,oBAC5D,oBAAC;QAAI,WAAU;OACVL,GAAG,SAAS,CAAC,MAAM,GAAG,KAAK,WAAL,GACnB,oBAACM,QAAMA;QACH,OAAM;QACN,OAAON,GAAG,gBAAgB;QAC1B,UAAUH,UAAU,cAAc;QAClC,SAASG,GAAG,SAAS,CAAC,GAAG,CAACO,CAAAA,KAAO;gBAC7B,OAAOA,GAAG,KAAK;gBACf,OAAOA,GAAG,IAAI;YAClB;QACA,oBAAoB;sBAG5B,oBAACC,UAAQA;QAAC,MAAK;QAAc,MAAMR,GAAG,IAAI;;AAI1D"}

package/presentation/pages/CreatePage/CreatePagePresenter.js

@@ -81,7 +81,7 @@ class CreatePagePresenterImpl {
     buildForm() {
         const form = this.factory.create({
             fields: (fields)=>({
-                    title: fields.text().label("Title").required("Title is required").onBlur((value, form)=>{
+                    title: fields.text().label("Title").required("Title is required").autoFocus().onBlur((value, { form })=>{
                         const currentPath = form.field("path").as("text").getValue() ?? "";
                         if (!PagePath.create(currentPath).isEmpty()) return;
                         const newPath = PagePath.fromTitle(String(value)).toString();

package/presentation/pages/CreatePage/CreatePagePresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/pages/CreatePage/CreatePagePresenter.js","sources":["../../../../src/presentation/pages/CreatePage/CreatePagePresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport type { IFormModel, IFormModelFactory } from \"@webiny/app-admin\";\nimport { FormModelFactory } from \"@webiny/app-admin\";\nimport { CreatePageUseCase } from \"~/features/pages/createPage/abstractions.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport {\n    CreatePagePresenter as PresenterAbstraction,\n    PageTypeProvider,\n    CreatePageFormModifier\n} from \"./abstractions.js\";\nimport { PagePath } from \"~/shared/PagePath.js\";\n\nclass CreatePagePresenterImpl implements PresenterAbstraction.Interface {\n    private readonly pageTypes;\n    private form: IFormModel;\n    private selectedPageType = \"\";\n    private folderId = \"\";\n    private loading = false;\n\n    constructor(\n        private factory: IFormModelFactory,\n        pageTypeProvider: PageTypeProvider.Interface,\n        private modifiers: CreatePageFormModifier.Interface[],\n        private createPage: CreatePageUseCase.Interface\n    ) {\n        this.pageTypes = pageTypeProvider.getPageTypes();\n        this.form = this.buildForm();\n\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): PresenterAbstraction.ViewModel {\n        return {\n            form: this.form.vm,\n            pageTypes: this.pageTypes,\n            selectedPageType: this.selectedPageType,\n            loading: this.loading\n        };\n    }\n\n    init(folderId: string): void {\n        this.folderId = folderId;\n        const staticPage = this.pageTypes.find(p => p.name === \"static\");\n        this.selectedPageType = staticPage ? \"static\" : this.pageTypes[0]?.name;\n        this.form = this.buildForm();\n    }\n\n    changePageType(pageType: string): void {\n        const previousData = this.form.getData();\n        this.selectedPageType = pageType;\n        this.form = this.buildForm();\n        this.form.setData(previousData);\n    }\n\n    async submit() {\n        const data = await this.form.submit();\n        if (!data) {\n            return null;\n        }\n\n        const input: CreatePageParams = {\n            location: {\n                folderId: String(data.folderId)\n            },\n            properties: {\n                title: data.title,\n                path: data.path\n            },\n            metadata: {\n                documentType: \"page\",\n                pageType: data.pageType\n            },\n            elements: {\n                root: {\n                    type: \"Webiny/Element\",\n                    id: \"root\",\n                    component: {\n                        name: \"Webiny/Root\"\n                    }\n                }\n            }\n        };\n\n        // Let the active page type map its form data.\n        const pageType = this.pageTypes.find(pt => pt.name === this.selectedPageType);\n        if (pageType?.mapFromForm) {\n            pageType.mapFromForm(data, input);\n        }\n\n        // Let cross-cutting modifiers map their form data.\n        for (const modifier of this.modifiers) {\n            if (modifier.mapFromForm) {\n                modifier.mapFromForm(data, input);\n            }\n        }\n\n        runInAction(() => {\n            this.loading = true;\n        });\n        try {\n            return await this.createPage.execute(input);\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    private buildForm(): IFormModel {\n        // Layer 1: Base form — always present regardless of page type\n        const form = this.factory.create({\n            fields: fields => ({\n                title: fields\n                    .text()\n                    .label(\"Title\")\n                    .required(\"Title is required\")\n                    .onBlur((value, form) => {\n                        const currentPath = form.field(\"path\").as(\"text\").getValue() ?? \"\";\n                        if (!PagePath.create(currentPath).isEmpty()) {\n                            return;\n                        }\n                        const newPath = PagePath.fromTitle(String(value)).toString();\n                        form.field(\"path\").setValue(newPath);\n                    }),\n                path: fields\n                    .text()\n                    .label(\"Path\")\n                    .required(\"Path is required\")\n                    .beforeChange(value => {\n                        return PagePath.create(String(value)).slugify().toString();\n                    }),\n                pageType: fields\n                    .text()\n                    .hidden()\n                    .defaultValue(this.selectedPageType || \"static\"),\n                folderId: fields.text().hidden().defaultValue(this.folderId)\n            }),\n            layout: layout => [layout.row(\"title\"), layout.row(\"path\")]\n        });\n\n        // Layer 2: Apply the selected page type's modifications\n        const pageType = this.pageTypes.find(pt => pt.name === this.selectedPageType);\n        if (pageType && typeof pageType.modifyForm === \"function\") {\n            pageType.modifyForm(form);\n        }\n\n        // Layer 3: Apply cross-cutting modifiers (Language, etc.)\n        for (const modifier of this.modifiers) {\n            modifier.modifyForm(form);\n        }\n\n        return form;\n    }\n}\n\nexport const CreatePagePresenter = PresenterAbstraction.createImplementation({\n    implementation: CreatePagePresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        PageTypeProvider,\n        [CreatePageFormModifier, { multiple: true }],\n        CreatePageUseCase\n    ]\n});\n"],"names":["CreatePagePresenterImpl","factory","pageTypeProvider","modifiers","createPage","makeAutoObservable","computed","folderId","staticPage","p","pageType","previousData","data","input","String","pt","modifier","runInAction","form","fields","value","currentPath","PagePath","newPath","layout","CreatePagePresenter","PresenterAbstraction","FormModelFactory","PageTypeProvider","CreatePageFormModifier","CreatePageUseCase"],"mappings":"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"}
+{"version":3,"file":"presentation/pages/CreatePage/CreatePagePresenter.js","sources":["../../../../src/presentation/pages/CreatePage/CreatePagePresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport type { IFormModel, IFormModelFactory } from \"@webiny/app-admin\";\nimport { FormModelFactory } from \"@webiny/app-admin\";\nimport { CreatePageUseCase } from \"~/features/pages/createPage/abstractions.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport {\n    CreatePagePresenter as PresenterAbstraction,\n    PageTypeProvider,\n    CreatePageFormModifier\n} from \"./abstractions.js\";\nimport { PagePath } from \"~/shared/PagePath.js\";\n\nclass CreatePagePresenterImpl implements PresenterAbstraction.Interface {\n    private readonly pageTypes;\n    private form: IFormModel;\n    private selectedPageType = \"\";\n    private folderId = \"\";\n    private loading = false;\n\n    constructor(\n        private factory: IFormModelFactory,\n        pageTypeProvider: PageTypeProvider.Interface,\n        private modifiers: CreatePageFormModifier.Interface[],\n        private createPage: CreatePageUseCase.Interface\n    ) {\n        this.pageTypes = pageTypeProvider.getPageTypes();\n        this.form = this.buildForm();\n\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): PresenterAbstraction.ViewModel {\n        return {\n            form: this.form.vm,\n            pageTypes: this.pageTypes,\n            selectedPageType: this.selectedPageType,\n            loading: this.loading\n        };\n    }\n\n    init(folderId: string): void {\n        this.folderId = folderId;\n        const staticPage = this.pageTypes.find(p => p.name === \"static\");\n        this.selectedPageType = staticPage ? \"static\" : this.pageTypes[0]?.name;\n        this.form = this.buildForm();\n    }\n\n    changePageType(pageType: string): void {\n        const previousData = this.form.getData();\n        this.selectedPageType = pageType;\n        this.form = this.buildForm();\n        this.form.setData(previousData);\n    }\n\n    async submit() {\n        const data = await this.form.submit();\n        if (!data) {\n            return null;\n        }\n\n        const input: CreatePageParams = {\n            location: {\n                folderId: String(data.folderId)\n            },\n            properties: {\n                title: data.title,\n                path: data.path\n            },\n            metadata: {\n                documentType: \"page\",\n                pageType: data.pageType\n            },\n            elements: {\n                root: {\n                    type: \"Webiny/Element\",\n                    id: \"root\",\n                    component: {\n                        name: \"Webiny/Root\"\n                    }\n                }\n            }\n        };\n\n        // Let the active page type map its form data.\n        const pageType = this.pageTypes.find(pt => pt.name === this.selectedPageType);\n        if (pageType?.mapFromForm) {\n            pageType.mapFromForm(data, input);\n        }\n\n        // Let cross-cutting modifiers map their form data.\n        for (const modifier of this.modifiers) {\n            if (modifier.mapFromForm) {\n                modifier.mapFromForm(data, input);\n            }\n        }\n\n        runInAction(() => {\n            this.loading = true;\n        });\n        try {\n            return await this.createPage.execute(input);\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    private buildForm(): IFormModel {\n        // Layer 1: Base form — always present regardless of page type\n        const form = this.factory.create({\n            fields: fields => ({\n                title: fields\n                    .text()\n                    .label(\"Title\")\n                    .required(\"Title is required\")\n                    .autoFocus()\n                    .onBlur((value, { form }) => {\n                        const currentPath = form.field(\"path\").as(\"text\").getValue() ?? \"\";\n                        if (!PagePath.create(currentPath).isEmpty()) {\n                            return;\n                        }\n                        const newPath = PagePath.fromTitle(String(value)).toString();\n                        form.field(\"path\").setValue(newPath);\n                    }),\n                path: fields\n                    .text()\n                    .label(\"Path\")\n                    .required(\"Path is required\")\n                    .beforeChange(value => {\n                        return PagePath.create(String(value)).slugify().toString();\n                    }),\n                pageType: fields\n                    .text()\n                    .hidden()\n                    .defaultValue(this.selectedPageType || \"static\"),\n                folderId: fields.text().hidden().defaultValue(this.folderId)\n            }),\n            layout: layout => [layout.row(\"title\"), layout.row(\"path\")]\n        });\n\n        // Layer 2: Apply the selected page type's modifications\n        const pageType = this.pageTypes.find(pt => pt.name === this.selectedPageType);\n        if (pageType && typeof pageType.modifyForm === \"function\") {\n            pageType.modifyForm(form);\n        }\n\n        // Layer 3: Apply cross-cutting modifiers (Language, etc.)\n        for (const modifier of this.modifiers) {\n            modifier.modifyForm(form);\n        }\n\n        return form;\n    }\n}\n\nexport const CreatePagePresenter = PresenterAbstraction.createImplementation({\n    implementation: CreatePagePresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        PageTypeProvider,\n        [CreatePageFormModifier, { multiple: true }],\n        CreatePageUseCase\n    ]\n});\n"],"names":["CreatePagePresenterImpl","factory","pageTypeProvider","modifiers","createPage","makeAutoObservable","computed","folderId","staticPage","p","pageType","previousData","data","input","String","pt","modifier","runInAction","form","fields","value","currentPath","PagePath","newPath","layout","CreatePagePresenter","PresenterAbstraction","FormModelFactory","PageTypeProvider","CreatePageFormModifier","CreatePageUseCase"],"mappings":"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"}

package/presentation/pages/CreatePage/WithLanguageSelector.js

@@ -1,11 +1,11 @@
 import react from "react";
-import { useWcp } from "@webiny/app-admin";
+import { useFeatureFlags } from "@webiny/app-admin";
 import { Grid } from "@webiny/admin-ui";
 import { Bind } from "@webiny/form";
 import { LanguageSelector } from "../../components/LanguageSelector.js";
 const WithLanguageSelector = ({ languages, children })=>{
-    const wcp = useWcp();
-    if (!wcp.canUseFeature("multiTenancy")) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+    const featureFlags = useFeatureFlags();
+    if (!featureFlags.isEnabled("multiTenancy")) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
     if (languages.length > 1) {
         const defaultLanguage = languages.find((l)=>l.isDefault);
         return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid.Column, {

package/presentation/pages/CreatePage/WithLanguageSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/pages/CreatePage/WithLanguageSelector.js","sources":["../../../../src/presentation/pages/CreatePage/WithLanguageSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { type LanguageDto } from \"@webiny/languages/exports/admin/languages.js\";\nimport { useWcp } from \"@webiny/app-admin\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { LanguageSelector } from \"~/presentation/components/LanguageSelector.js\";\n\nexport interface WithLanguageSelectorProps {\n    languages: LanguageDto[];\n    children: React.ReactNode;\n}\n\n// 1) no language exists\n//    - no dropdown\n//    - don’t store language info\n// 2) one language exists\n//    - no dropdown\n//    - auto-assign the default language\n//    - DO NOT prepend the language code to the page path\n// 3) two or more languages exist\n//    - dropdown\n//    - preselect default language\n//    - append the language code to the page path\n\nexport const WithLanguageSelector = ({ languages, children }: WithLanguageSelectorProps) => {\n    const wcp = useWcp();\n\n    if (!wcp.canUseFeature(\"multiTenancy\")) {\n        return <>{children}</>;\n    }\n\n    if (languages.length > 1) {\n        const defaultLanguage = languages.find(l => l.isDefault);\n\n        return (\n            <>\n                <Grid.Column span={12}>\n                    <Bind name={\"properties.language\"} defaultValue={defaultLanguage?.code}>\n                        {({ value, onChange }) => (\n                            <LanguageSelector\n                                value={value}\n                                onChange={onChange}\n                                label={\"Language\"}\n                                languages={languages}\n                                displayResetAction={true}\n                            />\n                        )}\n                    </Bind>\n                </Grid.Column>\n                {children}\n            </>\n        );\n    }\n\n    if (languages.length === 1) {\n        return <Bind name={\"properties.language\"} defaultValue={languages[0].code} />;\n    }\n\n    /* Default output */\n    return <>{children}</>;\n};\n"],"names":["WithLanguageSelector","languages","children","wcp","useWcp","defaultLanguage","l","Grid","Bind","value","onChange","LanguageSelector"],"mappings":";;;;;AAwBO,MAAMA,uBAAuB,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAA6B;IACnF,MAAMC,MAAMC;IAEZ,IAAI,CAACD,IAAI,aAAa,CAAC,iBACnB,OAAO,WAAP,GAAO,0CAAGD;IAGd,IAAID,UAAU,MAAM,GAAG,GAAG;QACtB,MAAMI,kBAAkBJ,UAAU,IAAI,CAACK,CAAAA,IAAKA,EAAE,SAAS;QAEvD,OAAO,WAAP,GACI,wDACI,oBAACC,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YAAC,MAAM;YAAuB,cAAcH,iBAAiB;WAC7D,CAAC,EAAEI,KAAK,EAAEC,QAAQ,EAAE,iBACjB,oBAACC,kBAAgBA;gBACb,OAAOF;gBACP,UAAUC;gBACV,OAAO;gBACP,WAAWT;gBACX,oBAAoB;kBAKnCC;IAGb;IAEA,IAAID,AAAqB,MAArBA,UAAU,MAAM,EAChB,OAAO,WAAP,GAAO,oBAACO,MAAIA;QAAC,MAAM;QAAuB,cAAcP,SAAS,CAAC,EAAE,CAAC,IAAI;;IAI7E,OAAO,WAAP,GAAO,0CAAGC;AACd"}
+{"version":3,"file":"presentation/pages/CreatePage/WithLanguageSelector.js","sources":["../../../../src/presentation/pages/CreatePage/WithLanguageSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { type LanguageDto } from \"@webiny/languages/exports/admin/languages.js\";\nimport { useFeatureFlags } from \"@webiny/app-admin\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { LanguageSelector } from \"~/presentation/components/LanguageSelector.js\";\n\nexport interface WithLanguageSelectorProps {\n    languages: LanguageDto[];\n    children: React.ReactNode;\n}\n\n// 1) no language exists\n//    - no dropdown\n//    - don’t store language info\n// 2) one language exists\n//    - no dropdown\n//    - auto-assign the default language\n//    - DO NOT prepend the language code to the page path\n// 3) two or more languages exist\n//    - dropdown\n//    - preselect default language\n//    - append the language code to the page path\n\nexport const WithLanguageSelector = ({ languages, children }: WithLanguageSelectorProps) => {\n    const featureFlags = useFeatureFlags();\n\n    if (!featureFlags.isEnabled(\"multiTenancy\")) {\n        return <>{children}</>;\n    }\n\n    if (languages.length > 1) {\n        const defaultLanguage = languages.find(l => l.isDefault);\n\n        return (\n            <>\n                <Grid.Column span={12}>\n                    <Bind name={\"properties.language\"} defaultValue={defaultLanguage?.code}>\n                        {({ value, onChange }) => (\n                            <LanguageSelector\n                                value={value}\n                                onChange={onChange}\n                                label={\"Language\"}\n                                languages={languages}\n                                displayResetAction={true}\n                            />\n                        )}\n                    </Bind>\n                </Grid.Column>\n                {children}\n            </>\n        );\n    }\n\n    if (languages.length === 1) {\n        return <Bind name={\"properties.language\"} defaultValue={languages[0].code} />;\n    }\n\n    /* Default output */\n    return <>{children}</>;\n};\n"],"names":["WithLanguageSelector","languages","children","featureFlags","useFeatureFlags","defaultLanguage","l","Grid","Bind","value","onChange","LanguageSelector"],"mappings":";;;;;AAwBO,MAAMA,uBAAuB,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAA6B;IACnF,MAAMC,eAAeC;IAErB,IAAI,CAACD,aAAa,SAAS,CAAC,iBACxB,OAAO,WAAP,GAAO,0CAAGD;IAGd,IAAID,UAAU,MAAM,GAAG,GAAG;QACtB,MAAMI,kBAAkBJ,UAAU,IAAI,CAACK,CAAAA,IAAKA,EAAE,SAAS;QAEvD,OAAO,WAAP,GACI,wDACI,oBAACC,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YAAC,MAAM;YAAuB,cAAcH,iBAAiB;WAC7D,CAAC,EAAEI,KAAK,EAAEC,QAAQ,EAAE,iBACjB,oBAACC,kBAAgBA;gBACb,OAAOF;gBACP,UAAUC;gBACV,OAAO;gBACP,WAAWT;gBACX,oBAAoB;kBAKnCC;IAGb;IAEA,IAAID,AAAqB,MAArBA,UAAU,MAAM,EAChB,OAAO,WAAP,GAAO,oBAACO,MAAIA;QAAC,MAAM;QAAuB,cAAcP,SAAS,CAAC,EAAE,CAAC,IAAI;;IAI7E,OAAO,WAAP,GAAO,0CAAGC;AACd"}

package/presentation/pages/CreatePage/feature.js

@@ -1,5 +1,5 @@
 import { createFeature } from "@webiny/feature/admin";
-import { WcpService } from "@webiny/app-admin/features/wcp/abstractions.js";
+import { FeatureFlagsService } from "@webiny/app-admin/features/featureFlags/abstractions.js";
 import { CreatePagePresenter } from "./abstractions.js";
 import { CreatePagePresenter as external_CreatePagePresenter_js_CreatePagePresenter } from "./CreatePagePresenter.js";
 import { PageTypeProvider } from "./PageTypeProvider.js";
@@ -11,8 +11,8 @@ const CreatePageFeature = createFeature({
         container.register(StaticPageType);
         container.register(PageTypeProvider);
         container.register(external_CreatePagePresenter_js_CreatePagePresenter);
-        const wcp = container.resolve(WcpService);
-        if (wcp.canUseFeature("multiTenancy")) container.register(AddLanguageModifier);
+        const featureFlagsService = container.resolve(FeatureFlagsService);
+        if (featureFlagsService.getFlags().isEnabled("multiTenancy")) container.register(AddLanguageModifier);
     },
     resolve (container) {
         return {

package/presentation/pages/CreatePage/feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/pages/CreatePage/feature.js","sources":["../../../../src/presentation/pages/CreatePage/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { WcpService } from \"@webiny/app-admin/features/wcp/abstractions.js\";\nimport { CreatePagePresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { CreatePagePresenter } from \"./CreatePagePresenter.js\";\nimport { PageTypeProvider } from \"./PageTypeProvider.js\";\nimport { StaticPageType } from \"./StaticPageType.js\";\nimport { AddLanguageModifier } from \"./AddLanguageModifier.js\";\n\nexport const CreatePageFeature = createFeature({\n    name: \"CreatePage\",\n    register(container) {\n        container.register(StaticPageType);\n        container.register(PageTypeProvider);\n        container.register(CreatePagePresenter);\n\n        // Languages are behind a feature flag\n        const wcp = container.resolve(WcpService);\n        if (wcp.canUseFeature(\"multiTenancy\")) {\n            container.register(AddLanguageModifier);\n        }\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"names":["CreatePageFeature","createFeature","container","StaticPageType","PageTypeProvider","CreatePagePresenter","wcp","WcpService","AddLanguageModifier","PresenterAbstraction"],"mappings":";;;;;;;AAQO,MAAMA,oBAAoBC,cAAc;IAC3C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QAGnB,MAAMC,MAAMJ,UAAU,OAAO,CAACK;QAC9B,IAAID,IAAI,aAAa,CAAC,iBAClBJ,UAAU,QAAQ,CAACM;IAE3B;IACA,SAAQN,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACO;QACjC;IACJ;AACJ"}
+{"version":3,"file":"presentation/pages/CreatePage/feature.js","sources":["../../../../src/presentation/pages/CreatePage/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { FeatureFlagsService } from \"@webiny/app-admin/features/featureFlags/abstractions.js\";\nimport { CreatePagePresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { CreatePagePresenter } from \"./CreatePagePresenter.js\";\nimport { PageTypeProvider } from \"./PageTypeProvider.js\";\nimport { StaticPageType } from \"./StaticPageType.js\";\nimport { AddLanguageModifier } from \"./AddLanguageModifier.js\";\n\nexport const CreatePageFeature = createFeature({\n    name: \"CreatePage\",\n    register(container) {\n        container.register(StaticPageType);\n        container.register(PageTypeProvider);\n        container.register(CreatePagePresenter);\n\n        // Languages are behind a feature flag\n        const featureFlagsService = container.resolve(FeatureFlagsService);\n        if (featureFlagsService.getFlags().isEnabled(\"multiTenancy\")) {\n            container.register(AddLanguageModifier);\n        }\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"names":["CreatePageFeature","createFeature","container","StaticPageType","PageTypeProvider","CreatePagePresenter","featureFlagsService","FeatureFlagsService","AddLanguageModifier","PresenterAbstraction"],"mappings":";;;;;;;AAQO,MAAMA,oBAAoBC,cAAc;IAC3C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QAGnB,MAAMC,sBAAsBJ,UAAU,OAAO,CAACK;QAC9C,IAAID,oBAAoB,QAAQ,GAAG,SAAS,CAAC,iBACzCJ,UAAU,QAAQ,CAACM;IAE3B;IACA,SAAQN,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACO;QACjC;IACJ;AACJ"}

package/presentation/pages/PageEditor/DefaultPageEditorConfig.js

@@ -0,0 +1,52 @@
+import react from "react";
+import { PageAutoSave } from "./PageAutoSave.js";
+import { BackButton } from "./TopBar/BackButton.js";
+import { Title } from "./TopBar/Title.js";
+import { PublishButton } from "./TopBar/PublishButton.js";
+import { NewRevisionButton } from "./TopBar/NewRevisionButton.js";
+import { RevisionsMenu } from "./TopBar/RevisionsMenu.js";
+import { SettingsButton } from "./TopBar/SettingsButton.js";
+import { HasPermission } from "../../security/HasPermission.js";
+import { InternalPageEditorConfig } from "./PageEditorConfig.js";
+import { TopBarOptionsMenu } from "../../../BaseEditor/config/TopBar/Layout.js";
+const { Ui: Ui } = InternalPageEditorConfig;
+const DefaultPageEditorConfig = ()=>/*#__PURE__*/ react.createElement(InternalPageEditorConfig, null, /*#__PURE__*/ react.createElement(Ui.TopBar.Element, {
+        name: "buttonBack",
+        group: "left",
+        element: /*#__PURE__*/ react.createElement(BackButton, null)
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.Element, {
+        name: "title",
+        group: "left",
+        element: /*#__PURE__*/ react.createElement(Title, null)
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "revisionsMenu",
+        element: /*#__PURE__*/ react.createElement(RevisionsMenu, null)
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "buttonSettings",
+        element: /*#__PURE__*/ react.createElement(Ui.IsNotReadOnly, null, /*#__PURE__*/ react.createElement(SettingsButton, null))
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "optionsMenu",
+        element: /*#__PURE__*/ react.createElement(TopBarOptionsMenu, null)
+    }), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "create"
+    }, /*#__PURE__*/ react.createElement(Ui.IsReadOnly, null, /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "buttonNewRevision",
+        element: /*#__PURE__*/ react.createElement(NewRevisionButton, null)
+    }))), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "publish"
+    }, /*#__PURE__*/ react.createElement(Ui.IsNotReadOnly, null, /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "buttonPublish",
+        element: /*#__PURE__*/ react.createElement(PublishButton, null)
+    }))), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "edit"
+    }, /*#__PURE__*/ react.createElement(Ui.TopBar.Element, {
+        group: "left",
+        name: "autoSave",
+        element: /*#__PURE__*/ react.createElement(PageAutoSave, null)
+    })));
+export { DefaultPageEditorConfig };
+
+//# sourceMappingURL=DefaultPageEditorConfig.js.map

package/presentation/pages/PageEditor/DefaultPageEditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/DefaultPageEditorConfig.js","sources":["../../../../src/presentation/pages/PageEditor/DefaultPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageAutoSave } from \"./PageAutoSave.js\";\nimport { BackButton } from \"./TopBar/BackButton.js\";\nimport { Title } from \"./TopBar/Title.js\";\nimport { PublishButton } from \"./TopBar/PublishButton.js\";\nimport { NewRevisionButton } from \"./TopBar/NewRevisionButton.js\";\nimport { RevisionsMenu } from \"./TopBar/RevisionsMenu.js\";\nimport { SettingsButton } from \"./TopBar/SettingsButton.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { InternalPageEditorConfig } from \"./PageEditorConfig.js\";\nimport { TopBarOptionsMenu } from \"~/BaseEditor/config/TopBar/Layout.js\";\n\nconst { Ui } = InternalPageEditorConfig;\n\nexport const DefaultPageEditorConfig = () => {\n    return (\n        <InternalPageEditorConfig>\n            <Ui.TopBar.Element name={\"buttonBack\"} group={\"left\"} element={<BackButton />} />\n            <Ui.TopBar.Element name={\"title\"} group={\"left\"} element={<Title />} />\n            <Ui.TopBar.Action name={\"revisionsMenu\"} element={<RevisionsMenu />} />\n            <Ui.TopBar.Action\n                name={\"buttonSettings\"}\n                element={\n                    <Ui.IsNotReadOnly>\n                        <SettingsButton />\n                    </Ui.IsNotReadOnly>\n                }\n            />\n            <Ui.TopBar.Action name={\"optionsMenu\"} element={<TopBarOptionsMenu />} />\n            <HasPermission entity={\"page\"} action={\"create\"}>\n                <Ui.IsReadOnly>\n                    <Ui.TopBar.Action name={\"buttonNewRevision\"} element={<NewRevisionButton />} />\n                </Ui.IsReadOnly>\n            </HasPermission>\n            <HasPermission entity={\"page\"} action={\"publish\"}>\n                <Ui.IsNotReadOnly>\n                    <Ui.TopBar.Action name={\"buttonPublish\"} element={<PublishButton />} />\n                </Ui.IsNotReadOnly>\n            </HasPermission>\n            <HasPermission entity={\"page\"} action={\"edit\"}>\n                <Ui.TopBar.Element group={\"left\"} name={\"autoSave\"} element={<PageAutoSave />} />\n            </HasPermission>\n        </InternalPageEditorConfig>\n    );\n};\n"],"names":["Ui","InternalPageEditorConfig","DefaultPageEditorConfig","BackButton","Title","RevisionsMenu","SettingsButton","TopBarOptionsMenu","HasPermission","NewRevisionButton","PublishButton","PageAutoSave"],"mappings":";;;;;;;;;;;AAYA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAER,MAAMC,0BAA0B,IAC5B,WAAP,GACI,oBAACD,0BAAwBA,MAAAA,WAAAA,GACrB,oBAACD,GAAG,MAAM,CAAC,OAAO;QAAC,MAAM;QAAc,OAAO;QAAQ,uBAAS,oBAACG,YAAUA;sBAC1E,oBAACH,GAAG,MAAM,CAAC,OAAO;QAAC,MAAM;QAAS,OAAO;QAAQ,uBAAS,oBAACI,OAAKA;sBAChE,oBAACJ,GAAG,MAAM,CAAC,MAAM;QAAC,MAAM;QAAiB,uBAAS,oBAACK,eAAaA;sBAChE,oBAACL,GAAG,MAAM,CAAC,MAAM;QACb,MAAM;QACN,uBACI,oBAACA,GAAG,aAAa,sBACb,oBAACM,gBAAcA;sBAI3B,oBAACN,GAAG,MAAM,CAAC,MAAM;QAAC,MAAM;QAAe,uBAAS,oBAACO,mBAAiBA;sBAClE,oBAACC,eAAaA;QAAC,QAAQ;QAAQ,QAAQ;qBACnC,oBAACR,GAAG,UAAU,sBACV,oBAACA,GAAG,MAAM,CAAC,MAAM;QAAC,MAAM;QAAqB,uBAAS,oBAACS,mBAAiBA;wBAGhF,oBAACD,eAAaA;QAAC,QAAQ;QAAQ,QAAQ;qBACnC,oBAACR,GAAG,aAAa,sBACb,oBAACA,GAAG,MAAM,CAAC,MAAM;QAAC,MAAM;QAAiB,uBAAS,oBAACU,eAAaA;wBAGxE,oBAACF,eAAaA;QAAC,QAAQ;QAAQ,QAAQ;qBACnC,oBAACR,GAAG,MAAM,CAAC,OAAO;QAAC,OAAO;QAAQ,MAAM;QAAY,uBAAS,oBAACW,cAAYA"}

package/presentation/pages/PageEditor/EditorStateDebugger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/EditorStateDebugger.js","sources":["../../../../src/presentation/pages/PageEditor/EditorStateDebugger.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport MonacoEditor from \"@monaco-editor/react\";\nimport styled from \"@emotion/styled\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport type { HistorySnapshot } from \"~/editorSdk/HistorySnapshot.js\";\n\nconst Toolbar = styled.div`\n    position: absolute;\n    padding-top: 5px;\n    width: 100%;\n    padding-left: 5px;\n    border-top: 1px solid #cccccc;\n    z-index: 10000;\n`;\n\nconst monacoOptions = { minimap: { enabled: false } };\n\nconst formatSnapshots = (snapshots: HistorySnapshot[], activeIndex: number) => {\n    return snapshots\n        .map((snapshot, index) => {\n            const asString = JSON.stringify(snapshot.getState(), null, 2);\n            const isActive = activeIndex === index;\n\n            return `// ${isActive ? \"🟢\" : \"⚪️\"} Snapshot #${index + 1} (${snapshot\n                .getCreatedOn()\n                .toISOString()})\\n${asString}`;\n        })\n        .join(\",\\n\");\n};\n\nexport const EditorStateDebugger = () => {\n    const editor = useDocumentEditor();\n\n    const editorState = useSelectFromEditor(state => state);\n    const documentState = useSelectFromDocument(state => state);\n    const history = editor.getDocumentState().getHistory();\n\n    const numberOfSnapshots = editor.getDocumentState().getHistory().getSnapshots().length;\n\n    useEffect(() => {\n        // @ts-ignore 123\n        window[\"editor\"] = editor;\n    }, []);\n\n    const monacoValue = `// Editor State\\n${JSON.stringify(\n        editorState,\n        null,\n        2\n    )}\\n\\n// Document State\\n${JSON.stringify(\n        documentState,\n        null,\n        2\n    )}\\n\\n// History\\n\\n${formatSnapshots(history.getSnapshots(), history.getActiveSnapshotIndex())}\n    \\n// Snapshot Changes\\n${JSON.stringify(history.getCurrentSnapshot().getChanges(), null, 2)}`;\n\n    return (\n        <Toolbar>\n            <Button variant=\"secondary\" text={`Snapshots: ${numberOfSnapshots}`}></Button>\n            <MonacoEditor\n                height={\"100vh\"}\n                language={\"json\"}\n                value={monacoValue}\n                options={monacoOptions}\n            />\n        </Toolbar>\n    );\n};\n"],"names":["Toolbar","styled","monacoOptions","formatSnapshots","snapshots","activeIndex","snapshot","index","asString","JSON","isActive","EditorStateDebugger","editor","useDocumentEditor","editorState","useSelectFromEditor","state","documentState","useSelectFromDocument","history","numberOfSnapshots","useEffect","window","monacoValue","Button","MonacoEditor"],"mappings":";;;;;;;AAUA,MAAMA,UAAUC,OAAO,GAAG,CAAC;;;;;;;AAO3B,CAAC;AAED,MAAMC,gBAAgB;IAAE,SAAS;QAAE,SAAS;IAAM;AAAE;AAEpD,MAAMC,kBAAkB,CAACC,WAA8BC,cAC5CD,UACF,GAAG,CAAC,CAACE,UAAUC;QACZ,MAAMC,WAAWC,KAAK,SAAS,CAACH,SAAS,QAAQ,IAAI,MAAM;QAC3D,MAAMI,WAAWL,gBAAgBE;QAEjC,OAAO,CAAC,GAAG,EAAEG,WAAW,OAAO,KAAK,WAAW,EAAEH,QAAQ,EAAE,EAAE,EAAED,SAC1D,YAAY,GACZ,WAAW,GAAG,GAAG,EAAEE,UAAU;IACtC,GACC,IAAI,CAAC;AAGP,MAAMG,sBAAsB;IAC/B,MAAMC,SAASC;IAEf,MAAMC,cAAcC,oBAAoBC,CAAAA,QAASA;IACjD,MAAMC,gBAAgBC,sBAAsBF,CAAAA,QAASA;IACrD,MAAMG,UAAUP,OAAO,gBAAgB,GAAG,UAAU;IAEpD,MAAMQ,oBAAoBR,OAAO,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM;IAEtFS,UAAU;QAENC,MAAM,CAAC,SAAS,GAAGV;IACvB,GAAG,EAAE;IAEL,MAAMW,cAAc,CAAC,iBAAiB,EAAEd,KAAK,SAAS,CAClDK,aACA,MACA,GACF,uBAAuB,EAAEL,KAAK,SAAS,CACrCQ,eACA,MACA,GACF,kBAAkB,EAAEd,gBAAgBgB,QAAQ,YAAY,IAAIA,QAAQ,sBAAsB,IAAI;2BACzE,EAAEV,KAAK,SAAS,CAACU,QAAQ,kBAAkB,GAAG,UAAU,IAAI,MAAM,IAAI;IAE7F,OAAO,WAAP,GACI,oBAACnB,SAAOA,MAAAA,WAAAA,GACJ,oBAACwB,QAAMA;QAAC,SAAQ;QAAY,MAAM,CAAC,WAAW,EAAEJ,mBAAmB;sBACnE,oBAACK,sBAAYA;QACT,QAAQ;QACR,UAAU;QACV,OAAOF;QACP,SAASrB;;AAIzB"}

package/presentation/pages/PageEditor/PageAutoSave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageAutoSave.js","sources":["../../../../src/presentation/pages/PageEditor/PageAutoSave.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useUpdatePage } from \"~/features/pages/index.js\";\n\nconst PageAutoSaveAction = () => {\n    const editor = useDocumentEditor();\n\n    const { updatePage } = useUpdatePage();\n\n    const savePage = debounce(page => {\n        return updatePage(page);\n    }, 500);\n\n    useEffect(() => {\n        return editor.onDocumentStateChange(async event => {\n            const isReadOnly = editor.getEditorState().read().isReadOnly;\n            if (isReadOnly) {\n                return;\n            }\n\n            editor.updateEditor(state => {\n                state.autoSaving = true;\n            });\n            const { state } = event;\n\n            await savePage(state);\n\n            setTimeout(() => {\n                editor.updateEditor(state => {\n                    state.autoSaving = false;\n                });\n            }, 500);\n        });\n    }, []);\n\n    return null;\n};\n\nexport const PageAutoSave = () => {\n    return <PageAutoSaveAction />;\n};\n"],"names":["PageAutoSaveAction","editor","useDocumentEditor","updatePage","useUpdatePage","savePage","debounce","page","useEffect","event","isReadOnly","state","setTimeout","PageAutoSave"],"mappings":";;;;AAKA,MAAMA,qBAAqB;IACvB,MAAMC,SAASC;IAEf,MAAM,EAAEC,UAAU,EAAE,GAAGC;IAEvB,MAAMC,WAAWC,SAASC,CAAAA,OACfJ,WAAWI,OACnB;IAEHC,UAAU,IACCP,OAAO,qBAAqB,CAAC,OAAMQ;YACtC,MAAMC,aAAaT,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU;YAC5D,IAAIS,YACA;YAGJT,OAAO,YAAY,CAACU,CAAAA;gBAChBA,MAAM,UAAU,GAAG;YACvB;YACA,MAAM,EAAEA,KAAK,EAAE,GAAGF;YAElB,MAAMJ,SAASM;YAEfC,WAAW;gBACPX,OAAO,YAAY,CAACU,CAAAA;oBAChBA,MAAM,UAAU,GAAG;gBACvB;YACJ,GAAG;QACP,IACD,EAAE;IAEL,OAAO;AACX;AAEO,MAAME,eAAe,IACjB,WAAP,GAAO,oBAACb,oBAAkBA"}

package/presentation/pages/PageEditor/PageEditor.experiments.d.ts

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

package/presentation/pages/PageEditor/PageEditor.experiments.js

@@ -0,0 +1,54 @@
+import react, { useEffect, useState } from "react";
+import { useRoute } from "@webiny/app-admin";
+import { useFeature } from "@webiny/app";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { GetSettingsFeature } from "../../../features/settings/getSettings/index.js";
+import { useGetPage } from "../../../features/pages/index.js";
+import { Routes } from "../../../routes.js";
+import { PageEditorDrawerProvider } from "./Revisions/usePageEditorDrawer.js";
+import { PageEditorSurface } from "./PageEditorSurface.js";
+import { pageToEditorDocument } from "./pageDocument.js";
+import { ExperimentsEditorPresenterFeature } from "../../experiments/ExperimentsEditor/index.js";
+import { ExperimentsDrawerView } from "../../experiments/ExperimentsManager/index.js";
+const PageEditor = ()=>{
+    const { useCase: getSettings } = useFeature(GetSettingsFeature);
+    const [loading, setLoading] = useState(true);
+    const [page, setPage] = useState(null);
+    const [isRevisionListOpen, openRevisionList] = useState(false);
+    const { route } = useRoute(Routes.Pages.Editor);
+    const { getPage } = useGetPage();
+    const { presenter } = useFeature(ExperimentsEditorPresenterFeature);
+    useEffect(()=>{
+        setLoading(true);
+        Promise.all([
+            getSettings.execute(),
+            getPage({
+                id: route.params.id
+            }).then((page)=>{
+                setPage(pageToEditorDocument(page));
+            })
+        ]).then(()=>{
+            setLoading(false);
+        });
+    }, [
+        route.params.id
+    ]);
+    useEffect(()=>{
+        if (page) presenter.init(page.id);
+    }, [
+        presenter,
+        page?.id
+    ]);
+    if (loading || !page) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Loading page..."
+    });
+    return /*#__PURE__*/ react.createElement(PageEditorDrawerProvider, {
+        openRevisionList: openRevisionList,
+        isRevisionListOpen: isRevisionListOpen
+    }, /*#__PURE__*/ react.createElement(PageEditorSurface, {
+        page: page
+    }), /*#__PURE__*/ react.createElement(ExperimentsDrawerView, null));
+};
+export { PageEditor };
+
+//# sourceMappingURL=PageEditor.experiments.js.map

package/presentation/pages/PageEditor/PageEditor.experiments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageEditor.experiments.js","sources":["../../../../src/presentation/pages/PageEditor/PageEditor.experiments.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { useFeature } from \"@webiny/app\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { GetSettingsFeature } from \"~/features/settings/getSettings/index.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { useGetPage } from \"~/features/pages/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { PageEditorDrawerProvider } from \"./Revisions/usePageEditorDrawer.js\";\nimport { PageEditorSurface } from \"./PageEditorSurface.js\";\nimport { pageToEditorDocument } from \"./pageDocument.js\";\nimport { ExperimentsEditorPresenterFeature } from \"~/presentation/experiments/ExperimentsEditor/index.js\";\nimport { ExperimentsDrawerView } from \"~/presentation/experiments/ExperimentsManager/index.js\";\n\nexport const PageEditor = () => {\n    const { useCase: getSettings } = useFeature(GetSettingsFeature);\n    const [loading, setLoading] = useState(true);\n    const [page, setPage] = useState<EditorPage | null>(null);\n\n    const [isRevisionListOpen, openRevisionList] = useState(false);\n\n    const { route } = useRoute(Routes.Pages.Editor);\n\n    const { getPage } = useGetPage();\n\n    const { presenter } = useFeature(ExperimentsEditorPresenterFeature);\n\n    useEffect(() => {\n        setLoading(true);\n        Promise.all([\n            getSettings.execute(),\n            getPage({ id: route.params.id }).then(page => {\n                setPage(pageToEditorDocument(page));\n            })\n        ]).then(() => {\n            setLoading(false);\n        });\n    }, [route.params.id]);\n\n    // Initialize the experiments hub presenter with the page being edited; it owns the shared\n    // selection state so the toolbar and editor surface can swap between the page and a variant.\n    useEffect(() => {\n        if (page) {\n            presenter.init(page.id);\n        }\n    }, [presenter, page?.id]);\n\n    if (loading || !page) {\n        return <OverlayLoader text={\"Loading page...\"} />;\n    }\n\n    return (\n        <PageEditorDrawerProvider\n            openRevisionList={openRevisionList}\n            isRevisionListOpen={isRevisionListOpen}\n        >\n            <PageEditorSurface page={page} />\n            <ExperimentsDrawerView />\n        </PageEditorDrawerProvider>\n    );\n};\n"],"names":["PageEditor","getSettings","useFeature","GetSettingsFeature","loading","setLoading","useState","page","setPage","isRevisionListOpen","openRevisionList","route","useRoute","Routes","getPage","useGetPage","presenter","ExperimentsEditorPresenterFeature","useEffect","Promise","pageToEditorDocument","OverlayLoader","PageEditorDrawerProvider","PageEditorSurface","ExperimentsDrawerView"],"mappings":";;;;;;;;;;;;AAcO,MAAMA,aAAa;IACtB,MAAM,EAAE,SAASC,WAAW,EAAE,GAAGC,WAAWC;IAC5C,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IACvC,MAAM,CAACC,MAAMC,QAAQ,GAAGF,SAA4B;IAEpD,MAAM,CAACG,oBAAoBC,iBAAiB,GAAGJ,SAAS;IAExD,MAAM,EAAEK,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,MAAM;IAE9C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,MAAM,EAAEC,SAAS,EAAE,GAAGd,WAAWe;IAEjCC,UAAU;QACNb,WAAW;QACXc,QAAQ,GAAG,CAAC;YACRlB,YAAY,OAAO;YACnBa,QAAQ;gBAAE,IAAIH,MAAM,MAAM,CAAC,EAAE;YAAC,GAAG,IAAI,CAACJ,CAAAA;gBAClCC,QAAQY,qBAAqBb;YACjC;SACH,EAAE,IAAI,CAAC;YACJF,WAAW;QACf;IACJ,GAAG;QAACM,MAAM,MAAM,CAAC,EAAE;KAAC;IAIpBO,UAAU;QACN,IAAIX,MACAS,UAAU,IAAI,CAACT,KAAK,EAAE;IAE9B,GAAG;QAACS;QAAWT,MAAM;KAAG;IAExB,IAAIH,WAAW,CAACG,MACZ,OAAO,WAAP,GAAO,oBAACc,eAAaA;QAAC,MAAM;;IAGhC,OAAO,WAAP,GACI,oBAACC,0BAAwBA;QACrB,kBAAkBZ;QAClB,oBAAoBD;qBAEpB,oBAACc,mBAAiBA;QAAC,MAAMhB;sBACzB,oBAACiB,uBAAqBA;AAGlC"}

package/presentation/pages/PageEditor/PageEditor.js

@@ -0,0 +1,66 @@
+import react, { useEffect, useState } from "react";
+import { useRoute } from "@webiny/app-admin";
+import { DocumentEditor } from "../../../DocumentEditor/DocumentEditor.js";
+import { useGetPage } from "../../../features/pages/index.js";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { GetSettingsFeature } from "../../../features/settings/getSettings/index.js";
+import { DefaultPageEditorConfig } from "./DefaultPageEditorConfig.js";
+import { DefaultEditorConfig } from "../../../BaseEditor/index.js";
+import { EDITOR_NAME } from "./constants.js";
+import { Routes } from "../../../routes.js";
+import { WbPageStatus } from "../../../constants.js";
+import { RevisionListDrawer } from "./Revisions/RevisionListDrawer.js";
+import { PageEditorDrawerProvider } from "./Revisions/usePageEditorDrawer.js";
+const getPageDataFromPage = (page)=>({
+        ...page,
+        id: page.id,
+        version: page.version,
+        status: page.status,
+        location: page.location,
+        properties: page.properties,
+        bindings: page.bindings,
+        elements: page.elements,
+        metadata: page.metadata,
+        state: {}
+    });
+const PageEditor = ()=>{
+    const { useCase: getSettings } = useFeature(GetSettingsFeature);
+    const [loading, setLoading] = useState(true);
+    const [page, setPage] = useState(null);
+    const [isRevisionListOpen, openRevisionList] = useState(false);
+    const { route } = useRoute(Routes.Pages.Editor);
+    const { getPage } = useGetPage();
+    useEffect(()=>{
+        setLoading(true);
+        Promise.all([
+            getSettings.execute(),
+            getPage({
+                id: route.params.id
+            }).then((page)=>{
+                setPage(getPageDataFromPage(page));
+            })
+        ]).then(()=>{
+            setLoading(false);
+        });
+    }, [
+        route.params.id
+    ]);
+    if (loading || !page) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Loading page..."
+    });
+    return /*#__PURE__*/ react.createElement(PageEditorDrawerProvider, {
+        openRevisionList: openRevisionList,
+        isRevisionListOpen: isRevisionListOpen
+    }, /*#__PURE__*/ react.createElement(DocumentEditor, {
+        key: page.id,
+        document: page,
+        name: EDITOR_NAME,
+        readOnly: page.status !== WbPageStatus.Draft
+    }, /*#__PURE__*/ react.createElement(DefaultEditorConfig, null), /*#__PURE__*/ react.createElement(DefaultPageEditorConfig, null), /*#__PURE__*/ react.createElement(RevisionListDrawer, {
+        page: page
+    })));
+};
+export { PageEditor };
+
+//# sourceMappingURL=PageEditor.js.map

package/presentation/pages/PageEditor/PageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageEditor.js","sources":["../../../../src/presentation/pages/PageEditor/PageEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { DocumentEditor } from \"~/DocumentEditor/DocumentEditor.js\";\nimport { useGetPage } from \"~/features/pages/index.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { GetSettingsFeature } from \"~/features/settings/getSettings/index.js\";\nimport { DefaultPageEditorConfig } from \"./DefaultPageEditorConfig.js\";\nimport { DefaultEditorConfig } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/presentation/pages/PageEditor/constants.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport type { Page } from \"~/domain/Page/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { WbPageStatus } from \"~/constants.js\";\nimport { RevisionListDrawer } from \"./Revisions/RevisionListDrawer.js\";\nimport { PageEditorDrawerProvider } from \"./Revisions/usePageEditorDrawer.js\";\n\nconst getPageDataFromPage = (page: Page): EditorPage => {\n    return {\n        ...page,\n        id: page.id,\n        version: page.version,\n        status: page.status,\n        location: page.location,\n        properties: page.properties as EditorPage[\"properties\"],\n        bindings: page.bindings,\n        elements: page.elements,\n        metadata: page.metadata,\n        state: {}\n    };\n};\n\nexport const PageEditor = () => {\n    const { useCase: getSettings } = useFeature(GetSettingsFeature);\n    const [loading, setLoading] = useState(true);\n    const [page, setPage] = useState<EditorPage | null>(null);\n\n    const [isRevisionListOpen, openRevisionList] = useState(false);\n\n    const { route } = useRoute(Routes.Pages.Editor);\n\n    const { getPage } = useGetPage();\n\n    useEffect(() => {\n        setLoading(true);\n        Promise.all([\n            getSettings.execute(),\n            getPage({ id: route.params.id }).then(page => {\n                setPage(getPageDataFromPage(page));\n            })\n        ]).then(() => {\n            setLoading(false);\n        });\n    }, [route.params.id]);\n\n    if (loading || !page) {\n        return <OverlayLoader text={\"Loading page...\"} />;\n    }\n\n    return (\n        <PageEditorDrawerProvider\n            openRevisionList={openRevisionList}\n            isRevisionListOpen={isRevisionListOpen}\n        >\n            <DocumentEditor<EditorPage>\n                key={page.id}\n                document={page}\n                name={EDITOR_NAME}\n                readOnly={page.status !== WbPageStatus.Draft}\n            >\n                <DefaultEditorConfig />\n                <DefaultPageEditorConfig />\n\n                <RevisionListDrawer page={page} />\n            </DocumentEditor>\n        </PageEditorDrawerProvider>\n    );\n};\n"],"names":["getPageDataFromPage","page","PageEditor","getSettings","useFeature","GetSettingsFeature","loading","setLoading","useState","setPage","isRevisionListOpen","openRevisionList","route","useRoute","Routes","getPage","useGetPage","useEffect","Promise","OverlayLoader","PageEditorDrawerProvider","DocumentEditor","EDITOR_NAME","WbPageStatus","DefaultEditorConfig","DefaultPageEditorConfig","RevisionListDrawer"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAMA,sBAAsB,CAACC,OAClB;QACH,GAAGA,IAAI;QACP,IAAIA,KAAK,EAAE;QACX,SAASA,KAAK,OAAO;QACrB,QAAQA,KAAK,MAAM;QACnB,UAAUA,KAAK,QAAQ;QACvB,YAAYA,KAAK,UAAU;QAC3B,UAAUA,KAAK,QAAQ;QACvB,UAAUA,KAAK,QAAQ;QACvB,UAAUA,KAAK,QAAQ;QACvB,OAAO,CAAC;IACZ;AAGG,MAAMC,aAAa;IACtB,MAAM,EAAE,SAASC,WAAW,EAAE,GAAGC,WAAWC;IAC5C,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IACvC,MAAM,CAACP,MAAMQ,QAAQ,GAAGD,SAA4B;IAEpD,MAAM,CAACE,oBAAoBC,iBAAiB,GAAGH,SAAS;IAExD,MAAM,EAAEI,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,MAAM;IAE9C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpBC,UAAU;QACNV,WAAW;QACXW,QAAQ,GAAG,CAAC;YACRf,YAAY,OAAO;YACnBY,QAAQ;gBAAE,IAAIH,MAAM,MAAM,CAAC,EAAE;YAAC,GAAG,IAAI,CAACX,CAAAA;gBAClCQ,QAAQT,oBAAoBC;YAChC;SACH,EAAE,IAAI,CAAC;YACJM,WAAW;QACf;IACJ,GAAG;QAACK,MAAM,MAAM,CAAC,EAAE;KAAC;IAEpB,IAAIN,WAAW,CAACL,MACZ,OAAO,WAAP,GAAO,oBAACkB,eAAaA;QAAC,MAAM;;IAGhC,OAAO,WAAP,GACI,oBAACC,0BAAwBA;QACrB,kBAAkBT;QAClB,oBAAoBD;qBAEpB,oBAACW,gBAAcA;QACX,KAAKpB,KAAK,EAAE;QACZ,UAAUA;QACV,MAAMqB;QACN,UAAUrB,KAAK,MAAM,KAAKsB,aAAa,KAAK;qBAE5C,oBAACC,qBAAmBA,OAAAA,WAAAA,GACpB,oBAACC,yBAAuBA,OAAAA,WAAAA,GAExB,oBAACC,oBAAkBA;QAAC,MAAMzB;;AAI1C"}