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

package/presentation/experiments/ExperimentForm/components/VariantSplitRow.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface Props {
+    name: string;
+    variantKey: string;
+    description: string;
+    isControl: boolean;
+    weight: number;
+    variantIndex: number;
+    onNameChange: (value: string) => void;
+    onKeyChange: (value: string) => void;
+    onDescriptionChange: (value: string) => void;
+    onChange: (value: number) => void;
+    onRemove?: () => void;
+    removeIcon: React.ReactNode;
+}
+export declare const VariantSplitRow: ({ name, variantKey, description, isControl, weight, variantIndex, onNameChange, onKeyChange, onDescriptionChange, onChange, onRemove, removeIcon }: Props) => React.JSX.Element;
+export {};

package/presentation/experiments/ExperimentForm/components/VariantSplitRow.js

@@ -0,0 +1,122 @@
+import react from "react";
+import { IconButton, Input } from "@webiny/admin-ui";
+import { bucketColor } from "../../shared/variantColors.js";
+const Field = ({ label, children })=>/*#__PURE__*/ react.createElement("div", {
+        style: {
+            marginTop: 12
+        }
+    }, /*#__PURE__*/ react.createElement("div", {
+        style: {
+            fontSize: 11,
+            fontWeight: 600,
+            letterSpacing: 0.5,
+            textTransform: "uppercase",
+            color: "#6b7280",
+            marginBottom: 6
+        }
+    }, label), children);
+const VariantSplitRow = ({ name, variantKey, description, isControl, weight, variantIndex, onNameChange, onKeyChange, onDescriptionChange, onChange, onRemove, removeIcon })=>{
+    const color = bucketColor(isControl, variantIndex);
+    return /*#__PURE__*/ react.createElement("div", {
+        style: {
+            border: "1px solid #eee",
+            borderRadius: 10,
+            padding: 16,
+            marginBottom: 12
+        }
+    }, /*#__PURE__*/ react.createElement("div", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 8
+        }
+    }, /*#__PURE__*/ react.createElement("div", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 8
+        }
+    }, /*#__PURE__*/ react.createElement("span", {
+        style: {
+            width: 10,
+            height: 10,
+            borderRadius: "50%",
+            background: color,
+            flexShrink: 0
+        }
+    }), /*#__PURE__*/ react.createElement("span", {
+        style: {
+            fontWeight: 600
+        }
+    }, isControl ? "Control" : name || "Variant")), isControl ? /*#__PURE__*/ react.createElement("span", {
+        style: {
+            fontSize: 12,
+            color: "#6b7280",
+            background: "#f2f2f2",
+            borderRadius: 6,
+            padding: "2px 8px",
+            whiteSpace: "nowrap"
+        }
+    }, "Current page") : onRemove ? /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: removeIcon,
+        onClick: onRemove
+    }) : null), /*#__PURE__*/ react.createElement(Field, {
+        label: "Name"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        value: name,
+        onChange: onNameChange,
+        disabled: isControl,
+        placeholder: "Variant name"
+    })), /*#__PURE__*/ react.createElement(Field, {
+        label: "Key"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        value: variantKey,
+        onChange: onKeyChange,
+        placeholder: "variant-key"
+    })), /*#__PURE__*/ react.createElement(Field, {
+        label: "Description"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        value: description,
+        onChange: onDescriptionChange,
+        placeholder: "Optional"
+    })), /*#__PURE__*/ react.createElement("div", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 12,
+            marginTop: 16
+        }
+    }, /*#__PURE__*/ react.createElement("span", {
+        style: {
+            fontSize: 11,
+            fontWeight: 600,
+            letterSpacing: 0.5,
+            textTransform: "uppercase",
+            color: "#6b7280"
+        }
+    }, "Traffic"), /*#__PURE__*/ react.createElement("input", {
+        type: "range",
+        min: 0,
+        max: 100,
+        step: 1,
+        value: weight,
+        onChange: (event)=>onChange(Number(event.target.value)),
+        style: {
+            flex: 1,
+            accentColor: color
+        }
+    }), /*#__PURE__*/ react.createElement("span", {
+        style: {
+            width: 44,
+            textAlign: "right",
+            fontWeight: 600,
+            fontSize: 14
+        }
+    }, weight, "%")));
+};
+export { VariantSplitRow };
+
+//# sourceMappingURL=VariantSplitRow.js.map

