@umbraco-engage/backoffice 17.0.0-rc1

package/README.md

@@ -0,0 +1,7 @@
+# @umbraco-engage/backoffice
+This package contains the TypeScript type definitions for the Umbraco Engage Backoffice.
+
+## Installation
+```bash
+npm install -D @umbraco-engage/backoffice
+```

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

@@ -0,0 +1,3 @@
+import type { UeAbTestingEditorViewContext } from "./ab-testing-editor-view.context.js";
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+export declare const ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT: UmbContextToken<import("@umbraco-cms/backoffice/context-api").UmbContextMinimal, UeAbTestingEditorViewContext>;

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

@@ -0,0 +1,3 @@
+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);

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

@@ -0,0 +1,15 @@
+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";
+export declare class UeAbTestingEditorViewContext extends UmbContextBase {
+    #private;
+    readonly IS_AB_TESTING_EDITOR_VIEW_CONTEXT = true;
+    itemRepository: UeAbTestingProjectItemRepository;
+    projects: import("rxjs").Observable<UeAbTestingProjectItemModel[]>;
+    archivedCount: import("rxjs").Observable<number>;
+    modalPath: import("rxjs").Observable<string | undefined>;
+    constructor(host: UmbControllerHost);
+    reload(): Promise<void>;
+    load(): Promise<void>;
+}

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

@@ -0,0 +1,51 @@
+import { ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE } from "../project/constants.js";
+import { UeAbTestingProjectItemRepository } from "../project/repository/item/index.js";
+import { ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT } from "./ab-testing-editor-view-context.token.js";
+import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
+import { UmbArrayState, UmbStringState, } from "@umbraco-cms/backoffice/observable-api";
+import { UmbModalRouteRegistrationController } from "@umbraco-cms/backoffice/router";
+import { UMB_WORKSPACE_MODAL } from "@umbraco-cms/backoffice/workspace";
+export class UeAbTestingEditorViewContext extends UmbContextBase {
+    #projects;
+    #modalPath;
+    constructor(host) {
+        super(host, ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT.toString());
+        this.IS_AB_TESTING_EDITOR_VIEW_CONTEXT = true;
+        this.itemRepository = new UeAbTestingProjectItemRepository(this);
+        this.#projects = new UmbArrayState([], (x) => x.unique);
+        this.projects = this.#projects.asObservable();
+        this.archivedCount = this.#projects.asObservablePart((x) => x.filter((y) => y.archived).length);
+        this.#modalPath = new UmbStringState(undefined);
+        this.modalPath = this.#modalPath.asObservable();
+        this.#registerModalRoutes();
+    }
+    async #getProjects() {
+        const { data } = await this.itemRepository.requestItems([]);
+        this.#projects.setValue(data ?? []);
+    }
+    #registerModalRoutes() {
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addAdditionalPath(ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE)
+            .onSetup(() => ({
+            data: {
+                entityType: ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE,
+            },
+            modal: {
+                size: "large",
+            },
+        }))
+            .onSubmit(async () => {
+            await this.reload();
+        })
+            .observeRouteBuilder((routeBuilder) => {
+            const modalPath = routeBuilder({});
+            this.#modalPath.setValue(modalPath);
+        });
+    }
+    async reload() {
+        await this.#getProjects();
+    }
+    async load() {
+        await this.#getProjects();
+    }
+}

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

@@ -0,0 +1,13 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+declare const elementName = "ue-ab-testing-workspace-editor";
+export declare class UeAbTestingWorkspaceEditorElement extends UmbLitElement {
+    #private;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeAbTestingWorkspaceEditorElement;
+    }
+}
+export {};

package/dist/ab-testing/editor-view/ab-testing-editor-view.element.js

