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

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/AbTesting.d.ts

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

package/modules/AbTesting.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { RegisterFeature } from "@webiny/app-admin";
+import { ExperimentsFeature } from "../features/experiments/index.js";
+import { ExperimentsEditorPresenterFeature } from "../presentation/experiments/ExperimentsEditor/index.js";
+import { ExperimentsManagerPresenterFeature } from "../presentation/experiments/ExperimentsManager/index.js";
+import { ExperimentFormPresenterFeature } from "../presentation/experiments/ExperimentForm/index.js";
+import { ExperimentsEditorConfig } from "../presentation/experiments/config/ExperimentsEditorConfig.js";
+const AbTesting = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: ExperimentsFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: ExperimentsEditorPresenterFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: ExperimentsManagerPresenterFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: ExperimentFormPresenterFeature
+    }), /*#__PURE__*/ react.createElement(ExperimentsEditorConfig, null));
+export { AbTesting };
+
+//# sourceMappingURL=AbTesting.js.map

package/modules/AbTesting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AbTesting.js","sources":["../../src/modules/AbTesting.tsx"],"sourcesContent":["import React from \"react\";\nimport { RegisterFeature } from \"@webiny/app-admin\";\nimport { ExperimentsFeature } from \"~/features/experiments/index.js\";\nimport { ExperimentsEditorPresenterFeature } from \"~/presentation/experiments/ExperimentsEditor/index.js\";\nimport { ExperimentsManagerPresenterFeature } from \"~/presentation/experiments/ExperimentsManager/index.js\";\nimport { ExperimentFormPresenterFeature } from \"~/presentation/experiments/ExperimentForm/index.js\";\nimport { ExperimentsEditorConfig } from \"~/presentation/experiments/config/ExperimentsEditorConfig.js\";\n\nexport const AbTesting = () => {\n    return (\n        <>\n            <RegisterFeature feature={ExperimentsFeature} />\n            <RegisterFeature feature={ExperimentsEditorPresenterFeature} />\n            <RegisterFeature feature={ExperimentsManagerPresenterFeature} />\n            <RegisterFeature feature={ExperimentFormPresenterFeature} />\n            <ExperimentsEditorConfig />\n        </>\n    );\n};\n"],"names":["AbTesting","RegisterFeature","ExperimentsFeature","ExperimentsEditorPresenterFeature","ExperimentsManagerPresenterFeature","ExperimentFormPresenterFeature","ExperimentsEditorConfig"],"mappings":";;;;;;;AAQO,MAAMA,YAAY,IACd,WAAP,GACI,wDACI,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACF,iBAAeA;QAAC,SAASG;sBAC1B,oBAACH,iBAAeA;QAAC,SAASI;sBAC1B,oBAACC,yBAAuBA"}

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/settings/useSettingsDialog.js

@@ -1,23 +1,25 @@
 import react from "react";
 import { useDialogs } from "@webiny/app-admin";
 import { useToast } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
 import { WebsiteBuilderSettings } from "./WebsiteBuilderSettings.js";
