@webiny/app-website-builder 6.1.0 → 6.2.0-beta.0

package/presentation/pages/CreatePage/CreatePage.test.js

@@ -0,0 +1,321 @@
+import { describe, it, expect } from "vitest";
+import { FormModel as FormModelImpl } from "@webiny/app-admin/features/formModel/FormModel.js";
+import { AddLanguageModifier } from "./AddLanguageModifier.js";
+import { PagePath } from "../../../shared/PagePath.js";
+/**
+ * Creates a mock use case + repository pair for the AddLanguageModifier.
+ * Languages are pre-populated (simulating a completed fetch).
+ */
+function createLanguageMocks(languages) {
+  const repository = {
+    execute: async () => languages,
+    getLanguages: () => languages
+  };
+  const useCase = {
+    execute: async () => languages
+  };
+  return {
+    useCase,
+    repository
+  };
+}
+
+/**
+ * Creates the same base form that CreatePagePresenter builds,
+ * without requiring DI or the page type cache.
+ */
+function createBaseForm(config) {
+  return new FormModelImpl({
+    fields: fields => ({
+      title: fields.text().label("Title").required("Title is required").onBlur((value, f) => {
+        const currentPath = f.field("path").getValue();
+        if (currentPath) {
+          return;
+        }
+        f.field("path").setValue(PagePath.fromTitle(String(value)).toString());
+      }),
+      path: fields.text().label("Path").required("Path is required").beforeChange(value => {
+        return PagePath.create(String(value)).slugify().toString();
+      }),
+      pageType: fields.text().hidden().defaultValue("staticPage")
+    }),
+    layout: layout => [layout.row("title"), layout.row("path")],
+    ...config
+  });
+}
+
+/**
+ * Helper: set title and blur to trigger path generation.
+ */
+function setTitleAndBlur(form, value) {
+  form.field("title").setValue(value);
+  form.field("title").blur();
+}
+describe("CreatePage base form", () => {
+  it("should create a form with title, path, and hidden pageType", () => {
+    const form = createBaseForm();
+    expect(form.field("title")).toBeDefined();
+    expect(form.field("path")).toBeDefined();
+    expect(form.field("pageType")).toBeDefined();
+  });
+  it("should include pageType in getData but not in layout", () => {
+    const form = createBaseForm();
+    const data = form.getData();
+    expect(data.pageType).toBe("staticPage");
+    const fieldNames = form.vm.layout.filter(n => n.type === "row").flatMap(row => row.fields.map(f => f.name));
+    expect(fieldNames).not.toContain("pageType");
+  });
+  it("should auto-generate path from title on blur", () => {
+    const form = createBaseForm();
+    setTitleAndBlur(form, "Hello World");
+    expect(form.field("path").getValue()).toBe("/hello-world");
+  });
+  it("should not auto-generate path on setValue alone (before blur)", () => {
+    const form = createBaseForm();
+    form.field("title").setValue("Hello World");
+    expect(form.field("path").getValue()).toBeNull();
+  });
+  it("should not overwrite path when manually edited", () => {
+    const form = createBaseForm();
+    setTitleAndBlur(form, "Hello World");
+    form.field("path").setValue("/custom-path");
+    setTitleAndBlur(form, "New Title");
+    expect(form.field("path").getValue()).toBe("/custom-path");
+  });
+  it("should return data on valid submit", async () => {
+    const form = createBaseForm();
+    form.field("title").setValue("My Page");
+    form.field("path").setValue("/my-page");
+    const result = await form.submit();
+    expect(result).toEqual({
+      title: "My Page",
+      path: "/my-page",
+      pageType: "staticPage"
+    });
+  });
+  it("should return false on invalid submit", async () => {
+    const form = createBaseForm();
+    const result = await form.submit();
+    expect(result).toBe(false);
+    expect(form.errors.length).toBeGreaterThan(0);
+  });
+});
+describe("PageType + Modifier 3-layer architecture", () => {
+  /**
+   * Simulates the 3-layer build order used by CreatePagePresenter:
+   * 1. Base form (title, path, pageType)
+   * 2. Page type modify
+   * 3. Cross-cutting modifiers
+   */
+  function buildForm(pageType, modifiers = []) {
+    const form = createBaseForm();
+    pageType.modifyForm?.(form);
+    for (const modifier of modifiers) {
+      modifier.modifyForm(form);
+    }
+    return form;
+  }
+  const staticPageType = {
+    name: "static",
+    label: "Static Page",
+    modifyForm() {
+      // no-op
+    }
+  };
+  const productPageType = {
+    name: "product",
+    label: "Product Page",
+    modifyForm(form) {
+      form.fields(fields => ({
+        product: fields.select().label("Product").required("Product is required").options([{
+          label: "Shoes",
+          value: "shoes"
+        }, {
+          label: "Hats",
+          value: "hats"
+        }])
+      }));
+      form.field("title").setDisabled(true);
+      form.field("path").setDisabled(true);
+      form.layout(layout => [layout.row("product").before("title")]);
+    }
+  };
+  it("should leave base form unchanged for static page type", () => {
+    const form = buildForm(staticPageType);
+    const fieldNames = form.vm.layout.filter(n => n.type === "row").flatMap(row => row.fields.map(f => f.name));
+    expect(fieldNames).toEqual(["title", "path"]);
+  });
+  it("should add product field and disable title/path for product page type", () => {
+    const form = buildForm(productPageType);
+    const fieldNames = form.vm.layout.filter(n => n.type === "row").flatMap(row => row.fields.map(f => f.name));
+    expect(fieldNames).toEqual(["product", "title", "path"]);
+    expect(form.field("title").vm.disabled).toBe(true);
+    expect(form.field("path").vm.disabled).toBe(true);
+  });
+  it("should include product in getData", () => {
+    const form = buildForm(productPageType);
+    form.field("product").setValue("shoes");
+    const data = form.getData();
+    expect(data.product).toBe("shoes");
+  });
+  it("should apply cross-cutting modifier after page type", () => {
+    const langs = [{
+      id: "en",
+      code: "en",
+      name: "English",
+      isDefault: true
+    }, {
+      id: "de",
+      code: "de",
+      name: "German"
+    }];
+    const {
+      useCase,
+      repository
+    } = createLanguageMocks(langs);
+    const languageModifier = new AddLanguageModifier(useCase, repository);
+    const form = buildForm(productPageType, [languageModifier]);
+    const fieldNames = form.vm.layout.filter(n => n.type === "row").flatMap(row => row.fields.map(f => f.name));
+
+    // language before title (from modifier), product before title (from page type)
+    expect(fieldNames).toEqual(["product", "language", "title", "path"]);
+  });
+  it("should apply cross-cutting modifier to static page type too", () => {
+    const langs = [{
+      id: "en",
+      code: "en",
+      name: "English",
+      isDefault: true
+    }, {
+      id: "de",
+      code: "de",
+      name: "German"
+    }];
+    const {
+      useCase,
+      repository
+    } = createLanguageMocks(langs);
+    const languageModifier = new AddLanguageModifier(useCase, repository);
+    const form = buildForm(staticPageType, [languageModifier]);
+    const fieldNames = form.vm.layout.filter(n => n.type === "row").flatMap(row => row.fields.map(f => f.name));
+    expect(fieldNames).toEqual(["language", "title", "path"]);
+  });
+});
+describe("Form rebuild on page type switch", () => {
+  const staticPageType = {
+    name: "static",
+    label: "Static Page",
+    modifyForm() {
+      // no-op
+    }
+  };
+  const productPageType = {
+    name: "product",
+    label: "Product Page",
+    modifyForm(form) {
+      form.fields(fields => ({
+        product: fields.select().label("Product").required("Product is required").options([{
+          label: "Shoes",
+          value: "shoes"
+        }, {
+          label: "Hats",
+          value: "hats"
+        }])
+      }));
+      form.field("title").setDisabled(true);
+      form.field("path").setDisabled(true);
+      form.layout(layout => [layout.row("product").before("title")]);
+    }
+  };
+  const pageTypes = {
+    static: staticPageType,
+    product: productPageType
+  };
+
+  /**
+   * Simulates the presenter's changePageType: getData → rebuild → setData.
+   * The real presenter sets `this.selectedPageType` before `buildForm()`,
+   * which sets the hidden field's defaultValue. Here we just rebuild and restore.
+   */
+  function changePageType(currentForm, newType, modifiers = []) {
+    const previousData = currentForm.getData();
+    const form = createBaseForm();
+    pageTypes[newType].modifyForm?.(form);
+    for (const modifier of modifiers) {
+      modifier.modifyForm(form);
+    }
+    form.setData(previousData);
+    return form;
+  }
+  it("should preserve common field values when switching page types", () => {
+    // Start with static page, fill in title and path.
+    const staticForm = createBaseForm();
+    staticPageType.modifyForm?.(staticForm);
+    staticForm.field("title").setValue("My Page");
+    staticForm.field("path").setValue("/my-page");
+
+    // Switch to product page.
+    const productForm = changePageType(staticForm, "product");
+    expect(productForm.field("title").getValue()).toBe("My Page");
+    expect(productForm.field("path").getValue()).toBe("/my-page");
+  });
+  it("should drop page-type-specific fields on switch", () => {
+    // Start with product page, select a product.
+    const productForm = createBaseForm();
+    productPageType.modifyForm?.(productForm);
+    productForm.field("product").setValue("shoes");
+
+    // Switch to static page — product field should not exist.
+    const staticForm = changePageType(productForm, "static");
+    const fieldNames = staticForm.vm.layout.filter(n => n.type === "row").flatMap(row => row.fields.map(f => f.name));
+    expect(fieldNames).toEqual(["title", "path"]);
+    expect(staticForm.getData()).not.toHaveProperty("product");
+  });
+  it("should preserve cross-cutting modifier values across page type switch", () => {
+    const langs = [{
+      id: "en",
+      code: "en",
+      name: "English",
+      isDefault: true
+    }, {
+      id: "de",
+      code: "de",
+      name: "German"
+    }];
+    const {
+      useCase,
+      repository
+    } = createLanguageMocks(langs);
+    const languageModifier = new AddLanguageModifier(useCase, repository);
+
+    // Start with static page + language modifier.
+    const staticForm = createBaseForm();
+    staticPageType.modifyForm?.(staticForm);
+    languageModifier.modifyForm(staticForm);
+    staticForm.field("title").setValue("Demo");
+    // Language is auto-assigned "en" by the modifier reaction.
+
+    const langValue = staticForm.field("language").getValue();
+    expect(langValue).toBe("en");
+
+    // Switch to product page with same modifier.
+    const productForm = changePageType(staticForm, "product", [languageModifier]);
+    expect(productForm.field("language").getValue()).toBe("en");
+    expect(productForm.field("title").getValue()).toBe("Demo");
+  });
+  it("should preserve hidden field values across rebuild", () => {
+    const staticForm = createBaseForm();
+    staticPageType.modifyForm?.(staticForm);
+    expect(staticForm.getData().pageType).toBe("staticPage");
+
+    // Switch to product — setData restores pageType from previous form.
+    const productForm = changePageType(staticForm, "product");
+
+    // The hidden pageType field is preserved via setData.
+    // In the real presenter, buildForm() sets defaultValue to the new type,
+    // so the hidden field gets the correct value regardless.
+    expect(productForm.field("pageType").getValue()).toBe("staticPage");
+  });
+});
+
+//# sourceMappingURL=CreatePage.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","FormModel","FormModelImpl","AddLanguageModifier","PagePath","createLanguageMocks","languages","repository","execute","getLanguages","useCase","createBaseForm","config","fields","title","text","label","required","onBlur","value","f","currentPath","field","getValue","setValue","fromTitle","String","toString","path","beforeChange","create","slugify","pageType","hidden","defaultValue","layout","row","setTitleAndBlur","form","blur","toBeDefined","data","getData","toBe","fieldNames","vm","filter","n","type","flatMap","map","name","not","toContain","toBeNull","result","submit","toEqual","errors","length","toBeGreaterThan","buildForm","modifiers","modifyForm","modifier","staticPageType","productPageType","product","select","options","setDisabled","before","disabled","langs","id","code","isDefault","languageModifier","pageTypes","static","changePageType","currentForm","newType","previousData","setData","staticForm","productForm","toHaveProperty","langValue"],"sources":["CreatePage.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { FormModel as FormModelImpl } from \"@webiny/app-admin/features/formModel/FormModel.js\";\nimport type { IFormModel, IFormModelConfig, IRowNodeVM } from \"@webiny/app-admin\";\nimport type { LanguageDto } from \"@webiny/languages/admin/features/listLanguages/abstractions.js\";\nimport { AddLanguageModifier } from \"./AddLanguageModifier.js\";\nimport { PagePath } from \"~/shared/PagePath.js\";\nimport type { IPageType, ICreatePageFormModifier } from \"./abstractions.js\";\n\n/**\n * Creates a mock use case + repository pair for the AddLanguageModifier.\n * Languages are pre-populated (simulating a completed fetch).\n */\nfunction createLanguageMocks(languages: LanguageDto[]) {\n    const repository = {\n        execute: async () => languages,\n        getLanguages: () => languages\n    };\n    const useCase = {\n        execute: async () => languages\n    };\n    return { useCase, repository };\n}\n\n/**\n * Creates the same base form that CreatePagePresenter builds,\n * without requiring DI or the page type cache.\n */\nfunction createBaseForm(config?: Partial<IFormModelConfig>) {\n    return new FormModelImpl({\n        fields: fields => ({\n            title: fields\n                .text()\n                .label(\"Title\")\n                .required(\"Title is required\")\n                .onBlur((value, f) => {\n                    const currentPath = f.field(\"path\").getValue();\n                    if (currentPath) {\n                        return;\n                    }\n                    f.field(\"path\").setValue(PagePath.fromTitle(String(value)).toString());\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.text().hidden().defaultValue(\"staticPage\")\n        }),\n        layout: layout => [layout.row(\"title\"), layout.row(\"path\")],\n        ...config\n    });\n}\n\n/**\n * Helper: set title and blur to trigger path generation.\n */\nfunction setTitleAndBlur(form: IFormModel, value: string) {\n    form.field(\"title\").setValue(value);\n    form.field(\"title\").blur();\n}\n\ndescribe(\"CreatePage base form\", () => {\n    it(\"should create a form with title, path, and hidden pageType\", () => {\n        const form = createBaseForm();\n        expect(form.field(\"title\")).toBeDefined();\n        expect(form.field(\"path\")).toBeDefined();\n        expect(form.field(\"pageType\")).toBeDefined();\n    });\n\n    it(\"should include pageType in getData but not in layout\", () => {\n        const form = createBaseForm();\n        const data = form.getData();\n        expect(data.pageType).toBe(\"staticPage\");\n\n        const fieldNames = form.vm.layout\n            .filter((n): n is IRowNodeVM => n.type === \"row\")\n            .flatMap(row => row.fields.map(f => f.name));\n        expect(fieldNames).not.toContain(\"pageType\");\n    });\n\n    it(\"should auto-generate path from title on blur\", () => {\n        const form = createBaseForm();\n        setTitleAndBlur(form, \"Hello World\");\n        expect(form.field(\"path\").getValue()).toBe(\"/hello-world\");\n    });\n\n    it(\"should not auto-generate path on setValue alone (before blur)\", () => {\n        const form = createBaseForm();\n        form.field(\"title\").setValue(\"Hello World\");\n        expect(form.field(\"path\").getValue()).toBeNull();\n    });\n\n    it(\"should not overwrite path when manually edited\", () => {\n        const form = createBaseForm();\n        setTitleAndBlur(form, \"Hello World\");\n        form.field(\"path\").setValue(\"/custom-path\");\n        setTitleAndBlur(form, \"New Title\");\n        expect(form.field(\"path\").getValue()).toBe(\"/custom-path\");\n    });\n\n    it(\"should return data on valid submit\", async () => {\n        const form = createBaseForm();\n        form.field(\"title\").setValue(\"My Page\");\n        form.field(\"path\").setValue(\"/my-page\");\n\n        const result = await form.submit();\n        expect(result).toEqual({\n            title: \"My Page\",\n            path: \"/my-page\",\n            pageType: \"staticPage\"\n        });\n    });\n\n    it(\"should return false on invalid submit\", async () => {\n        const form = createBaseForm();\n        const result = await form.submit();\n        expect(result).toBe(false);\n        expect(form.errors.length).toBeGreaterThan(0);\n    });\n});\n\ndescribe(\"PageType + Modifier 3-layer architecture\", () => {\n    /**\n     * Simulates the 3-layer build order used by CreatePagePresenter:\n     * 1. Base form (title, path, pageType)\n     * 2. Page type modify\n     * 3. Cross-cutting modifiers\n     */\n    function buildForm(pageType: IPageType, modifiers: ICreatePageFormModifier[] = []): IFormModel {\n        const form = createBaseForm();\n        pageType.modifyForm?.(form);\n        for (const modifier of modifiers) {\n            modifier.modifyForm(form);\n        }\n        return form;\n    }\n\n    const staticPageType: IPageType = {\n        name: \"static\",\n        label: \"Static Page\",\n        modifyForm() {\n            // no-op\n        }\n    };\n\n    const productPageType: IPageType = {\n        name: \"product\",\n        label: \"Product Page\",\n        modifyForm(form) {\n            form.fields(fields => ({\n                product: fields\n                    .select()\n                    .label(\"Product\")\n                    .required(\"Product is required\")\n                    .options([\n                        { label: \"Shoes\", value: \"shoes\" },\n                        { label: \"Hats\", value: \"hats\" }\n                    ])\n            }));\n            form.field(\"title\").setDisabled(true);\n            form.field(\"path\").setDisabled(true);\n            form.layout(layout => [layout.row(\"product\").before(\"title\")]);\n        }\n    };\n\n    it(\"should leave base form unchanged for static page type\", () => {\n        const form = buildForm(staticPageType);\n        const fieldNames = form.vm.layout\n            .filter((n): n is IRowNodeVM => n.type === \"row\")\n            .flatMap(row => row.fields.map(f => f.name));\n        expect(fieldNames).toEqual([\"title\", \"path\"]);\n    });\n\n    it(\"should add product field and disable title/path for product page type\", () => {\n        const form = buildForm(productPageType);\n        const fieldNames = form.vm.layout\n            .filter((n): n is IRowNodeVM => n.type === \"row\")\n            .flatMap(row => row.fields.map(f => f.name));\n        expect(fieldNames).toEqual([\"product\", \"title\", \"path\"]);\n\n        expect(form.field(\"title\").vm.disabled).toBe(true);\n        expect(form.field(\"path\").vm.disabled).toBe(true);\n    });\n\n    it(\"should include product in getData\", () => {\n        const form = buildForm(productPageType);\n        form.field(\"product\").setValue(\"shoes\");\n        const data = form.getData();\n        expect(data.product).toBe(\"shoes\");\n    });\n\n    it(\"should apply cross-cutting modifier after page type\", () => {\n        const langs: LanguageDto[] = [\n            { id: \"en\", code: \"en\", name: \"English\", isDefault: true },\n            { id: \"de\", code: \"de\", name: \"German\" }\n        ];\n        const { useCase, repository } = createLanguageMocks(langs);\n        const languageModifier = new AddLanguageModifier(useCase, repository);\n\n        const form = buildForm(productPageType, [languageModifier]);\n        const fieldNames = form.vm.layout\n            .filter((n): n is IRowNodeVM => n.type === \"row\")\n            .flatMap(row => row.fields.map(f => f.name));\n\n        // language before title (from modifier), product before title (from page type)\n        expect(fieldNames).toEqual([\"product\", \"language\", \"title\", \"path\"]);\n    });\n\n    it(\"should apply cross-cutting modifier to static page type too\", () => {\n        const langs: LanguageDto[] = [\n            { id: \"en\", code: \"en\", name: \"English\", isDefault: true },\n            { id: \"de\", code: \"de\", name: \"German\" }\n        ];\n        const { useCase, repository } = createLanguageMocks(langs);\n        const languageModifier = new AddLanguageModifier(useCase, repository);\n\n        const form = buildForm(staticPageType, [languageModifier]);\n        const fieldNames = form.vm.layout\n            .filter((n): n is IRowNodeVM => n.type === \"row\")\n            .flatMap(row => row.fields.map(f => f.name));\n\n        expect(fieldNames).toEqual([\"language\", \"title\", \"path\"]);\n    });\n});\n\ndescribe(\"Form rebuild on page type switch\", () => {\n    const staticPageType: IPageType = {\n        name: \"static\",\n        label: \"Static Page\",\n        modifyForm() {\n            // no-op\n        }\n    };\n\n    const productPageType: IPageType = {\n        name: \"product\",\n        label: \"Product Page\",\n        modifyForm(form) {\n            form.fields(fields => ({\n                product: fields\n                    .select()\n                    .label(\"Product\")\n                    .required(\"Product is required\")\n                    .options([\n                        { label: \"Shoes\", value: \"shoes\" },\n                        { label: \"Hats\", value: \"hats\" }\n                    ])\n            }));\n            form.field(\"title\").setDisabled(true);\n            form.field(\"path\").setDisabled(true);\n            form.layout(layout => [layout.row(\"product\").before(\"title\")]);\n        }\n    };\n\n    const pageTypes: Record<string, IPageType> = {\n        static: staticPageType,\n        product: productPageType\n    };\n\n    /**\n     * Simulates the presenter's changePageType: getData → rebuild → setData.\n     * The real presenter sets `this.selectedPageType` before `buildForm()`,\n     * which sets the hidden field's defaultValue. Here we just rebuild and restore.\n     */\n    function changePageType(\n        currentForm: IFormModel,\n        newType: string,\n        modifiers: ICreatePageFormModifier[] = []\n    ): IFormModel {\n        const previousData = currentForm.getData();\n        const form = createBaseForm();\n        pageTypes[newType].modifyForm?.(form);\n        for (const modifier of modifiers) {\n            modifier.modifyForm(form);\n        }\n        form.setData(previousData);\n        return form;\n    }\n\n    it(\"should preserve common field values when switching page types\", () => {\n        // Start with static page, fill in title and path.\n        const staticForm = createBaseForm();\n        staticPageType.modifyForm?.(staticForm);\n        staticForm.field(\"title\").setValue(\"My Page\");\n        staticForm.field(\"path\").setValue(\"/my-page\");\n\n        // Switch to product page.\n        const productForm = changePageType(staticForm, \"product\");\n\n        expect(productForm.field(\"title\").getValue()).toBe(\"My Page\");\n        expect(productForm.field(\"path\").getValue()).toBe(\"/my-page\");\n    });\n\n    it(\"should drop page-type-specific fields on switch\", () => {\n        // Start with product page, select a product.\n        const productForm = createBaseForm();\n        productPageType.modifyForm?.(productForm);\n        productForm.field(\"product\").setValue(\"shoes\");\n\n        // Switch to static page — product field should not exist.\n        const staticForm = changePageType(productForm, \"static\");\n\n        const fieldNames = staticForm.vm.layout\n            .filter((n): n is IRowNodeVM => n.type === \"row\")\n            .flatMap(row => row.fields.map(f => f.name));\n        expect(fieldNames).toEqual([\"title\", \"path\"]);\n        expect(staticForm.getData()).not.toHaveProperty(\"product\");\n    });\n\n    it(\"should preserve cross-cutting modifier values across page type switch\", () => {\n        const langs: LanguageDto[] = [\n            { id: \"en\", code: \"en\", name: \"English\", isDefault: true },\n            { id: \"de\", code: \"de\", name: \"German\" }\n        ];\n        const { useCase, repository } = createLanguageMocks(langs);\n        const languageModifier = new AddLanguageModifier(useCase, repository);\n\n        // Start with static page + language modifier.\n        const staticForm = createBaseForm();\n        staticPageType.modifyForm?.(staticForm);\n        languageModifier.modifyForm(staticForm);\n        staticForm.field(\"title\").setValue(\"Demo\");\n        // Language is auto-assigned \"en\" by the modifier reaction.\n\n        const langValue = staticForm.field(\"language\").getValue();\n        expect(langValue).toBe(\"en\");\n\n        // Switch to product page with same modifier.\n        const productForm = changePageType(staticForm, \"product\", [languageModifier]);\n\n        expect(productForm.field(\"language\").getValue()).toBe(\"en\");\n        expect(productForm.field(\"title\").getValue()).toBe(\"Demo\");\n    });\n\n    it(\"should preserve hidden field values across rebuild\", () => {\n        const staticForm = createBaseForm();\n        staticPageType.modifyForm?.(staticForm);\n        expect(staticForm.getData().pageType).toBe(\"staticPage\");\n\n        // Switch to product — setData restores pageType from previous form.\n        const productForm = changePageType(staticForm, \"product\");\n\n        // The hidden pageType field is preserved via setData.\n        // In the real presenter, buildForm() sets defaultValue to the new type,\n        // so the hidden field gets the correct value regardless.\n        expect(productForm.field(\"pageType\").getValue()).toBe(\"staticPage\");\n    });\n});\n"],"mappings":"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","ignoreList":[]}

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

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