package/presentation/experiments/ExperimentForm/components/VariantSplitRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/experiments/ExperimentForm/components/VariantSplitRow.js","sources":["../../../../../src/presentation/experiments/ExperimentForm/components/VariantSplitRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Input } from \"@webiny/admin-ui\";\nimport { bucketColor } from \"../../shared/variantColors.js\";\n\ninterface FieldProps {\n    label: string;\n    children: React.ReactNode;\n}\n\nconst Field = ({ label, children }: FieldProps) => {\n    return (\n        <div style={{ marginTop: 12 }}>\n            <div\n                style={{\n                    fontSize: 11,\n                    fontWeight: 600,\n                    letterSpacing: 0.5,\n                    textTransform: \"uppercase\",\n                    color: \"#6b7280\",\n                    marginBottom: 6\n                }}\n            >\n                {label}\n            </div>\n            {children}\n        </div>\n    );\n};\n\ninterface Props {\n    name: string;\n    variantKey: string;\n    description: string;\n    isControl: boolean;\n    weight: number;\n    variantIndex: number;\n    onNameChange: (value: string) => void;\n    onKeyChange: (value: string) => void;\n    onDescriptionChange: (value: string) => void;\n    onChange: (value: number) => void;\n    onRemove?: () => void;\n    removeIcon: React.ReactNode;\n}\n\nexport const VariantSplitRow = ({\n    name,\n    variantKey,\n    description,\n    isControl,\n    weight,\n    variantIndex,\n    onNameChange,\n    onKeyChange,\n    onDescriptionChange,\n    onChange,\n    onRemove,\n    removeIcon\n}: Props) => {\n    const color = bucketColor(isControl, variantIndex);\n\n    return (\n        <div\n            style={{\n                border: \"1px solid #eee\",\n                borderRadius: 10,\n                padding: 16,\n                marginBottom: 12\n            }}\n        >\n            <div\n                style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"space-between\",\n                    gap: 8\n                }}\n            >\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: 8 }}>\n                    <span\n                        style={{\n                            width: 10,\n                            height: 10,\n                            borderRadius: \"50%\",\n                            background: color,\n                            flexShrink: 0\n                        }}\n                    />\n                    <span style={{ fontWeight: 600 }}>\n                        {isControl ? \"Control\" : name || \"Variant\"}\n                    </span>\n                </div>\n                {isControl ? (\n                    <span\n                        style={{\n                            fontSize: 12,\n                            color: \"#6b7280\",\n                            background: \"#f2f2f2\",\n                            borderRadius: 6,\n                            padding: \"2px 8px\",\n                            whiteSpace: \"nowrap\"\n                        }}\n                    >\n                        Current page\n                    </span>\n                ) : onRemove ? (\n                    <IconButton variant=\"ghost\" size=\"sm\" icon={removeIcon} onClick={onRemove} />\n                ) : null}\n            </div>\n\n            <Field label=\"Name\">\n                <Input\n                    value={name}\n                    onChange={onNameChange}\n                    disabled={isControl}\n                    placeholder=\"Variant name\"\n                />\n            </Field>\n\n            <Field label=\"Key\">\n                <Input value={variantKey} onChange={onKeyChange} placeholder=\"variant-key\" />\n            </Field>\n\n            <Field label=\"Description\">\n                <Input value={description} onChange={onDescriptionChange} placeholder=\"Optional\" />\n            </Field>\n\n            <div style={{ display: \"flex\", alignItems: \"center\", gap: 12, marginTop: 16 }}>\n                <span\n                    style={{\n                        fontSize: 11,\n                        fontWeight: 600,\n                        letterSpacing: 0.5,\n                        textTransform: \"uppercase\",\n                        color: \"#6b7280\"\n                    }}\n                >\n                    Traffic\n                </span>\n                <input\n                    type=\"range\"\n                    min={0}\n                    max={100}\n                    step={1}\n                    value={weight}\n                    onChange={event => onChange(Number(event.target.value))}\n                    style={{ flex: 1, accentColor: color }}\n                />\n                <span style={{ width: 44, textAlign: \"right\", fontWeight: 600, fontSize: 14 }}>\n                    {weight}%\n                </span>\n            </div>\n        </div>\n    );\n};\n"],"names":["Field","label","children","VariantSplitRow","name","variantKey","description","isControl","weight","variantIndex","onNameChange","onKeyChange","onDescriptionChange","onChange","onRemove","removeIcon","color","bucketColor","IconButton","Input","event","Number"],"mappings":";;;AASA,MAAMA,QAAQ,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAc,GACnC,WAAP,GACI,oBAAC;QAAI,OAAO;YAAE,WAAW;QAAG;qBACxB,oBAAC;QACG,OAAO;YACH,UAAU;YACV,YAAY;YACZ,eAAe;YACf,eAAe;YACf,OAAO;YACP,cAAc;QAClB;OAECD,QAEJC;AAoBN,MAAMC,kBAAkB,CAAC,EAC5BC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,mBAAmB,EACnBC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACN;IACJ,MAAMC,QAAQC,YAAYV,WAAWE;IAErC,OAAO,WAAP,GACI,oBAAC;QACG,OAAO;YACH,QAAQ;YACR,cAAc;YACd,SAAS;YACT,cAAc;QAClB;qBAEA,oBAAC;QACG,OAAO;YACH,SAAS;YACT,YAAY;YACZ,gBAAgB;YAChB,KAAK;QACT;qBAEA,oBAAC;QAAI,OAAO;YAAE,SAAS;YAAQ,YAAY;YAAU,KAAK;QAAE;qBACxD,oBAAC;QACG,OAAO;YACH,OAAO;YACP,QAAQ;YACR,cAAc;YACd,YAAYO;YACZ,YAAY;QAChB;sBAEJ,oBAAC;QAAK,OAAO;YAAE,YAAY;QAAI;OAC1BT,YAAY,YAAYH,QAAQ,aAGxCG,YAAY,WAAZA,GACG,oBAAC;QACG,OAAO;YACH,UAAU;YACV,OAAO;YACP,YAAY;YACZ,cAAc;YACd,SAAS;YACT,YAAY;QAChB;OACH,kBAGDO,WAAW,WAAXA,GACA,oBAACI,YAAUA;QAAC,SAAQ;QAAQ,MAAK;QAAK,MAAMH;QAAY,SAASD;SACjE,qBAGR,oBAACd,OAAKA;QAAC,OAAM;qBACT,oBAACmB,OAAKA;QACF,OAAOf;QACP,UAAUM;QACV,UAAUH;QACV,aAAY;uBAIpB,oBAACP,OAAKA;QAAC,OAAM;qBACT,oBAACmB,OAAKA;QAAC,OAAOd;QAAY,UAAUM;QAAa,aAAY;uBAGjE,oBAACX,OAAKA;QAAC,OAAM;qBACT,oBAACmB,OAAKA;QAAC,OAAOb;QAAa,UAAUM;QAAqB,aAAY;uBAG1E,oBAAC;QAAI,OAAO;YAAE,SAAS;YAAQ,YAAY;YAAU,KAAK;YAAI,WAAW;QAAG;qBACxE,oBAAC;QACG,OAAO;YACH,UAAU;YACV,YAAY;YACZ,eAAe;YACf,eAAe;YACf,OAAO;QACX;OACH,0BAGD,oBAAC;QACG,MAAK;QACL,KAAK;QACL,KAAK;QACL,MAAM;QACN,OAAOJ;QACP,UAAUY,CAAAA,QAASP,SAASQ,OAAOD,MAAM,MAAM,CAAC,KAAK;QACrD,OAAO;YAAE,MAAM;YAAG,aAAaJ;QAAM;sBAEzC,oBAAC;QAAK,OAAO;YAAE,OAAO;YAAI,WAAW;YAAS,YAAY;YAAK,UAAU;QAAG;OACvER,QAAO;AAK5B"}

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

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

