@umbraco-engage/backoffice 17.0.2 → 17.0.4

package/dist/ab-testing/test/components/variant-picker/ab-testing-test-variant-picker.element.d.ts

@@ -4,6 +4,8 @@ declare const elementName = "ue-ab-test-variant-picker";
 export declare class UeAbTestVariantPickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
     private _test?;
+    private _variesBySegment;
+    private _editDocTypeModalPath;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;

package/dist/ab-testing/test/components/variant-picker/ab-testing-test-variant-picker.element.js

@@ -6,27 +6,40 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css, customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { appendToFrozenArray, partialUpdateFrozenArray, } from "@umbraco-cms/backoffice/observable-api";
+import { partialUpdateFrozenArray } from "@umbraco-cms/backoffice/observable-api";
 import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../../workspace/index.js";
-import { ENGAGE_EDIT_VARIANT_PATH_PATTERN } from "../../../../core/index.js";
+import { ENGAGE_EDIT_VARIANT_PATH_PATTERN, UeVariantPreviewController, } from "../../../../core/index.js";
 import { ENGAGE_AB_TESTING_EDIT_VARIANT_MODAL_ALIAS, } from "../../modal/index.js";
 import { umbOpenModal } from "@umbraco-cms/backoffice/modal";
 import { UmbModalRouteRegistrationController } from "@umbraco-cms/backoffice/router";
-import { UMB_DOCUMENT_ENTITY_TYPE } from "@umbraco-cms/backoffice/document";
+import { UMB_DOCUMENT_DETAIL_STORE_CONTEXT, UMB_DOCUMENT_ENTITY_TYPE, } from "@umbraco-cms/backoffice/document";
 import { UMB_WORKSPACE_MODAL } from "@umbraco-cms/backoffice/workspace";
-import { ensurePathEndsWithSlash } from "@umbraco-cms/backoffice/utils";
-import { UMB_SERVER_CONTEXT } from "@umbraco-cms/backoffice/server";
+import { UMB_DOCUMENT_TYPE_DETAIL_STORE_CONTEXT, UMB_DOCUMENT_TYPE_ENTITY_TYPE, UMB_DOCUMENT_TYPE_WORKSPACE_MODAL, UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN, } from "@umbraco-cms/backoffice/document-type";
+import { firstValueFrom } from "@umbraco-cms/backoffice/external/rxjs";
 const elementName = "ue-ab-test-variant-picker";
 let UeAbTestVariantPickerElement = class UeAbTestVariantPickerElement extends UmbLitElement {
     #workspaceContext;
+    #previewController;
     #modalPath;
+    #editDocTypeModalPath;
     constructor() {
         super();
+        this._variesBySegment = false;
+        this.#previewController = new UeVariantPreviewController(this);
         this.consumeContext(ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT, (context) => {
             if (!context)
                 return;
             this.#workspaceContext = context;
-            this.observe(context.test, (test) => (this._test = test));
+            this.observe(context.test, async (test) => {
+                this._test = test;
+                await this.#getVariation();
+            });
+        });
+        new UmbModalRouteRegistrationController(this, UMB_DOCUMENT_TYPE_WORKSPACE_MODAL, Symbol())
+            .addAdditionalPath(UMB_DOCUMENT_TYPE_ENTITY_TYPE)
+            .onSubmit(() => this.#workspaceContext?.requestSave())
+            .observeRouteBuilder((routeBuilder) => {
+            this.#editDocTypeModalPath = routeBuilder({});
         });
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
             .addAdditionalPath(UMB_DOCUMENT_ENTITY_TYPE)
@@ -42,57 +55,51 @@ let UeAbTestVariantPickerElement = class UeAbTestVariantPickerElement extends Um
             this.#modalPath = routeBuilder({});
         });
     }
-    async #addVariant() {
-        if (!this._test)
+    async #getVariation() {
+        const documentUnique = this._test?.umbracoPageVariants?.[0]?.unique;
+        if (!documentUnique)
             return;
