@webiny/app-website-builder 6.1.0 → 6.2.0

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

@@ -0,0 +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","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\").getValue<string>();\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":[]}

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

@@ -0,0 +1,34 @@
+import { PageType, PageTypeProvider as Abstraction } from "./abstractions.js";
+declare class PageTypeProviderImpl implements Abstraction.Interface {
+    private pageTypes;
+    constructor(pageTypes: PageType.Interface[]);
+    getPageTypes(): PageType.Interface[];
+}
+export declare const PageTypeProvider: typeof PageTypeProviderImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IPageTypeProvider>;
+};
+/**
+ * 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 declare function createPageTypeRemovalDecorator(nameToRemove: string): {
+    new (decoratee: Abstraction.Interface): {
+        decoratee: Abstraction.Interface;
+        getPageTypes(): PageType.Interface[];
+    };
+} & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IPageTypeProvider>;
+};
+export {};

package/presentation/pages/CreatePage/PageTypeProvider.js

@@ -0,0 +1,48 @@
+import { PageType, PageTypeProvider as Abstraction } 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;
+    }
+    getPageTypes() {
+      return this.decoratee.getPageTypes().filter(pt => pt.name !== nameToRemove);
+    }
+  }
+  return Abstraction.createDecorator({
+    decorator: RemovePageTypeDecorator,
+    dependencies: []
+  });
+}
+
+//# sourceMappingURL=PageTypeProvider.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,9 @@
+import { PageType } from "./abstractions.js";
+declare class StaticPageTypeImpl implements PageType.Interface {
+    name: string;
+    label: string;
+}
+export declare const StaticPageType: typeof StaticPageTypeImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IPageType>;
+};
+export {};

package/presentation/pages/CreatePage/StaticPageType.js

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

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { type LanguageDto } from "@webiny/languages/exports/admin/languages.js";
+export interface WithLanguageSelectorProps {
+    languages: LanguageDto[];
+    children: React.ReactNode;
+}
+export declare const WithLanguageSelector: ({ languages, children }: WithLanguageSelectorProps) => React.JSX.Element;

package/presentation/pages/CreatePage/WithLanguageSelector.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { useWcp } 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
+    });
+  }
+
+  /* Default output */
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+//# sourceMappingURL=WithLanguageSelector.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,51 @@
+import type { IFormModel, IFormVM } from "@webiny/app-admin";
+import type { CreatePageParams } from "../../../features/pages/createPage/abstractions.js";
+import type { Page } from "../../../domain/Page/Page.js";
+export interface IPageType {
+    name: string;
+    label: string;
+    description?: string;
+    modifyForm?(form: IFormModel): void;
+    mapFromForm?(data: Record<string, unknown>, input: CreatePageParams): void;
+}
+export declare const PageType: import("@webiny/di").Abstraction<IPageType>;
+export declare namespace PageType {
+    type Interface = IPageType;
+}
+export interface IPageTypeProvider {
+    getPageTypes(): IPageType[];
+}
+export declare const PageTypeProvider: import("@webiny/di").Abstraction<IPageTypeProvider>;
+export declare namespace PageTypeProvider {
+    type Interface = IPageTypeProvider;
+}
+export interface ICreatePageFormModifier {
+    modifyForm(form: IFormModel): void;
+    mapFromForm?(data: Record<string, unknown>, input: CreatePageParams): void;
+}
+export declare const CreatePageFormModifier: import("@webiny/di").Abstraction<ICreatePageFormModifier>;
+export declare namespace CreatePageFormModifier {
+    type Interface = ICreatePageFormModifier;
+}
+export interface IPageTypeOption {
+    name: string;
+    label: string;
+}
+export interface ICreatePageVm {
+    form: IFormVM;
+    pageTypes: IPageTypeOption[];
+    selectedPageType: string;
+    loading: boolean;
+}
+export interface ICreatePagePresenter {
+    readonly vm: ICreatePageVm;
+    init(folderId: string): void;
+    changePageType(pageType: string): void;
+    submit(): Promise<Page | null>;
+}
+export declare const CreatePagePresenter: import("@webiny/di").Abstraction<ICreatePagePresenter>;
+export declare namespace CreatePagePresenter {
+    type Interface = ICreatePagePresenter;
+    type ViewModel = ICreatePageVm;
+    type PageTypeOption = IPageTypeOption;
+}

package/presentation/pages/CreatePage/abstractions.js

