@webiny/app-website-builder 6.4.12-beta.5 → 6.5.0-beta.1

package/inputRenderers/ObjectInput/ObjectRow.js

@@ -0,0 +1,28 @@
+import react from "react";
+import { Text } from "@webiny/admin-ui";
+const ObjectRow = ({ title, onOpen, actions })=>/*#__PURE__*/ react.createElement("div", {
+        role: "button",
+        tabIndex: 0,
+        onClick: onOpen,
+        onKeyDown: (event)=>{
+            if ("Enter" === event.key || " " === event.key) {
+                event.preventDefault();
+                onOpen();
+            }
+        },
+        style: {
+            height: 40
+        },
+        className: "group flex items-center justify-between gap-xs rounded-md border border-neutral-dimmed-darker px-sm-extra cursor-pointer transition-colors bg-neutral-base hover:bg-neutral-light"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-1 items-center min-w-0"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "truncate text-neutral-strong"
+    }, title)), actions ? /*#__PURE__*/ react.createElement("div", {
+        className: "hidden group-hover:flex items-center gap-xs shrink-0",
+        onClick: (event)=>event.stopPropagation()
+    }, actions) : null);
+export { ObjectRow };
+
+//# sourceMappingURL=ObjectRow.js.map

package/inputRenderers/ObjectInput/ObjectRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectRow.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface ObjectRowProps {\n    title: React.ReactNode;\n    onOpen: () => void;\n    actions?: React.ReactNode;\n}\n\n/**\n * A clickable row representing an object (a single object field, or one item of a list). Resting,\n * it shows the title. On hover it tints and reveals its trailing actions (reorder / remove) - rows\n * without actions (a single object field) just tint.\n */\nexport const ObjectRow = ({ title, onOpen, actions }: ObjectRowProps) => {\n    return (\n        <div\n            role={\"button\"}\n            tabIndex={0}\n            onClick={onOpen}\n            onKeyDown={event => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                    event.preventDefault();\n                    onOpen();\n                }\n            }}\n            // Fixed height + vertical centering keeps the row the same height whether or not the\n            // (taller) hover actions are shown.\n            style={{ height: 40 }}\n            className={\n                \"group flex items-center justify-between gap-xs rounded-md border border-neutral-dimmed-darker px-sm-extra cursor-pointer transition-colors bg-neutral-base hover:bg-neutral-light\"\n            }\n        >\n            <div className={\"flex flex-1 items-center min-w-0\"}>\n                <Text size={\"sm\"} className={\"truncate text-neutral-strong\"}>\n                    {title}\n                </Text>\n            </div>\n            {actions ? (\n                <div\n                    className={\"hidden group-hover:flex items-center gap-xs shrink-0\"}\n                    onClick={event => event.stopPropagation()}\n                >\n                    {actions}\n                </div>\n            ) : null}\n        </div>\n    );\n};\n"],"names":["ObjectRow","title","onOpen","actions","event","Text"],"mappings":";;AAcO,MAAMA,YAAY,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,OAAO,EAAkB,GACzD,WAAP,GACI,oBAAC;QACG,MAAM;QACN,UAAU;QACV,SAASD;QACT,WAAWE,CAAAA;YACP,IAAIA,AAAc,YAAdA,MAAM,GAAG,IAAgBA,AAAc,QAAdA,MAAM,GAAG,EAAU;gBAC5CA,MAAM,cAAc;gBACpBF;YACJ;QACJ;QAGA,OAAO;YAAE,QAAQ;QAAG;QACpB,WACI;qBAGJ,oBAAC;QAAI,WAAW;qBACZ,oBAACG,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBJ,SAGRE,UAAU,WAAVA,GACG,oBAAC;QACG,WAAW;QACX,SAASC,CAAAA,QAASA,MAAM,eAAe;OAEtCD,WAEL"}

package/inputRenderers/ObjectInput/ObjectRowActions.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface ObjectRowActionsProps {
+    onMoveUp: () => void;
+    onMoveDown: () => void;
+    onRemove: () => void;
+    canMoveUp: boolean;
+    canMoveDown: boolean;
+}
+/**
+ * The trailing reorder / remove controls shown on a list item row.
+ */
+export declare const ObjectRowActions: ({ onMoveUp, onMoveDown, onRemove, canMoveUp, canMoveDown }: ObjectRowActionsProps) => React.JSX.Element;
+export {};

package/inputRenderers/ObjectInput/ObjectRowActions.js

@@ -0,0 +1,26 @@
+import react from "react";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { ReactComponent as keyboard_arrow_up_svg_ReactComponent } from "@webiny/icons/keyboard_arrow_up.svg";
+import { ReactComponent as keyboard_arrow_down_svg_ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+const ObjectRowActions = ({ onMoveUp, onMoveDown, onRemove, canMoveUp, canMoveDown })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(keyboard_arrow_up_svg_ReactComponent, null),
+        disabled: !canMoveUp,
+        onClick: onMoveUp
+    }), /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(keyboard_arrow_down_svg_ReactComponent, null),
+        disabled: !canMoveDown,
+        onClick: onMoveDown
+    }), /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: onRemove
+    }));
+export { ObjectRowActions };
+
+//# sourceMappingURL=ObjectRowActions.js.map

