@webiny/app-website-builder 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

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

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","computed","runInAction","FormModelFactory","CreatePageUseCase","CreatePagePresenter","PresenterAbstraction","PageTypeProvider","CreatePageFormModifier","PagePath","CreatePagePresenterImpl","selectedPageType","folderId","loading","constructor","factory","pageTypeProvider","modifiers","createPage","pageTypes","getPageTypes","form","buildForm","vm","autoBind","init","staticPage","find","p","name","changePageType","pageType","previousData","getData","setData","submit","data","input","location","String","properties","title","path","metadata","documentType","elements","root","type","id","component","pt","mapFromForm","modifier","execute","create","fields","text","label","required","onBlur","value","currentPath","field","as","getValue","isEmpty","newPath","fromTitle","toString","setValue","beforeChange","slugify","hidden","defaultValue","layout","row","modifyForm","createImplementation","implementation","dependencies","multiple"],"sources":["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"],"mappings":"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","ignoreList":[]}
+{"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/PageTypeProvider.js

@@ -1,48 +1,37 @@
-import { PageType, PageTypeProvider as Abstraction } from "./abstractions.js";
+import { PageType, PageTypeProvider } from "./abstractions.js";
 class PageTypeProviderImpl {
-  constructor(pageTypes) {
-    this.pageTypes = pageTypes;
-  }
-  getPageTypes() {
-    return this.pageTypes;
-  }
-}
-export const PageTypeProvider = Abstraction.createImplementation({
-  implementation: PageTypeProviderImpl,
-  dependencies: [[PageType, {
-    multiple: true
-  }]]
-});
-
-/**
- * Creates a decorator that removes a page type by name from the provider.
- *
- * Usage (from a React component):
- * ```ts
- * container.registerDecorator(createPageTypeRemovalDecorator("static"));
- * ```
- */
-/**
- * Creates a decorator that removes a page type by name from the provider.
- *
- * Usage (from a React component):
- * ```ts
- * container.registerDecorator(createPageTypeRemovalDecorator("static"));
- * ```
- */
-export function createPageTypeRemovalDecorator(nameToRemove) {
-  class RemovePageTypeDecorator {
-    constructor(decoratee) {
-      this.decoratee = decoratee;
+    constructor(pageTypes){
+        this.pageTypes = pageTypes;
     }
     getPageTypes() {
-      return this.decoratee.getPageTypes().filter(pt => pt.name !== nameToRemove);
+        return this.pageTypes;
+    }
+}
+const PageTypeProvider_PageTypeProvider = PageTypeProvider.createImplementation({
+    implementation: PageTypeProviderImpl,
+    dependencies: [
+        [
+            PageType,
+            {
+                multiple: true
+            }
+        ]
+    ]
+});
+function createPageTypeRemovalDecorator(nameToRemove) {
+    class RemovePageTypeDecorator {
+        constructor(decoratee){
+            this.decoratee = decoratee;
+        }
+        getPageTypes() {
+            return this.decoratee.getPageTypes().filter((pt)=>pt.name !== nameToRemove);
+        }
     }
-  }
-  return Abstraction.createDecorator({
-    decorator: RemovePageTypeDecorator,
-    dependencies: []
-  });
+    return PageTypeProvider.createDecorator({
+        decorator: RemovePageTypeDecorator,
+        dependencies: []
+    });
 }
+export { PageTypeProvider_PageTypeProvider as PageTypeProvider, createPageTypeRemovalDecorator };
 
 //# sourceMappingURL=PageTypeProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["PageType","PageTypeProvider","Abstraction","PageTypeProviderImpl","constructor","pageTypes","getPageTypes","createImplementation","implementation","dependencies","multiple","createPageTypeRemovalDecorator","nameToRemove","RemovePageTypeDecorator","decoratee","filter","pt","name","createDecorator","decorator"],"sources":["PageTypeProvider.ts"],"sourcesContent":["import { PageType, PageTypeProvider as Abstraction } from \"./abstractions.js\";\n\nclass PageTypeProviderImpl implements Abstraction.Interface {\n    constructor(private pageTypes: PageType.Interface[]) {}\n\n    getPageTypes(): PageType.Interface[] {\n        return this.pageTypes;\n    }\n}\n\nexport const PageTypeProvider = Abstraction.createImplementation({\n    implementation: PageTypeProviderImpl,\n    dependencies: [[PageType, { multiple: true }]]\n});\n\n/**\n * Creates a decorator that removes a page type by name from the provider.\n *\n * Usage (from a React component):\n * ```ts\n * container.registerDecorator(createPageTypeRemovalDecorator(\"static\"));\n * ```\n */\n/**\n * Creates a decorator that removes a page type by name from the provider.\n *\n * Usage (from a React component):\n * ```ts\n * container.registerDecorator(createPageTypeRemovalDecorator(\"static\"));\n * ```\n */\nexport function createPageTypeRemovalDecorator(nameToRemove: string) {\n    class RemovePageTypeDecorator implements Abstraction.Interface {\n        decoratee: Abstraction.Interface;\n\n        constructor(decoratee: Abstraction.Interface) {\n            this.decoratee = decoratee;\n        }\n\n        getPageTypes(): PageType.Interface[] {\n            return this.decoratee.getPageTypes().filter(pt => pt.name !== nameToRemove);\n        }\n    }\n\n    return Abstraction.createDecorator({\n        decorator: RemovePageTypeDecorator,\n        dependencies: []\n    });\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,gBAAgB,IAAIC,WAAW;AAElD,MAAMC,oBAAoB,CAAkC;EACxDC,WAAWA,CAASC,SAA+B,EAAE;IAAA,KAAjCA,SAA+B,GAA/BA,SAA+B;EAAG;EAEtDC,YAAYA,CAAA,EAAyB;IACjC,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ;AAEA,OAAO,MAAMJ,gBAAgB,GAAGC,WAAW,CAACK,oBAAoB,CAAC;EAC7DC,cAAc,EAAEL,oBAAoB;EACpCM,YAAY,EAAE,CAAC,CAACT,QAAQ,EAAE;IAAEU,QAAQ,EAAE;EAAK,CAAC,CAAC;AACjD,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,8BAA8BA,CAACC,YAAoB,EAAE;EACjE,MAAMC,uBAAuB,CAAkC;IAG3DT,WAAWA,CAACU,SAAgC,EAAE;MAC1C,IAAI,CAACA,SAAS,GAAGA,SAAS;IAC9B;IAEAR,YAAYA,CAAA,EAAyB;MACjC,OAAO,IAAI,CAACQ,SAAS,CAACR,YAAY,CAAC,CAAC,CAACS,MAAM,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,KAAKL,YAAY,CAAC;IAC/E;EACJ;EAEA,OAAOV,WAAW,CAACgB,eAAe,CAAC;IAC/BC,SAAS,EAAEN,uBAAuB;IAClCJ,YAAY,EAAE;EAClB,CAAC,CAAC;AACN","ignoreList":[]}
+{"version":3,"file":"presentation/pages/CreatePage/PageTypeProvider.js","sources":["../../../../src/presentation/pages/CreatePage/PageTypeProvider.ts"],"sourcesContent":["import { PageType, PageTypeProvider as Abstraction } from \"./abstractions.js\";\n\nclass PageTypeProviderImpl implements Abstraction.Interface {\n    constructor(private pageTypes: PageType.Interface[]) {}\n\n    getPageTypes(): PageType.Interface[] {\n        return this.pageTypes;\n    }\n}\n\nexport const PageTypeProvider = Abstraction.createImplementation({\n    implementation: PageTypeProviderImpl,\n    dependencies: [[PageType, { multiple: true }]]\n});\n\n/**\n * Creates a decorator that removes a page type by name from the provider.\n *\n * Usage (from a React component):\n * ```ts\n * container.registerDecorator(createPageTypeRemovalDecorator(\"static\"));\n * ```\n */\n/**\n * Creates a decorator that removes a page type by name from the provider.\n *\n * Usage (from a React component):\n * ```ts\n * container.registerDecorator(createPageTypeRemovalDecorator(\"static\"));\n * ```\n */\nexport function createPageTypeRemovalDecorator(nameToRemove: string) {\n    class RemovePageTypeDecorator implements Abstraction.Interface {\n        decoratee: Abstraction.Interface;\n\n        constructor(decoratee: Abstraction.Interface) {\n            this.decoratee = decoratee;\n        }\n\n        getPageTypes(): PageType.Interface[] {\n            return this.decoratee.getPageTypes().filter(pt => pt.name !== nameToRemove);\n        }\n    }\n\n    return Abstraction.createDecorator({\n        decorator: RemovePageTypeDecorator,\n        dependencies: []\n    });\n}\n"],"names":["PageTypeProviderImpl","pageTypes","PageTypeProvider","Abstraction","PageType","createPageTypeRemovalDecorator","nameToRemove","RemovePageTypeDecorator","decoratee","pt"],"mappings":";AAEA,MAAMA;IACF,YAAoBC,SAA+B,CAAE;aAAjCA,SAAS,GAATA;IAAkC;IAEtD,eAAqC;QACjC,OAAO,IAAI,CAAC,SAAS;IACzB;AACJ;AAEO,MAAMC,oCAAmBC,iBAAAA,oBAAgC,CAAC;IAC7D,gBAAgBH;IAChB,cAAc;QAAC;YAACI;YAAU;gBAAE,UAAU;YAAK;SAAE;KAAC;AAClD;AAkBO,SAASC,+BAA+BC,YAAoB;IAC/D,MAAMC;QAGF,YAAYC,SAAgC,CAAE;YAC1C,IAAI,CAAC,SAAS,GAAGA;QACrB;QAEA,eAAqC;YACjC,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,MAAM,CAACC,CAAAA,KAAMA,GAAG,IAAI,KAAKH;QAClE;IACJ;IAEA,OAAOH,iBAAAA,eAA2B,CAAC;QAC/B,WAAWI;QACX,cAAc,EAAE;IACpB;AACJ"}

package/presentation/pages/CreatePage/StaticPageType.js

@@ -1,11 +1,14 @@
 import { PageType } from "./abstractions.js";
 class StaticPageTypeImpl {
-  name = "static";
-  label = "Static Page";
+    constructor(){
+        this.name = "static";
+        this.label = "Static Page";
+    }
 }
-export const StaticPageType = PageType.createImplementation({
-  implementation: StaticPageTypeImpl,
-  dependencies: []
+const StaticPageType = PageType.createImplementation({
+    implementation: StaticPageTypeImpl,
+    dependencies: []
 });
+export { StaticPageType };
 
 //# sourceMappingURL=StaticPageType.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["PageType","StaticPageTypeImpl","name","label","StaticPageType","createImplementation","implementation","dependencies"],"sources":["StaticPageType.ts"],"sourcesContent":["import { PageType } from \"./abstractions.js\";\n\nclass StaticPageTypeImpl implements PageType.Interface {\n    name = \"static\";\n    label = \"Static Page\";\n}\n\nexport const StaticPageType = PageType.createImplementation({\n    implementation: StaticPageTypeImpl,\n    dependencies: []\n});\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,MAAMC,kBAAkB,CAA+B;EACnDC,IAAI,GAAG,QAAQ;EACfC,KAAK,GAAG,aAAa;AACzB;AAEA,OAAO,MAAMC,cAAc,GAAGJ,QAAQ,CAACK,oBAAoB,CAAC;EACxDC,cAAc,EAAEL,kBAAkB;EAClCM,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/pages/CreatePage/StaticPageType.js","sources":["../../../../src/presentation/pages/CreatePage/StaticPageType.ts"],"sourcesContent":["import { PageType } from \"./abstractions.js\";\n\nclass StaticPageTypeImpl implements PageType.Interface {\n    name = \"static\";\n    label = \"Static Page\";\n}\n\nexport const StaticPageType = PageType.createImplementation({\n    implementation: StaticPageTypeImpl,\n    dependencies: []\n});\n"],"names":["StaticPageTypeImpl","StaticPageType","PageType"],"mappings":";AAEA,MAAMA;;aACF,IAAI,GAAG;aACP,KAAK,GAAG;;AACZ;AAEO,MAAMC,iBAAiBC,SAAS,oBAAoB,CAAC;IACxD,gBAAgBF;IAChB,cAAc,EAAE;AACpB"}

package/presentation/pages/CreatePage/WithLanguageSelector.js

@@ -1,55 +1,32 @@
-import React from "react";
-import { useWcp } from "@webiny/app-admin";
+import react from "react";
+import { useFeatureFlags } from "@webiny/app-admin";
 import { Grid } from "@webiny/admin-ui";
 import { Bind } from "@webiny/form";
 import { LanguageSelector } from "../../components/LanguageSelector.js";
-// 1) no language exists
-//    - no dropdown
-//    - don’t store language info
-// 2) one language exists
-//    - no dropdown
-//    - auto-assign the default language
-//    - DO NOT prepend the language code to the page path
-// 3) two or more languages exist
-//    - dropdown
-//    - preselect default language
-//    - append the language code to the page path
-
-export const WithLanguageSelector = ({
-  languages,
-  children
-}) => {
-  const wcp = useWcp();
-  if (!wcp.canUseFeature("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, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "properties.language",
-      defaultValue: defaultLanguage?.code
-    }, ({
-      value,
-      onChange
-    }) => /*#__PURE__*/React.createElement(LanguageSelector, {
-      value: value,
-      onChange: onChange,
-      label: "Language",
-      languages: languages,
-      displayResetAction: true
-    }))), children);
-  }
-  if (languages.length === 1) {
-    return /*#__PURE__*/React.createElement(Bind, {
-      name: "properties.language",
-      defaultValue: languages[0].code
+const WithLanguageSelector = ({ languages, 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, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "properties.language",
+            defaultValue: defaultLanguage?.code
+        }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(LanguageSelector, {
+                value: value,
+                onChange: onChange,
+                label: "Language",
+                languages: languages,
+                displayResetAction: true
+            }))), children);
+    }
+    if (1 === languages.length) return /*#__PURE__*/ react.createElement(Bind, {
+        name: "properties.language",
+        defaultValue: languages[0].code
     });
-  }
-
-  /* Default output */
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
 };