-        this.#workspaceContext?.updateTest({
-            variants: appendToFrozenArray(this._test.variants ?? [], {}),
-        });
+        const documentStoreContext = await this.getContext(UMB_DOCUMENT_DETAIL_STORE_CONTEXT);
+        if (!documentStoreContext)
+            return;
+        const document = await firstValueFrom(documentStoreContext.byUnique(documentUnique));
+        if (!document)
+            return;
+        const docTypeStoreContext = await this.getContext(UMB_DOCUMENT_TYPE_DETAIL_STORE_CONTEXT);
+        if (!docTypeStoreContext)
+            return;
+        const contentType = await firstValueFrom(docTypeStoreContext.byUnique(document.documentType.unique));
+        this._variesBySegment = contentType?.variesBySegment ?? false;
+        this._editDocTypeModalPath = contentType?.unique
+            ? this.#editDocTypeModalPath +
+                UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN.generateLocal({
+                    unique: contentType.unique,
+                })
+            : undefined;
     }
-    async #deleteVariant(i) {
+    async #addVariant() {
+        await this.#workspaceContext?.createVariant();
+    }
+    async #deleteVariant(variant) {
         if (!this._test?.variants)
             return;
         this.#workspaceContext?.updateTest({
-            variants: [
-                ...this._test.variants.slice(0, i),
-                ...this._test.variants.slice(i + 1),
-            ],
+            variants: this._test.variants.filter((v) => v.id !== variant.id),
         });
     }
     async #editSinglePageVariant(variant) {
         if (!this._test || !this.#workspaceContext)
             return;
-        if (variant.isBenchmark) {
-            // this is the original variant, we don't want split-view.
-            // By not providing a segment, it will open the main document editor.
-            const url = ENGAGE_EDIT_VARIANT_PATH_PATTERN.generateLocal({
-                unique: this._test.umbracoPageVariants[0].unique,
-                culture: this._test.umbracoPageVariants[0].culture,
-            });
-            history.pushState(null, "", this.#modalPath + url);
-            return;
-        }
-        // if variant is new, it will not have segment. Unfortunately that means we need to save the test,
-        // then fetch it again, to populate the segment. The only thing we know about a new variant
-        // is the name, so we use that to find the updated value.
-        // This should be improved to allow creating variant segments independently of the test.
-        if (!variant.segment) {
-            await this.#workspaceContext.requestSave();
-            const updated = this.#workspaceContext
-                .getTestVariants()
-                .find((v) => v.name === variant.name);
-            if (!updated)
-                return;
-            variant = { ...variant, segment: updated.segment };
-        }
-        const url = ENGAGE_EDIT_VARIANT_PATH_PATTERN.generateLocal({
+        // no segment for benchmark variant means no split-view editing
+        const pathParams = {
             unique: this._test.umbracoPageVariants[0].unique,
             culture: this._test.umbracoPageVariants[0].culture,
-            segment: variant.segment,
-        });
+            segment: variant.isBenchmark ? undefined : variant.segment,
+        };
+        const url = ENGAGE_EDIT_VARIANT_PATH_PATTERN.generateLocal(pathParams);
         history.pushState(null, "", this.#modalPath + url);
     }
-    async #editVariant(variant, label, index) {
+    async #editVariant(variant, label) {
         if (!this._test)
             return;
         if (this._test.testType == "SinglePage") {
@@ -103,86 +110,94 @@ let UeAbTestVariantPickerElement = class UeAbTestVariantPickerElement extends Um
                 data: {
                     variant,
                     label,
-                    isOriginalVariant: index === 0,
                 },
             }).catch(() => { });
             if (!value)
                 return;
             this.#workspaceContext?.updateTest({
-                variants: partialUpdateFrozenArray(this._test?.variants ?? [], value, (x) => this._test?.variants?.indexOf(x) === index),
+                variants: partialUpdateFrozenArray(this._test?.variants ?? [], value, (x) => x.id === variant.id),
             });
         }
     }