package/presentation/experiments/ExperimentForm/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { ExperimentFormPresenter } from "./abstractions/ExperimentFormPresenter.js";
+import { ExperimentFormPresenter as external_ExperimentFormPresenter_js_ExperimentFormPresenter } from "./ExperimentFormPresenter.js";
+const ExperimentFormPresenterFeature = createFeature({
+    name: "WebsiteBuilder/ExperimentFormPresenter",
+    register (container) {
+        container.register(external_ExperimentFormPresenter_js_ExperimentFormPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(ExperimentFormPresenter)
+        };
+    }
+});
+export { ExperimentFormPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/experiments/ExperimentForm/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/experiments/ExperimentForm/feature.js","sources":["../../../../src/presentation/experiments/ExperimentForm/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { ExperimentFormPresenter as PresenterAbstraction } from \"./abstractions/ExperimentFormPresenter.js\";\nimport { ExperimentFormPresenter } from \"./ExperimentFormPresenter.js\";\n\nexport const ExperimentFormPresenterFeature = createFeature({\n    name: \"WebsiteBuilder/ExperimentFormPresenter\",\n    register(container) {\n        container.register(ExperimentFormPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"names":["ExperimentFormPresenterFeature","createFeature","container","ExperimentFormPresenter","PresenterAbstraction"],"mappings":";;;AAIO,MAAMA,iCAAiCC,cAAc;IACxD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,6DAAyB,gBAAgB;IAChE;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

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

@@ -0,0 +1,3 @@
+export { ExperimentFormView } from "./components/ExperimentFormView.js";
+export { ExperimentFormPresenter } from "./abstractions/ExperimentFormPresenter.js";
+export { ExperimentFormPresenterFeature } from "./feature.js";

package/presentation/experiments/ExperimentForm/index.js

@@ -0,0 +1,3 @@
+export { ExperimentFormView } from "./components/ExperimentFormView.js";
+export { ExperimentFormPresenter } from "./abstractions/ExperimentFormPresenter.js";
+export { ExperimentFormPresenterFeature } from "./feature.js";

package/presentation/experiments/ExperimentsEditor/ExperimentsEditorDataSource.d.ts

@@ -0,0 +1,18 @@
+import { ExperimentsGateway } from "../../../features/experiments/index.js";
+import type { ExperimentDto, VariantDto } from "../../../features/experiments/index.js";
+import { type IExperimentsEditorDataSource } from "./abstractions/ExperimentsEditorDataSource.js";
+/**
+ * Thin gateway-orchestration data source for the editor-embedded experiments UI: loads a page's
+ * experiments, a single experiment's variants, and the runtime kill-switch state.
+ */
+declare class ExperimentsEditorDataSourceImpl implements IExperimentsEditorDataSource {
+    private readonly gateway;
+    constructor(gateway: ExperimentsGateway.Interface);
+    listExperiments(pageEntryId: string): Promise<ExperimentDto[]>;
+    listVariants(experimentId: string): Promise<VariantDto[]>;
+    getExperimentPaused(experimentEntryId: string): Promise<boolean>;
+}
+export declare const ExperimentsEditorDataSource: typeof ExperimentsEditorDataSourceImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IExperimentsEditorDataSource>;
+};
+export {};

package/presentation/experiments/ExperimentsEditor/ExperimentsEditorDataSource.js

@@ -0,0 +1,25 @@
+import { ExperimentsGateway } from "../../../features/experiments/index.js";
+import { ExperimentsEditorDataSource } from "./abstractions/ExperimentsEditorDataSource.js";
+class ExperimentsEditorDataSourceImpl {
+    constructor(gateway){
+        this.gateway = gateway;
+    }
+    async listExperiments(pageEntryId) {
+        return this.gateway.listExperiments(pageEntryId).catch(()=>[]);
+    }
+    async listVariants(experimentId) {
+        return this.gateway.listVariants(experimentId).catch(()=>[]);
+    }
+    async getExperimentPaused(experimentEntryId) {
+        return this.gateway.getExperimentPaused(experimentEntryId).catch(()=>false);
+    }
+}
+const ExperimentsEditorDataSource_ExperimentsEditorDataSource = ExperimentsEditorDataSource.createImplementation({
+    implementation: ExperimentsEditorDataSourceImpl,
+    dependencies: [
+        ExperimentsGateway
+    ]
+});
+export { ExperimentsEditorDataSource_ExperimentsEditorDataSource as ExperimentsEditorDataSource };
+
+//# sourceMappingURL=ExperimentsEditorDataSource.js.map