+export { WithLanguageSelector };
 
 //# sourceMappingURL=WithLanguageSelector.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useWcp","Grid","Bind","LanguageSelector","WithLanguageSelector","languages","children","wcp","canUseFeature","createElement","Fragment","length","defaultLanguage","find","l","isDefault","Column","span","name","defaultValue","code","value","onChange","label","displayResetAction"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,gBAAgB;AAOzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAAoC,CAAC,KAAK;EACxF,MAAMC,GAAG,GAAGP,MAAM,CAAC,CAAC;EAEpB,IAAI,CAACO,GAAG,CAACC,aAAa,CAAC,cAAc,CAAC,EAAE;IACpC,oBAAOT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QAAGJ,QAAW,CAAC;EAC1B;EAEA,IAAID,SAAS,CAACM,MAAM,GAAG,CAAC,EAAE;IACtB,MAAMC,eAAe,GAAGP,SAAS,CAACQ,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,SAAS,CAAC;IAExD,oBACIhB,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,qBACIX,KAAA,CAAAU,aAAA,CAACR,IAAI,CAACe,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClBlB,KAAA,CAAAU,aAAA,CAACP,IAAI;MAACgB,IAAI,EAAE,qBAAsB;MAACC,YAAY,EAAEP,eAAe,EAAEQ;IAAK,GAClE,CAAC;MAAEC,KAAK;MAAEC;IAAS,CAAC,kBACjBvB,KAAA,CAAAU,aAAA,CAACN,gBAAgB;MACbkB,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAE,UAAW;MAClBlB,SAAS,EAAEA,SAAU;MACrBmB,kBAAkB,EAAE;IAAK,CAC5B,CAEH,CACG,CAAC,EACblB,QACH,CAAC;EAEX;EAEA,IAAID,SAAS,CAACM,MAAM,KAAK,CAAC,EAAE;IACxB,oBAAOZ,KAAA,CAAAU,aAAA,CAACP,IAAI;MAACgB,IAAI,EAAE,qBAAsB;MAACC,YAAY,EAAEd,SAAS,CAAC,CAAC,CAAC,CAACe;IAAK,CAAE,CAAC;EACjF;;EAEA;EACA,oBAAOrB,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QAAGJ,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"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/abstractions.js

