@umbraco-engage/backoffice 17.1.1 → 17.2.0

package/dist/ab-testing/editor-view/ab-testing-editor-view-context.token.js

@@ -1,3 +1,2 @@
 import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
-export const ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT = new UmbContextToken("UeAbTestingEditorViewContext", undefined, (context) => context
-    .IS_AB_TESTING_EDITOR_VIEW_CONTEXT);
+export const ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT = new UmbContextToken("UeAbTestingEditorViewContext", undefined, (context) => context.IS_AB_TESTING_EDITOR_VIEW_CONTEXT);

package/dist/ab-testing/editor-view/ab-testing-editor-view.context.d.ts

@@ -1,4 +1,3 @@
-import { type UeAbTestingProjectItemModel } from "../project/entities.js";
 import { UeAbTestingProjectItemRepository } from "../project/repository/item/index.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
@@ -6,7 +5,7 @@ export declare class UeAbTestingEditorViewContext extends UmbContextBase {
     #private;
     readonly IS_AB_TESTING_EDITOR_VIEW_CONTEXT = true;
     itemRepository: UeAbTestingProjectItemRepository;
-    projects: import("rxjs").Observable<UeAbTestingProjectItemModel[]>;
+    projects: import("rxjs").Observable<import("../project/entities.js").UeAbTestingProjectModel[]>;
     archivedCount: import("rxjs").Observable<number>;
     modalPath: import("rxjs").Observable<string | undefined>;
     constructor(host: UmbControllerHost);

package/dist/ab-testing/manifests.js

@@ -2,7 +2,7 @@ import { manifests as projectManifests } from "./project/manifests.js";
 import { manifests as testManifests } from "./test/manifests.js";
 import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
 import { UMB_DOCUMENT_WORKSPACE_ALIAS } from "@umbraco-cms/backoffice/document";
-import { ENGAGE_FEATURE_ABTESTING, ENGAGE_EXTENSION_VISIBILITY_CONDITION_ALIAS, ENGAGE_SCREEN_AB_TESTING, ScreenManifestGenerator, ENGAGE_FEATURE_ANALYTICS, ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS, ENGAGE_DOCUMENT_TYPE_PERMISSIONS_CONDITION_ALIAS, ALLOW_ABTESTING, } from "../core/index.js";
+import { ENGAGE_FEATURE_ABTESTING, ENGAGE_EXTENSION_VISIBILITY_CONDITION_ALIAS, ENGAGE_SCREEN_AB_TESTING, ScreenManifestGenerator, ENGAGE_FEATURE_ANALYTICS, ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS, ENGAGE_DOCUMENT_TYPE_PERMISSIONS_CONDITION_ALIAS, ENGAGE_ALLOW_ABTESTING, } from "../core/index.js";
 const ABTESTING_SCREEN = "ue-abtesting-screen";
 const screens = [
     { name: "A/B Testing", elementName: "ue-abtesting", label: "abTests" },
@@ -50,7 +50,7 @@ export const manifests = [
             },
             {
                 alias: ENGAGE_DOCUMENT_TYPE_PERMISSIONS_CONDITION_ALIAS,
-                match: ALLOW_ABTESTING,
+                match: ENGAGE_ALLOW_ABTESTING,
             },
             {
                 alias: ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS,

package/dist/ab-testing/project/components/ab-testing-project-overview.element.js

@@ -42,20 +42,20 @@ let UeAbTestingProjectOverviewElement = class UeAbTestingProjectOverviewElement
           >${this.localize.term("engage_abTesting_showArchivedProjects")}</uui-checkbox
         >`)}
     ${when(projectsWithActiveTest?.length, () => html ` <ue-ab-testing-project-list
-        .label=${this.localize.term("engage_abTesting_projectsWithActiveTest")}
-        icon="icon-folder-check"
-        .projects=${projectsWithActiveTest}
-      ></ue-ab-testing-project-list>`)}
+          .label=${this.localize.term("engage_abTesting_projectsWithActiveTest")}
+          icon="icon-folder-check"
+          .projects=${projectsWithActiveTest}
+        ></ue-ab-testing-project-list>`)}
     ${when(projectsWithoutActiveTest?.length, () => html ` <ue-ab-testing-project-list
-        .label=${this.localize.term("engage_abTesting_projectsWithNoActiveTest")}
-        icon="icon-folder-clock"
-        .projects=${projectsWithoutActiveTest}
-      ></ue-ab-testing-project-list>`)}
+          .label=${this.localize.term("engage_abTesting_projectsWithNoActiveTest")}
+          icon="icon-folder-clock"
+          .projects=${projectsWithoutActiveTest}
+        ></ue-ab-testing-project-list>`)}
     ${when(this._showArchivedProjects, () => html ` <ue-ab-testing-project-list
-        .label=${this.localize.term("engage_abTesting_archivedTests")}
-        icon="icon-document"
-        .projects=${this._projects?.filter((x) => x.archived)}
-      ></ue-ab-testing-project-list>`)} `;
+          .label=${this.localize.term("engage_abTesting_archivedTests")}
+          icon="icon-document"
+          .projects=${this._projects?.filter((x) => x.archived)}
+        ></ue-ab-testing-project-list>`)} `;
     }
     #renderEmpty() {
         return html ` <ue-empty-state

package/dist/ab-testing/project/components/ab-testing-project-status-list.element.js

@@ -34,7 +34,8 @@ let UeAbTestingProjectStatusListElement = class UeAbTestingProjectStatusListElem
         <uui-tag look=${this.look}>
           <uui-icon name="icon-edit"></uui-icon>
           ${this.localize.term("engage_createdBy")}
-          ${this.project.createdByUmbracoUsername ?? "N/A"}</uui-tag
+          ${this.project.createdByUmbracoUserName ??
+            this.localize.term("engage_notAvailable")}</uui-tag
         >
       </li>
     </ul>`;