@@ -0,0 +1,27 @@
+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");
+
+//# sourceMappingURL=abstractions.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,4 @@
+import { z } from "zod";
+export declare const createPageDialogParams: z.ZodObject<{
+    folderId: z.ZodString;
+}, z.core.$strip>;

package/presentation/pages/CreatePage/createPageSchema.js

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

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,3 @@
+export declare const CreatePageFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").ICreatePagePresenter;
+}, []>;

package/presentation/pages/CreatePage/feature.js

@@ -0,0 +1,28 @@
+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 { 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);
+    }
+  },
+  resolve(container) {
+    return {
+      presenter: container.resolve(PresenterAbstraction)
+    };
+  }
+});
+
+//# sourceMappingURL=feature.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,6 @@
+export { CreatePageFeature } from "./feature.js";
+export { useCreatePageDialog, CreatePageDialog, CREATE_PAGE_DIALOG } from "./CreatePageDialog.js";
+export { CreatePagePresenter, PageType, CreatePageFormModifier } from "./abstractions.js";
+export type { ICreatePagePresenter, ICreatePageVm, IPageType, IPageTypeOption, ICreatePageFormModifier } from "./abstractions.js";
+export { StaticPageType } from "./StaticPageType.js";
+export { AddLanguageModifier } from "./AddLanguageModifier.js";

package/presentation/pages/CreatePage/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["CreatePageFeature","useCreatePageDialog","CreatePageDialog","CREATE_PAGE_DIALOG","CreatePagePresenter","PageType","CreatePageFormModifier","StaticPageType","AddLanguageModifier"],"sources":["index.ts"],"sourcesContent":["export { CreatePageFeature } from \"./feature.js\";\nexport { useCreatePageDialog, CreatePageDialog, CREATE_PAGE_DIALOG } from \"./CreatePageDialog.js\";\nexport { CreatePagePresenter, PageType, CreatePageFormModifier } from \"./abstractions.js\";\nexport type {\n    ICreatePagePresenter,\n    ICreatePageVm,\n    IPageType,\n    IPageTypeOption,\n    ICreatePageFormModifier\n} from \"./abstractions.js\";\nexport { StaticPageType } from \"./StaticPageType.js\";\nexport { AddLanguageModifier } from \"./AddLanguageModifier.js\";\n"],"mappings":"AAAA,SAASA,iBAAiB;AAC1B,SAASC,mBAAmB,EAAEC,gBAAgB,EAAEC,kBAAkB;AAClE,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,sBAAsB;AAQ9D,SAASC,cAAc;AACvB,SAASC,mBAAmB","ignoreList":[]}

package/presentation/pages/TranslatePage/TranslatePageAction.d.ts

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

package/presentation/pages/TranslatePage/TranslatePageAction.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { ReactComponent as TranslateIcon } from "@webiny/icons/language.svg";
+import { useOpenDialog } from "@webiny/app-admin";
+import { usePage } from "../../../modules/pages/PagesList/hooks/usePage.js";
+import { PageListConfig } from "../../../modules/pages/configs/index.js";
+import { TRANSLATE_PAGE_DIALOG } from "./TranslatePageDialog.js";
+import { translatePageParams } from "./translatePageSchema.js";
+const {
+  OptionsMenuItem
+} = PageListConfig.Browser.Page.Action;
+export const TranslatePageAction = () => {
+  const {
+    openDialog
+  } = useOpenDialog(translatePageParams);
+  const {
+    page
+  } = usePage();
+  return /*#__PURE__*/React.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/React.createElement(TranslateIcon, null),
+    label: "Translate",
+    onAction: () => openDialog(TRANSLATE_PAGE_DIALOG, {
+      pageId: page.id,
+      folderId: page.location.folderId,
+      currentLanguage: page.properties.language
+    })
+  });
+};
+
+//# sourceMappingURL=TranslatePageAction.js.map