package/presentation/experiments/ExperimentsEditor/ExperimentsEditorDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/experiments/ExperimentsEditor/ExperimentsEditorDataSource.js","sources":["../../../../src/presentation/experiments/ExperimentsEditor/ExperimentsEditorDataSource.ts"],"sourcesContent":["import { ExperimentsGateway } from \"~/features/experiments/index.js\";\nimport type { ExperimentDto, VariantDto } from \"~/features/experiments/index.js\";\nimport {\n    ExperimentsEditorDataSource as Abstraction,\n    type IExperimentsEditorDataSource\n} from \"./abstractions/ExperimentsEditorDataSource.js\";\n\n/**\n * Thin gateway-orchestration data source for the editor-embedded experiments UI: loads a page's\n * experiments, a single experiment's variants, and the runtime kill-switch state.\n */\nclass ExperimentsEditorDataSourceImpl implements IExperimentsEditorDataSource {\n    constructor(private readonly gateway: ExperimentsGateway.Interface) {}\n\n    async listExperiments(pageEntryId: string): Promise<ExperimentDto[]> {\n        return this.gateway.listExperiments(pageEntryId).catch(() => [] as ExperimentDto[]);\n    }\n\n    async listVariants(experimentId: string): Promise<VariantDto[]> {\n        return this.gateway.listVariants(experimentId).catch(() => [] as VariantDto[]);\n    }\n\n    async getExperimentPaused(experimentEntryId: string): Promise<boolean> {\n        return this.gateway.getExperimentPaused(experimentEntryId).catch(() => false);\n    }\n}\n\nexport const ExperimentsEditorDataSource = Abstraction.createImplementation({\n    implementation: ExperimentsEditorDataSourceImpl,\n    dependencies: [ExperimentsGateway]\n});\n"],"names":["ExperimentsEditorDataSourceImpl","gateway","pageEntryId","experimentId","experimentEntryId","ExperimentsEditorDataSource","Abstraction","ExperimentsGateway"],"mappings":";;AAWA,MAAMA;IACF,YAA6BC,OAAqC,CAAE;aAAvCA,OAAO,GAAPA;IAAwC;IAErE,MAAM,gBAAgBC,WAAmB,EAA4B;QACjE,OAAO,IAAI,CAAC,OAAO,CAAC,eAAe,CAACA,aAAa,KAAK,CAAC,IAAM,EAAE;IACnE;IAEA,MAAM,aAAaC,YAAoB,EAAyB;QAC5D,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAACA,cAAc,KAAK,CAAC,IAAM,EAAE;IACjE;IAEA,MAAM,oBAAoBC,iBAAyB,EAAoB;QACnE,OAAO,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAACA,mBAAmB,KAAK,CAAC,IAAM;IAC3E;AACJ;AAEO,MAAMC,0DAA8BC,4BAAAA,oBAAgC,CAAC;IACxE,gBAAgBN;IAChB,cAAc;QAACO;KAAmB;AACtC"}

package/presentation/experiments/ExperimentsEditor/ExperimentsEditorPresenter.d.ts

@@ -0,0 +1,67 @@
+import { ExperimentsGateway } from "../../../features/experiments/index.js";
+import type { ExperimentDto, UpdateExperimentInput, VariantContentDto, VariantDto } from "../../../features/experiments/index.js";
+import type { NewExperimentPayload } from "../ExperimentForm/abstractions/ExperimentFormPresenter.js";
+import { type IExperimentsEditorPresenter, type IExperimentsEditorViewModel } from "./abstractions/ExperimentsEditorPresenter.js";
+import { ExperimentsEditorDataSource } from "./abstractions/ExperimentsEditorDataSource.js";
+declare class ExperimentsEditorPresenterImpl implements IExperimentsEditorPresenter {
+    private readonly gateway;
+    private readonly dataSource;
+    private baselineRevisionId;
+    private pageEntryId;
+    private experiments;
+    private selectedExperimentId;
+    private selectedVariantId;
+    private variants;
+    private paused;
+    private drawerOpen;
+    private editTarget;
+    private loadToken;
+    constructor(gateway: ExperimentsGateway.Interface, dataSource: ExperimentsEditorDataSource.Interface);
+    private get selectedExperiment();
+    private get selectedVariant();
+    private get variantOptions();
+    private get currentBucket();
+    private get runningExperiment();
+    private get switcherItems();
+    get vm(): IExperimentsEditorViewModel;
+    init(pageRevisionId: string): void;
+    reload(): Promise<void>;
+    selectExperiment(id: string | null): void;
+    selectVariant(variantId: string | null): void;
+    /**
+     * On the published (read-only) view, surface the running experiment and keep it selected so the
+     * preview toolbar tracks it. Mirrors the old read-only auto-select effect.
+     */
+    syncReadOnlySelection(isReadOnly: boolean): void;
+    openManage(): void;
+    editExperiment(experiment: ExperimentDto): void;
+    closeDrawer(): void;
+    /**
+     * Load the variants and kill-switch state for the currently selected experiment. A load token
+     * guards against a stale response overwriting a newer selection.
+     */
+    private loadSelectedExperiment;
+    pause(): Promise<void>;
+    resume(): Promise<void>;
+    /**
+     * Activate an experiment. Only one experiment can run on a page at a time, so any other running
+     * experiment (from the same page) is stopped first.
+     */
+    activate(experimentId: string): Promise<ExperimentDto>;
+    deactivate(experimentId: string): Promise<ExperimentDto>;
+    /**
+     * Persist a new experiment: create the experiment, then each variant (whose content the API
+     * copies from the baseline) marked ready, then write the traffic split now that we have the
+     * variant ids. The experiment key is carried in the analytics config.
+     */
+    createExperiment(payload: NewExperimentPayload): Promise<ExperimentDto>;
+    updateExperiment(id: string, input: UpdateExperimentInput): Promise<ExperimentDto>;
+    /** Delete an experiment along with its variants. */
+    deleteExperiment(experimentId: string): Promise<boolean>;
+    getVariant(id: string): Promise<VariantContentDto | null>;
+    saveVariant(revisionId: string, doc: Record<string, any>): Promise<VariantDto>;
+}
+export declare const ExperimentsEditorPresenter: typeof ExperimentsEditorPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IExperimentsEditorPresenter>;
+};
+export {};