package/dist/ab-testing/project/entities.d.ts

@@ -3,24 +3,21 @@ import type { AbTestDtoModel, ProjectAbTestModel } from "../../generated/index.j
 export interface UeAbTestingProjectStubModel {
     amountOfTests: number;
     amountOfActiveTests: number;
-    createdByUmbracoUsername?: string | null;
+    createdByUmbracoUserName?: string | null;
 }
-interface UeAbTestingProjectModel extends UeEntityBase {
+export interface UeAbTestingProjectModel extends UeEntityBase {
     id: number;
     archived: boolean;
     invalid: boolean;
     created?: string;
-    createdByUmbracoUserKey: string;
-    createdByUmbracoUsername?: string | null;
+    createdByUmbracoUserName?: string | null;
     amountOfActiveTests: number;
     amountOfTests: number;
     name: string;
     description: string;
     updatedByUmbracoUserKey?: string | null;
 }
-export interface UeAbTestingProjectItemModel extends UeAbTestingProjectModel {
-}
+export type UeAbTestingProjectItemModel = UeAbTestingProjectModel;
 export interface UeAbTestingProjectDetailModel extends UeAbTestingProjectModel {
     abTests: Array<ProjectAbTestModel | AbTestDtoModel>;
 }
-export {};

package/dist/ab-testing/project/repository/detail/ab-testing-project-detail-server.data-source.d.ts

@@ -1,4 +1,4 @@
-import { type UeAbTestingProjectDetailModel } from "../../entities.js";
+import type { UeAbTestingProjectDetailModel } from "../../entities.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbDetailDataSource } from "@umbraco-cms/backoffice/repository";
 type DetailType = UeAbTestingProjectDetailModel;

package/dist/ab-testing/project/repository/detail/ab-testing-project-detail-server.data-source.js

@@ -21,7 +21,7 @@ export class UeAbTestingProjectDetailServerDataSource {
             name: "",
             description: "",
             abTests: [],
-            createdByUmbracoUserKey: "",
+            createdByUmbracoUserName: "",
             ...preset,
         };
         return { data };
@@ -69,12 +69,13 @@ export class UeAbTestingProjectDetailServerDataSource {
         };
     }
     #mapToDto(data) {