package/presentation/pages/TranslatePage/TranslatePageAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","TranslateIcon","useOpenDialog","usePage","PageListConfig","TRANSLATE_PAGE_DIALOG","translatePageParams","OptionsMenuItem","Browser","Page","Action","TranslatePageAction","openDialog","page","createElement","icon","label","onAction","pageId","id","folderId","location","currentLanguage","properties","language"],"sources":["TranslatePageAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TranslateIcon } from \"@webiny/icons/language.svg\";\nimport { useOpenDialog } from \"@webiny/app-admin\";\nimport { usePage } from \"~/modules/pages/PagesList/hooks/usePage.js\";\nimport { PageListConfig } from \"~/modules/pages/configs/index.js\";\nimport { TRANSLATE_PAGE_DIALOG } from \"./TranslatePageDialog.js\";\nimport { translatePageParams } from \"./translatePageSchema.js\";\n\nconst { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\nexport const TranslatePageAction = () => {\n    const { openDialog } = useOpenDialog(translatePageParams);\n    const { page } = usePage();\n\n    return (\n        <OptionsMenuItem\n            icon={<TranslateIcon />}\n            label=\"Translate\"\n            onAction={() =>\n                openDialog(TRANSLATE_PAGE_DIALOG, {\n                    pageId: page.id,\n                    folderId: page.location.folderId,\n                    currentLanguage: page.properties.language\n                })\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,4BAA4B;AAC5E,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,OAAO;AAChB,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAE5B,MAAM;EAAEC;AAAgB,CAAC,GAAGH,cAAc,CAACI,OAAO,CAACC,IAAI,CAACC,MAAM;AAE9D,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAW,CAAC,GAAGV,aAAa,CAACI,mBAAmB,CAAC;EACzD,MAAM;IAAEO;EAAK,CAAC,GAAGV,OAAO,CAAC,CAAC;EAE1B,oBACIJ,KAAA,CAAAe,aAAA,CAACP,eAAe;IACZQ,IAAI,eAAEhB,KAAA,CAAAe,aAAA,CAACb,aAAa,MAAE,CAAE;IACxBe,KAAK,EAAC,WAAW;IACjBC,QAAQ,EAAEA,CAAA,KACNL,UAAU,CAACP,qBAAqB,EAAE;MAC9Ba,MAAM,EAAEL,IAAI,CAACM,EAAE;MACfC,QAAQ,EAAEP,IAAI,CAACQ,QAAQ,CAACD,QAAQ;MAChCE,eAAe,EAAET,IAAI,CAACU,UAAU,CAACC;IACrC,CAAC;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/presentation/pages/TranslatePage/TranslatePageConfig.d.ts

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

package/presentation/pages/TranslatePage/TranslatePageConfig.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { AdminConfig } from "@webiny/app-admin";
+import { HasPermission } from "../../security/HasPermission.js";
+import { TranslatePageAction } from "./TranslatePageAction.js";
+import { TranslatePageDialog, TRANSLATE_PAGE_DIALOG } from "./TranslatePageDialog.js";
+import { PageListConfig } from "../../../exports/admin/website-builder/page/list.js";
+const {
+  Browser
+} = PageListConfig;
+export const TranslatePageConfig = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Dialog, {
+    name: TRANSLATE_PAGE_DIALOG,
+    element: /*#__PURE__*/React.createElement(TranslatePageDialog, null)
+  })), /*#__PURE__*/React.createElement(PageListConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
+    entity: "page",
+    action: "create"
+  }, /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "translate",
+    element: /*#__PURE__*/React.createElement(TranslatePageAction, null)
+  }))));
+};
+
+//# sourceMappingURL=TranslatePageConfig.js.map

package/presentation/pages/TranslatePage/TranslatePageConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","HasPermission","TranslatePageAction","TranslatePageDialog","TRANSLATE_PAGE_DIALOG","PageListConfig","Browser","TranslatePageConfig","createElement","Fragment","Dialog","name","element","entity","action","Page","Action"],"sources":["TranslatePageConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { TranslatePageAction } from \"./TranslatePageAction.js\";\nimport { TranslatePageDialog, TRANSLATE_PAGE_DIALOG } from \"./TranslatePageDialog.js\";\nimport { PageListConfig } from \"~/exports/admin/website-builder/page/list.js\";\n\nconst { Browser } = PageListConfig;\n\nexport const TranslatePageConfig = () => {\n    return (\n        <>\n            <AdminConfig>\n                <AdminConfig.Dialog\n                    name={TRANSLATE_PAGE_DIALOG}\n                    element={<TranslatePageDialog />}\n                />\n            </AdminConfig>\n            <PageListConfig>\n                <HasPermission entity=\"page\" action=\"create\">\n                    <Browser.Page.Action name=\"translate\" element={<TranslatePageAction />} />\n                </HasPermission>\n            </PageListConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB,EAAEC,qBAAqB;AACnD,SAASC,cAAc;AAEvB,MAAM;EAAEC;AAAQ,CAAC,GAAGD,cAAc;AAElC,OAAO,MAAME,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACR,WAAW,qBACRD,KAAA,CAAAS,aAAA,CAACR,WAAW,CAACU,MAAM;IACfC,IAAI,EAAEP,qBAAsB;IAC5BQ,OAAO,eAAEb,KAAA,CAAAS,aAAA,CAACL,mBAAmB,MAAE;EAAE,CACpC,CACQ,CAAC,eACdJ,KAAA,CAAAS,aAAA,CAACH,cAAc,qBACXN,KAAA,CAAAS,aAAA,CAACP,aAAa;IAACY,MAAM,EAAC,MAAM;IAACC,MAAM,EAAC;EAAQ,gBACxCf,KAAA,CAAAS,aAAA,CAACF,OAAO,CAACS,IAAI,CAACC,MAAM;IAACL,IAAI,EAAC,WAAW;IAACC,OAAO,eAAEb,KAAA,CAAAS,aAAA,CAACN,mBAAmB,MAAE;EAAE,CAAE,CAC9D,CACH,CAClB,CAAC;AAEX,CAAC","ignoreList":[]}