package/presentation/experiments/ExperimentsEditor/ExperimentsEditorPresenter.js

@@ -0,0 +1,224 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { ExperimentsGateway } from "../../../features/experiments/index.js";
+import { ExperimentsEditorPresenter } from "./abstractions/ExperimentsEditorPresenter.js";
+import { ExperimentsEditorDataSource } from "./abstractions/ExperimentsEditorDataSource.js";
+import { bucketColor } from "../shared/variantColors.js";
+class ExperimentsEditorPresenterImpl {
+    constructor(gateway, dataSource){
+        this.gateway = gateway;
+        this.dataSource = dataSource;
+        this.baselineRevisionId = "";
+        this.pageEntryId = "";
+        this.experiments = [];
+        this.selectedExperimentId = null;
+        this.selectedVariantId = null;
+        this.variants = [];
+        this.paused = false;
+        this.drawerOpen = false;
+        this.editTarget = null;
+        this.loadToken = 0;
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    get selectedExperiment() {
+        return this.experiments.find((experiment)=>experiment.id === this.selectedExperimentId) ?? null;
+    }
+    get selectedVariant() {
+        return this.variants.find((variant)=>variant.entryId === this.selectedVariantId) ?? null;
+    }
+    get variantOptions() {
+        const split = this.selectedExperiment?.trafficSplit ?? {
+            control: 0,
+            variants: {}
+        };
+        return [
+            {
+                id: null,
+                name: "Control",
+                weight: split.control ?? 0,
+                isControl: true,
+                color: bucketColor(true, 0)
+            },
+            ...this.variants.map((variant, index)=>({
+                    id: variant.entryId,
+                    name: variant.name,
+                    weight: split.variants?.[variant.entryId] ?? 0,
+                    isControl: false,
+                    color: bucketColor(false, index)
+                }))
+        ];
+    }
+    get currentBucket() {
+        const options = this.variantOptions;
+        return options.find((option)=>option.id === this.selectedVariantId) ?? options[0] ?? null;
+    }
+    get runningExperiment() {
+        return this.experiments.find((experiment)=>"running" === experiment.status) ?? null;
+    }
+    get switcherItems() {
+        return this.experiments.map((experiment)=>({
+                id: experiment.id,
+                name: experiment.name,
+                status: "running" === experiment.status ? "active" : "inactive"
+            }));
+    }
+    get vm() {
+        return {
+            baselineRevisionId: this.baselineRevisionId,
+            pageEntryId: this.pageEntryId,
+            experiments: this.experiments,
+            selectedExperimentId: this.selectedExperimentId,
+            selectedExperiment: this.selectedExperiment,
+            selectedVariantId: this.selectedVariantId,
+            selectedVariant: this.selectedVariant,
+            variantOptions: this.variantOptions,
+            currentBucket: this.currentBucket,
+            runningExperiment: this.runningExperiment,
+            switcherItems: this.switcherItems,
+            paused: this.paused,
+            drawerOpen: this.drawerOpen,
+            editTarget: this.editTarget
+        };
+    }
+    init(pageRevisionId) {
+        this.baselineRevisionId = pageRevisionId;
+        this.pageEntryId = pageRevisionId.split("#")[0];
+        this.reload();
+    }
+    async reload() {
+        const list = await this.dataSource.listExperiments(this.pageEntryId);
+        runInAction(()=>{
+            this.experiments = list;
+            if (this.selectedExperimentId && !list.some((experiment)=>experiment.id === this.selectedExperimentId)) this.selectedExperimentId = null;
+        });
+    }
+    selectExperiment(id) {
+        this.selectedExperimentId = id;
+        this.selectedVariantId = null;
+        this.loadSelectedExperiment();
+    }
+    selectVariant(variantId) {
+        this.selectedVariantId = variantId;
+    }
+    syncReadOnlySelection(isReadOnly) {
+        if (!isReadOnly) return;
+        const running = this.experiments.find((experiment)=>"running" === experiment.status) ?? null;
+        if (running && this.selectedExperimentId !== running.id) this.selectExperiment(running.id);
+    }
+    openManage() {
+        this.editTarget = null;
+        this.drawerOpen = true;
+    }
+    editExperiment(experiment) {
+        this.editTarget = experiment;
+        this.drawerOpen = true;
+    }
+    closeDrawer() {
+        this.drawerOpen = false;
+    }
+    loadSelectedExperiment() {
+        const token = ++this.loadToken;
+        const experimentId = this.selectedExperimentId;
+        if (!experimentId) {
+            this.variants = [];
+            this.paused = false;
+            return;
+        }
+        this.dataSource.listVariants(experimentId).then((list)=>{
+            if (token === this.loadToken) runInAction(()=>{
+                this.variants = list;
+            });
+        });
+        const experiment = this.experiments.find((item)=>item.id === experimentId) ?? null;
+        if (experiment && "running" === experiment.status) this.dataSource.getExperimentPaused(experiment.entryId).then((value)=>{
+            if (token === this.loadToken) runInAction(()=>{
+                this.paused = value;
+            });
+        });
+        else this.paused = false;
+    }
+    async pause() {
+        const experiment = this.selectedExperiment;
+        if (!experiment) return;
+        await this.gateway.pauseExperiment(experiment.entryId);
+        runInAction(()=>{
+            this.paused = true;
+        });
+    }
+    async resume() {
+        const experiment = this.selectedExperiment;
+        if (!experiment) return;
+        await this.gateway.resumeExperiment(experiment.entryId);
+        runInAction(()=>{
+            this.paused = false;
+        });
+    }
+    async activate(experimentId) {
+        const active = this.experiments.find((experiment)=>"running" === experiment.status && experiment.id !== experimentId);
+        if (active) await this.gateway.stopExperiment(active.id);
+        return this.gateway.startExperiment(experimentId);
+    }
+    deactivate(experimentId) {
+        return this.gateway.stopExperiment(experimentId);
+    }
+    async createExperiment(payload) {
+        const experiment = await this.gateway.createExperiment({
+            pageEntryId: this.pageEntryId,
+            baselineRevisionId: this.baselineRevisionId,
+            name: payload.name,
+            targeting: {
+                trafficPercentage: 100
+            },
+            analytics: {
+                provider: "posthog",
+                experimentKey: payload.key
+            },
+            trafficSplit: {
+                control: payload.control.weight,
+                variants: {}
+            }
+        });
+        const variantSplit = {};
+        for (const variant of payload.variants){
+            const created = await this.gateway.createVariant({
+                experimentId: experiment.id,
+                name: variant.name
+            });
+            await this.gateway.updateVariant(created.id, {
+                status: "ready"
+            });
+            variantSplit[created.entryId] = variant.weight;
+        }
+        return this.gateway.updateExperiment(experiment.id, {
+            trafficSplit: {
+                control: payload.control.weight,
+                variants: variantSplit
+            }
+        });
+    }
+    updateExperiment(id, input) {
+        return this.gateway.updateExperiment(id, input);
+    }
+    async deleteExperiment(experimentId) {
+        const variants = await this.gateway.listVariants(experimentId).catch(()=>[]);
+        for (const variant of variants)await this.gateway.deleteVariant(variant.id).catch(()=>void 0);
+        return this.gateway.deleteExperiment(experimentId);
+    }
+    getVariant(id) {
+        return this.gateway.getVariant(id);
+    }
+    saveVariant(revisionId, doc) {
+        return this.gateway.updateVariant(revisionId, doc);
+    }
+}
+const ExperimentsEditorPresenter_ExperimentsEditorPresenter = ExperimentsEditorPresenter.createImplementation({
+    implementation: ExperimentsEditorPresenterImpl,
+    dependencies: [
+        ExperimentsGateway,
+        ExperimentsEditorDataSource
+    ]
+});
+export { ExperimentsEditorPresenter_ExperimentsEditorPresenter as ExperimentsEditorPresenter };
+
+//# sourceMappingURL=ExperimentsEditorPresenter.js.map

package/presentation/experiments/ExperimentsEditor/ExperimentsEditorPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/experiments/ExperimentsEditor/ExperimentsEditorPresenter.js","sources":["../../../../src/presentation/experiments/ExperimentsEditor/ExperimentsEditorPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport { ExperimentsGateway } from \"~/features/experiments/index.js\";\nimport type {\n    ExperimentDto,\n    UpdateExperimentInput,\n    VariantContentDto,\n    VariantDto\n} from \"~/features/experiments/index.js\";\nimport type { NewExperimentPayload } from \"../ExperimentForm/abstractions/ExperimentFormPresenter.js\";\nimport {\n    ExperimentsEditorPresenter as Abstraction,\n    type IExperimentsEditorPresenter,\n    type IExperimentsEditorViewModel,\n    type SwitcherItem,\n    type VariantOption\n} from \"./abstractions/ExperimentsEditorPresenter.js\";\nimport { ExperimentsEditorDataSource } from \"./abstractions/ExperimentsEditorDataSource.js\";\nimport { bucketColor } from \"../shared/variantColors.js\";\n\nclass ExperimentsEditorPresenterImpl implements IExperimentsEditorPresenter {\n    // Revision id of the page being edited (e.g. \"<entryId>#0001\"); the baseline for its experiments.\n    private baselineRevisionId = \"\";\n    private pageEntryId = \"\";\n    private experiments: ExperimentDto[] = [];\n    private selectedExperimentId: string | null = null;\n    // Currently edited bucket: `null` = control, otherwise a variant entry id.\n    private selectedVariantId: string | null = null;\n    private variants: VariantDto[] = [];\n    private paused = false;\n    private drawerOpen = false;\n    private editTarget: ExperimentDto | null = null;\n    // Guards async variant/paused loads against out-of-order responses when the selection changes.\n    private loadToken = 0;\n\n    constructor(\n        private readonly gateway: ExperimentsGateway.Interface,\n        private readonly dataSource: ExperimentsEditorDataSource.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    private get selectedExperiment(): ExperimentDto | null {\n        return (\n            this.experiments.find(experiment => experiment.id === this.selectedExperimentId) ?? null\n        );\n    }\n\n    private get selectedVariant(): VariantDto | null {\n        return this.variants.find(variant => variant.entryId === this.selectedVariantId) ?? null;\n    }\n\n    private get variantOptions(): VariantOption[] {\n        const split = this.selectedExperiment?.trafficSplit ?? { control: 0, variants: {} };\n        return [\n            {\n                id: null,\n                name: \"Control\",\n                weight: split.control ?? 0,\n                isControl: true,\n                color: bucketColor(true, 0)\n            },\n            ...this.variants.map((variant, index) => ({\n                id: variant.entryId,\n                name: variant.name,\n                weight: split.variants?.[variant.entryId] ?? 0,\n                isControl: false,\n                color: bucketColor(false, index)\n            }))\n        ];\n    }\n\n    private get currentBucket(): VariantOption | null {\n        const options = this.variantOptions;\n        return options.find(option => option.id === this.selectedVariantId) ?? options[0] ?? null;\n    }\n\n    private get runningExperiment(): ExperimentDto | null {\n        return this.experiments.find(experiment => experiment.status === \"running\") ?? null;\n    }\n\n    private get switcherItems(): SwitcherItem[] {\n        return this.experiments.map((experiment): SwitcherItem => ({\n            id: experiment.id,\n            name: experiment.name,\n            status: experiment.status === \"running\" ? \"active\" : \"inactive\"\n        }));\n    }\n\n    get vm(): IExperimentsEditorViewModel {\n        return {\n            baselineRevisionId: this.baselineRevisionId,\n            pageEntryId: this.pageEntryId,\n            experiments: this.experiments,\n            selectedExperimentId: this.selectedExperimentId,\n            selectedExperiment: this.selectedExperiment,\n            selectedVariantId: this.selectedVariantId,\n            selectedVariant: this.selectedVariant,\n            variantOptions: this.variantOptions,\n            currentBucket: this.currentBucket,\n            runningExperiment: this.runningExperiment,\n            switcherItems: this.switcherItems,\n            paused: this.paused,\n            drawerOpen: this.drawerOpen,\n            editTarget: this.editTarget\n        };\n    }\n\n    init(pageRevisionId: string): void {\n        this.baselineRevisionId = pageRevisionId;\n        this.pageEntryId = pageRevisionId.split(\"#\")[0];\n        this.reload();\n    }\n\n    async reload(): Promise<void> {\n        const list = await this.dataSource.listExperiments(this.pageEntryId);\n        runInAction(() => {\n            this.experiments = list;\n            // Drop the selection if the experiment no longer exists.\n            if (\n                this.selectedExperimentId &&\n                !list.some(experiment => experiment.id === this.selectedExperimentId)\n            ) {\n                this.selectedExperimentId = null;\n            }\n        });\n    }\n\n    selectExperiment(id: string | null): void {\n        this.selectedExperimentId = id;\n        // Reset the edited bucket to the control whenever the experiment changes.\n        this.selectedVariantId = null;\n        this.loadSelectedExperiment();\n    }\n\n    selectVariant(variantId: string | null): void {\n        this.selectedVariantId = variantId;\n    }\n\n    /**\n     * On the published (read-only) view, surface the running experiment and keep it selected so the\n     * preview toolbar tracks it. Mirrors the old read-only auto-select effect.\n     */\n    syncReadOnlySelection(isReadOnly: boolean): void {\n        if (!isReadOnly) {\n            return;\n        }\n        const running =\n            this.experiments.find(experiment => experiment.status === \"running\") ?? null;\n        if (running && this.selectedExperimentId !== running.id) {\n            this.selectExperiment(running.id);\n        }\n    }\n\n    openManage(): void {\n        this.editTarget = null;\n        this.drawerOpen = true;\n    }\n\n    editExperiment(experiment: ExperimentDto): void {\n        this.editTarget = experiment;\n        this.drawerOpen = true;\n    }\n\n    closeDrawer(): void {\n        this.drawerOpen = false;\n    }\n\n    /**\n     * Load the variants and kill-switch state for the currently selected experiment. A load token\n     * guards against a stale response overwriting a newer selection.\n     */\n    private loadSelectedExperiment(): void {\n        const token = ++this.loadToken;\n        const experimentId = this.selectedExperimentId;\n\n        if (!experimentId) {\n            this.variants = [];\n            this.paused = false;\n            return;\n        }\n\n        this.dataSource.listVariants(experimentId).then(list => {\n            if (token === this.loadToken) {\n                runInAction(() => {\n                    this.variants = list;\n                });\n            }\n        });\n\n        // Load the kill-switch state only for a running experiment (keyed on its entryId).\n        const experiment = this.experiments.find(item => item.id === experimentId) ?? null;\n        if (experiment && experiment.status === \"running\") {\n            this.dataSource.getExperimentPaused(experiment.entryId).then(value => {\n                if (token === this.loadToken) {\n                    runInAction(() => {\n                        this.paused = value;\n                    });\n                }\n            });\n        } else {\n            this.paused = false;\n        }\n    }\n\n    async pause(): Promise<void> {\n        const experiment = this.selectedExperiment;\n        if (!experiment) {\n            return;\n        }\n        await this.gateway.pauseExperiment(experiment.entryId);\n        runInAction(() => {\n            this.paused = true;\n        });\n    }\n\n    async resume(): Promise<void> {\n        const experiment = this.selectedExperiment;\n        if (!experiment) {\n            return;\n        }\n        await this.gateway.resumeExperiment(experiment.entryId);\n        runInAction(() => {\n            this.paused = false;\n        });\n    }\n\n    /**\n     * Activate an experiment. Only one experiment can run on a page at a time, so any other running\n     * experiment (from the same page) is stopped first.\n     */\n    async activate(experimentId: string): Promise<ExperimentDto> {\n        const active = this.experiments.find(\n            experiment => experiment.status === \"running\" && experiment.id !== experimentId\n        );\n        if (active) {\n            await this.gateway.stopExperiment(active.id);\n        }\n        return this.gateway.startExperiment(experimentId);\n    }\n\n    deactivate(experimentId: string): Promise<ExperimentDto> {\n        return this.gateway.stopExperiment(experimentId);\n    }\n\n    /**\n     * Persist a new experiment: create the experiment, then each variant (whose content the API\n     * copies from the baseline) marked ready, then write the traffic split now that we have the\n     * variant ids. The experiment key is carried in the analytics config.\n     */\n    async createExperiment(payload: NewExperimentPayload): Promise<ExperimentDto> {\n        const experiment = await this.gateway.createExperiment({\n            pageEntryId: this.pageEntryId,\n            baselineRevisionId: this.baselineRevisionId,\n            name: payload.name,\n            targeting: { trafficPercentage: 100 },\n            analytics: { provider: \"posthog\", experimentKey: payload.key },\n            trafficSplit: { control: payload.control.weight, variants: {} }\n        });\n\n        const variantSplit: Record<string, number> = {};\n        for (const variant of payload.variants) {\n            const created = await this.gateway.createVariant({\n                experimentId: experiment.id,\n                name: variant.name\n            });\n            await this.gateway.updateVariant(created.id, { status: \"ready\" });\n            variantSplit[created.entryId] = variant.weight;\n        }\n\n        return this.gateway.updateExperiment(experiment.id, {\n            trafficSplit: { control: payload.control.weight, variants: variantSplit }\n        });\n    }\n\n    updateExperiment(id: string, input: UpdateExperimentInput): Promise<ExperimentDto> {\n        return this.gateway.updateExperiment(id, input);\n    }\n\n    /** Delete an experiment along with its variants. */\n    async deleteExperiment(experimentId: string): Promise<boolean> {\n        const variants = await this.gateway.listVariants(experimentId).catch(() => []);\n        for (const variant of variants) {\n            await this.gateway.deleteVariant(variant.id).catch(() => undefined);\n        }\n        return this.gateway.deleteExperiment(experimentId);\n    }\n\n    getVariant(id: string): Promise<VariantContentDto | null> {\n        return this.gateway.getVariant(id);\n    }\n\n    saveVariant(revisionId: string, doc: Record<string, any>): Promise<VariantDto> {\n        return this.gateway.updateVariant(revisionId, doc);\n    }\n}\n\nexport const ExperimentsEditorPresenter = Abstraction.createImplementation({\n    implementation: ExperimentsEditorPresenterImpl,\n    dependencies: [ExperimentsGateway, ExperimentsEditorDataSource]\n});\n"],"names":["ExperimentsEditorPresenterImpl","gateway","dataSource","makeAutoObservable","computed","experiment","variant","split","bucketColor","index","options","option","pageRevisionId","list","runInAction","id","variantId","isReadOnly","running","token","experimentId","item","value","active","payload","variantSplit","created","input","variants","undefined","revisionId","doc","ExperimentsEditorPresenter","Abstraction","ExperimentsGateway","ExperimentsEditorDataSource"],"mappings":"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"}