-    async #previewVariant(variant) {
-        const unique = this._test?.umbracoPageVariants[0].unique;
-        const culture = this._test?.umbracoPageVariants[0].culture;
-        const segment = variant.segment;
-        const serverContext = await this.getContext(UMB_SERVER_CONTEXT);
-        if (!serverContext) {
-            throw new Error("Server context is missing");
-        }
-        const backofficePath = serverContext.getBackofficePath();
-        const previewUrl = new URL(ensurePathEndsWithSlash(backofficePath) + "preview", window.location.origin);
-        if (unique) {
-            previewUrl.searchParams.set("id", unique);
-        }
-        if (culture) {
-            previewUrl.searchParams.set("culture", culture);
-        }
-        if (segment) {
-            previewUrl.searchParams.set("segment", segment);
-        }
-        window.open(previewUrl.toString(), `umbpreview-${unique}`);
-    }
-    #onNameChange(e, variant, i) {
+    #onNameChange(e, variant) {
         if (!this._test)
             return;
         const name = e.target.value.toString();
         this.#workspaceContext?.updateTest({
-            variants: partialUpdateFrozenArray(this._test.variants ?? [], { ...variant, name }, (v) => this._test?.variants?.indexOf(v) === i),
+            variants: partialUpdateFrozenArray(this._test.variants ?? [], { ...variant, name }, (v) => v.id === variant.id),
         });
     }
     #disablePreviewButton(variant) {
-        const result = variant.id == undefined || variant.name == null;
-        if (this._test?.testType == "SinglePage") {
+        const result = variant.id === undefined || variant.name === null;
+        if (this._test?.testType === "SinglePage") {
             //If test type is SinglePage, also check variant id, if it's 0, means that the variant hasn't been saved yet.
-            return result || variant.id == 0;
+            return result || variant.id === 0;
         }
         else {
             return result;
         }
     }
-    #renderVariant(variant, idx) {
-        const label = String.fromCharCode(65 + idx);
+    #disableDeleteButton(variant) {
+        if (!this._test)
+            return true;
+        return (variant.isBenchmark || !this._test.id || this._test.variants.length <= 2);
+    }
+    #renderPreviewButton(variant) {
+        const pageVariant = this._test?.umbracoPageVariants[0];
+        if (!pageVariant)
+            return;
+        const preview = () => {
+            this.#previewController.preview(pageVariant.unique, variant.segment ?? "", pageVariant.culture ?? undefined);
+        };
+        return html ` <uui-button
+      .disabled=${this.#disablePreviewButton(variant)}
+      .label=${this.localize.term("general_preview")}
+      look="secondary"
+      @click=${preview}
+    ></uui-button>`;
+    }
+    #renderVariant(variant, label) {
         return html `<div class="variant">
       <uui-input
         .value=${variant.name ?? ""}
-        @change=${(e) => this.#onNameChange(e, variant, idx)}
+        @change=${(e) => this.#onNameChange(e, variant)}
       >
         <div class="extra" slot="prepend">${label}</div>
       </uui-input>
       <uui-button
         .label=${this.localize.term("general_edit")}
         look="secondary"
-        @click=${() => this.#editVariant(variant, label, idx)}
-      ></uui-button>
-      <uui-button
-        .disabled=${this.#disablePreviewButton(variant)}
-        .label=${this.localize.term("general_preview")}
-        look="secondary"
-        @click=${() => this.#previewVariant(variant)}
+        ?disabled=${!variant.isBenchmark && !this._test?.id}
+        @click=${() => this.#editVariant(variant, label)}
       ></uui-button>
+      ${this.#renderPreviewButton(variant)}
       <uui-button
         .label=${this.localize.term("general_delete")}
         look="secondary"
-        ?disabled=${variant.isBenchmark}
-        @click=${() => this.#deleteVariant(idx)}
+        ?disabled=${this.#disableDeleteButton(variant)}
+        @click=${() => this.#deleteVariant(variant)}
         ><uui-icon name="icon-trash"></uui-icon
       ></uui-button>
     </div>`;
     }