-        const { createdByUmbracoUserKey, updatedByUmbracoUserKey, ...rest } = data;
+        const { updatedByUmbracoUserKey, ...rest } = data;
         return {
             ...rest,
             // Only include userKey fields if they have valid values (not empty strings)
-            ...(createdByUmbracoUserKey && createdByUmbracoUserKey !== "" ? { createdByUmbracoUserKey } : {}),
-            ...(updatedByUmbracoUserKey && updatedByUmbracoUserKey !== "" ? { updatedByUmbracoUserKey } : {}),
+            ...(updatedByUmbracoUserKey && updatedByUmbracoUserKey !== ""
+                ? { updatedByUmbracoUserKey }
+                : {}),
         };
     }
     #mapFromDto(data) {

package/dist/ab-testing/project/repository/item/ab-testing-project-item-server.data-source.d.ts

@@ -1,4 +1,4 @@
-import { type UeAbTestingProjectItemModel } from "../../entities.js";
+import type { UeAbTestingProjectItemModel } from "../../entities.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { UmbItemServerDataSourceBase } from "@umbraco-cms/backoffice/repository";
 import { type AbTestProjectDtoModel } from "../../../../generated/index.js";

package/dist/ab-testing/project/repository/item/ab-testing-project-item-server.data-source.js