@@ -0,0 +1,46 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT } from "./ab-testing-editor-view-context.token.js";
+import { UMB_ACTION_EVENT_CONTEXT } from "@umbraco-cms/backoffice/action";
+import { UeEntityActionEvent } from "../../core/index.js";
+import { ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE } from "../project/constants.js";
+import { ENGAGE_AB_TESTING_TEST_ENTITY_TYPE } from "../test/index.js";
+const elementName = "ue-ab-testing-workspace-editor";
+let UeAbTestingWorkspaceEditorElement = class UeAbTestingWorkspaceEditorElement extends UmbLitElement {
+    #workspaceContext;
+    #eventContext;
+    constructor() {
+        super();
+        this.consumeContext(ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT, async (context) => {
+            if (!context)
+                return;
+            this.#workspaceContext = context;
+            await this.#workspaceContext.load();
+        });
+        this.consumeContext(UMB_ACTION_EVENT_CONTEXT, (context) => {
+            this.#eventContext?.removeEventListener(UeEntityActionEvent.TYPE, this.#onEntityUpdatedEvent);
+            this.#eventContext = context;
+            this.#eventContext?.addEventListener(UeEntityActionEvent.TYPE, this.#onEntityUpdatedEvent);
+        });
+    }
+    #onEntityUpdatedEvent = (event) => {
+        const entityType = event.getEntityType();
+        if (entityType !== ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE &&
+            entityType !== ENGAGE_AB_TESTING_TEST_ENTITY_TYPE)
+            return;
+        this.#workspaceContext?.load();
+    };
+    render() {
+        return html `<ue-ab-testing-project-overview></ue-ab-testing-project-overview>`;
+    }
+};
+UeAbTestingWorkspaceEditorElement = __decorate([
+    customElement(elementName)
+], UeAbTestingWorkspaceEditorElement);
+export { UeAbTestingWorkspaceEditorElement };

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

@@ -0,0 +1,3 @@
+export { UeAbTestingEditorViewContext } from "./ab-testing-editor-view.context.js";
+export * from "./ab-testing-editor-view-context.token.js";
+export * from "./ab-testing-editor-view.element.js";

package/dist/ab-testing/editor-view/index.js

@@ -0,0 +1,3 @@
+export { UeAbTestingEditorViewContext } from "./ab-testing-editor-view.context.js";
+export * from "./ab-testing-editor-view-context.token.js";
+export * from "./ab-testing-editor-view.element.js";

package/dist/ab-testing/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./screens/index.js";
+export * from "./project/index.js";
+export * from "./test/index.js";
+export * from "./editor-view/index.js";
+export * from "./workspace-view/index.js";

package/dist/ab-testing/index.js

@@ -0,0 +1,5 @@
+export * from "./screens/index.js";
+export * from "./project/index.js";
+export * from "./test/index.js";
+export * from "./editor-view/index.js";
+export * from "./workspace-view/index.js";

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

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist/ab-testing/manifests.js

@@ -0,0 +1,62 @@
+import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
+import { UMB_DOCUMENT_WORKSPACE_ALIAS } from "@umbraco-cms/backoffice/document";
+import { manifests as projectManifests } from "./project/manifests.js";
+import { manifests as testManifests } from "./test/manifests.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, ALLOW_ABTESTING, } from "../core/index.js";
+const ABTESTING_SCREEN = "ue-abtesting-screen";
+const screens = [
+    { name: "A/B Testing", elementName: "ue-abtesting", label: "abTests" },
+];
+export const manifests = [
+    ...projectManifests,
+    ...testManifests,
+    {
+        type: "engageScreenElement",
+        alias: ENGAGE_SCREEN_AB_TESTING,
+        name: `Engage AB Testing Screen`,
+        elementName: ABTESTING_SCREEN,
+        weight: 80,
+        meta: {
+            label: "#engage_abTesting",
+            pathname: "ab-testing",
+            icon: "icon-lab",
+        },
+        conditions: [
+            {
+                alias: ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS,
+                match: ENGAGE_FEATURE_ABTESTING,
+            },
+        ],
+    },
+    {
+        name: "Engage AB Testing Document Workspace View",
+        alias: "Engage.WorkspaceView.AbTesting",
+        element: () => import("./workspace-view/abtesting-workspace-view.element.js"),
+        type: "workspaceView",
+        weight: 180,
+        meta: {
+            label: "#engage_abTests",
+            pathname: "ab-testing",
+            icon: "icon-lab",
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_DOCUMENT_WORKSPACE_ALIAS,
+            },
+            {
+                alias: ENGAGE_EXTENSION_VISIBILITY_CONDITION_ALIAS,
+                allOf: [ENGAGE_FEATURE_ABTESTING, ENGAGE_FEATURE_ANALYTICS],
+            },
+            {
+                alias: ENGAGE_DOCUMENT_TYPE_PERMISSIONS_CONDITION_ALIAS,
+                match: ALLOW_ABTESTING,
+            },
+            {
+                alias: ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS,
+                match: ENGAGE_FEATURE_ABTESTING,
+            },
+        ],
+    },
+    ...screens.map((screen) => ScreenManifestGenerator(screen, ABTESTING_SCREEN, "A/B Testing")),
+];

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