package/presentation/experiments/ExperimentsEditor/abstractions/ExperimentsEditorDataSource.d.ts

@@ -0,0 +1,10 @@
+import type { ExperimentDto, VariantDto } from "../../../../features/experiments/index.js";
+export interface IExperimentsEditorDataSource {
+    listExperiments(pageEntryId: string): Promise<ExperimentDto[]>;
+    listVariants(experimentId: string): Promise<VariantDto[]>;
+    getExperimentPaused(experimentEntryId: string): Promise<boolean>;
+}
+export declare const ExperimentsEditorDataSource: import("@webiny/di").Abstraction<IExperimentsEditorDataSource>;
+export declare namespace ExperimentsEditorDataSource {
+    type Interface = IExperimentsEditorDataSource;
+}

package/presentation/experiments/ExperimentsEditor/abstractions/ExperimentsEditorDataSource.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const ExperimentsEditorDataSource = createAbstraction("WebsiteBuilder/ExperimentsEditor/DataSource");
+export { ExperimentsEditorDataSource };
+
+//# sourceMappingURL=ExperimentsEditorDataSource.js.map

package/presentation/experiments/ExperimentsEditor/abstractions/ExperimentsEditorDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/experiments/ExperimentsEditor/abstractions/ExperimentsEditorDataSource.js","sources":["../../../../../src/presentation/experiments/ExperimentsEditor/abstractions/ExperimentsEditorDataSource.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { ExperimentDto, VariantDto } from \"~/features/experiments/index.js\";\n\nexport interface IExperimentsEditorDataSource {\n    // Load all experiments for a page (by its entry id).\n    listExperiments(pageEntryId: string): Promise<ExperimentDto[]>;\n    // Load the variants of a single experiment.\n    listVariants(experimentId: string): Promise<VariantDto[]>;\n    // Read the runtime kill-switch state for an experiment (keyed on its entryId).\n    getExperimentPaused(experimentEntryId: string): Promise<boolean>;\n}\n\nexport const ExperimentsEditorDataSource = createAbstraction<IExperimentsEditorDataSource>(\n    \"WebsiteBuilder/ExperimentsEditor/DataSource\"\n);\n\nexport namespace ExperimentsEditorDataSource {\n    export type Interface = IExperimentsEditorDataSource;\n}\n"],"names":["ExperimentsEditorDataSource","createAbstraction"],"mappings":";AAYO,MAAMA,8BAA8BC,kBACvC"}