package/presentation/pages/CreatePage/CreatePageConfig.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { AdminConfig } from "@webiny/app-admin";
+import { CreatePageDialog, CREATE_PAGE_DIALOG } from "./CreatePageDialog.js";
+export const CreatePageConfig = () => {
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Dialog, {
+    name: CREATE_PAGE_DIALOG,
+    element: /*#__PURE__*/React.createElement(CreatePageDialog, null)
+  }));
+};
+
+//# sourceMappingURL=CreatePageConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","CreatePageDialog","CREATE_PAGE_DIALOG","CreatePageConfig","createElement","Dialog","name","element"],"sources":["CreatePageConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { CreatePageDialog, CREATE_PAGE_DIALOG } from \"./CreatePageDialog.js\";\n\nexport const CreatePageConfig = () => {\n    return (\n        <AdminConfig>\n            <AdminConfig.Dialog name={CREATE_PAGE_DIALOG} element={<CreatePageDialog />} />\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,gBAAgB,EAAEC,kBAAkB;AAE7C,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,WAAW,qBACRD,KAAA,CAAAK,aAAA,CAACJ,WAAW,CAACK,MAAM;IAACC,IAAI,EAAEJ,kBAAmB;IAACK,OAAO,eAAER,KAAA,CAAAK,aAAA,CAACH,gBAAgB,MAAE;EAAE,CAAE,CACrE,CAAC;AAEtB,CAAC","ignoreList":[]}

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