@@ -1,27 +1,8 @@
 import { createAbstraction } from "@webiny/feature/admin";
-
-// ---------------------------------------------------------------------------
-// Page Type — each registered implementation defines a page type
-// ---------------------------------------------------------------------------
-
-export const PageType = createAbstraction("PageType");
-
-// ---------------------------------------------------------------------------
-// Page Type Provider — indirection layer for filtering/decorating page types
-// ---------------------------------------------------------------------------
-
-export const PageTypeProvider = createAbstraction("PageTypeProvider");
-
-// ---------------------------------------------------------------------------
-// Cross-cutting form modifier (e.g., Language field)
-// ---------------------------------------------------------------------------
-
-export const CreatePageFormModifier = createAbstraction("CreatePageFormModifier");
-
-// ---------------------------------------------------------------------------
-// Presenter
-// ---------------------------------------------------------------------------
-
-export const CreatePagePresenter = createAbstraction("CreatePagePresenter");
+const PageType = createAbstraction("PageType");
+const PageTypeProvider = createAbstraction("PageTypeProvider");
+const CreatePageFormModifier = createAbstraction("CreatePageFormModifier");
+const CreatePagePresenter = createAbstraction("CreatePagePresenter");
+export { CreatePageFormModifier, CreatePagePresenter, PageType, PageTypeProvider };
 
 //# sourceMappingURL=abstractions.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createAbstraction","PageType","PageTypeProvider","CreatePageFormModifier","CreatePagePresenter"],"sources":["abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormModel, IFormVM } from \"@webiny/app-admin\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport type { Page } from \"~/domain/Page/Page.js\";\n\n// ---------------------------------------------------------------------------\n// Page Type — each registered implementation defines a page type\n// ---------------------------------------------------------------------------\n\nexport interface IPageType {\n    name: string;\n    label: string;\n    description?: string;\n    modifyForm?(form: IFormModel): void;\n    mapFromForm?(data: Record<string, unknown>, input: CreatePageParams): void;\n}\n\nexport const PageType = createAbstraction<IPageType>(\"PageType\");\n\nexport namespace PageType {\n    export type Interface = IPageType;\n}\n\n// ---------------------------------------------------------------------------\n// Page Type Provider — indirection layer for filtering/decorating page types\n// ---------------------------------------------------------------------------\n\nexport interface IPageTypeProvider {\n    getPageTypes(): IPageType[];\n}\n\nexport const PageTypeProvider = createAbstraction<IPageTypeProvider>(\"PageTypeProvider\");\n\nexport namespace PageTypeProvider {\n    export type Interface = IPageTypeProvider;\n}\n\n// ---------------------------------------------------------------------------\n// Cross-cutting form modifier (e.g., Language field)\n// ---------------------------------------------------------------------------\n\nexport interface ICreatePageFormModifier {\n    modifyForm(form: IFormModel): void;\n    mapFromForm?(data: Record<string, unknown>, input: CreatePageParams): void;\n}\n\nexport const CreatePageFormModifier =\n    createAbstraction<ICreatePageFormModifier>(\"CreatePageFormModifier\");\n\nexport namespace CreatePageFormModifier {\n    export type Interface = ICreatePageFormModifier;\n}\n\n// ---------------------------------------------------------------------------\n// Presenter\n// ---------------------------------------------------------------------------\n\nexport interface IPageTypeOption {\n    name: string;\n    label: string;\n}\n\nexport interface ICreatePageVm {\n    form: IFormVM;\n    pageTypes: IPageTypeOption[];\n    selectedPageType: string;\n    loading: boolean;\n}\n\nexport interface ICreatePagePresenter {\n    readonly vm: ICreatePageVm;\n    init(folderId: string): void;\n    changePageType(pageType: string): void;\n    submit(): Promise<Page | null>;\n}\n\nexport const CreatePagePresenter = createAbstraction<ICreatePagePresenter>(\"CreatePagePresenter\");\n\nexport namespace CreatePagePresenter {\n    export type Interface = ICreatePagePresenter;\n    export type ViewModel = ICreatePageVm;\n    export type PageTypeOption = IPageTypeOption;\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;;AAKzD;AACA;AACA;;AAUA,OAAO,MAAMC,QAAQ,GAAGD,iBAAiB,CAAY,UAAU,CAAC;;AAMhE;AACA;AACA;;AAMA,OAAO,MAAME,gBAAgB,GAAGF,iBAAiB,CAAoB,kBAAkB,CAAC;;AAMxF;AACA;AACA;;AAOA,OAAO,MAAMG,sBAAsB,GAC/BH,iBAAiB,CAA0B,wBAAwB,CAAC;;AAMxE;AACA;AACA;;AAqBA,OAAO,MAAMI,mBAAmB,GAAGJ,iBAAiB,CAAuB,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/pages/CreatePage/abstractions.js","sources":["../../../../src/presentation/pages/CreatePage/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormModel, IFormVM } from \"@webiny/app-admin\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport type { Page } from \"~/domain/Page/Page.js\";\n\n// ---------------------------------------------------------------------------\n// Page Type — each registered implementation defines a page type\n// ---------------------------------------------------------------------------\n\nexport interface IPageType {\n    name: string;\n    label: string;\n    description?: string;\n    modifyForm?(form: IFormModel): void;\n    mapFromForm?(data: Record<string, unknown>, input: CreatePageParams): void;\n}\n\nexport const PageType = createAbstraction<IPageType>(\"PageType\");\n\nexport namespace PageType {\n    export type Interface = IPageType;\n}\n\n// ---------------------------------------------------------------------------\n// Page Type Provider — indirection layer for filtering/decorating page types\n// ---------------------------------------------------------------------------\n\nexport interface IPageTypeProvider {\n    getPageTypes(): IPageType[];\n}\n\nexport const PageTypeProvider = createAbstraction<IPageTypeProvider>(\"PageTypeProvider\");\n\nexport namespace PageTypeProvider {\n    export type Interface = IPageTypeProvider;\n}\n\n// ---------------------------------------------------------------------------\n// Cross-cutting form modifier (e.g., Language field)\n// ---------------------------------------------------------------------------\n\nexport interface ICreatePageFormModifier {\n    modifyForm(form: IFormModel): void;\n    mapFromForm?(data: Record<string, unknown>, input: CreatePageParams): void;\n}\n\nexport const CreatePageFormModifier =\n    createAbstraction<ICreatePageFormModifier>(\"CreatePageFormModifier\");\n\nexport namespace CreatePageFormModifier {\n    export type Interface = ICreatePageFormModifier;\n}\n\n// ---------------------------------------------------------------------------\n// Presenter\n// ---------------------------------------------------------------------------\n\nexport interface IPageTypeOption {\n    name: string;\n    label: string;\n}\n\nexport interface ICreatePageVm {\n    form: IFormVM;\n    pageTypes: IPageTypeOption[];\n    selectedPageType: string;\n    loading: boolean;\n}\n\nexport interface ICreatePagePresenter {\n    readonly vm: ICreatePageVm;\n    init(folderId: string): void;\n    changePageType(pageType: string): void;\n    submit(): Promise<Page | null>;\n}\n\nexport const CreatePagePresenter = createAbstraction<ICreatePagePresenter>(\"CreatePagePresenter\");\n\nexport namespace CreatePagePresenter {\n    export type Interface = ICreatePagePresenter;\n    export type ViewModel = ICreatePageVm;\n    export type PageTypeOption = IPageTypeOption;\n}\n"],"names":["PageType","createAbstraction","PageTypeProvider","CreatePageFormModifier","CreatePagePresenter"],"mappings":";AAiBO,MAAMA,WAAWC,kBAA6B;AAc9C,MAAMC,mBAAmBD,kBAAqC;AAe9D,MAAME,yBACTF,kBAA2C;AA6BxC,MAAMG,sBAAsBH,kBAAwC"}