+    #renderNoSegmentation() {
+        return html `<ue-empty-state>
+      <p style="text-align:center">
+        ${this.localize.term("engage_abTesting_noSegmentation")}
+      </p>
+      <uui-button
+        .href=${this._editDocTypeModalPath}
+        look="primary"
+        color="default"
+        .label=${this.localize.term("engage_editDocumentType")}
+      ></uui-button>
+    </ue-empty-state>`;
+    }
     render() {
-        return html `${this._test?.variants?.map((v, i) => this.#renderVariant(v, i))}<uui-button
+        if (!this._variesBySegment && this._test?.testType === "SinglePage") {
+            return this.#renderNoSegmentation();
+        }
+        return html `${this._test?.variants?.map((v, i) => this.#renderVariant(v, String.fromCharCode(65 + i)))}<uui-button
         @click=${this.#addVariant}
         look="placeholder"
         .label=${this.localize.term("general_add")}
@@ -209,6 +224,8 @@ let UeAbTestVariantPickerElement = class UeAbTestVariantPickerElement extends Um
       align-items: center;
       border-right: 1px solid
         var(--uui-input-border-color, var(--uui-color-border));
+      box-sizing: border-box;
+      aspect-ratio: 1 / 1;
     }
 
     .variant {
@@ -221,6 +238,12 @@ let UeAbTestVariantPickerElement = class UeAbTestVariantPickerElement extends Um
 __decorate([
     state()
 ], UeAbTestVariantPickerElement.prototype, "_test", void 0);
+__decorate([
+    state()
+], UeAbTestVariantPickerElement.prototype, "_variesBySegment", void 0);
+__decorate([
+    state()
+], UeAbTestVariantPickerElement.prototype, "_editDocTypeModalPath", void 0);
 UeAbTestVariantPickerElement = __decorate([
     customElement(elementName)
 ], UeAbTestVariantPickerElement);

package/dist/ab-testing/test/modal/element/ab-testing-edit-variant-modal.element.d.ts

@@ -3,7 +3,6 @@ import type { UeAbTestingEditVariantModalData, UeAbTestingEditVariantModalValue
 declare const elementName = "ue-ab-testing-edit-variant-modal";
 export declare class UeAbTestingEditVariantModalElement extends UmbModalBaseElement<UeAbTestingEditVariantModalData, UeAbTestingEditVariantModalValue> {
     #private;
-    private _variant?;
     private _variantValues;
     private _customCodeConfig?;
     connectedCallback(): void;

package/dist/ab-testing/test/modal/element/ab-testing-edit-variant-modal.element.js

@@ -27,7 +27,7 @@ let UeAbTestingEditVariantModalElement = class UeAbTestingEditVariantModalElemen
                 },
             },
         ];
-        if (this.data.isOriginalVariant) {
+        if (this.data.variant.isBenchmark) {
             this._customCodeConfig = [
                 {
                     alias: "jsMessage",
@@ -57,7 +57,7 @@ let UeAbTestingEditVariantModalElement = class UeAbTestingEditVariantModalElemen
         .headline=${this.localize.term("engage_abTesting_editVariant")}
       >
         <p>
-          ${when(this.data?.isOriginalVariant, () => this.localize.term("engage_abTesting_editOriginalVariantDescription"), () => this.localize.term("engage_abTesting_editVariantDescription"))}
+          ${when(this.data?.variant.isBenchmark, () => this.localize.term("engage_abTesting_editOriginalVariantDescription"), () => this.localize.term("engage_abTesting_editVariantDescription"))}
         </p>
 
         <umb-property-dataset
@@ -120,9 +120,6 @@ let UeAbTestingEditVariantModalElement = class UeAbTestingEditVariantModalElemen
     }
   `; }
 };
-__decorate([
-    state()
-], UeAbTestingEditVariantModalElement.prototype, "_variant", void 0);
 __decorate([
     state()
 ], UeAbTestingEditVariantModalElement.prototype, "_variantValues", void 0);

package/dist/ab-testing/test/modal/token/ab-testing-edit-variant-modal.token.d.ts

@@ -4,7 +4,6 @@ export declare const ENGAGE_AB_TESTING_EDIT_VARIANT_MODAL_ALIAS = "Engage.Modal.
 export interface UeAbTestingEditVariantModalData {
     variant: AbTestVariantDtoModel;
     label: string;
-    isOriginalVariant: boolean;
 }
 export interface UeAbTestingEditVariantModalValue {
     name: string;

package/dist/ab-testing/test/repository/detail/index.d.ts

@@ -1 +1,2 @@
 export * from "./ab-testing-test-detail.repository.js";
+export * from "./constants.js";

package/dist/ab-testing/test/repository/detail/index.js

@@ -1 +1,2 @@
 export * from "./ab-testing-test-detail.repository.js";
+export * from "./constants.js";

package/dist/ab-testing/test/workspace/ab-testing-test-workspace.context.d.ts

@@ -1,9 +1,9 @@
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { type UeAbTestingTestDetailModel } from "../entities.js";
-import type { UeAbTestingTestDetailRepository } from "../repository/index.js";
+import { type UeAbTestingTestDetailRepository } from "../repository/index.js";
 import { type AbTestDtoModel, type GoalDtoModel, type ReportingStatusModel } from "../../../generated/index.js";
 import { UeWorkspaceContextBase } from "../../../core/index.js";
-import { UeAbTestingProjectItemModel } from "src/ab-testing/project/entities.js";
+import { UeAbTestingProjectItemModel } from "../../project/entities.js";
 export declare class UeAbTestingTestWorkspaceContext extends UeWorkspaceContextBase<UeAbTestingTestDetailModel, UeAbTestingTestDetailRepository> {
     #private;
     readonly IS_VIEW_AWARE = true;
@@ -22,6 +22,7 @@ export declare class UeAbTestingTestWorkspaceContext extends UeWorkspaceContextB
     getTestVariants(): import("../../../generated/index.js").AbTestVariantDtoModel[];
     load(id: string): Promise<import("@umbraco-cms/backoffice/repository").UmbRepositoryResponse<UeAbTestingTestDetailModel> | import("@umbraco-cms/backoffice/repository").UmbRepositoryResponseWithAsObservable<UeAbTestingTestDetailModel, UeAbTestingTestDetailModel>>;
     createScaffold(): Promise<UeAbTestingTestDetailModel | undefined>;
+    createVariant(): Promise<void>;
     delete(): Promise<void>;
     updateTest(test: Partial<AbTestDtoModel>, save?: boolean): Promise<void>;
     disableVariant(id: number): Promise<void>;

package/dist/ab-testing/test/workspace/ab-testing-test-workspace.context.js

@@ -1,13 +1,13 @@
-import { partialUpdateFrozenArray, UmbArrayState, UmbObjectState, UmbStringState, } from "@umbraco-cms/backoffice/observable-api";
+import { appendToFrozenArray, partialUpdateFrozenArray, UmbArrayState, UmbObjectState, UmbStringState, } from "@umbraco-cms/backoffice/observable-api";
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
 import { ENGAGE_AB_TESTING_TEST_ENTITY_TYPE, ENGAGE_AB_TESTING_TEST_WORKSPACE_ALIAS, } from "../constants.js";
-import { ENGAGE_AB_TESTING_TEST_DETAIL_REPOSITORY_ALIAS } from "../repository/detail/constants.js";
+import { ENGAGE_AB_TESTING_TEST_DETAIL_REPOSITORY_ALIAS, } from "../repository/index.js";
 import { UeAbTestingTestWorkspaceEditorElement } from "./ab-testing-test-workspace-editor.element.js";
 import { ABTestVariantService, GoalsService, ReportingService, } from "../../../generated/index.js";
 import { UeWorkspaceContextBase } from "../../../core/index.js";
 import { UMB_MODAL_CONTEXT } from "@umbraco-cms/backoffice/modal";
-import { UeAbTestingProjectItemRepository } from "src/packages.js";
 import { UMB_ENTITY_DETAIL_WORKSPACE_CONTEXT } from "@umbraco-cms/backoffice/workspace";
+import { UeAbTestingProjectItemRepository } from "../../project/index.js";
 export class UeAbTestingTestWorkspaceContext extends UeWorkspaceContextBase {
     #hostWorkspaceContext;
     #projectItemRepository;
@@ -45,6 +45,7 @@ export class UeAbTestingTestWorkspaceContext extends UeWorkspaceContextBase {
         this.goals = this.#goals.asObservable();
         this.#activeView = new UmbStringState(undefined);
         this.activeView = this.#activeView.asObservable();
+        // TODO => does this actually resolve to anything?
         this.consumeContext(UMB_ENTITY_DETAIL_WORKSPACE_CONTEXT, (context) => {
             this.#hostWorkspaceContext = context;
         }).skipHost();
@@ -92,6 +93,23 @@ export class UeAbTestingTestWorkspaceContext extends UeWorkspaceContextBase {
         });
         return data;
     }
+    async createVariant() {
+        const current = this.getData();
+        if (!current)
+            return;
+        const testId = current.test.id;
+        if (!testId)
+            return;
+        const { data } = await tryExecute(this, ABTestVariantService.postAbTestVariantCreate({
+            query: {
+                testId,
+            },
+        }));
+        this.updateTest({
+            variants: appendToFrozenArray(current.test.variants ?? [], data),
+        });
+        await this.requestSave();
+    }
     async delete() {
         const unique = this.getUnique();
         if (!unique)
@@ -129,6 +147,19 @@ export class UeAbTestingTestWorkspaceContext extends UeWorkspaceContextBase {
         let test = this.getData()?.test;
         if (!test)
             return;
+        // ensure singlePage test only have the current page variant.
+        // this is to avoid issues when switching test types in the editor.
+        // TODO => how does this work when editing in the Engage section?
+        if (test.testType === "SinglePage" &&
+            test.umbracoPageVariants?.length > 1) {
+            const modalContext = await this.getContext(UMB_MODAL_CONTEXT);
+            if (modalContext?.data.umbracoPageVariants.length) {
+                test = {
+                    ...test,
+                    umbracoPageVariants: [modalContext.data.umbracoPageVariants[0]],
+                };
+            }
+        }
         this.update({
             test: {
                 ...test,

package/dist/ab-testing/test/workspace/actions/schedule-test-action.js

@@ -1,5 +1,6 @@
 import { ENGAGE_AB_TESTING_SCHEDULE_TEST_MODAL_ALIAS, } from "../../modal/index.js";
 import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
+import { DateUtils } from "../../../../core/index.js";
 export class UeAbTestingTestScheduleTestWorkspaceAction extends UeAbTestingTestActionBase {
     constructor(host, args) {
         super(host, args);
@@ -12,7 +13,9 @@ export class UeAbTestingTestScheduleTestWorkspaceAction extends UeAbTestingTestA
         const { date } = modalHandler.getValue();
         if (!date)
             return;
-        await this.workspaceContext?.updateTest({ startTime: date }, true);
+        // Convert local datetime-local value to UTC for server
+        const utcString = DateUtils.toUtcString(new Date(date));
+        await this.workspaceContext?.updateTest({ startTime: utcString }, true);
     }
 }
 export { UeAbTestingTestScheduleTestWorkspaceAction as api };

package/dist/ab-testing/test/workspace/actions/start-test-action.js

@@ -5,7 +5,7 @@ export class UeAbTestingTestStartTestWorkspaceAction extends UeAbTestingTestActi
         super(host, args);
     }
     async execute() {
-        await this.workspaceContext?.updateTest({ startTime: DateUtils.format(new Date()) }, true);
+        await this.workspaceContext?.updateTest({ startTime: DateUtils.toUtcString(new Date()) }, true);
     }
 }
 export { UeAbTestingTestStartTestWorkspaceAction as api };

package/dist/ab-testing/test/workspace/conditions/ab-testing-can-preview.condition.js

@@ -23,7 +23,14 @@ export class UeAbTestingTestCanPreviewVariantCondition extends UmbConditionBase
                     ?.test.umbracoPageVariants?.at(0);
                 if (!hasPageVariant)
                     return;
-                this.permitted = this.#previewableStatuses.includes(variant.status);
+                this.observe(context?.test, (test) => {
+                    const testType = test?.testType;
+                    this.permitted =
+                        // SplitUrl does not have preview feature in Scoring tab.
+                        this.#previewableStatuses.includes(variant.status) &&
+                            !!variant.previewUrl &&
+                            testType !== "SplitUrl";
+                });
             });
         });
     }

package/dist/ab-testing/test/workspace/entity-actions/preview-variant.action.js

@@ -1,32 +1,23 @@
 import { UmbEntityActionBase, } from "@umbraco-cms/backoffice/entity-action";
 import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../ab-testing-test-workspace-context.token.js";
-import { UeVariantPreviewController } from "../../../../core/index.js";
 export class UePreviewVariantAbTestScoringAction extends UmbEntityActionBase {
-    #preview = new UeVariantPreviewController(this);
-    #test;
+    #variants;
     constructor(host, args) {
         super(host, args);
         this.consumeContext(ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT, (context) => {
-            if (!context)
-                return;
-            this.observe(context?.test, (test) => {
-                this.#test = test;
+            this.observe(context?.variants, (variants) => {
+                this.#variants = variants;
             });
         });
     }
     async execute() {
         if (!this.args.unique)
             return;
-        const page = this.#test?.umbracoPageVariants?.[0];
-        if (!page)
+        const previewUrl = this.#variants?.find((v) => v.unique === this.args.unique)?.previewUrl;
+        // Defensive check: previewUrl may not exist if no matching variant is found
+        if (!previewUrl)
             return;
-        // unique is the key, but we need use the id for preview
-        const id = this.#test?.variants.find((x) => x.unique === this.args.unique)?.id;
-        if (!id)
-            return;
-        this.#preview?.preview(page.unique, null, page.culture, {
-            engagePreviewAbTestVariantId: id,
-        });
+        window.open(previewUrl, "_blank");
     }
 }
 export { UePreviewVariantAbTestScoringAction as api };

package/dist/ab-testing/test/workspace/views/edit/ab-testing-test-editor.element.js

@@ -10,7 +10,7 @@ import { UMB_SECTION_CONTEXT } from "@umbraco-cms/backoffice/section";
 import { UMB_CONTENT_SECTION_ALIAS } from "@umbraco-cms/backoffice/content";
 import { makeArray, UePropertyDataSetRendererController, } from "../../../../../core/index.js";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "src/packages.js";
+import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../../ab-testing-test-workspace-context.token.js";
 const elementName = "ue-ab-testing-test-editor";
 let UeAbTestingTestEditorElement = class UeAbTestingTestEditorElement extends UmbLitElement {
     #dataKey;

package/dist/analytics/analytics-context.d.ts

@@ -21,6 +21,7 @@ export declare class UeAnalyticsContext extends UmbContextBase {
     }>;
     updateSettings(settings: Partial<UeAnalyticsContextDefaultSettings>): void;
     setDrilldown(drilldown?: Record<string, any>): void;
+    updateDrilldown(drilldownUpdates: Record<string, any>): void;
 }
 export { UeAnalyticsContext as api };
 export declare const ENGAGE_ANALYTICS_CONTEXT: UmbContextToken<UeAnalyticsContext, UeAnalyticsContext>;

package/dist/analytics/analytics-context.js

@@ -181,6 +181,10 @@ export class UeAnalyticsContext extends UmbContextBase {
     setDrilldown(drilldown) {
         this.#drilldown.setValue(drilldown);
     }
+    updateDrilldown(drilldownUpdates) {
+        const currentDrilldown = this.#drilldown.getValue() ?? {};
+        this.#drilldown.setValue({ ...currentDrilldown, ...drilldownUpdates });
+    }
 }
 export { UeAnalyticsContext as api };
 export const ENGAGE_ANALYTICS_CONTEXT = new UmbContextToken(ENGAGE_ANALYTICS_CONTEXT_ALIAS);

package/dist/analytics/components/chart/analytics-chart.element.d.ts

@@ -11,6 +11,7 @@ declare const elementName = "ue-chart";
 export declare class UeAnalyticsChartElement extends UeChartBaseElement {
     #private;
     config?: UeChartConfigUnionType;
+    showPercentages: boolean;
     percentageData?: ChartData & {
         dates: Array<Array<string>>;
     };