package/presentation/pages/TranslatePage/TranslatePageDialog.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const TRANSLATE_PAGE_DIALOG = "translatePage";
+export declare const TranslatePageDialog: () => React.JSX.Element;

package/presentation/pages/TranslatePage/TranslatePageDialog.js

@@ -0,0 +1,86 @@
+import React from "react";
+import { useDialog } from "@webiny/app-admin";
+import { Dialog, Grid } from "@webiny/admin-ui";
+import { useLanguages } from "@webiny/languages/exports/admin/languages.js";
+import { Bind, Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { FolderPicker } from "@webiny/app-aco";
+import { useTranslatePage } from "../hooks/useTranslatePage.js";
+import { useEditPageUrl } from "../../../modules/pages/PagesList/hooks/useEditPageUrl.js";
+import { translatePageParams } from "./translatePageSchema.js";
+import { LanguageSelector } from "../../components/LanguageSelector.js";
+export const TRANSLATE_PAGE_DIALOG = "translatePage";
+export const TranslatePageDialog = () => {
+  const {
+    params,
+    closeDialog
+  } = useDialog(translatePageParams);
+  const {
+    translatePage
+  } = useTranslatePage();
+  const {
+    goToPageEditor
+  } = useEditPageUrl();
+  const {
+    languages,
+    loading
+  } = useLanguages();
+  const handleSubmit = async data => {
+    const {
+      languageCode,
+      folderId
+    } = data;
+    const newPage = await translatePage({
+      id: params.pageId,
+      languageCode,
+      folderId
+    });
+    closeDialog();
+    goToPageEditor(newPage.id);
+  };
+  return /*#__PURE__*/React.createElement(Form, {
+    onSubmit: handleSubmit,
+    data: {
+      folderId: params.folderId
+    }
+  }, ({
+    submit
+  }) => /*#__PURE__*/React.createElement(Dialog, {
+    open: true,
+    onClose: closeDialog,
+    title: "Translate Page",
+    description: "Select a target language and destination folder",
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
+      onClick: closeDialog,
+      text: "Cancel"
+    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
+      onClick: submit,
+      text: loading ? "Loading..." : "Confirm"
+    }))
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "languageCode",
+    validators: [validation.create("required")]
+  }, /*#__PURE__*/React.createElement(LanguageSelector, {
+    label: "Target Language",
+    placeholder: "Select a language",
+    currentLanguage: params.currentLanguage,
+    languages: languages
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "folderId",
+    defaultValue: params.folderId
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(FolderPicker, {
+    label: "Destination Folder",
+    value: value,
+    onChange: onChange,
+    enableCreate: true
+  }))))));
+};
+
+//# sourceMappingURL=TranslatePageDialog.js.map