@@ -0,0 +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;
+};

package/presentation/pages/CreatePage/CreatePageDialog.js

@@ -0,0 +1,72 @@
+import React, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { useDialog, useOpenDialog, FormView } from "@webiny/app-admin";
+import { Dialog, Select, OverlayLoader } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { useEditPageUrl } from "../../../modules/pages/PagesList/hooks/useEditPageUrl.js";
+import { CreatePageFeature } from "./feature.js";
+import { createPageDialogParams } from "./createPageSchema.js";
+export const CREATE_PAGE_DIALOG = "createPage";
+export const useCreatePageDialog = () => {
+  const {
+    openDialog
+  } = useOpenDialog(createPageDialogParams);
+  return folderId => {
+    openDialog(CREATE_PAGE_DIALOG, {
+      folderId
+    });
+  };
+};
+export const CreatePageDialog = observer(() => {
+  const {
+    params,
+    closeDialog
+  } = useDialog(createPageDialogParams);
+  const {
+    goToPageEditor
+  } = useEditPageUrl();
+  const {
+    presenter
+  } = useFeature(CreatePageFeature);
+  const vm = presenter.vm;
+  useEffect(() => {
+    presenter.init(params.folderId);
+  }, []);
+  const handleSubmit = async () => {
+    const page = await presenter.submit();
+    if (!page) {
+      return;
+    }
+    closeDialog();
+    goToPageEditor(page.id);
+  };
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: true,
+    onClose: closeDialog,
+    title: "Create a Page",
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
+      onClick: closeDialog,
+      text: "Cancel"
+    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
+      onClick: handleSubmit,
+      text: "Create"
+    }))
+  }, vm.loading ? /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Creating page..."
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-4"
+  }, vm.pageTypes.length > 1 && /*#__PURE__*/React.createElement(Select, {
+    label: "Page Type",
+    value: vm.selectedPageType,
+    onChange: presenter.changePageType,
+    options: vm.pageTypes.map(pt => ({
+      label: pt.label,
+      value: pt.name
+    })),
+    displayResetAction: false
+  }), /*#__PURE__*/React.createElement(FormView, {
+    form: vm.form
+  })));
+});
+
+//# sourceMappingURL=CreatePageDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","observer","useDialog","useOpenDialog","FormView","Dialog","Select","OverlayLoader","useFeature","useEditPageUrl","CreatePageFeature","createPageDialogParams","CREATE_PAGE_DIALOG","useCreatePageDialog","openDialog","folderId","CreatePageDialog","params","closeDialog","goToPageEditor","presenter","vm","init","handleSubmit","page","submit","id","createElement","open","onClose","title","actions","Fragment","CancelAction","onClick","text","ConfirmAction","loading","className","pageTypes","length","label","value","selectedPageType","onChange","changePageType","options","map","pt","name","displayResetAction","form"],"sources":["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 form={vm.form} />\n            </div>\n        </Dialog>\n    );\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+import type { IFormModelFactory } from "@webiny/app-admin";
+import { CreatePageUseCase } from "../../../features/pages/createPage/abstractions.js";
+import { CreatePagePresenter as PresenterAbstraction, PageTypeProvider, CreatePageFormModifier } from "./abstractions.js";
+declare class CreatePagePresenterImpl implements PresenterAbstraction.Interface {
+    private factory;
+    private modifiers;
+    private createPage;
+    private readonly pageTypes;
+    private form;
+    private selectedPageType;
+    private folderId;
+    private loading;
+    constructor(factory: IFormModelFactory, pageTypeProvider: PageTypeProvider.Interface, modifiers: CreatePageFormModifier.Interface[], createPage: CreatePageUseCase.Interface);
+    get vm(): PresenterAbstraction.ViewModel;
+    init(folderId: string): void;
+    changePageType(pageType: string): void;
+    submit(): Promise<import("../../../domain/Page/Page.js").Page | null>;
+    private buildForm;
+}
+export declare const CreatePagePresenter: typeof CreatePagePresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ICreatePagePresenter>;
+};
+export {};

package/presentation/pages/CreatePage/CreatePagePresenter.js

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