@@ -5,7 +5,7 @@ import { ABTestProjectService, } from "../../../../generated/index.js";
 export class UeAbTestingProjectItemServerDataSource extends UmbItemServerDataSourceBase {
     constructor(host) {
         super(host, {
-            getItems: async (_) => await ABTestProjectService.getAbTestProjectAll(),
+            getItems: async () => await ABTestProjectService.getAbTestProjectAll(),
             mapper: (data) => ({
                 ...data,
                 entityType: ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE,

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

@@ -1,4 +1,4 @@
-import { type UeAbTestingProjectDetailModel } from "../entities.js";
+import type { UeAbTestingProjectDetailModel } from "../entities.js";
 import type { UeAbTestingProjectDetailRepository } from "../repository/index.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { Observable } from "@umbraco-cms/backoffice/external/rxjs";

package/dist/ab-testing/project/workspace/manifests.js

@@ -9,7 +9,7 @@ export const manifests = [
         api: () => import("./ab-testing-project-workspace.context.js"),
         meta: {
             entityType: ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE,
-        }
+        },
     },
     {
         type: "workspaceView",
@@ -29,5 +29,5 @@ export const manifests = [
                 match: ENGAGE_AB_TESTING_PROJECT_WORKSPACE_ALIAS,
             },
         ],
-    }
+    },
 ];

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

@@ -1,5 +1,5 @@
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { type ProjectAbTestModel } from "../../../generated/index.js";
+import type { ProjectAbTestModel } from "../../../generated/index.js";
 declare const elementName = "ue-ab-testing-test-card";
 export declare class UeAbTestingTestCardElement extends UmbLitElement {
     #private;

package/dist/ab-testing/test/components/ab-testing-test-card.element.js

@@ -82,15 +82,15 @@ let UeAbTestingTestCardElement = class UeAbTestingTestCardElement extends UmbLit
             : "#0fa588"}"
     >
       ${when(this.test.winner, () => html ` <div id="iconWrapper">
-            <uui-icon name="icon-trophy"></uui-icon
-            ><span>${this.test.winner}</span>
-          </div>
-          <span id="winnerText"
-            >${this.localize.term("engage_abTesting_winner")}</span
-          >`, () => html ` <uui-icon name="icon-trophy"></uui-icon>
-          <span id="winnerText"
-            >${this.localize.term("engage_abTesting_noWinner")}</span
-          >`)}
+              <uui-icon name="icon-trophy"></uui-icon
+              ><span>${this.test.winner}</span>
+            </div>
+            <span id="winnerText"
+              >${this.localize.term("engage_abTesting_winner")}</span
+            >`, () => html ` <uui-icon name="icon-trophy"></uui-icon>
+            <span id="winnerText"
+              >${this.localize.term("engage_abTesting_noWinner")}</span
+            >`)}
 
       <svg
         id="winnerSvg"

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

@@ -1,5 +1,5 @@
 import { type UmbInputDocumentElement } from "@umbraco-cms/backoffice/document";
-import { type UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
+import type { UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
 import { type UeVariantDocumentPickerModel, UeVariantPickerBaseElement } from "../../../../core/index.js";
 declare const elementName = "ue-split-url-picker";
 export declare class UeSplitUrlContentPickerElement extends UeVariantPickerBaseElement<UeVariantDocumentPickerModel> implements UmbPropertyEditorUiElement {

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

@@ -5,16 +5,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../../workspace/index.js";
-import { UMB_DOCUMENT_TREE_STORE_CONTEXT, UmbDocumentTreeRepository, } from "@umbraco-cms/backoffice/document";
+import { UMB_DOCUMENT_TREE_STORE_CONTEXT, } from "@umbraco-cms/backoffice/document";
 import { css, customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
 import { UeVariantPickerBaseElement, } from "../../../../core/index.js";
 const elementName = "ue-split-url-picker";
 let UeSplitUrlContentPickerElement = class UeSplitUrlContentPickerElement extends UeVariantPickerBaseElement {
     #workspaceContext;
-    //TODO: UMB_DOCUMENT_TREE_STORE_CONTEXT will be remove in Umbraco 18. Change this before using Umbraco 18.
+    //TODO: UMB_DOCUMENT_TREE_STORE_CONTEXT will be removed in Umbraco 18. Change this before using Umbraco 18.
     #documentItemStore;
-    #documentTreeRepo = new UmbDocumentTreeRepository(this);
     constructor() {
         super();
         this.consumeContext(ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT, (context) => {

package/dist/ab-testing/test/components/test-advice/ab-testing-test-indication.element.js

@@ -52,41 +52,44 @@ let UeAbTestingTestIndicationElement = class UeAbTestingTestIndicationElement ex
         this.image = Advice02Image;
         this.content = html `${when(this._indication?.status === "Scheduled" ||
             this._indication?.status === "Draft", () => html `<h3>Estimated test duration unknown</h3>
-        <p>
-          It is not possible to calculate the expected duration of your test. If
-          the tested pages are relatively new then this can be caused by the
-          lack of sufficient analytics data. In any other case; change the MDE
-          value within the 'Advanced settings' section and try again. Please be
-          aware that it is ok to start testing anyway!
-        </p>`)}
-    ${when(this._indication?.status === "Running", () => html `<h3>Waiting for more data...</h3>
-        <!--Running and no estimated runtime-->
-        ${when(this._indication?.estimatedRequiredRuntimeRemainingInDays == null, () => html `<p>
-            At this moment we have insufficient data on this running test to
-            support you with advice. Don't worry, when there is enough data the
-            advice will be shown right away!
+          <p>
+            It is not possible to calculate the expected duration of your test.
+            If the tested pages are relatively new then this can be caused by
+            the lack of sufficient analytics data. In any other case; change the
+            MDE value within the 'Advanced settings' section and try again.
+            Please be aware that it is ok to start testing anyway!
           </p>`)}
-        <!--Running and estimated runtime-->
-        ${when((this._indication?.estimatedRequiredRuntimeRemainingInDays ?? 0) > 0, () => html ` <p>
-            This test needs
-            ${this.localize.number((this._indication?.requiredVisitorsTotal ?? 0) -
+    ${when(this._indication?.status === "Running", () => html `<h3>Waiting for more data...</h3>
+          <!--Running and no estimated runtime-->
+          ${when(this._indication?.estimatedRequiredRuntimeRemainingInDays == null, () => html `<p>
+                At this moment we have insufficient data on this running test to
+                support you with advice. Don't worry, when there is enough data
+                the advice will be shown right away!
+              </p>`)}
+          <!--Running and estimated runtime-->
+          ${when((this._indication?.estimatedRequiredRuntimeRemainingInDays ?? 0) >
+            0, () => html ` <p>
+                This test needs
+                ${this.localize.number((this._indication?.requiredVisitorsTotal ?? 0) -
             (this._indication?.currentVisitors ?? 0))}
-            more visitors
-            ${(this._indication?.estimatedRequiredRuntimeRemainingInDays ?? 0) >
-            365
+                more visitors
+                ${(this._indication?.estimatedRequiredRuntimeRemainingInDays ??
+            0) > 365
             ? "(expected to take more than a year)"
             : `(in about ${this._indication?.estimatedRequiredRuntimeRemainingInDays} days)`}
-            to be able to calculate when the result will become reliable. You
-            will find that here.
-          </p>`)}
+                to be able to calculate when the result will become reliable.
+                You will find that here.
+              </p>`)}
 
-        <!--Running and estimated runtime is negative-->
-        ${when((this._indication?.estimatedRequiredRuntimeRemainingInDays ?? 1) <= 0, () => html ` <p>
-            This test was estimated to be reliable
-            ${this._indication.estimatedRequiredRuntimeRemainingInDays * -1}
-            days ago, but it did not collect enough data. Don't worry, when
-            there is enough data the advice will be shown right away!
-          </p>`)}`)} `;
+          <!--Running and estimated runtime is negative-->
+          ${when((this._indication?.estimatedRequiredRuntimeRemainingInDays ?? 1) <=
+            0, () => html ` <p>
+                This test was estimated to be reliable
+                ${this._indication.estimatedRequiredRuntimeRemainingInDays *
+            -1}
+                days ago, but it did not collect enough data. Don't worry, when
+                there is enough data the advice will be shown right away!
+              </p>`)}`)} `;
     }
     #generateViableAdvice() {
         if (!this._indication)

package/dist/ab-testing/test/components/test-advice/viable-test-advice-generator.controller.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from "@umbraco-cms/backoffice/external/lit";
 import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import { type AbTestIndicationModel } from "../../../../generated/index.js";
+import type { AbTestIndicationModel } from "../../../../generated/index.js";
 export declare class UeViableTestAdviceGeneratorController extends UmbControllerBase {
     #private;
     constructor(host: UmbControllerHost, indication: AbTestIndicationModel);

package/dist/ab-testing/test/components/test-advice/viable-test-advice-generator.controller.js

@@ -17,7 +17,7 @@ export class UeViableTestAdviceGeneratorController extends UmbControllerBase {
         return `${((v ?? 0) * 100).toFixed(2)}%`;
     }
     #pluralize(value, plural, singular, prefix) {
-        `${value}${prefix ? ` ${prefix} ` : ""} ${value === 1 ? singular : plural}`;
+        return `${value}${prefix ? ` ${prefix} ` : ""} ${value === 1 ? singular : plural}`;
     }
     #getWinningVariantStatus() {
         if (!this.#indication.variantStatus)
@@ -66,17 +66,17 @@ export class UeViableTestAdviceGeneratorController extends UmbControllerBase {
               ${this.#pluralize(this.#indication.estimatedRuntimeInDays, "days", "day")}`, () => html `more than a year`)}
         </h3>
         ${when(this.#indication.originalVariantIsWinning, () => html ` <p>
-            It seems like no variant can outperform the original variant! With a
-            conversion
-            ${this.#indication.bestNonWinningVariantConversionChange < 0
+              It seems like no variant can outperform the original variant! With
+              a conversion
+              ${this.#indication.bestNonWinningVariantConversionChange < 0
                 ? "decrease"
                 : "increase"}
-            of
-            ${this.#percentage(this.#indication.bestNonWinningVariantConversionChange)}
-            variant
-            ${this.#indication.bestNonBenchmarkVariant?.abTestVariant?.name}
-            seems to be the best losing variant.
-          </p>`, () => html `<p ng-show="!this.#indication.originalVariantIsWinning">
+              of
+              ${this.#percentage(this.#indication.bestNonWinningVariantConversionChange)}
+              variant
+              ${this.#indication.bestNonBenchmarkVariant?.abTestVariant?.name}
+              seems to be the best losing variant.
+            </p>`, () => html `<p ng-show="!this.#indication.originalVariantIsWinning">
         With a conversion ${this.#indication.winningVariantConversionChange < 0
                 ? "decrease"
                 : "increase"} of
@@ -157,9 +157,9 @@ export class UeViableTestAdviceGeneratorController extends UmbControllerBase {
             image: Advice04Image,
             value: html ` <h3>This test is completed</h3>
         <p>
-          ${when(this.#indication.winner, () => html `Variant ${this.#indication.winner?.abTestVariant?.name}
-            was picked as the winner of this test! It outperformed all other
-            variants.`, () => html `No winner has been picked for this test.`)}
+          ${when(this.#indication.winner, () => html `Variant ${this.#indication.winner?.abTestVariant?.name} was
+              picked as the winner of this test! It outperformed all other
+              variants.`, () => html `No winner has been picked for this test.`)}
         </p>
 
         <p>

package/dist/ab-testing/test/components/test-list/ab-testing-test-list-base.element.d.ts

@@ -4,7 +4,7 @@ interface AbTestFilterModel {
     new: boolean;
     running: boolean;
     completed: boolean;
-    userKey: string;
+    userName: string;
 }
 export declare abstract class UeAbTestingTestListBaseElement extends UmbLitElement {
     #private;

package/dist/ab-testing/test/components/test-list/ab-testing-test-list-base.element.js

@@ -14,14 +14,13 @@ export class UeAbTestingTestListBaseElement extends UmbLitElement {
     set tests(value) {
         this._tests = value;
         this._createdByOptions = [
-            { name: "All", value: "0", selected: true },
+            { name: "All", value: "All", selected: true },
             ...new Set(value
-                .filter((t, i, arr) => t.createdByUmbracoUserKey &&
-                t.createdByUmbracoUserName &&
-                arr.findIndex((o) => o.createdByUmbracoUserKey === t.createdByUmbracoUserKey) === i)
+                .filter((t, i, arr) => t.createdByUmbracoUserName &&
+                arr.findIndex((o) => o.createdByUmbracoUserName === t.createdByUmbracoUserName) === i)
                 .map((t) => ({
                 name: t.createdByUmbracoUserName,
-                value: t.createdByUmbracoUserKey,
+                value: t.createdByUmbracoUserName,
             }))),
         ];
     }
@@ -51,7 +50,7 @@ export class UeAbTestingTestListBaseElement extends UmbLitElement {
             new: true,
             running: true,
             completed: true,
-            userKey: "0",
+            userName: "All",
         };
         this._createdByOptions = [];
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
@@ -76,15 +75,15 @@ export class UeAbTestingTestListBaseElement extends UmbLitElement {
         const value = e.target.value.toString();
         this.filters = {
             ...this.filters,
-            userKey: value,
+            userName: value,
         };
     }
     #renderTestList(group) {
         if (!group.visibilityFn())
             return;
         const tests = this._tests.filter((t) => group.status.includes(t.status) &&
-            (this.filters.userKey === "0" ||
-                t.createdByUmbracoUserKey === this.filters.userKey));
+            (this.filters.userName === "All" ||
+                t.createdByUmbracoUserName === this.filters.userName));
         if (!tests.length)
             return;
         return html `<ue-divider
@@ -117,7 +116,7 @@ export class UeAbTestingTestListBaseElement extends UmbLitElement {
         <uui-select
           id="createdBy"
           .options=${this._createdByOptions}
-          .value=${this.filters.userKey}
+          .value=${this.filters.userName}
           @change=${this.#onSelectFilterChange}
         >
         </uui-select>

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

@@ -1,5 +1,5 @@
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { type UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
+import type { UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
 declare const elementName = "ue-ab-test-variant-picker";
 export declare class UeAbTestVariantPickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../../workspace/index.js";
 import { ENGAGE_AB_TESTING_EDIT_VARIANT_MODAL_ALIAS, } from "../../modal/index.js";
-import { partialUpdateFrozenArray, } from "@umbraco-cms/backoffice/observable-api";
+import { partialUpdateFrozenArray } from "@umbraco-cms/backoffice/observable-api";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { css, customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
 import { ENGAGE_EDIT_VARIANT_PATH_PATTERN, UeVariantPreviewController, } from "../../../../core/index.js";
@@ -55,27 +55,36 @@ let UeAbTestVariantPickerElement = class UeAbTestVariantPickerElement extends Um
             this.#modalPath = routeBuilder({});
         });
     }
+    async #getDocument(unique) {
+        const documentStoreContext = await this.getContext(UMB_DOCUMENT_DETAIL_STORE_CONTEXT);
+        if (!documentStoreContext)
+            return;
+        const document = await firstValueFrom(documentStoreContext.byUnique(unique));
+        return document;
+    }
+    async #getDocumentType(unique) {
+        const docTypeStoreContext = await this.getContext(UMB_DOCUMENT_TYPE_DETAIL_STORE_CONTEXT);
+        if (!docTypeStoreContext)
+            return;
+        const contentType = await firstValueFrom(docTypeStoreContext.byUnique(unique));
+        return contentType;
+    }
     async #getVariation() {
         const documentUnique = this._test?.umbracoPageVariants?.[0]?.unique;
         if (!documentUnique)
             return;
-        const documentStoreContext = await this.getContext(UMB_DOCUMENT_DETAIL_STORE_CONTEXT);
-        if (!documentStoreContext)
-            return;
-        const document = await firstValueFrom(documentStoreContext.byUnique(documentUnique));
+        const document = await this.#getDocument(documentUnique);
         if (!document)
             return;
-        const docTypeStoreContext = await this.getContext(UMB_DOCUMENT_TYPE_DETAIL_STORE_CONTEXT);
-        if (!docTypeStoreContext)
+        const documentType = await this.#getDocumentType(document.documentType.unique);
+        if (!documentType)
             return;
-        const contentType = await firstValueFrom(docTypeStoreContext.byUnique(document.documentType.unique));
-        this._variesBySegment = contentType?.variesBySegment ?? false;
-        this._editDocTypeModalPath = contentType?.unique
-            ? this.#editDocTypeModalPath +
+        this._variesBySegment = documentType.variesBySegment;
+        this._editDocTypeModalPath =
+            this.#editDocTypeModalPath +
                 UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN.generateLocal({
-                    unique: contentType.unique,
-                })
-            : undefined;
+                    unique: documentType.unique,
+                });
     }
     async #addVariant() {
         await this.#workspaceContext?.createVariant();
@@ -124,7 +133,7 @@ let UeAbTestVariantPickerElement = class UeAbTestVariantPickerElement extends Um
             return;
         const name = e.target.value.toString();
         this.#workspaceContext?.updateTest({
-            variants: partialUpdateFrozenArray(this._test.variants ?? [], { ...variant, name }, (v) => v.id === variant.id),
+            variants: partialUpdateFrozenArray(this._test.variants ?? [], { ...variant, name }, (v) => v.unique === variant.unique),
         });
     }
     #disablePreviewButton(variant) {

package/dist/ab-testing/test/conditions/document-save-and-publish-visibility.condition.d.ts

@@ -1,7 +1,7 @@
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
+import type { UmbConditionConfigBase, UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
-export declare class UeDocumentSaveAndPublishActionVisibilityCondition extends UmbConditionBase<any> implements UmbExtensionCondition {
-    constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<any>);
+export declare class UeDocumentSaveAndPublishActionVisibilityCondition extends UmbConditionBase<UmbConditionConfigBase> implements UmbExtensionCondition {
+    constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UmbConditionConfigBase>);
 }
 export { UeDocumentSaveAndPublishActionVisibilityCondition as api };

package/dist/ab-testing/test/conditions/document-save-and-publish-visibility.condition.js

@@ -1,4 +1,4 @@
-import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from '../workspace/index.js';
+import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../workspace/index.js";
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 export class UeDocumentSaveAndPublishActionVisibilityCondition extends UmbConditionBase {
     constructor(host, args) {

package/dist/ab-testing/test/conditions/manifests.d.ts

@@ -1,4 +1,4 @@
-import { UeDocumentSaveAndPublishActionVisibilityCondition } from './document-save-and-publish-visibility.condition.js';
+import { UeDocumentSaveAndPublishActionVisibilityCondition } from "./document-save-and-publish-visibility.condition.js";
 export declare const manifests: {
     type: string;
     name: string;

package/dist/ab-testing/test/conditions/manifests.js

@@ -1,5 +1,5 @@
-import { ENGAGE_DOCUMENT_SAVE_AND_PUBLISH_VISIBILITY_CONDITION_ALIAS } from './constants.js';
-import { UeDocumentSaveAndPublishActionVisibilityCondition } from './document-save-and-publish-visibility.condition.js';
+import { ENGAGE_DOCUMENT_SAVE_AND_PUBLISH_VISIBILITY_CONDITION_ALIAS } from "./constants.js";
+import { UeDocumentSaveAndPublishActionVisibilityCondition } from "./document-save-and-publish-visibility.condition.js";
 export const manifests = [
     {
         type: "condition",

package/dist/ab-testing/test/entities.d.ts

@@ -1,9 +1,7 @@
-import { type AbTestDetailModel, type AbTestDtoModel } from "../../generated/index.js";
+import type { AbTestDetailModel, AbTestDtoModel } from "../../generated/index.js";
 import { type UeEntityBase, type UePropertyConfigData } from "../../core/index.js";
-export interface UeAbTestingTestDetailModel extends AbTestDetailModel, UeEntityBase {
-}
-export interface UeAbTestingCreateTestModel extends AbTestDtoModel {
-}
+export type UeAbTestingTestDetailModel = AbTestDetailModel & UeEntityBase;
+export type UeAbTestingCreateTestModel = AbTestDtoModel;
 export declare const AbTestInformationProperties: UePropertyConfigData<AbTestDtoModel>;
 export declare const AbTestSettingsProperties: UePropertyConfigData<AbTestDtoModel>;
 export declare const AbTestAdvancedSettingsProperties: UePropertyConfigData<AbTestDtoModel>;

package/dist/ab-testing/test/entities.js

@@ -59,20 +59,14 @@ export const AbTestSetupProperties = [
         editor: (x) => x?.testType === "SplitUrl"
             ? "Engage.PropertyEditorUi.SplitUrlPicker"
             : "Engage.PropertyEditorUi.VariantContentPicker",
-        visible: {
-            alias: "testType",
-            oneOf: ["SplitUrl", "MultiPage"],
-        },
+        visible: [{ alias: "testType", oneOf: ["SplitUrl", "MultiPage"] }],
     },
     {
         alias: "contentTypes",
         labelKey: "selectDocumentTypes",
         descriptionKey: "selectDocumentTypesDescription",
         editor: "Engage.PropertyEditorUi.VariantContentTypePicker",
-        visible: {
-            alias: "testType",
-            value: "ContentType",
-        },
+        visible: [{ alias: "testType", value: "ContentType" }],
         config: [
             {
                 alias: "emptyMessage",
@@ -85,9 +79,8 @@ export const AbTestSetupProperties = [
         labelKey: "addVariants",
         descriptionKey: "addVariantsDescription",
         editor: "Engage.PropertyEditorUi.VariantPicker",
-        visible: {
-            alias: "testType",
-            oneOf: ["ContentType", "MultiPage", "SinglePage"],
-        },
+        visible: [
+            { alias: "testType", oneOf: ["ContentType", "MultiPage", "SinglePage"] },
+        ],
     },
 ];