package/presentation/pages/CreatePage/createPageSchema.js

@@ -1,6 +1,7 @@
 import { z } from "zod";
-export const createPageDialogParams = z.object({
-  folderId: z.string()
+const createPageDialogParams = z.object({
+    folderId: z.string()
 });
+export { createPageDialogParams };
 
 //# sourceMappingURL=createPageSchema.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["z","createPageDialogParams","object","folderId","string"],"sources":["createPageSchema.ts"],"sourcesContent":["import { z } from \"zod\";\n\nexport const createPageDialogParams = z.object({\n    folderId: z.string()\n});\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAEvB,OAAO,MAAMC,sBAAsB,GAAGD,CAAC,CAACE,MAAM,CAAC;EAC3CC,QAAQ,EAAEH,CAAC,CAACI,MAAM,CAAC;AACvB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/pages/CreatePage/createPageSchema.js","sources":["../../../../src/presentation/pages/CreatePage/createPageSchema.ts"],"sourcesContent":["import { z } from \"zod\";\n\nexport const createPageDialogParams = z.object({\n    folderId: z.string()\n});\n"],"names":["createPageDialogParams","z"],"mappings":";AAEO,MAAMA,yBAAyBC,EAAE,MAAM,CAAC;IAC3C,UAAUA,EAAE,MAAM;AACtB"}

package/presentation/pages/CreatePage/feature.js

@@ -1,28 +1,25 @@
 import { createFeature } from "@webiny/feature/admin";
-import { WcpService } from "@webiny/app-admin/features/wcp/abstractions.js";
-import { CreatePagePresenter as PresenterAbstraction } from "./abstractions.js";
-import { CreatePagePresenter } from "./CreatePagePresenter.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";
 import { StaticPageType } from "./StaticPageType.js";
 import { AddLanguageModifier } from "./AddLanguageModifier.js";
-export const CreatePageFeature = createFeature({
-  name: "CreatePage",
-  register(container) {
-    container.register(StaticPageType);
-    container.register(PageTypeProvider);
-    container.register(CreatePagePresenter);
-
-    // Languages are behind a feature flag
-    const wcp = container.resolve(WcpService);
-    if (wcp.canUseFeature("multiTenancy")) {
-      container.register(AddLanguageModifier);
+const CreatePageFeature = createFeature({
+    name: "CreatePage",
+    register (container) {
+        container.register(StaticPageType);
+        container.register(PageTypeProvider);
+        container.register(external_CreatePagePresenter_js_CreatePagePresenter);
+        const featureFlagsService = container.resolve(FeatureFlagsService);
+        if (featureFlagsService.getFlags().isEnabled("multiTenancy")) container.register(AddLanguageModifier);
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(CreatePagePresenter)
+        };
     }
-  },
-  resolve(container) {
-    return {
-      presenter: container.resolve(PresenterAbstraction)
-    };
-  }
 });
+export { CreatePageFeature };
 
 //# sourceMappingURL=feature.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createFeature","WcpService","CreatePagePresenter","PresenterAbstraction","PageTypeProvider","StaticPageType","AddLanguageModifier","CreatePageFeature","name","register","container","wcp","resolve","canUseFeature","presenter"],"sources":["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"],"mappings":"AAAA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,gDAAgD;AAC3E,SAASC,mBAAmB,IAAIC,oBAAoB;AACpD,SAASD,mBAAmB;AAC5B,SAASE,gBAAgB;AACzB,SAASC,cAAc;AACvB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,iBAAiB,GAAGP,aAAa,CAAC;EAC3CQ,IAAI,EAAE,YAAY;EAClBC,QAAQA,CAACC,SAAS,EAAE;IAChBA,SAAS,CAACD,QAAQ,CAACJ,cAAc,CAAC;IAClCK,SAAS,CAACD,QAAQ,CAACL,gBAAgB,CAAC;IACpCM,SAAS,CAACD,QAAQ,CAACP,mBAAmB,CAAC;;IAEvC;IACA,MAAMS,GAAG,GAAGD,SAAS,CAACE,OAAO,CAACX,UAAU,CAAC;IACzC,IAAIU,GAAG,CAACE,aAAa,CAAC,cAAc,CAAC,EAAE;MACnCH,SAAS,CAACD,QAAQ,CAACH,mBAAmB,CAAC;IAC3C;EACJ,CAAC;EACDM,OAAOA,CAACF,SAAS,EAAE;IACf,OAAO;MACHI,SAAS,EAAEJ,SAAS,CAACE,OAAO,CAACT,oBAAoB;IACrD,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}
+{"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/CreatePage/index.js

@@ -1,7 +1,5 @@
 export { CreatePageFeature } from "./feature.js";
-export { useCreatePageDialog, CreatePageDialog, CREATE_PAGE_DIALOG } from "./CreatePageDialog.js";
-export { CreatePagePresenter, PageType, CreatePageFormModifier } from "./abstractions.js";
+export { CREATE_PAGE_DIALOG, CreatePageDialog, useCreatePageDialog } from "./CreatePageDialog.js";
+export { CreatePageFormModifier, CreatePagePresenter, PageType } from "./abstractions.js";
 export { StaticPageType } from "./StaticPageType.js";
 export { AddLanguageModifier } from "./AddLanguageModifier.js";
-
-//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,49 @@
+import react, { useEffect } from "react";
+import _monaco_editor_react from "@monaco-editor/react";
+import styled from "@emotion/styled";
+import { Button } from "@webiny/admin-ui";
+import { useDocumentEditor } from "../../../DocumentEditor/index.js";
+import { useSelectFromDocument } from "../../../BaseEditor/hooks/useSelectFromDocument.js";
+import { useSelectFromEditor } from "../../../BaseEditor/hooks/useSelectFromEditor.js";
+const Toolbar = styled.div`
+    position: absolute;
+    padding-top: 5px;
+    width: 100%;
+    padding-left: 5px;
+    border-top: 1px solid #cccccc;
+    z-index: 10000;
+`;
+const monacoOptions = {
+    minimap: {
+        enabled: false
+    }
+};
+const formatSnapshots = (snapshots, activeIndex)=>snapshots.map((snapshot, index)=>{
+        const asString = JSON.stringify(snapshot.getState(), null, 2);
+        const isActive = activeIndex === index;
+        return `// ${isActive ? "🟢" : "⚪️"} Snapshot #${index + 1} (${snapshot.getCreatedOn().toISOString()})\n${asString}`;
+    }).join(",\n");
+const EditorStateDebugger = ()=>{
+    const editor = useDocumentEditor();
+    const editorState = useSelectFromEditor((state)=>state);
+    const documentState = useSelectFromDocument((state)=>state);
+    const history = editor.getDocumentState().getHistory();
+    const numberOfSnapshots = editor.getDocumentState().getHistory().getSnapshots().length;
+    useEffect(()=>{
+        window["editor"] = editor;
+    }, []);
+    const monacoValue = `// Editor State\n${JSON.stringify(editorState, null, 2)}\n\n// Document State\n${JSON.stringify(documentState, null, 2)}\n\n// History\n\n${formatSnapshots(history.getSnapshots(), history.getActiveSnapshotIndex())}
+    \n// Snapshot Changes\n${JSON.stringify(history.getCurrentSnapshot().getChanges(), null, 2)}`;
+    return /*#__PURE__*/ react.createElement(Toolbar, null, /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        text: `Snapshots: ${numberOfSnapshots}`
+    }), /*#__PURE__*/ react.createElement(_monaco_editor_react, {
+        height: "100vh",
+        language: "json",
+        value: monacoValue,
+        options: monacoOptions
+    }));
+};
+export { EditorStateDebugger };
+
+//# sourceMappingURL=EditorStateDebugger.js.map

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

@@ -0,0 +1,28 @@
+import react, { useEffect } from "react";
+import debounce from "lodash/debounce.js";
+import { useDocumentEditor } from "../../../DocumentEditor/index.js";
+import { useUpdatePage } from "../../../features/pages/index.js";
+const PageAutoSaveAction = ()=>{
+    const editor = useDocumentEditor();
+    const { updatePage } = useUpdatePage();
+    const savePage = debounce((page)=>updatePage(page), 500);
+    useEffect(()=>editor.onDocumentStateChange(async (event)=>{
+            const isReadOnly = editor.getEditorState().read().isReadOnly;
+            if (isReadOnly) return;
+            editor.updateEditor((state)=>{
+                state.autoSaving = true;
+            });
+            const { state } = event;
+            await savePage(state);
+            setTimeout(()=>{
+                editor.updateEditor((state)=>{
+                    state.autoSaving = false;
+                });
+            }, 500);
+        }), []);
+    return null;
+};
+const PageAutoSave = ()=>/*#__PURE__*/ react.createElement(PageAutoSaveAction, null);
+export { PageAutoSave };
+
+//# sourceMappingURL=PageAutoSave.js.map

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;