-import { useGetWebsiteBuilderSettings, useUpdateWebsiteBuilderSettings } from "../../features/index.js";
+import { GetSettingsFeature } from "../../features/settings/getSettings/index.js";
+import { UpdateSettingsFeature } from "../../features/settings/updateSettings/index.js";
 const useSettingsDialog = ()=>{
     const { showSuccessToast } = useToast();
     const dialogs = useDialogs();
-    const { getSettings } = useGetWebsiteBuilderSettings();
-    const { updateSettings } = useUpdateWebsiteBuilderSettings();
+    const { useCase: getSettings } = useFeature(GetSettingsFeature);
+    const { useCase: updateSettings } = useFeature(UpdateSettingsFeature);
     const showSettingsDialog = ()=>{
         dialogs.showDialog({
-            formData: ()=>getSettings(),
+            formData: ()=>getSettings.execute(),
             title: "Website Builder Settings",
             acceptLabel: "Save Settings",
             cancelLabel: "Cancel",
             loadingLabel: "Saving...",
             content: /*#__PURE__*/ react.createElement(WebsiteBuilderSettings, null),
             onAccept: async (data)=>{
-                await updateSettings(data);
+                await updateSettings.execute(data);
                 showSuccessToast({
                     title: "Success!",
                     description: "Settings were saved successfully.",

package/modules/settings/useSettingsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"modules/settings/useSettingsDialog.js","sources":["../../../src/modules/settings/useSettingsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { WebsiteBuilderSettings } from \"./WebsiteBuilderSettings.js\";\nimport { useGetWebsiteBuilderSettings, useUpdateWebsiteBuilderSettings } from \"~/features/index.js\";\n\nexport const useSettingsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const { getSettings } = useGetWebsiteBuilderSettings();\n    const { updateSettings } = useUpdateWebsiteBuilderSettings();\n\n    type SettingsType = Awaited<ReturnType<typeof getSettings>>;\n\n    const showSettingsDialog = () => {\n        dialogs.showDialog({\n            formData: () => getSettings(),\n            title: \"Website Builder Settings\",\n            acceptLabel: \"Save Settings\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Saving...\",\n            content: <WebsiteBuilderSettings />,\n            onAccept: async data => {\n                await updateSettings(data as SettingsType);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showSettingsDialog };\n};\n"],"names":["useSettingsDialog","showSuccessToast","useToast","dialogs","useDialogs","getSettings","useGetWebsiteBuilderSettings","updateSettings","useUpdateWebsiteBuilderSettings","showSettingsDialog","WebsiteBuilderSettings","data"],"mappings":";;;;;AAMO,MAAMA,oBAAoB;IAC7B,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAMC,UAAUC;IAChB,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAI3B,MAAMC,qBAAqB;QACvBN,QAAQ,UAAU,CAAC;YACf,UAAU,IAAME;YAChB,OAAO;YACP,aAAa;YACb,aAAa;YACb,cAAc;YACd,SAAS,WAAT,GAAS,oBAACK,wBAAsBA;YAChC,UAAU,OAAMC;gBACZ,MAAMJ,eAAeI;gBACrBV,iBAAiB;oBACb,OAAO;oBACP,aAAa;oBACb,UAAU;gBACd;YACJ;QACJ;IACJ;IAEA,OAAO;QAAEQ;IAAmB;AAChC"}
+{"version":3,"file":"modules/settings/useSettingsDialog.js","sources":["../../../src/modules/settings/useSettingsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { WebsiteBuilderSettings } from \"./WebsiteBuilderSettings.js\";\nimport { GetSettingsFeature } from \"~/features/settings/getSettings/index.js\";\nimport { UpdateSettingsFeature } from \"~/features/settings/updateSettings/index.js\";\n\nexport const useSettingsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const { useCase: getSettings } = useFeature(GetSettingsFeature);\n    const { useCase: updateSettings } = useFeature(UpdateSettingsFeature);\n\n    type SettingsType = Awaited<ReturnType<typeof getSettings.execute>>;\n\n    const showSettingsDialog = () => {\n        dialogs.showDialog({\n            formData: () => getSettings.execute(),\n            title: \"Website Builder Settings\",\n            acceptLabel: \"Save Settings\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Saving...\",\n            content: <WebsiteBuilderSettings />,\n            onAccept: async data => {\n                await updateSettings.execute(data as SettingsType);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showSettingsDialog };\n};\n"],"names":["useSettingsDialog","showSuccessToast","useToast","dialogs","useDialogs","getSettings","useFeature","GetSettingsFeature","updateSettings","UpdateSettingsFeature","showSettingsDialog","WebsiteBuilderSettings","data"],"mappings":";;;;;;;AAQO,MAAMA,oBAAoB;IAC7B,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAMC,UAAUC;IAChB,MAAM,EAAE,SAASC,WAAW,EAAE,GAAGC,WAAWC;IAC5C,MAAM,EAAE,SAASC,cAAc,EAAE,GAAGF,WAAWG;IAI/C,MAAMC,qBAAqB;QACvBP,QAAQ,UAAU,CAAC;YACf,UAAU,IAAME,YAAY,OAAO;YACnC,OAAO;YACP,aAAa;YACb,aAAa;YACb,cAAc;YACd,SAAS,WAAT,GAAS,oBAACM,wBAAsBA;YAChC,UAAU,OAAMC;gBACZ,MAAMJ,eAAe,OAAO,CAACI;gBAC7BX,iBAAiB;oBACb,OAAO;oBACP,aAAa;oBACb,UAAU;gBACd;YACJ;QACJ;IACJ;IAEA,OAAO;QAAES;IAAmB;AAChC"}

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.11",
+	"version": "6.6.0-alpha.1",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -13,52 +13,43 @@
 	"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.49.0",
 		"@monaco-editor/react": "4.7.0",
-		"@svgr/webpack": "8.1.0",
 		"@types/react": "18.3.31",
-		"@webiny/admin-ui": "6.4.11",
-		"@webiny/app": "6.4.11",
-		"@webiny/app-aco": "6.4.11",
-		"@webiny/app-admin": "6.4.11",
-		"@webiny/app-headless-cms-common": "6.4.11",
-		"@webiny/app-trash-bin": "6.4.11",
-		"@webiny/app-utils": "6.4.11",
-		"@webiny/di": "1.0.2",
-		"@webiny/error": "6.4.11",
-		"@webiny/feature": "6.4.11",
-		"@webiny/form": "6.4.11",
-		"@webiny/icons": "6.4.11",
-		"@webiny/languages": "6.4.11",
-		"@webiny/lexical-converter": "6.4.11",
-		"@webiny/lexical-editor": "6.4.11",
-		"@webiny/lexical-nodes": "6.4.11",
-		"@webiny/lexical-theme": "6.4.11",
-		"@webiny/react-composition": "6.4.11",
-		"@webiny/react-properties": "6.4.11",
-		"@webiny/utils": "6.4.11",
-		"@webiny/validation": "6.4.11",
-		"@webiny/website-builder-sdk": "6.4.11",
-		"apollo-cache": "1.3.5",
-		"apollo-client": "2.6.10",
-		"apollo-link": "1.2.14",
-		"apollo-utilities": "1.3.4",
+		"@webiny/admin-ui": "6.6.0-alpha.1",
+		"@webiny/app": "6.6.0-alpha.1",
+		"@webiny/app-aco": "6.6.0-alpha.1",
+		"@webiny/app-admin": "6.6.0-alpha.1",
+		"@webiny/app-headless-cms-common": "6.6.0-alpha.1",
+		"@webiny/app-utils": "6.6.0-alpha.1",
+		"@webiny/di": "1.1.0",
+		"@webiny/feature": "6.6.0-alpha.1",
+		"@webiny/form": "6.6.0-alpha.1",
+		"@webiny/icons": "6.6.0-alpha.1",
+		"@webiny/languages": "6.6.0-alpha.1",
+		"@webiny/lexical-converter": "6.6.0-alpha.1",
+		"@webiny/lexical-editor": "6.6.0-alpha.1",
+		"@webiny/lexical-nodes": "6.6.0-alpha.1",
+		"@webiny/lexical-theme": "6.6.0-alpha.1",
+		"@webiny/react-composition": "6.6.0-alpha.1",
+		"@webiny/react-properties": "6.6.0-alpha.1",
+		"@webiny/utils": "6.6.0-alpha.1",
+		"@webiny/validation": "6.6.0-alpha.1",
+		"@webiny/website-builder-sdk": "6.6.0-alpha.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.8.2",
+		"markdown-to-jsx": "9.10.2",
 		"matcher": "6.0.0",
-		"mobx": "6.16.1",
-		"mobx-react-lite": "4.1.1",
+		"mobx": "7.0.3",
+		"mobx-react-lite": "5.0.3",
 		"pluralize": "8.0.0",
-		"radix-ui": "1.6.2",
+		"radix-ui": "1.6.7",
 		"react": "18.3.1",
 		"react-dnd": "16.0.1",
 		"react-dnd-html5-backend": "16.0.1",
@@ -69,11 +60,11 @@
 	"devDependencies": {
 		"@types/deep-equal": "1.0.4",
 		"@types/is-hotkey": "0.1.10",
-		"@webiny/build-tools": "6.4.11",
-		"execa": "5.1.1",
+		"@webiny/build-tools": "6.6.0-alpha.1",
+		"execa": "10.0.1",
 		"rimraf": "6.1.3",
-		"typescript": "6.0.3",
-		"vitest": "4.1.10"
+		"typescript": "7.0.2",
+		"vitest": "4.1.11"
 	},
 	"publishConfig": {
 		"access": "public"

package/presentation/components/LanguageCodeTag.js

@@ -1,15 +1,16 @@
 import react from "react";
 import { Tag } from "@webiny/admin-ui";
-import { Wcp } from "@webiny/app-admin";
+import { useFeatureFlags } from "@webiny/app-admin";
 const LanguageCodeTag = ({ code, className })=>{
-    if (!code) return null;
-    return /*#__PURE__*/ react.createElement(Wcp.CanUseMultiTenancy, null, /*#__PURE__*/ react.createElement("div", {
+    const featureFlags = useFeatureFlags();
+    if (!code || !featureFlags.isEnabled("multiTenancy")) return null;
+    return /*#__PURE__*/ react.createElement("div", {
         className: "flex justify-center items-center"
     }, /*#__PURE__*/ react.createElement(Tag, {
         variant: "neutral-muted",
         content: code,
         className: className
-    })));
+    }));
 };
 export { LanguageCodeTag };
 

package/presentation/components/LanguageCodeTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/components/LanguageCodeTag.js","sources":["../../../src/presentation/components/LanguageCodeTag.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"@webiny/admin-ui\";\nimport { Wcp } from \"@webiny/app-admin\";\n\nexport interface LanguageCodeProps {\n    code: string | undefined;\n    className?: string;\n}\n\nexport const LanguageCodeTag = ({ code, className }: LanguageCodeProps) => {\n    if (!code) {\n        return null;\n    }\n\n    return (\n        <Wcp.CanUseMultiTenancy>\n            <div className={\"flex justify-center items-center\"}>\n                <Tag variant={\"neutral-muted\"} content={code} className={className} />\n            </div>\n        </Wcp.CanUseMultiTenancy>\n    );\n};\n"],"names":["LanguageCodeTag","code","className","Wcp","Tag"],"mappings":";;;AASO,MAAMA,kBAAkB,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAqB;IAClE,IAAI,CAACD,MACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACE,IAAI,kBAAkB,sBACnB,oBAAC;QAAI,WAAW;qBACZ,oBAACC,KAAGA;QAAC,SAAS;QAAiB,SAASH;QAAM,WAAWC;;AAIzE"}
+{"version":3,"file":"presentation/components/LanguageCodeTag.js","sources":["../../../src/presentation/components/LanguageCodeTag.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"@webiny/admin-ui\";\nimport { useFeatureFlags } from \"@webiny/app-admin\";\n\nexport interface LanguageCodeProps {\n    code: string | undefined;\n    className?: string;\n}\n\nexport const LanguageCodeTag = ({ code, className }: LanguageCodeProps) => {\n    const featureFlags = useFeatureFlags();\n\n    if (!code || !featureFlags.isEnabled(\"multiTenancy\")) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex justify-center items-center\"}>\n            <Tag variant={\"neutral-muted\"} content={code} className={className} />\n        </div>\n    );\n};\n"],"names":["LanguageCodeTag","code","className","featureFlags","useFeatureFlags","Tag"],"mappings":";;;AASO,MAAMA,kBAAkB,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAqB;IAClE,MAAMC,eAAeC;IAErB,IAAI,CAACH,QAAQ,CAACE,aAAa,SAAS,CAAC,iBACjC,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACE,KAAGA;QAAC,SAAS;QAAiB,SAASJ;QAAM,WAAWC;;AAGrE"}

package/presentation/experiments/ExperimentForm/ExperimentFormPresenter.d.ts

@@ -0,0 +1,30 @@
+import { type ExperimentFormInitial, type IExperimentFormPresenter, type IExperimentFormViewModel, type NewExperimentPayload } from "./abstractions/ExperimentFormPresenter.js";
+declare class ExperimentFormPresenterImpl implements IExperimentFormPresenter {
+    private _name;
+    private _key;
+    private _keyEdited;
+    private _buckets;
+    private _submitLabel;
+    private _allowStructureChange;
+    private _onSubmit;
+    constructor();
+    get vm(): IExperimentFormViewModel;
+    init(initial: ExperimentFormInitial | undefined, options: {
+        submitLabel: string;
+        allowStructureChange: boolean;
+        onSubmit: (payload: NewExperimentPayload) => void;
+    }): void;
+    setName(value: string): void;
+    setKey(value: string): void;
+    addVariant(): void;
+    removeVariant(index: number): void;
+    changeWeight(index: number, value: number): void;
+    changeName(index: number, value: string): void;
+    changeKey(index: number, value: string): void;
+    changeDescription(index: number, value: string): void;
+    submit(): void;
+}
+export declare const ExperimentFormPresenter: typeof ExperimentFormPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IExperimentFormPresenter>;
+};
+export {};

package/presentation/experiments/ExperimentForm/ExperimentFormPresenter.js

@@ -0,0 +1,202 @@
+import { computed, makeAutoObservable } from "mobx";
+import slugify from "slugify";
+import { ExperimentFormPresenter } from "./abstractions/ExperimentFormPresenter.js";
+const toKey = (value)=>slugify(value, {
+        lower: true,
+        strict: true
+    });
+const defaultBuckets = ()=>[
+        {
+            id: "control",
+            isControl: true,
+            name: "Control",
+            key: "control",
+            keyEdited: false,
+            description: "",
+            weight: 50
+        },
+        {
+            id: crypto.randomUUID(),
+            isControl: false,
+            name: "Variant B",
+            key: "variant-b",
+            keyEdited: false,
+            description: "",
+            weight: 50
+        }
+    ];
+const evenSplit = (buckets)=>{
+    const n = buckets.length;
+    const each = Math.floor(100 / n);
+    const next = buckets.map((b)=>({
+            ...b,
+            weight: each
+        }));
+    let used = each * n;
+    let i = 0;
+    while(used < 100){
+        next[i % n].weight += 1;
+        used++;
+        i++;
+    }
+    return next;
+};
+const rebalance = (buckets, index, rawValue)=>{
+    const value = Math.max(0, Math.min(100, Math.round(rawValue)));
+    const next = buckets.map((b)=>({
+            ...b
+        }));
+    next[index].weight = value;
+    const others = next.map((b, i)=>({
+            b,
+            i
+        })).filter((x)=>x.i !== index);
+    if (0 === others.length) {
+        next[index].weight = 100;
+        return next;
+    }
+    const remaining = 100 - value;
+    const sumOthers = others.reduce((sum, x)=>sum + x.b.weight, 0);
+    if (sumOthers <= 0) {
+        const each = Math.floor(remaining / others.length);
+        others.forEach((x)=>next[x.i].weight = each);
+        let used = each * others.length;
+        let k = 0;
+        while(used < remaining){
+            next[others[k % others.length].i].weight += 1;
+            used++;
+            k++;
+        }
+    } else {
+        let allocated = 0;
+        others.forEach((x)=>{
+            const w = Math.max(0, Math.round(x.b.weight / sumOthers * remaining));
+            next[x.i].weight = w;
+            allocated += w;
+        });
+        const drift = remaining - allocated;
+        if (0 !== drift) {
+            const largest = others.reduce((a, b)=>next[a.i].weight >= next[b.i].weight ? a : b);
+            next[largest.i].weight = Math.max(0, next[largest.i].weight + drift);
+        }
+    }
+    return next;
+};
+class ExperimentFormPresenterImpl {
+    constructor(){
+        this._name = "";
+        this._key = "";
+        this._keyEdited = false;
+        this._buckets = defaultBuckets();
+        this._submitLabel = "Create experiment";
+        this._allowStructureChange = true;
+        this._onSubmit = ()=>{};
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    get vm() {
+        const total = this._buckets.reduce((sum, b)=>sum + b.weight, 0);
+        const variantCount = this._buckets.filter((b)=>!b.isControl).length;
+        const canSubmit = this._name.trim().length > 0 && this._key.trim().length > 0;
+        return {
+            name: this._name,
+            key: this._key,
+            buckets: this._buckets,
+            total,
+            variantCount,
+            canSubmit,
+            submitLabel: this._submitLabel,
+            allowStructureChange: this._allowStructureChange
+        };
+    }
+    init(initial, options) {
+        this._name = initial?.name ?? "";
+        this._key = initial?.key ?? "";
+        this._keyEdited = Boolean(initial?.key);
+        this._buckets = initial?.buckets ?? defaultBuckets();
+        this._submitLabel = options.submitLabel;
+        this._allowStructureChange = options.allowStructureChange;
+        this._onSubmit = options.onSubmit;
+    }
+    setName(value) {
+        this._name = value;
+        if (!this._keyEdited) this._key = toKey(value);
+    }
+    setKey(value) {
+        this._keyEdited = true;
+        this._key = value;
+    }
+    addVariant() {
+        const count = this._buckets.filter((b)=>!b.isControl).length;
+        const variantName = `Variant ${String.fromCharCode(66 + count)}`;
+        this._buckets = evenSplit([
+            ...this._buckets,
+            {
+                id: crypto.randomUUID(),
+                isControl: false,
+                weight: 0,
+                name: variantName,
+                key: toKey(variantName),
+                keyEdited: false,
+                description: ""
+            }
+        ]);
+    }
+    removeVariant(index) {
+        this._buckets = evenSplit(this._buckets.filter((_, i)=>i !== index));
+    }
+    changeWeight(index, value) {
+        this._buckets = rebalance(this._buckets, index, value);
+    }
+    changeName(index, value) {
+        this._buckets = this._buckets.map((b, i)=>i === index ? {
+                ...b,
+                name: value,
+                key: b.keyEdited ? b.key : toKey(value)
+            } : b);
+    }
+    changeKey(index, value) {
+        this._buckets = this._buckets.map((b, i)=>i === index ? {
+                ...b,
+                key: value,
+                keyEdited: true
+            } : b);
+    }
+    changeDescription(index, value) {
+        this._buckets = this._buckets.map((b, i)=>i === index ? {
+                ...b,
+                description: value
+            } : b);
+    }
+    submit() {
+        const canSubmit = this._name.trim().length > 0 && this._key.trim().length > 0;
+        if (!canSubmit) return;
+        const control = this._buckets.find((b)=>b.isControl);
+        const variants = this._buckets.filter((b)=>!b.isControl).map((b)=>({
+                id: b.id,
+                revisionId: b.revisionId,
+                name: b.name,
+                key: b.key,
+                description: b.description,
+                weight: b.weight
+            }));
+        this._onSubmit({
+            name: this._name.trim(),
+            key: this._key.trim(),
+            control: {
+                key: control.key,
+                description: control.description,
+                weight: control.weight
+            },
+            variants
+        });
+    }
+}
+const ExperimentFormPresenter_ExperimentFormPresenter = ExperimentFormPresenter.createImplementation({
+    implementation: ExperimentFormPresenterImpl,
+    dependencies: []
+});
+export { ExperimentFormPresenter_ExperimentFormPresenter as ExperimentFormPresenter };
+
+//# sourceMappingURL=ExperimentFormPresenter.js.map