@@ -0,0 +1,11 @@
+import { UUICardContentNodeElement } from "@umbraco-cms/backoffice/external/uui";
+declare const elementName = "ue-ab-testing-project-card";
+export declare class UeAbTestingProjectCardElement extends UUICardContentNodeElement {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeAbTestingProjectCardElement;
+    }
+}
+export {};

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

@@ -0,0 +1,32 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, customElement } from "@umbraco-cms/backoffice/external/lit";
+import { UUICardContentNodeElement } from "@umbraco-cms/backoffice/external/uui";
+const elementName = "ue-ab-testing-project-card";
+let UeAbTestingProjectCardElement = class UeAbTestingProjectCardElement extends UUICardContentNodeElement {
+    static { this.styles = [
+        ...UUICardContentNodeElement.styles,
+        css `
+      slot:not([name]) {
+        height: 100%;
+      }
+
+      #icon {
+        display: none;
+      }
+
+      #default {
+        display: flex;
+        flex-direction: column;
+      }
+    `,
+    ]; }
+};
+UeAbTestingProjectCardElement = __decorate([
+    customElement(elementName)
+], UeAbTestingProjectCardElement);
+export { UeAbTestingProjectCardElement };

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

@@ -0,0 +1,18 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { UeAbTestingProjectItemModel } from "../entities.js";
+declare const elementName = "ue-ab-testing-project-list";
+export declare class UeAbTestingProjectListElement extends UmbLitElement {
+    #private;
+    icon?: string;
+    projects?: Array<UeAbTestingProjectItemModel>;
+    label?: string;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeAbTestingProjectListElement;
+    }
+}
+export {};

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