package/presentation/pages/TranslatePage/TranslatePageDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDialog","Dialog","Grid","useLanguages","Bind","Form","validation","FolderPicker","useTranslatePage","useEditPageUrl","translatePageParams","LanguageSelector","TRANSLATE_PAGE_DIALOG","TranslatePageDialog","params","closeDialog","translatePage","goToPageEditor","languages","loading","handleSubmit","data","languageCode","folderId","newPage","id","pageId","createElement","onSubmit","submit","open","onClose","title","description","actions","Fragment","CancelAction","onClick","text","ConfirmAction","Column","span","name","validators","create","label","placeholder","currentLanguage","defaultValue","value","onChange","enableCreate"],"sources":["TranslatePageDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialog } from \"@webiny/app-admin\";\nimport { Dialog, Grid } from \"@webiny/admin-ui\";\nimport { useLanguages } from \"@webiny/languages/exports/admin/languages.js\";\nimport { Bind, Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { FolderPicker } from \"@webiny/app-aco\";\nimport { useTranslatePage } from \"~/presentation/pages/hooks/useTranslatePage.js\";\nimport { useEditPageUrl } from \"~/modules/pages/PagesList/hooks/useEditPageUrl.js\";\nimport { translatePageParams } from \"./translatePageSchema.js\";\nimport { LanguageSelector } from \"~/presentation/components/LanguageSelector.js\";\n\nexport const TRANSLATE_PAGE_DIALOG = \"translatePage\";\n\nexport const TranslatePageDialog = () => {\n    const { params, closeDialog } = useDialog(translatePageParams);\n    const { translatePage } = useTranslatePage();\n    const { goToPageEditor } = useEditPageUrl();\n    const { languages, loading } = useLanguages();\n\n    const handleSubmit = async (data: Record<string, unknown>) => {\n        const { languageCode, folderId } = data as {\n            languageCode: string;\n            folderId: string;\n        };\n\n        const newPage = await translatePage({\n            id: params.pageId,\n            languageCode,\n            folderId\n        });\n\n        closeDialog();\n        goToPageEditor(newPage.id);\n    };\n\n    return (\n        <Form onSubmit={handleSubmit} data={{ folderId: params.folderId }}>\n            {({ submit }) => (\n                <Dialog\n                    open={true}\n                    onClose={closeDialog}\n                    title=\"Translate Page\"\n                    description=\"Select a target language and destination folder\"\n                    actions={\n                        <>\n                            <Dialog.CancelAction onClick={closeDialog} text=\"Cancel\" />\n                            <Dialog.ConfirmAction\n                                onClick={submit}\n                                text={loading ? \"Loading...\" : \"Confirm\"}\n                            />\n                        </>\n                    }\n                >\n                    <Grid>\n                        <Grid.Column span={12}>\n                            <Bind name=\"languageCode\" validators={[validation.create(\"required\")]}>\n                                <LanguageSelector\n                                    label=\"Target Language\"\n                                    placeholder=\"Select a language\"\n                                    currentLanguage={params.currentLanguage}\n                                    languages={languages}\n                                />\n                            </Bind>\n                        </Grid.Column>\n\n                        <Grid.Column span={12}>\n                            <Bind name={\"folderId\"} defaultValue={params.folderId}>\n                                {({ value, onChange }) => (\n                                    <FolderPicker\n                                        label={\"Destination Folder\"}\n                                        value={value}\n                                        onChange={onChange}\n                                        enableCreate={true}\n                                    />\n                                )}\n                            </Bind>\n                        </Grid.Column>\n                    </Grid>\n                </Dialog>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/presentation/pages/TranslatePage/translatePageSchema.d.ts

@@ -0,0 +1,6 @@
+import { z } from "zod";
+export declare const translatePageParams: z.ZodObject<{
+    pageId: z.ZodString;
+    folderId: z.ZodString;
+    currentLanguage: z.ZodString;
+}, z.core.$strip>;

package/presentation/pages/TranslatePage/translatePageSchema.js

@@ -0,0 +1,8 @@
+import { z } from "zod";
+export const translatePageParams = z.object({
+  pageId: z.string(),
+  folderId: z.string(),
+  currentLanguage: z.string()
+});
+
+//# sourceMappingURL=translatePageSchema.js.map

package/presentation/pages/TranslatePage/translatePageSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["z","translatePageParams","object","pageId","string","folderId","currentLanguage"],"sources":["translatePageSchema.ts"],"sourcesContent":["import { z } from \"zod\";\n\nexport const translatePageParams = z.object({\n    pageId: z.string(),\n    folderId: z.string(),\n    currentLanguage: z.string()\n});\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAEvB,OAAO,MAAMC,mBAAmB,GAAGD,CAAC,CAACE,MAAM,CAAC;EACxCC,MAAM,EAAEH,CAAC,CAACI,MAAM,CAAC,CAAC;EAClBC,QAAQ,EAAEL,CAAC,CAACI,MAAM,CAAC,CAAC;EACpBE,eAAe,EAAEN,CAAC,CAACI,MAAM,CAAC;AAC9B,CAAC,CAAC","ignoreList":[]}

package/presentation/pages/hooks/useCreatePage.d.ts

@@ -0,0 +1,4 @@
+import type { CreatePageParams } from "../../../features/pages/createPage/index.js";
+export declare const useCreatePage: () => {
+    createPage: (params: CreatePageParams) => Promise<import("../../../domain/Page").Page>;
+};