package/inputRenderers/ObjectInput/ObjectRowActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectRowActions.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectRowActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as MoveUpIcon } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { ReactComponent as MoveDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\n\ninterface ObjectRowActionsProps {\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onRemove: () => void;\n    canMoveUp: boolean;\n    canMoveDown: boolean;\n}\n\n/**\n * The trailing reorder / remove controls shown on a list item row.\n */\nexport const ObjectRowActions = ({\n    onMoveUp,\n    onMoveDown,\n    onRemove,\n    canMoveUp,\n    canMoveDown\n}: ObjectRowActionsProps) => {\n    return (\n        <>\n            <Button\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={<MoveUpIcon />}\n                disabled={!canMoveUp}\n                onClick={onMoveUp}\n            />\n            <Button\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={<MoveDownIcon />}\n                disabled={!canMoveDown}\n                onClick={onMoveDown}\n            />\n            <Button variant={\"ghost\"} size={\"sm\"} icon={<DeleteIcon />} onClick={onRemove} />\n        </>\n    );\n};\n"],"names":["ObjectRowActions","onMoveUp","onMoveDown","onRemove","canMoveUp","canMoveDown","Button","MoveUpIcon","MoveDownIcon","DeleteIcon"],"mappings":";;;;;AAiBO,MAAMA,mBAAmB,CAAC,EAC7BC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,WAAW,EACS,GACb,WAAP,GACI,wDACI,oBAACC,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,sCAAUA;QACjB,UAAU,CAACH;QACX,SAASH;sBAEb,oBAACK,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACE,wCAAYA;QACnB,UAAU,CAACH;QACX,SAASH;sBAEb,oBAACI,QAAMA;QAAC,SAAS;QAAS,MAAM;QAAM,oBAAM,oBAACG,gBAAUA;QAAK,SAASN"}

package/inputRenderers/ObjectInput/index.d.ts

@@ -0,0 +1,7 @@
+export { useDrawerDepth } from "./DrawerDepthContext.js";
+export { ObjectFieldPanel } from "./ObjectFieldPanel.js";
+export { ObjectRow } from "./ObjectRow.js";
+export { ObjectRowActions } from "./ObjectRowActions.js";
+export { ObjectFieldHeader } from "./ObjectFieldHeader.js";
+export { ObjectAddButton } from "./ObjectAddButton.js";
+export { ObjectEmptyState } from "./ObjectEmptyState.js";

package/inputRenderers/ObjectInput/index.js

@@ -0,0 +1,7 @@
+export { useDrawerDepth } from "./DrawerDepthContext.js";
+export { ObjectFieldPanel } from "./ObjectFieldPanel.js";
+export { ObjectRow } from "./ObjectRow.js";
+export { ObjectRowActions } from "./ObjectRowActions.js";
+export { ObjectFieldHeader } from "./ObjectFieldHeader.js";
+export { ObjectAddButton } from "./ObjectAddButton.js";
+export { ObjectEmptyState } from "./ObjectEmptyState.js";

package/modules/integrations/useIntegrationsDialog.js

@@ -1,20 +1,23 @@
 import react from "react";
 import { useDialogs } from "@webiny/app-admin";
 import { IntegrationsSettings } from "./IntegrationsSettings.js";
-import { useEcommerceApiProvider, useGetEcommerceSettings, useUpdateEcommerceSettings } from "../../features/index.js";
+import { useEcommerceApiProvider } from "../../features/index.js";
+import { useFeature } from "@webiny/app";
 import { useToast } from "@webiny/admin-ui";
+import { GetEcommerceSettingsFeature } from "../../features/ecommerce/settings/getSettings/index.js";
+import { UpdateEcommerceSettingsFeature } from "../../features/ecommerce/settings/updateSettings/index.js";
 const useIntegrationsDialog = ()=>{
     const { showSuccessToast } = useToast();
     const dialogs = useDialogs();
     const provider = useEcommerceApiProvider();
     const manifests = provider.getApiManifests();
-    const { getSettings } = useGetEcommerceSettings();
-    const { updateSettings } = useUpdateEcommerceSettings();
+    const { useCase: getSettings } = useFeature(GetEcommerceSettingsFeature);
+    const { useCase: updateSettings } = useFeature(UpdateEcommerceSettingsFeature);
     const noIntegrations = 0 === manifests.length;
     const showIntegrationsDialog = ()=>{
         dialogs.showDialog({
             title: "Website Builder Integrations",
-            formData: getSettings,
+            formData: ()=>getSettings.execute(),
             description: "Configure your website builder integrations here.",
             acceptLabel: noIntegrations ? null : "Save Settings",
             cancelLabel: noIntegrations ? "Close" : "Cancel",
@@ -22,7 +25,7 @@ const useIntegrationsDialog = ()=>{
                 manifests: manifests
             }),
             onAccept: async (data)=>{
-                await updateSettings(data);
+                await updateSettings.execute(data);
                 showSuccessToast({
                     title: "Success!",
                     description: "Integrations settings were saved successfully.",

package/modules/integrations/useIntegrationsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"modules/integrations/useIntegrationsDialog.js","sources":["../../../src/modules/integrations/useIntegrationsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { IntegrationsSettings } from \"./IntegrationsSettings.js\";\nimport {\n    useEcommerceApiProvider,\n    useGetEcommerceSettings,\n    useUpdateEcommerceSettings\n} from \"~/features/index.js\";\nimport { useToast } from \"@webiny/admin-ui\";\n\nexport const useIntegrationsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const provider = useEcommerceApiProvider();\n    const manifests = provider.getApiManifests();\n    const { getSettings } = useGetEcommerceSettings();\n    const { updateSettings } = useUpdateEcommerceSettings();\n\n    const noIntegrations = manifests.length === 0;\n\n    const showIntegrationsDialog = () => {\n        dialogs.showDialog({\n            title: `Website Builder Integrations`,\n            formData: getSettings,\n            description: \"Configure your website builder integrations here.\",\n            acceptLabel: noIntegrations ? null : \"Save Settings\",\n            cancelLabel: noIntegrations ? \"Close\" : \"Cancel\",\n            content: <IntegrationsSettings manifests={manifests} />,\n            onAccept: async data => {\n                await updateSettings(data);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Integrations settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showIntegrationsDialog };\n};\n"],"names":["useIntegrationsDialog","showSuccessToast","useToast","dialogs","useDialogs","provider","useEcommerceApiProvider","manifests","getSettings","useGetEcommerceSettings","updateSettings","useUpdateEcommerceSettings","noIntegrations","showIntegrationsDialog","IntegrationsSettings","data"],"mappings":";;;;;AAUO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAMC,UAAUC;IAChB,MAAMC,WAAWC;IACjB,MAAMC,YAAYF,SAAS,eAAe;IAC1C,MAAM,EAAEG,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAE3B,MAAMC,iBAAiBL,AAAqB,MAArBA,UAAU,MAAM;IAEvC,MAAMM,yBAAyB;QAC3BV,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,UAAUK;YACV,aAAa;YACb,aAAaI,iBAAiB,OAAO;YACrC,aAAaA,iBAAiB,UAAU;YACxC,SAAS,WAAT,GAAS,oBAACE,sBAAoBA;gBAAC,WAAWP;;YAC1C,UAAU,OAAMQ;gBACZ,MAAML,eAAeK;gBACrBd,iBAAiB;oBACb,OAAO;oBACP,aAAa;oBACb,UAAU;gBACd;YACJ;QACJ;IACJ;IAEA,OAAO;QAAEY;IAAuB;AACpC"}
+{"version":3,"file":"modules/integrations/useIntegrationsDialog.js","sources":["../../../src/modules/integrations/useIntegrationsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { IntegrationsSettings } from \"./IntegrationsSettings.js\";\nimport { useEcommerceApiProvider } from \"~/features/index.js\";\nimport { useFeature } from \"@webiny/app\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { GetEcommerceSettingsFeature } from \"~/features/ecommerce/settings/getSettings/index.js\";\nimport { UpdateEcommerceSettingsFeature } from \"~/features/ecommerce/settings/updateSettings/index.js\";\n\nexport const useIntegrationsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const provider = useEcommerceApiProvider();\n    const manifests = provider.getApiManifests();\n    const { useCase: getSettings } = useFeature(GetEcommerceSettingsFeature);\n    const { useCase: updateSettings } = useFeature(UpdateEcommerceSettingsFeature);\n\n    const noIntegrations = manifests.length === 0;\n\n    const showIntegrationsDialog = () => {\n        dialogs.showDialog({\n            title: `Website Builder Integrations`,\n            formData: () => getSettings.execute(),\n            description: \"Configure your website builder integrations here.\",\n            acceptLabel: noIntegrations ? null : \"Save Settings\",\n            cancelLabel: noIntegrations ? \"Close\" : \"Cancel\",\n            content: <IntegrationsSettings manifests={manifests} />,\n            onAccept: async data => {\n                await updateSettings.execute(data);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Integrations settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showIntegrationsDialog };\n};\n"],"names":["useIntegrationsDialog","showSuccessToast","useToast","dialogs","useDialogs","provider","useEcommerceApiProvider","manifests","getSettings","useFeature","GetEcommerceSettingsFeature","updateSettings","UpdateEcommerceSettingsFeature","noIntegrations","showIntegrationsDialog","IntegrationsSettings","data"],"mappings":";;;;;;;;AASO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAMC,UAAUC;IAChB,MAAMC,WAAWC;IACjB,MAAMC,YAAYF,SAAS,eAAe;IAC1C,MAAM,EAAE,SAASG,WAAW,EAAE,GAAGC,WAAWC;IAC5C,MAAM,EAAE,SAASC,cAAc,EAAE,GAAGF,WAAWG;IAE/C,MAAMC,iBAAiBN,AAAqB,MAArBA,UAAU,MAAM;IAEvC,MAAMO,yBAAyB;QAC3BX,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,UAAU,IAAMK,YAAY,OAAO;YACnC,aAAa;YACb,aAAaK,iBAAiB,OAAO;YACrC,aAAaA,iBAAiB,UAAU;YACxC,SAAS,WAAT,GAAS,oBAACE,sBAAoBA;gBAAC,WAAWR;;YAC1C,UAAU,OAAMS;gBACZ,MAAML,eAAe,OAAO,CAACK;gBAC7Bf,iBAAiB;oBACb,OAAO;oBACP,aAAa;oBACb,UAAU;gBACd;YACJ;QACJ;IACJ;IAEA,OAAO;QAAEa;IAAuB;AACpC"}

package/modules/shared/FolderCellName.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type FolderTableRow } from "@webiny/app-aco";
+import type { FolderTableRow } from "@webiny/app-aco";
 interface FolderCellNameProps {
     folder: FolderTableRow["data"];
 }

package/modules/shared/FolderCellName.js

@@ -1,15 +1,15 @@
 import react from "react";
-import { useNavigateFolder } from "@webiny/app-aco";
 import { Icon, Text } from "@webiny/admin-ui";
 import { ReactComponent } from "@webiny/icons/folder.svg";
 import { ReactComponent as folder_shared_svg_ReactComponent } from "@webiny/icons/folder_shared.svg";
+import { usePageListPresenter } from "../../presentation/pages/PageList/PageListPresenterProvider.js";
 const FolderCellName = ({ folder })=>{
-    const { navigateToFolder } = useNavigateFolder();
+    const { folders } = usePageListPresenter();
     let icon = /*#__PURE__*/ react.createElement(ReactComponent, null);
     if (folder.hasNonInheritedPermissions && folder.canManagePermissions) icon = /*#__PURE__*/ react.createElement(folder_shared_svg_ReactComponent, null);
     return /*#__PURE__*/ react.createElement("div", {
         className: "flex items-center gap-sm truncate cursor-pointer font-semibold hover:underline",
-        onClick: ()=>navigateToFolder(folder.id)
+        onClick: ()=>folders.selectFolder(folder.id)
     }, /*#__PURE__*/ react.createElement(Icon, {
         size: "sm",
         color: "neutral-strong",

package/modules/shared/FolderCellName.js.map

@@ -1 +1 @@
-{"version":3,"file":"modules/shared/FolderCellName.js","sources":["../../../src/modules/shared/FolderCellName.tsx"],"sourcesContent":["import React from \"react\";\nimport { type FolderTableRow, useNavigateFolder } from \"@webiny/app-aco\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\n\ninterface FolderCellNameProps {\n    folder: FolderTableRow[\"data\"];\n}\n\nexport const FolderCellName = ({ folder }: FolderCellNameProps) => {\n    const { navigateToFolder } = useNavigateFolder();\n\n    let icon = <Folder />;\n    if (folder.hasNonInheritedPermissions && folder.canManagePermissions) {\n        icon = <FolderShared />;\n    }\n\n    return (\n        <div\n            className={\n                \"flex items-center gap-sm truncate cursor-pointer font-semibold hover:underline\"\n            }\n            onClick={() => navigateToFolder(folder.id)}\n        >\n            <Icon\n                size={\"sm\"}\n                color={\"neutral-strong\"}\n                icon={icon}\n                label={`Folder - ${folder.title}`}\n            />\n            <Text className={\"truncate min-w-0 shrink\"}>{folder.title}</Text>\n        </div>\n    );\n};\n"],"names":["FolderCellName","folder","navigateToFolder","useNavigateFolder","icon","Folder","FolderShared","Icon","Text"],"mappings":";;;;;AAUO,MAAMA,iBAAiB,CAAC,EAAEC,MAAM,EAAuB;IAC1D,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAE7B,IAAIC,OAAO,WAAPA,GAAO,oBAACC,gBAAMA;IAClB,IAAIJ,OAAO,0BAA0B,IAAIA,OAAO,oBAAoB,EAChEG,OAAO,WAAPA,GAAO,oBAACE,kCAAYA;IAGxB,OAAO,WAAP,GACI,oBAAC;QACG,WACI;QAEJ,SAAS,IAAMJ,iBAAiBD,OAAO,EAAE;qBAEzC,oBAACM,MAAIA;QACD,MAAM;QACN,OAAO;QACP,MAAMH;QACN,OAAO,CAAC,SAAS,EAAEH,OAAO,KAAK,EAAE;sBAErC,oBAACO,MAAIA;QAAC,WAAW;OAA4BP,OAAO,KAAK;AAGrE"}
+{"version":3,"file":"modules/shared/FolderCellName.js","sources":["../../../src/modules/shared/FolderCellName.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FolderTableRow } from \"@webiny/app-aco\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\nimport { usePageListPresenter } from \"~/presentation/pages/PageList/PageListPresenterProvider.js\";\n\ninterface FolderCellNameProps {\n    folder: FolderTableRow[\"data\"];\n}\n\nexport const FolderCellName = ({ folder }: FolderCellNameProps) => {\n    const { folders } = usePageListPresenter();\n\n    let icon = <Folder />;\n    if (folder.hasNonInheritedPermissions && folder.canManagePermissions) {\n        icon = <FolderShared />;\n    }\n\n    return (\n        <div\n            className={\n                \"flex items-center gap-sm truncate cursor-pointer font-semibold hover:underline\"\n            }\n            onClick={() => folders.selectFolder(folder.id)}\n        >\n            <Icon\n                size={\"sm\"}\n                color={\"neutral-strong\"}\n                icon={icon}\n                label={`Folder - ${folder.title}`}\n            />\n            <Text className={\"truncate min-w-0 shrink\"}>{folder.title}</Text>\n        </div>\n    );\n};\n"],"names":["FolderCellName","folder","folders","usePageListPresenter","icon","Folder","FolderShared","Icon","Text"],"mappings":";;;;;AAWO,MAAMA,iBAAiB,CAAC,EAAEC,MAAM,EAAuB;IAC1D,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,IAAIC,OAAO,WAAPA,GAAO,oBAACC,gBAAMA;IAClB,IAAIJ,OAAO,0BAA0B,IAAIA,OAAO,oBAAoB,EAChEG,OAAO,WAAPA,GAAO,oBAACE,kCAAYA;IAGxB,OAAO,WAAP,GACI,oBAAC;QACG,WACI;QAEJ,SAAS,IAAMJ,QAAQ,YAAY,CAACD,OAAO,EAAE;qBAE7C,oBAACM,MAAIA;QACD,MAAM;QACN,OAAO;QACP,MAAMH;QACN,OAAO,CAAC,SAAS,EAAEH,OAAO,KAAK,EAAE;sBAErC,oBAACO,MAAIA;QAAC,WAAW;OAA4BP,OAAO,KAAK;AAGrE"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-website-builder",
-	"version": "6.4.12-beta.5",
+	"version": "6.5.0-beta.1",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -13,67 +13,59 @@
 	"author": "Pavel Denisjuk",
 	"license": "MIT",
 	"dependencies": {
-		"@apollo/react-hooks": "3.1.5",
 		"@emotion/css": "11.13.5",
 		"@emotion/react": "11.14.0",
 		"@emotion/styled": "11.14.1",
-		"@lexical/utils": "0.46.0",
+		"@lexical/utils": "0.48.0",
 		"@monaco-editor/react": "4.7.0",
-		"@svgr/webpack": "8.1.0",
 		"@types/react": "18.3.31",
-		"@webiny/admin-ui": "6.4.12-beta.5",
-		"@webiny/app": "6.4.12-beta.5",
-		"@webiny/app-aco": "6.4.12-beta.5",
-		"@webiny/app-admin": "6.4.12-beta.5",
-		"@webiny/app-headless-cms-common": "6.4.12-beta.5",
-		"@webiny/app-trash-bin": "6.4.12-beta.5",
-		"@webiny/app-utils": "6.4.12-beta.5",
-		"@webiny/di": "1.1.0",
-		"@webiny/error": "6.4.12-beta.5",
-		"@webiny/feature": "6.4.12-beta.5",
-		"@webiny/form": "6.4.12-beta.5",
-		"@webiny/icons": "6.4.12-beta.5",
-		"@webiny/languages": "6.4.12-beta.5",
-		"@webiny/lexical-converter": "6.4.12-beta.5",
-		"@webiny/lexical-editor": "6.4.12-beta.5",
-		"@webiny/lexical-nodes": "6.4.12-beta.5",
-		"@webiny/lexical-theme": "6.4.12-beta.5",
-		"@webiny/react-composition": "6.4.12-beta.5",
-		"@webiny/react-properties": "6.4.12-beta.5",
-		"@webiny/utils": "6.4.12-beta.5",
-		"@webiny/validation": "6.4.12-beta.5",
-		"@webiny/website-builder-sdk": "6.4.12-beta.5",
-		"apollo-cache": "1.3.5",
-		"apollo-client": "2.6.10",
-		"apollo-link": "1.2.14",
-		"apollo-utilities": "1.3.4",
+		"@webiny/admin-ui": "6.5.0-beta.1",
+		"@webiny/app": "6.5.0-beta.1",
+		"@webiny/app-aco": "6.5.0-beta.1",
+		"@webiny/app-admin": "6.5.0-beta.1",
+		"@webiny/app-headless-cms": "6.5.0-beta.1",
+		"@webiny/app-headless-cms-common": "6.5.0-beta.1",
+		"@webiny/app-utils": "6.5.0-beta.1",
+		"@webiny/di": "1.0.2",
+		"@webiny/feature": "6.5.0-beta.1",
+		"@webiny/form": "6.5.0-beta.1",
+		"@webiny/frontend-settings": "6.5.0-beta.1",
+		"@webiny/icons": "6.5.0-beta.1",
+		"@webiny/languages": "6.5.0-beta.1",
+		"@webiny/lexical-converter": "6.5.0-beta.1",
+		"@webiny/lexical-editor": "6.5.0-beta.1",
+		"@webiny/lexical-nodes": "6.5.0-beta.1",
+		"@webiny/lexical-theme": "6.5.0-beta.1",
+		"@webiny/react-composition": "6.5.0-beta.1",
+		"@webiny/react-properties": "6.5.0-beta.1",
+		"@webiny/utils": "6.5.0-beta.1",
+		"@webiny/validation": "6.5.0-beta.1",
+		"@webiny/website-builder-sdk": "6.5.0-beta.1",
 		"classnames": "2.5.1",
 		"deep-equal": "2.2.3",
 		"graphql": "16.14.2",
-		"graphql-tag": "2.12.7",
 		"is-hotkey": "0.2.0",
 		"lodash": "4.18.1",
-		"markdown-to-jsx": "9.10.3",
 		"matcher": "6.0.0",
-		"mobx": "7.0.3",
-		"mobx-react-lite": "5.0.3",
+		"mobx": "6.16.1",
+		"mobx-react-lite": "4.1.1",
 		"pluralize": "8.0.0",
-		"radix-ui": "1.6.7",
+		"radix-ui": "1.6.4",
 		"react": "18.3.1",
 		"react-dnd": "16.0.1",
 		"react-dnd-html5-backend": "16.0.1",
 		"react-dom": "18.3.1",
 		"slugify": "1.6.9",
-		"zod": "4.6.5"
+		"zod": "4.4.3"
 	},
 	"devDependencies": {
 		"@types/deep-equal": "1.0.4",
 		"@types/is-hotkey": "0.1.10",
-		"@webiny/build-tools": "6.4.12-beta.5",
+		"@webiny/build-tools": "6.5.0-beta.1",
 		"execa": "5.1.1",
 		"rimraf": "6.1.3",
-		"typescript": "6.0.3",
-		"vitest": "5.0.1"
+		"typescript": "7.0.2",
+		"vitest": "4.1.10"
 	},
 	"publishConfig": {
 		"access": "public"

package/presentation/pages/CreatePage/AddLanguageModifier.js

@@ -10,15 +10,17 @@ class AddLanguagePageFormModifier {
     modifyForm(form) {
         this.useCase.execute();
         form.fields((fields)=>({
-                language: fields.text().label("Language").hidden().options(()=>this.getLanguageOptions()).afterChange((value, form)=>this.afterChange(value, form))
+                language: fields.text().label("Language").hidden().options(()=>this.getLanguageOptions()).afterChange((value, { form })=>{
+                    this.afterChange(value, form);
+                })
             }));
-        form.field("path").addAfterSetValue((value, f)=>{
+        form.field("path").addAfterSetValue((value, { form })=>{
             const path = String(value || "");
             if (!path) return;
-            const langCode = f.field("language").as("text").getValue() ?? "";
+            const langCode = form.field("language").as("text").getValue() ?? "";
             if (!langCode || !this.shouldPrefixPath()) return;
             const prefixed = PagePath.create(path).setLanguageCode(langCode, this.getSupportedCodes()).toString();
-            if (prefixed !== path) f.field("path").setValue(prefixed);
+            if (prefixed !== path) form.field("path").setValue(prefixed);
         });
         form.layout((layout)=>[
                 layout.row("language").before("title")

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

@@ -1 +1 @@
-{"version":3,"file":"presentation/pages/CreatePage/AddLanguageModifier.js","sources":["../../../../src/presentation/pages/CreatePage/AddLanguageModifier.ts"],"sourcesContent":["import { reaction } from \"mobx\";\nimport { FormModel } from \"@webiny/app-admin\";\nimport {\n    ListLanguagesUseCase,\n    ListLanguagesRepository\n} from \"@webiny/languages/admin/features/listLanguages/abstractions.js\";\nimport { CreatePageFormModifier } from \"~/presentation/pages/CreatePage/abstractions.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport { PagePath } from \"~/shared/PagePath.js\";\n\n/**\n * Modifier that adds a language select field to the CreatePage form.\n * When a language is selected, the path is prefixed with the language code.\n */\nclass AddLanguagePageFormModifier implements CreatePageFormModifier.Interface {\n    constructor(\n        private useCase: ListLanguagesUseCase.Interface,\n        private repository: ListLanguagesRepository.Interface\n    ) {}\n\n    modifyForm(form: FormModel.Interface): void {\n        void this.useCase.execute();\n\n        form.fields(fields => ({\n            language: fields\n                .text()\n                .label(\"Language\")\n                .hidden()\n                .options(() => this.getLanguageOptions())\n                .afterChange((value, form) => this.afterChange(value, form))\n        }));\n\n        // When path is set programmatically (e.g., product selection, title change), apply the language prefix.\n        // afterSetValue only fires on programmatic setValue calls, not on UI typing.\n        form.field(\"path\").addAfterSetValue((value, f) => {\n            const path = String(value || \"\");\n            if (!path) {\n                return;\n            }\n            const langCode = f.field(\"language\").as(\"text\").getValue() ?? \"\";\n            if (!langCode || !this.shouldPrefixPath()) {\n                return;\n            }\n            const prefixed = PagePath.create(path)\n                .setLanguageCode(langCode, this.getSupportedCodes())\n                .toString();\n            if (prefixed !== path) {\n                f.field(\"path\").setValue(prefixed);\n            }\n        });\n\n        // Field starts hidden. Show it once languages load (if 2+).\n        // - 0 languages: field stays hidden, no value.\n        // - 1 language: auto-assign, stay hidden (no dropdown, no prefix).\n        // - 2+ languages: make visible (show dropdown), preselect default, prefix paths.\n        form.layout(layout => [layout.row(\"language\").before(\"title\")]);\n\n        const dispose = reaction(\n            () => this.repository.getLanguages(),\n            languages => {\n                if (languages.length === 0) {\n                    return;\n                }\n\n                const languageField = form.field(\"language\");\n\n                const defaultCode = this.getDefaultLanguageCode();\n                const current = languageField.getValue();\n\n                if (!current && defaultCode) {\n                    languageField.setValue(defaultCode);\n                }\n\n                if (languages.length > 1) {\n                    languageField.setVisible(true);\n                }\n\n                dispose();\n            },\n            { fireImmediately: true }\n        );\n    }\n\n    mapFromForm(data: Record<string, unknown>, input: CreatePageParams): void {\n        if (data.language) {\n            input.properties = input.properties ?? {};\n            input.properties.language = data.language;\n        }\n    }\n\n    private getSupportedCodes(): string[] {\n        return this.repository.getLanguages().map(l => l.code);\n    }\n\n    private getDefaultLanguageCode(): string | undefined {\n        const languages = this.repository.getLanguages();\n        const defaultLang = languages.find(l => l.isDefault);\n        return defaultLang?.code ?? languages[0]?.code;\n    }\n\n    private shouldPrefixPath(): boolean {\n        return this.repository.getLanguages().length > 1;\n    }\n\n    private afterChange(value: unknown, f: FormModel.Interface) {\n        const langCode = String(value);\n        const codes = this.getSupportedCodes();\n\n        const path = f.field(\"path\").as(\"text\").getValue() || \"\";\n        const stripped = PagePath.create(path).stripLanguageCode(codes);\n        const needsPrefix = langCode && this.shouldPrefixPath();\n\n        // Determine the bare path — either from existing path or from title.\n        let barePath = stripped;\n        if (barePath.isEmpty()) {\n            const title = f.field(\"title\").as(\"text\").getValue() || \"\";\n            if (title) {\n                barePath = PagePath.fromTitle(title);\n            }\n        }\n\n        if (barePath.isEmpty()) {\n            // No path and no title — nothing to do.\n            f.setData({ ...f.getData(), path: null });\n        } else if (needsPrefix) {\n            f.field(\"path\").setValue(barePath.setLanguageCode(langCode, codes).toString());\n        } else {\n            f.field(\"path\").setValue(barePath.toString());\n        }\n    }\n\n    private getLanguageOptions() {\n        return this.repository.getLanguages().map(lang => ({\n            label: `${lang.name} (${lang.code})`,\n            value: lang.code\n        }));\n    }\n}\n\nexport const AddLanguageModifier = CreatePageFormModifier.createImplementation({\n    implementation: AddLanguagePageFormModifier,\n    dependencies: [ListLanguagesUseCase, ListLanguagesRepository]\n});\n"],"names":["AddLanguagePageFormModifier","useCase","repository","form","fields","value","f","path","String","langCode","prefixed","PagePath","layout","dispose","reaction","languages","languageField","defaultCode","current","data","input","l","defaultLang","codes","stripped","needsPrefix","barePath","title","lang","AddLanguageModifier","CreatePageFormModifier","ListLanguagesUseCase","ListLanguagesRepository"],"mappings":"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"}
+{"version":3,"file":"presentation/pages/CreatePage/AddLanguageModifier.js","sources":["../../../../src/presentation/pages/CreatePage/AddLanguageModifier.ts"],"sourcesContent":["import { reaction } from \"mobx\";\nimport { FormModel } from \"@webiny/app-admin\";\nimport {\n    ListLanguagesUseCase,\n    ListLanguagesRepository\n} from \"@webiny/languages/admin/features/listLanguages/abstractions.js\";\nimport { CreatePageFormModifier } from \"~/presentation/pages/CreatePage/abstractions.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport { PagePath } from \"~/shared/PagePath.js\";\n\n/**\n * Modifier that adds a language select field to the CreatePage form.\n * When a language is selected, the path is prefixed with the language code.\n */\nclass AddLanguagePageFormModifier implements CreatePageFormModifier.Interface {\n    constructor(\n        private useCase: ListLanguagesUseCase.Interface,\n        private repository: ListLanguagesRepository.Interface\n    ) {}\n\n    modifyForm(form: FormModel.Interface): void {\n        void this.useCase.execute();\n\n        form.fields(fields => ({\n            language: fields\n                .text()\n                .label(\"Language\")\n                .hidden()\n                .options(() => this.getLanguageOptions())\n                .afterChange((value, { form }) => {\n                    this.afterChange(value, form);\n                })\n        }));\n\n        // When path is set programmatically (e.g., product selection, title change), apply the language prefix.\n        // afterSetValue only fires on programmatic setValue calls, not on UI typing.\n        form.field(\"path\").addAfterSetValue((value, { form }) => {\n            const path = String(value || \"\");\n            if (!path) {\n                return;\n            }\n            const langCode = form.field(\"language\").as(\"text\").getValue() ?? \"\";\n            if (!langCode || !this.shouldPrefixPath()) {\n                return;\n            }\n            const prefixed = PagePath.create(path)\n                .setLanguageCode(langCode, this.getSupportedCodes())\n                .toString();\n            if (prefixed !== path) {\n                form.field(\"path\").setValue(prefixed);\n            }\n        });\n\n        // Field starts hidden. Show it once languages load (if 2+).\n        // - 0 languages: field stays hidden, no value.\n        // - 1 language: auto-assign, stay hidden (no dropdown, no prefix).\n        // - 2+ languages: make visible (show dropdown), preselect default, prefix paths.\n        form.layout(layout => [layout.row(\"language\").before(\"title\")]);\n\n        const dispose = reaction(\n            () => this.repository.getLanguages(),\n            languages => {\n                if (languages.length === 0) {\n                    return;\n                }\n\n                const languageField = form.field(\"language\");\n\n                const defaultCode = this.getDefaultLanguageCode();\n                const current = languageField.getValue();\n\n                if (!current && defaultCode) {\n                    languageField.setValue(defaultCode);\n                }\n\n                if (languages.length > 1) {\n                    languageField.setVisible(true);\n                }\n\n                dispose();\n            },\n            { fireImmediately: true }\n        );\n    }\n\n    mapFromForm(data: Record<string, unknown>, input: CreatePageParams): void {\n        if (data.language) {\n            input.properties = input.properties ?? {};\n            input.properties.language = data.language;\n        }\n    }\n\n    private getSupportedCodes(): string[] {\n        return this.repository.getLanguages().map(l => l.code);\n    }\n\n    private getDefaultLanguageCode(): string | undefined {\n        const languages = this.repository.getLanguages();\n        const defaultLang = languages.find(l => l.isDefault);\n        return defaultLang?.code ?? languages[0]?.code;\n    }\n\n    private shouldPrefixPath(): boolean {\n        return this.repository.getLanguages().length > 1;\n    }\n\n    private afterChange(value: unknown, f: FormModel.Interface) {\n        const langCode = String(value);\n        const codes = this.getSupportedCodes();\n\n        const path = f.field(\"path\").as(\"text\").getValue() || \"\";\n        const stripped = PagePath.create(path).stripLanguageCode(codes);\n        const needsPrefix = langCode && this.shouldPrefixPath();\n\n        // Determine the bare path — either from existing path or from title.\n        let barePath = stripped;\n        if (barePath.isEmpty()) {\n            const title = f.field(\"title\").as(\"text\").getValue() || \"\";\n            if (title) {\n                barePath = PagePath.fromTitle(title);\n            }\n        }\n\n        if (barePath.isEmpty()) {\n            // No path and no title — nothing to do.\n            f.setData({ ...f.getData(), path: null });\n        } else if (needsPrefix) {\n            f.field(\"path\").setValue(barePath.setLanguageCode(langCode, codes).toString());\n        } else {\n            f.field(\"path\").setValue(barePath.toString());\n        }\n    }\n\n    private getLanguageOptions() {\n        return this.repository.getLanguages().map(lang => ({\n            label: `${lang.name} (${lang.code})`,\n            value: lang.code\n        }));\n    }\n}\n\nexport const AddLanguageModifier = CreatePageFormModifier.createImplementation({\n    implementation: AddLanguagePageFormModifier,\n    dependencies: [ListLanguagesUseCase, ListLanguagesRepository]\n});\n"],"names":["AddLanguagePageFormModifier","useCase","repository","form","fields","value","path","String","langCode","prefixed","PagePath","layout","dispose","reaction","languages","languageField","defaultCode","current","data","input","l","defaultLang","f","codes","stripped","needsPrefix","barePath","title","lang","AddLanguageModifier","CreatePageFormModifier","ListLanguagesUseCase","ListLanguagesRepository"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import { describe, expect, it } from "vitest";
 import { Container } from "@webiny/di";
 import { FormModelFeature } from "@webiny/app-admin/features/formModel/feature.js";
+import { IdentityContextFeature } from "@webiny/app-admin/features/security/IdentityContext/feature.js";
 import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
 import { AddLanguageModifier } from "./AddLanguageModifier.js";
 import { PagePath } from "../../../shared/PagePath.js";
@@ -19,14 +20,15 @@ function createLanguageMocks(languages) {
 }
 function createBaseForm(config) {
     const container = new Container();
+    IdentityContextFeature.register(container);
     FormModelFeature.register(container);
     const factory = container.resolve(FormModelFactory);
     return factory.create({
         fields: (fields)=>({
-                title: fields.text().label("Title").required("Title is required").onBlur((value, f)=>{
-                    const currentPath = f.field("path").getValue();
+                title: fields.text().label("Title").required("Title is required").onBlur((value, { form })=>{
+                    const currentPath = form.field("path").getValue();
                     if (currentPath) return;
-                    f.field("path").setValue(PagePath.fromTitle(String(value)).toString());
+                    form.field("path").setValue(PagePath.fromTitle(String(value)).toString());
                 }),
                 path: fields.text().label("Path").required("Path is required").beforeChange((value)=>PagePath.create(String(value)).slugify().toString()),
                 pageType: fields.text().hidden().defaultValue("staticPage")

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

@@ -1 +1 @@
-{"version":3,"file":"presentation/pages/CreatePage/CreatePage.test.js","sources":["../../../../src/presentation/pages/CreatePage/CreatePage.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { FormModelFeature } from \"@webiny/app-admin/features/formModel/feature.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.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\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\nfunction createBaseForm(config?: Partial<IFormModelConfig>) {\n    const container = new Container();\n    FormModelFeature.register(container);\n    const factory = container.resolve(FormModelFactory);\n\n    return factory.create({\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                    .text()\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                    .text()\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"],"names":["createLanguageMocks","languages","repository","useCase","createBaseForm","config","container","Container","FormModelFeature","factory","FormModelFactory","fields","value","f","currentPath","PagePath","String","layout","setTitleAndBlur","form","describe","it","expect","data","fieldNames","n","row","result","buildForm","pageType","modifiers","modifier","staticPageType","productPageType","langs","languageModifier","AddLanguageModifier","pageTypes","changePageType","currentForm","newType","previousData","staticForm","productForm","langValue"],"mappings":"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"}
+{"version":3,"file":"presentation/pages/CreatePage/CreatePage.test.js","sources":["../../../../src/presentation/pages/CreatePage/CreatePage.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { FormModelFeature } from \"@webiny/app-admin/features/formModel/feature.js\";\nimport { IdentityContextFeature } from \"@webiny/app-admin/features/security/IdentityContext/feature.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.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\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\nfunction createBaseForm(config?: Partial<IFormModelConfig>) {\n    const container = new Container();\n    IdentityContextFeature.register(container);\n    FormModelFeature.register(container);\n    const factory = container.resolve(FormModelFactory);\n\n    return 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();\n                    if (currentPath) {\n                        return;\n                    }\n                    form.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                    .text()\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                    .text()\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"],"names":["createLanguageMocks","languages","repository","useCase","createBaseForm","config","container","Container","IdentityContextFeature","FormModelFeature","factory","FormModelFactory","fields","value","form","currentPath","PagePath","String","layout","setTitleAndBlur","describe","it","expect","data","fieldNames","n","row","f","result","buildForm","pageType","modifiers","modifier","staticPageType","productPageType","langs","languageModifier","AddLanguageModifier","pageTypes","changePageType","currentForm","newType","previousData","staticForm","productForm","langValue"],"mappings":";;;;;;;AAWA,SAASA,oBAAoBC,SAAwB;IACjD,MAAMC,aAAa;QACf,SAAS,UAAYD;QACrB,cAAc,IAAMA;IACxB;IACA,MAAME,UAAU;QACZ,SAAS,UAAYF;IACzB;IACA,OAAO;QAAEE;QAASD;IAAW;AACjC;AAEA,SAASE,eAAeC,MAAkC;IACtD,MAAMC,YAAY,IAAIC;IACtBC,uBAAuB,QAAQ,CAACF;IAChCG,iBAAiB,QAAQ,CAACH;IAC1B,MAAMI,UAAUJ,UAAU,OAAO,CAACK;IAElC,OAAOD,QAAQ,MAAM,CAAC;QAClB,QAAQE,CAAAA,SAAW;gBACf,OAAOA,OACF,IAAI,GACJ,KAAK,CAAC,SACN,QAAQ,CAAC,qBACT,MAAM,CAAC,CAACC,OAAO,EAAEC,IAAI,EAAE;oBACpB,MAAMC,cAAcD,KAAK,KAAK,CAAC,QAAQ,QAAQ;oBAC/C,IAAIC,aACA;oBAEJD,KAAK,KAAK,CAAC,QAAQ,QAAQ,CAACE,SAAS,SAAS,CAACC,OAAOJ,QAAQ,QAAQ;gBAC1E;gBACJ,MAAMD,OACD,IAAI,GACJ,KAAK,CAAC,QACN,QAAQ,CAAC,oBACT,YAAY,CAACC,CAAAA,QACHG,SAAS,MAAM,CAACC,OAAOJ,QAAQ,OAAO,GAAG,QAAQ;gBAEhE,UAAUD,OAAO,IAAI,GAAG,MAAM,GAAG,YAAY,CAAC;YAClD;QACA,QAAQM,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;gBAAUA,OAAO,GAAG,CAAC;aAAQ;QAC3D,GAAGb,MAAM;IACb;AACJ;AAKA,SAASc,gBAAgBL,IAAgB,EAAED,KAAa;IACpDC,KAAK,KAAK,CAAC,SAAS,QAAQ,CAACD;IAC7BC,KAAK,KAAK,CAAC,SAAS,IAAI;AAC5B;AAEAM,SAAS,wBAAwB;IAC7BC,GAAG,8DAA8D;QAC7D,MAAMP,OAAOV;QACbkB,OAAOR,KAAK,KAAK,CAAC,UAAU,WAAW;QACvCQ,OAAOR,KAAK,KAAK,CAAC,SAAS,WAAW;QACtCQ,OAAOR,KAAK,KAAK,CAAC,aAAa,WAAW;IAC9C;IAEAO,GAAG,wDAAwD;QACvD,MAAMP,OAAOV;QACb,MAAMmB,OAAOT,KAAK,OAAO;QACzBQ,OAAOC,KAAK,QAAQ,EAAE,IAAI,CAAC;QAE3B,MAAMC,aAAaV,KAAK,EAAE,CAAC,MAAM,CAC5B,MAAM,CAAC,CAACW,IAAuBA,AAAW,UAAXA,EAAE,IAAI,EACrC,OAAO,CAACC,CAAAA,MAAOA,IAAI,MAAM,CAAC,GAAG,CAACC,CAAAA,IAAKA,EAAE,IAAI;QAC9CL,OAAOE,YAAY,GAAG,CAAC,SAAS,CAAC;IACrC;IAEAH,GAAG,gDAAgD;QAC/C,MAAMP,OAAOV;QACbe,gBAAgBL,MAAM;QACtBQ,OAAOR,KAAK,KAAK,CAAC,QAAQ,QAAQ,IAAI,IAAI,CAAC;IAC/C;IAEAO,GAAG,iEAAiE;QAChE,MAAMP,OAAOV;QACbU,KAAK,KAAK,CAAC,SAAS,QAAQ,CAAC;QAC7BQ,OAAOR,KAAK,KAAK,CAAC,QAAQ,QAAQ,IAAI,QAAQ;IAClD;IAEAO,GAAG,kDAAkD;QACjD,MAAMP,OAAOV;QACbe,gBAAgBL,MAAM;QACtBA,KAAK,KAAK,CAAC,QAAQ,QAAQ,CAAC;QAC5BK,gBAAgBL,MAAM;QACtBQ,OAAOR,KAAK,KAAK,CAAC,QAAQ,QAAQ,IAAI,IAAI,CAAC;IAC/C;IAEAO,GAAG,sCAAsC;QACrC,MAAMP,OAAOV;QACbU,KAAK,KAAK,CAAC,SAAS,QAAQ,CAAC;QAC7BA,KAAK,KAAK,CAAC,QAAQ,QAAQ,CAAC;QAE5B,MAAMc,SAAS,MAAMd,KAAK,MAAM;QAChCQ,OAAOM,QAAQ,OAAO,CAAC;YACnB,OAAO;YACP,MAAM;YACN,UAAU;QACd;IACJ;IAEAP,GAAG,yCAAyC;QACxC,MAAMP,OAAOV;QACb,MAAMwB,SAAS,MAAMd,KAAK,MAAM;QAChCQ,OAAOM,QAAQ,IAAI,CAAC;QACpBN,OAAOR,KAAK,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;IAC/C;AACJ;AAEAM,SAAS,4CAA4C;IAOjD,SAASS,UAAUC,QAAmB,EAAEC,YAAuC,EAAE;QAC7E,MAAMjB,OAAOV;QACb0B,SAAS,UAAU,GAAGhB;QACtB,KAAK,MAAMkB,YAAYD,UACnBC,SAAS,UAAU,CAAClB;QAExB,OAAOA;IACX;IAEA,MAAMmB,iBAA4B;QAC9B,MAAM;QACN,OAAO;QACP,eAEA;IACJ;IAEA,MAAMC,kBAA6B;QAC/B,MAAM;QACN,OAAO;QACP,YAAWpB,IAAI;YACXA,KAAK,MAAM,CAACF,CAAAA,SAAW;oBACnB,SAASA,OACJ,IAAI,GACJ,KAAK,CAAC,WACN,QAAQ,CAAC,uBACT,OAAO,CAAC;wBACL;4BAAE,OAAO;4BAAS,OAAO;wBAAQ;wBACjC;4BAAE,OAAO;4BAAQ,OAAO;wBAAO;qBAClC;gBACT;YACAE,KAAK,KAAK,CAAC,SAAS,WAAW,CAAC;YAChCA,KAAK,KAAK,CAAC,QAAQ,WAAW,CAAC;YAC/BA,KAAK,MAAM,CAACI,CAAAA,SAAU;oBAACA,OAAO,GAAG,CAAC,WAAW,MAAM,CAAC;iBAAS;QACjE;IACJ;IAEAG,GAAG,yDAAyD;QACxD,MAAMP,OAAOe,UAAUI;QACvB,MAAMT,aAAaV,KAAK,EAAE,CAAC,MAAM,CAC5B,MAAM,CAAC,CAACW,IAAuBA,AAAW,UAAXA,EAAE,IAAI,EACrC,OAAO,CAACC,CAAAA,MAAOA,IAAI,MAAM,CAAC,GAAG,CAACC,CAAAA,IAAKA,EAAE,IAAI;QAC9CL,OAAOE,YAAY,OAAO,CAAC;YAAC;YAAS;SAAO;IAChD;IAEAH,GAAG,yEAAyE;QACxE,MAAMP,OAAOe,UAAUK;QACvB,MAAMV,aAAaV,KAAK,EAAE,CAAC,MAAM,CAC5B,MAAM,CAAC,CAACW,IAAuBA,AAAW,UAAXA,EAAE,IAAI,EACrC,OAAO,CAACC,CAAAA,MAAOA,IAAI,MAAM,CAAC,GAAG,CAACC,CAAAA,IAAKA,EAAE,IAAI;QAC9CL,OAAOE,YAAY,OAAO,CAAC;YAAC;YAAW;YAAS;SAAO;QAEvDF,OAAOR,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC;QAC7CQ,OAAOR,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC;IAChD;IAEAO,GAAG,qCAAqC;QACpC,MAAMP,OAAOe,UAAUK;QACvBpB,KAAK,KAAK,CAAC,WAAW,QAAQ,CAAC;QAC/B,MAAMS,OAAOT,KAAK,OAAO;QACzBQ,OAAOC,KAAK,OAAO,EAAE,IAAI,CAAC;IAC9B;IAEAF,GAAG,uDAAuD;QACtD,MAAMc,QAAuB;YACzB;gBAAE,IAAI;gBAAM,MAAM;gBAAM,MAAM;gBAAW,WAAW;YAAK;YACzD;gBAAE,IAAI;gBAAM,MAAM;gBAAM,MAAM;YAAS;SAC1C;QACD,MAAM,EAAEhC,OAAO,EAAED,UAAU,EAAE,GAAGF,oBAAoBmC;QACpD,MAAMC,mBAAmB,IAAIC,oBAAoBlC,SAASD;QAE1D,MAAMY,OAAOe,UAAUK,iBAAiB;YAACE;SAAiB;QAC1D,MAAMZ,aAAaV,KAAK,EAAE,CAAC,MAAM,CAC5B,MAAM,CAAC,CAACW,IAAuBA,AAAW,UAAXA,EAAE,IAAI,EACrC,OAAO,CAACC,CAAAA,MAAOA,IAAI,MAAM,CAAC,GAAG,CAACC,CAAAA,IAAKA,EAAE,IAAI;QAG9CL,OAAOE,YAAY,OAAO,CAAC;YAAC;YAAW;YAAY;YAAS;SAAO;IACvE;IAEAH,GAAG,+DAA+D;QAC9D,MAAMc,QAAuB;YACzB;gBAAE,IAAI;gBAAM,MAAM;gBAAM,MAAM;gBAAW,WAAW;YAAK;YACzD;gBAAE,IAAI;gBAAM,MAAM;gBAAM,MAAM;YAAS;SAC1C;QACD,MAAM,EAAEhC,OAAO,EAAED,UAAU,EAAE,GAAGF,oBAAoBmC;QACpD,MAAMC,mBAAmB,IAAIC,oBAAoBlC,SAASD;QAE1D,MAAMY,OAAOe,UAAUI,gBAAgB;YAACG;SAAiB;QACzD,MAAMZ,aAAaV,KAAK,EAAE,CAAC,MAAM,CAC5B,MAAM,CAAC,CAACW,IAAuBA,AAAW,UAAXA,EAAE,IAAI,EACrC,OAAO,CAACC,CAAAA,MAAOA,IAAI,MAAM,CAAC,GAAG,CAACC,CAAAA,IAAKA,EAAE,IAAI;QAE9CL,OAAOE,YAAY,OAAO,CAAC;YAAC;YAAY;YAAS;SAAO;IAC5D;AACJ;AAEAJ,SAAS,oCAAoC;IACzC,MAAMa,iBAA4B;QAC9B,MAAM;QACN,OAAO;QACP,eAEA;IACJ;IAEA,MAAMC,kBAA6B;QAC/B,MAAM;QACN,OAAO;QACP,YAAWpB,IAAI;YACXA,KAAK,MAAM,CAACF,CAAAA,SAAW;oBACnB,SAASA,OACJ,IAAI,GACJ,KAAK,CAAC,WACN,QAAQ,CAAC,uBACT,OAAO,CAAC;wBACL;4BAAE,OAAO;4BAAS,OAAO;wBAAQ;wBACjC;4BAAE,OAAO;4BAAQ,OAAO;wBAAO;qBAClC;gBACT;YACAE,KAAK,KAAK,CAAC,SAAS,WAAW,CAAC;YAChCA,KAAK,KAAK,CAAC,QAAQ,WAAW,CAAC;YAC/BA,KAAK,MAAM,CAACI,CAAAA,SAAU;oBAACA,OAAO,GAAG,CAAC,WAAW,MAAM,CAAC;iBAAS;QACjE;IACJ;IAEA,MAAMoB,YAAuC;QACzC,QAAQL;QACR,SAASC;IACb;IAOA,SAASK,eACLC,WAAuB,EACvBC,OAAe,EACfV,YAAuC,EAAE;QAEzC,MAAMW,eAAeF,YAAY,OAAO;QACxC,MAAM1B,OAAOV;QACbkC,SAAS,CAACG,QAAQ,CAAC,UAAU,GAAG3B;QAChC,KAAK,MAAMkB,YAAYD,UACnBC,SAAS,UAAU,CAAClB;QAExBA,KAAK,OAAO,CAAC4B;QACb,OAAO5B;IACX;IAEAO,GAAG,iEAAiE;QAEhE,MAAMsB,aAAavC;QACnB6B,eAAe,UAAU,GAAGU;QAC5BA,WAAW,KAAK,CAAC,SAAS,QAAQ,CAAC;QACnCA,WAAW,KAAK,CAAC,QAAQ,QAAQ,CAAC;QAGlC,MAAMC,cAAcL,eAAeI,YAAY;QAE/CrB,OAAOsB,YAAY,KAAK,CAAC,SAAS,QAAQ,IAAI,IAAI,CAAC;QACnDtB,OAAOsB,YAAY,KAAK,CAAC,QAAQ,QAAQ,IAAI,IAAI,CAAC;IACtD;IAEAvB,GAAG,mDAAmD;QAElD,MAAMuB,cAAcxC;QACpB8B,gBAAgB,UAAU,GAAGU;QAC7BA,YAAY,KAAK,CAAC,WAAW,QAAQ,CAAC;QAGtC,MAAMD,aAAaJ,eAAeK,aAAa;QAE/C,MAAMpB,aAAamB,WAAW,EAAE,CAAC,MAAM,CAClC,MAAM,CAAC,CAAClB,IAAuBA,AAAW,UAAXA,EAAE,IAAI,EACrC,OAAO,CAACC,CAAAA,MAAOA,IAAI,MAAM,CAAC,GAAG,CAACC,CAAAA,IAAKA,EAAE,IAAI;QAC9CL,OAAOE,YAAY,OAAO,CAAC;YAAC;YAAS;SAAO;QAC5CF,OAAOqB,WAAW,OAAO,IAAI,GAAG,CAAC,cAAc,CAAC;IACpD;IAEAtB,GAAG,yEAAyE;QACxE,MAAMc,QAAuB;YACzB;gBAAE,IAAI;gBAAM,MAAM;gBAAM,MAAM;gBAAW,WAAW;YAAK;YACzD;gBAAE,IAAI;gBAAM,MAAM;gBAAM,MAAM;YAAS;SAC1C;QACD,MAAM,EAAEhC,OAAO,EAAED,UAAU,EAAE,GAAGF,oBAAoBmC;QACpD,MAAMC,mBAAmB,IAAIC,oBAAoBlC,SAASD;QAG1D,MAAMyC,aAAavC;QACnB6B,eAAe,UAAU,GAAGU;QAC5BP,iBAAiB,UAAU,CAACO;QAC5BA,WAAW,KAAK,CAAC,SAAS,QAAQ,CAAC;QAGnC,MAAME,YAAYF,WAAW,KAAK,CAAC,YAAY,QAAQ;QACvDrB,OAAOuB,WAAW,IAAI,CAAC;QAGvB,MAAMD,cAAcL,eAAeI,YAAY,WAAW;YAACP;SAAiB;QAE5Ed,OAAOsB,YAAY,KAAK,CAAC,YAAY,QAAQ,IAAI,IAAI,CAAC;QACtDtB,OAAOsB,YAAY,KAAK,CAAC,SAAS,QAAQ,IAAI,IAAI,CAAC;IACvD;IAEAvB,GAAG,sDAAsD;QACrD,MAAMsB,aAAavC;QACnB6B,eAAe,UAAU,GAAGU;QAC5BrB,OAAOqB,WAAW,OAAO,GAAG,QAAQ,EAAE,IAAI,CAAC;QAG3C,MAAMC,cAAcL,eAAeI,YAAY;QAK/CrB,OAAOsB,YAAY,KAAK,CAAC,YAAY,QAAQ,IAAI,IAAI,CAAC;IAC1D;AACJ"}

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

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

package/presentation/pages/CreatePage/CreatePageDialog.js

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

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

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

package/presentation/pages/CreatePage/CreatePagePresenter.js

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