@@ -0,0 +1,83 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, customElement, html, property, } from "@umbraco-cms/backoffice/external/lit";
+import { UUITextStyles } from "@umbraco-cms/backoffice/external/uui";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT } from "../../editor-view/index.js";
+import { ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE } from "../constants.js";
+const elementName = "ue-ab-testing-project-list";
+let UeAbTestingProjectListElement = class UeAbTestingProjectListElement extends UmbLitElement {
+    #modalPath;
+    constructor() {
+        super();
+        this.consumeContext(ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.modalPath, (modalPath) => {
+                this.#modalPath = modalPath;
+            });
+        });
+    }
+    #onProjectClick(project) {
+        history.pushState(null, "", `${this.#modalPath}edit/${project.unique}`);
+    }
+    #renderProject(project) {
+        return html ` <ue-ab-testing-project-card
+      @open=${() => this.#onProjectClick(project)}
+    >
+      <span slot="name">${project.name}</span>
+      <small>${project.description}</small>
+      <ue-ab-testing-project-status-list
+        .project=${project}
+      ></ue-ab-testing-project-status-list>
+      <umb-entity-actions-bundle
+        slot="actions"
+        .entityType=${ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE}
+        .unique=${project.unique}
+        .label=${this.localize.term("actions_viewActionsFor", [project.name])}
+      >
+      </umb-entity-actions-bundle>
+    </ue-ab-testing-project-card>`;
+    }
+    render() {
+        return html `<ue-divider .text=${this.label} .icon=${this.icon}></ue-divider>
+      <ue-grid gap="5"
+        >${this.projects?.map((p) => this.#renderProject(p))}</ue-grid
+      >`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+      small {
+        font-weight: normal;
+        display: block;
+        margin-bottom: var(--uui-size-4);
+      }
+
+      [slot="name"] {
+        font-weight: bold;
+      }
+
+      ue-ab-testing-project-status-list {
+        margin-top: auto;
+      }
+    `,
+    ]; }
+};
+__decorate([
+    property()
+], UeAbTestingProjectListElement.prototype, "icon", void 0);
+__decorate([
+    property({ type: Array })
+], UeAbTestingProjectListElement.prototype, "projects", void 0);
+__decorate([
+    property()
+], UeAbTestingProjectListElement.prototype, "label", void 0);
+UeAbTestingProjectListElement = __decorate([
+    customElement(elementName)
+], UeAbTestingProjectListElement);
+export { UeAbTestingProjectListElement };

package/dist/ab-testing/project/components/ab-testing-project-overview.element.d.ts

@@ -0,0 +1,19 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+declare const elementName = "ue-ab-testing-project-overview";
+export declare class UeAbTestingProjectOverviewElement extends UmbLitElement {
+    #private;
+    private _projects?;
+    private _archivedProjectsCount;
+    private _showArchivedProjects;
+    private _loading;
+    private _modalPath?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeAbTestingProjectOverviewElement;
+    }
+}
+export {};

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

@@ -0,0 +1,104 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT } from "../../editor-view/index.js";
+import { css, customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { AbTestingImage } from "../../../images/index.js";
+const elementName = "ue-ab-testing-project-overview";
+let UeAbTestingProjectOverviewElement = class UeAbTestingProjectOverviewElement extends UmbLitElement {
+    constructor() {
+        super();
+        this._archivedProjectsCount = 0;
+        this._showArchivedProjects = false;
+        this._loading = true;
+        this.consumeContext(ENGAGE_AB_TESTING_EDITOR_VIEW_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.projects, (projects) => {
+                this._projects = projects ?? [];
+                this._loading = false;
+            });
+            this.observe(context.archivedCount, (archivedCount) => {
+                this._archivedProjectsCount = archivedCount;
+                this._showArchivedProjects =
+                    archivedCount > 0 && this._projects?.length === archivedCount;
+            });
+            this.observe(context.modalPath, (modalPath) => (this._modalPath = modalPath));
+        });
+    }
+    #addProject() {
+        history.pushState(null, "", `${this._modalPath}create`);
+    }
+    #renderProjects() {
+        const projectsWithActiveTest = this._projects?.filter((x) => !x.archived && x.amountOfActiveTests > 0);
+        const projectsWithoutActiveTest = this._projects?.filter((x) => !x.archived && x.amountOfActiveTests == 0);
+        return html `${when(this._archivedProjectsCount > 0, () => html `<uui-checkbox
+          ?checked=${this._showArchivedProjects}
+          @change=${() => (this._showArchivedProjects = !this._showArchivedProjects)}
+          >${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>`)}
+    ${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>`)}
+    ${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>`)} `;
+    }
+    #renderEmpty() {
+        return html ` <ue-empty-state
+      headline=${this.localize.term("engage_abTesting_noProjects")}
+      .imageUrl=${AbTestingImage}
+    >
+      <uui-button
+        look="primary"
+        color="positive"
+        @click=${this.#addProject}
+        .label=${this.localize.term("engage_abTesting_addAbTestProject")}
+      ></uui-button>
+    </ue-empty-state>`;
+    }
+    render() {
+        if (this._loading) {
+            return html `<uui-loader></uui-loader>`;
+        }
+        return when(this._projects?.length, () => this.#renderProjects(), () => this.#renderEmpty());
+    }
+    static { this.styles = css `
+    uui-loader {
+      display: block;
+      text-align: center;
+    }
+  `; }
+};
+__decorate([
+    state()
+], UeAbTestingProjectOverviewElement.prototype, "_projects", void 0);
+__decorate([
+    state()
+], UeAbTestingProjectOverviewElement.prototype, "_archivedProjectsCount", void 0);
+__decorate([
+    state()
+], UeAbTestingProjectOverviewElement.prototype, "_showArchivedProjects", void 0);
+__decorate([
+    state()
+], UeAbTestingProjectOverviewElement.prototype, "_loading", void 0);
+__decorate([
+    state()
+], UeAbTestingProjectOverviewElement.prototype, "_modalPath", void 0);
+UeAbTestingProjectOverviewElement = __decorate([
+    customElement(elementName)
+], UeAbTestingProjectOverviewElement);
+export { UeAbTestingProjectOverviewElement };

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

@@ -0,0 +1,16 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { UUIInterfaceLook } from "@umbraco-cms/backoffice/external/uui";
+import type { UeAbTestingProjectStubModel } from "../entities.js";
+declare const elementName = "ue-ab-testing-project-status-list";
+export declare class UeAbTestingProjectStatusListElement extends UmbLitElement {
+    project?: UeAbTestingProjectStubModel;
+    look: UUIInterfaceLook;
+    render(): import("lit-html").TemplateResult<1> | undefined;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeAbTestingProjectStatusListElement;
+    }
+}
+export {};

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

@@ -0,0 +1,66 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, customElement, html, property, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+const elementName = "ue-ab-testing-project-status-list";
+let UeAbTestingProjectStatusListElement = class UeAbTestingProjectStatusListElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.look = "secondary";
+    }
+    render() {
+        if (!this.project)
+            return;
+        return html `<ul>
+      <li>
+        <uui-tag look=${this.look}>
+          <uui-icon name="icon-lab"></uui-icon>
+          ${this.project.amountOfTests}
+          ${this.localize.term("engage_abTesting_tests", this.project.amountOfTests !== 1)}</uui-tag
+        >
+      </li>
+      <li>
+        <uui-tag look=${this.look}>
+          <uui-icon name="icon-timer"></uui-icon>
+          ${this.project.amountOfActiveTests}
+          ${this.localize.term("engage_abTesting_activeTests", this.project.amountOfActiveTests !== 1)}</uui-tag
+        >
+      </li>
+      <li>
+        <uui-tag look=${this.look}>
+          <uui-icon name="icon-edit"></uui-icon>
+          ${this.localize.term("engage_createdBy")}
+          ${this.project.createdByUmbracoUsername ?? "N/A"}</uui-tag
+        >
+      </li>
+    </ul>`;
+    }
+    static { this.styles = css `
+    ul {
+      margin: auto 0 0;
+      padding: 0;
+      list-style-type: none;
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--uui-size-3);
+    }
+
+    li uui-icon {
+      margin-right: var(--uui-size-3);
+    }
+  `; }
+};
+__decorate([
+    property({ type: Object })
+], UeAbTestingProjectStatusListElement.prototype, "project", void 0);
+__decorate([
+    property({ type: String })
+], UeAbTestingProjectStatusListElement.prototype, "look", void 0);
+UeAbTestingProjectStatusListElement = __decorate([
+    customElement(elementName)
+], UeAbTestingProjectStatusListElement);
+export { UeAbTestingProjectStatusListElement };

package/dist/ab-testing/project/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ab-testing-project-overview.element.js";
+export * from "./ab-testing-project-list.element.js";
+export * from "./ab-testing-project-status-list.element.js";
+export * from "./ab-testing-project-card.element.js";

package/dist/ab-testing/project/components/index.js

@@ -0,0 +1,4 @@
+export * from "./ab-testing-project-overview.element.js";
+export * from "./ab-testing-project-list.element.js";
+export * from "./ab-testing-project-status-list.element.js";
+export * from "./ab-testing-project-card.element.js";

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

@@ -0,0 +1,2 @@
+export declare const ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE = "engage-abtest-project";
+export declare const ENGAGE_AB_TESTING_PROJECT_WORKSPACE_ALIAS = "Engage.Workspace.AbTestingProject";

package/dist/ab-testing/project/constants.js

@@ -0,0 +1,2 @@
+export const ENGAGE_AB_TESTING_PROJECT_ENTITY_TYPE = "engage-abtest-project";
+export const ENGAGE_AB_TESTING_PROJECT_WORKSPACE_ALIAS = "Engage.Workspace.AbTestingProject";

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+export * from "./components/index.js";
+export * from "./workspace/index.js";
+export * from "./repository/index.js";