@umbraco-engage/backoffice 17.0.0-rc1

package/dist/personalization/personas/repository/detail/persona-group-detail-server.data-source.js

@@ -0,0 +1,79 @@
+import { ENGAGE_PERSONA_ENTITY_TYPE, ENGAGE_PERSONA_GROUP_ENTITY_TYPE, } from "../../constants.js";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { UmbId } from "@umbraco-cms/backoffice/id";
+import { PersonaService, } from "../../../../generated/index.js";
+export class UePersonaGroupDetailServerDataSource {
+    #host;
+    constructor(host) {
+        this.#host = host;
+    }
+    async createScaffold() {
+        const { data, error } = await tryExecute(this.#host, PersonaService.getPersonaEmpty());
+        if (error || !data) {
+            return { error };
+        }
+        return { data: this.#mapFromDto(data) };
+    }
+    async create(personaGroup) {
+        return await this.update(personaGroup);
+    }
+    async update(personaGroup) {
+        if (!personaGroup)
+            throw new Error("Person Group is missing");
+        const { data, error } = await tryExecute(this.#host, PersonaService.postPersona({ body: this.#mapToDto(personaGroup) }));
+        if (!data?.persona || error) {
+            return { error };
+        }
+        return { data: this.#mapFromDto(data.persona) };
+    }
+    async delete(id) {
+        if (!id)
+            throw new Error("Persona Group ID is missing");
+        return tryExecute(this.#host, PersonaService.deletePersona({
+            query: { id },
+        }));
+    }
+    async read(id) {
+        if (!id)
+            throw new Error("Persona Group ID is missing");
+        const { data, error } = await tryExecute(this.#host, PersonaService.getPersonaDetails({
+            query: { id },
+        }));
+        if (error || !data) {
+            return { error };
+        }
+        return { data: this.#mapFromDto(data) };
+    }
+    async getAll() {
+        const { data, error } = await tryExecute(this.#host, PersonaService.getPersonaAll());
+        if (error || !data) {
+            return { error };
+        }
+        return { data: data.map(this.#mapFromDto) };
+    }
+    #mapToDto(data) {
+        const result = {
+            ...data,
+            unique: data.unique && data.unique.length > 10 ? data.unique : UmbId.new(), // Generate GUID if missing or if it's a numeric string
+            personas: data.items.map((p) => ({
+                ...p,
+                unique: p.unique && p.unique.length > 10 ? p.unique : UmbId.new(), // Generate GUID if missing or if it's a numeric string
+                color: p.color?.value,
+            })),
+        };
+        return result;
+    }
+    #mapFromDto(data) {
+        return {
+            ...data,
+            entityType: ENGAGE_PERSONA_GROUP_ENTITY_TYPE,
+            unique: data.id.toString(),
+            items: data.personas?.map((p) => ({
+                ...p,
+                unique: p.id.toString(),
+                entityType: ENGAGE_PERSONA_ENTITY_TYPE,
+                color: { value: p.color, label: p.color },
+            })) ?? [],
+        };
+    }
+}

package/dist/personalization/personas/repository/detail/persona-group-detail.repository.d.ts

@@ -0,0 +1,7 @@
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import type { UePersonaGroupDetailModel } from "../../../entities.js";
+import { UeDetailRepositoryBase } from "../../../../core/index.js";
+export declare class UePersonaGroupDetailRepository extends UeDetailRepositoryBase<UePersonaGroupDetailModel> {
+    constructor(host: UmbControllerHost);
+}
+export default UePersonaGroupDetailRepository;

package/dist/personalization/personas/repository/detail/persona-group-detail.repository.js

@@ -0,0 +1,9 @@
+import { ENGAGE_PERSONA_GROUP_DETAIL_STORE_CONTEXT } from "./persona-group-detail.store.js";
+import { UePersonaGroupDetailServerDataSource } from "./persona-group-detail-server.data-source.js";
+import { UeDetailRepositoryBase } from "../../../../core/index.js";
+export class UePersonaGroupDetailRepository extends UeDetailRepositoryBase {
+    constructor(host) {
+        super(host, UePersonaGroupDetailServerDataSource, ENGAGE_PERSONA_GROUP_DETAIL_STORE_CONTEXT);
+    }
+}
+export default UePersonaGroupDetailRepository;

package/dist/personalization/personas/repository/detail/persona-group-detail.store.d.ts

@@ -0,0 +1,9 @@
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import { UmbDetailStoreBase } from "@umbraco-cms/backoffice/store";
+import type { UmbControllerHostElement } from "@umbraco-cms/backoffice/controller-api";
+import type { UePersonaGroupDetailModel } from "../../../entities.js";
+export declare class UePersonaGroupDetailStore extends UmbDetailStoreBase<UePersonaGroupDetailModel> {
+    constructor(host: UmbControllerHostElement);
+}
+export default UePersonaGroupDetailStore;
+export declare const ENGAGE_PERSONA_GROUP_DETAIL_STORE_CONTEXT: UmbContextToken<UePersonaGroupDetailStore, UePersonaGroupDetailStore>;

package/dist/personalization/personas/repository/detail/persona-group-detail.store.js

@@ -0,0 +1,9 @@
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import { UmbDetailStoreBase } from "@umbraco-cms/backoffice/store";
+export class UePersonaGroupDetailStore extends UmbDetailStoreBase {
+    constructor(host) {
+        super(host, ENGAGE_PERSONA_GROUP_DETAIL_STORE_CONTEXT.toString());
+    }
+}
+export default UePersonaGroupDetailStore;
+export const ENGAGE_PERSONA_GROUP_DETAIL_STORE_CONTEXT = new UmbContextToken("UePersonaGroupDetailStore");

package/dist/personalization/personas/repository/manifests.d.ts

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

package/dist/personalization/personas/repository/manifests.js

@@ -0,0 +1,2 @@
+import { manifests as detailManifests } from "./detail/manifests.js";
+export const manifests = [...detailManifests];

package/dist/personalization/personas/workspace/index.d.ts

@@ -0,0 +1,4 @@
+export { UePersonaGroupWorkspaceContext } from "./persona-group-workspace.context.js";
+export * from './persona-group-workspace-context.token.js';
+export * from "./views/edit/index.js";
+export * from "./persona-group-workspace-editor.element.js";

package/dist/personalization/personas/workspace/index.js

@@ -0,0 +1,4 @@
+export { UePersonaGroupWorkspaceContext } from "./persona-group-workspace.context.js";
+export * from './persona-group-workspace-context.token.js';
+export * from "./views/edit/index.js";
+export * from "./persona-group-workspace-editor.element.js";

package/dist/personalization/personas/workspace/persona-group-workspace-context.token.d.ts

@@ -0,0 +1,4 @@
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import type { UmbSubmittableWorkspaceContext } from "@umbraco-cms/backoffice/workspace";
+import type { UePersonaGroupWorkspaceContext } from './persona-group-workspace.context.js';
+export declare const ENGAGE_PERSONA_GROUP_WORKSPACE_CONTEXT: UmbContextToken<UmbSubmittableWorkspaceContext, UePersonaGroupWorkspaceContext>;

package/dist/personalization/personas/workspace/persona-group-workspace-context.token.js

@@ -0,0 +1,3 @@
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+export const ENGAGE_PERSONA_GROUP_WORKSPACE_CONTEXT = new UmbContextToken("UmbWorkspaceContext", undefined, (context) => context
+    .IS_PERSONA_GROUP_WORKSPACE_CONTEXT);

package/dist/personalization/personas/workspace/persona-group-workspace-editor.element.d.ts

@@ -0,0 +1,24 @@
+import { UeGroupedItemWorkspaceEditorBaseElement } from "../../components/index.js";
+import type { UePersonaGroupDetailModel } from "../../entities.js";
+import { type UmbWorkspaceViewElement } from "@umbraco-cms/backoffice/workspace";
+declare const elementName = "ue-persona-group-workspace-editor";
+export declare class UePersonaGroupWorkspaceEditorElement extends UeGroupedItemWorkspaceEditorBaseElement<UePersonaGroupDetailModel> implements UmbWorkspaceViewElement {
+    routes: {
+        path: string;
+        component: () => Promise<typeof import("./views/edit/persona-group-editor.element.js")>;
+        setup: (_: any, info: any) => void;
+    }[];
+    headline: string;
+    addGroupLabel: string;
+    itemLabel: string;
+    personalizationSection: string;
+    editModalHeadline: string;
+    icon: string;
+    constructor();
+}
+export default UePersonaGroupWorkspaceEditorElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonaGroupWorkspaceEditorElement;
+    }
+}

package/dist/personalization/personas/workspace/persona-group-workspace-editor.element.js

@@ -0,0 +1,42 @@
+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 { PersonaGroupAdvancedSettingProperties, PersonaGroupDetailProperties, } from "../entities.js";
+import { UeGroupedItemWorkspaceEditorBaseElement } from "../../components/index.js";
+import { ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT } from "../../context/index.js";
+import { UePersonaGroupWorkspaceContext } from "./persona-group-workspace.context.js";
+import { ENGAGE_PERSONA_GROUP_WORKSPACE_CONTEXT } from "./index.js";
+import { customElement } from "@umbraco-cms/backoffice/external/lit";
+const elementName = "ue-persona-group-workspace-editor";
+let UePersonaGroupWorkspaceEditorElement = class UePersonaGroupWorkspaceEditorElement extends UeGroupedItemWorkspaceEditorBaseElement {
+    constructor() {
+        super(ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT);
+        this.routes = [
+            {
+                path: "edit/:id",
+                component: async () => await import("./views/edit/persona-group-editor.element.js"),
+                setup: (_, info) => this.load(info.match.params.id),
+            },
+        ];
+        this.headline = this.localize.term("engage_personalization_personaGroups");
+        this.addGroupLabel = this.localize.term("engage_personalization_addPersonaGroup");
+        this.itemLabel = this.localize.term("engage_personalization_personas");
+        this.personalizationSection = "persona";
+        this.editModalHeadline = this.localize.term("engage_personalization_editPersonaGroup");
+        this.icon = "icon-users";
+        this.provideContext(ENGAGE_PERSONA_GROUP_WORKSPACE_CONTEXT, new UePersonaGroupWorkspaceContext({
+            host: this,
+            properties: PersonaGroupDetailProperties,
+            advancedProperties: PersonaGroupAdvancedSettingProperties,
+            editHeadline: this.editModalHeadline,
+        }));
+    }
+};
+UePersonaGroupWorkspaceEditorElement = __decorate([
+    customElement(elementName)
+], UePersonaGroupWorkspaceEditorElement);
+export { UePersonaGroupWorkspaceEditorElement };
+export default UePersonaGroupWorkspaceEditorElement;

package/dist/personalization/personas/workspace/persona-group-workspace.context.d.ts

@@ -0,0 +1,14 @@
+import { UeGroupedItemsWorkspaceContextBase } from "../../context/grouped-items-workspace.context.js";
+import type { UePersonaGroupDetailModel, UePersonaDetailModel } from "../../entities.js";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import type { UePropertyConfigData } from "../../../core/index.js";
+export declare class UePersonaGroupWorkspaceContext extends UeGroupedItemsWorkspaceContextBase<UePersonaGroupDetailModel, UePersonaDetailModel> {
+    readonly IS_PERSONA_GROUP_WORKSPACE_CONTEXT = true;
+    constructor(args: {
+        host: UmbControllerHost;
+        properties: UePropertyConfigData<UePersonaGroupDetailModel>;
+        advancedProperties?: UePropertyConfigData<UePersonaGroupDetailModel>;
+        editHeadline?: string;
+    });
+}
+export { UePersonaGroupWorkspaceContext as api };

package/dist/personalization/personas/workspace/persona-group-workspace.context.js

@@ -0,0 +1,17 @@
+import { UePersonaGroupDetailRepository } from "../repository/detail/persona-group-detail.repository.js";
+import { ENGAGE_PERSONA_GROUP_ENTITY_TYPE, ENGAGE_PERSONA_GROUP_WORKSPACE_ALIAS, } from "../constants.js";
+import { UeGroupedItemsWorkspaceContextBase } from "../../context/grouped-items-workspace.context.js";
+export class UePersonaGroupWorkspaceContext extends UeGroupedItemsWorkspaceContextBase {
+    constructor(args) {
+        super(args.host, {
+            workspaceAlias: ENGAGE_PERSONA_GROUP_WORKSPACE_ALIAS,
+            entityType: ENGAGE_PERSONA_GROUP_ENTITY_TYPE,
+            detailRepositoryConstructor: UePersonaGroupDetailRepository,
+            properties: args.properties,
+            advancedProperties: args.advancedProperties,
+            editHeadline: args.editHeadline,
+        });
+        this.IS_PERSONA_GROUP_WORKSPACE_CONTEXT = true;
+    }
+}
+export { UePersonaGroupWorkspaceContext as api };

package/dist/personalization/personas/workspace/views/edit/index.d.ts

@@ -0,0 +1,3 @@
+export * from './persona-group-editor.element.js';
+export * from './persona-group-detail-editor.element.js';
+export * from './persona-group-personas-list-editor.element.js';

package/dist/personalization/personas/workspace/views/edit/index.js

@@ -0,0 +1,3 @@
+export * from './persona-group-editor.element.js';
+export * from './persona-group-detail-editor.element.js';
+export * from './persona-group-personas-list-editor.element.js';

package/dist/personalization/personas/workspace/views/edit/persona-group-detail-editor.element.d.ts

@@ -0,0 +1,12 @@
+import type { UePersonaGroupDetailModel } from "../../../../entities.js";
+import { UeGroupedItemDetailEditorBaseElement } from "../../../../components/grouped-item/grouped-item-detail-editor-base.element.js";
+declare const elementName = "ue-persona-group-detail-editor";
+export declare class UePersonaGroupDetailEditorElement extends UeGroupedItemDetailEditorBaseElement<UePersonaGroupDetailModel> {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonaGroupDetailEditorElement;
+    }
+}
+export {};

package/dist/personalization/personas/workspace/views/edit/persona-group-detail-editor.element.js

@@ -0,0 +1,19 @@
+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 } from "@umbraco-cms/backoffice/external/lit";
+import { UeGroupedItemDetailEditorBaseElement } from "../../../../components/grouped-item/grouped-item-detail-editor-base.element.js";
+import { ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT } from "../../../../context/grouped-items-workspace-context.token.js";
+const elementName = "ue-persona-group-detail-editor";
+let UePersonaGroupDetailEditorElement = class UePersonaGroupDetailEditorElement extends UeGroupedItemDetailEditorBaseElement {
+    constructor() {
+        super(ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT);
+    }
+};
+UePersonaGroupDetailEditorElement = __decorate([
+    customElement(elementName)
+], UePersonaGroupDetailEditorElement);
+export { UePersonaGroupDetailEditorElement };

package/dist/personalization/personas/workspace/views/edit/persona-group-editor.element.d.ts

@@ -0,0 +1,13 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { type UmbWorkspaceViewElement } from "@umbraco-cms/backoffice/workspace";
+declare const elementName = "ue-persona-group-editor";
+export declare class UePersonaGroupWorkspaceViewEditElement extends UmbLitElement implements UmbWorkspaceViewElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export default UePersonaGroupWorkspaceViewEditElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonaGroupWorkspaceViewEditElement;
+    }
+}

package/dist/personalization/personas/workspace/views/edit/persona-group-editor.element.js

@@ -0,0 +1,38 @@
+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 { html, customElement, css, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+const elementName = "ue-persona-group-editor";
+let UePersonaGroupWorkspaceViewEditElement = class UePersonaGroupWorkspaceViewEditElement extends UmbLitElement {
+    render() {
+        return html ` <uui-box>
+      <div id="content">
+        <ue-persona-group-detail-editor></ue-persona-group-detail-editor>
+        <ue-persona-group-personas-list-editor></ue-persona-group-personas-list-editor>
+      </div>
+    </uui-box>`;
+    }
+    static { this.styles = css `
+    #content {
+      display: flex;
+      gap: var(--uui-size-layout-2);
+
+      ue-persona-group-detail-editor {
+        flex: 0 1 300px;
+      }
+
+      ue-persona-group-personas-list-editor {
+        flex: 1;
+      }
+    }
+  `; }
+};
+UePersonaGroupWorkspaceViewEditElement = __decorate([
+    customElement(elementName)
+], UePersonaGroupWorkspaceViewEditElement);
+export { UePersonaGroupWorkspaceViewEditElement };
+export default UePersonaGroupWorkspaceViewEditElement;

package/dist/personalization/personas/workspace/views/edit/persona-group-personas-list-editor.element.d.ts

@@ -0,0 +1,12 @@
+import { UeGroupedItemListEditorBaseElement } from "../../../../components/grouped-item/grouped-item-list-editor-base.element.js";
+import type { UePersonaDetailModel } from "../../../../entities.js";
+declare const elementName = "ue-persona-group-personas-list-editor";
+export declare class UePersonaGroupPersonaListEditorElement extends UeGroupedItemListEditorBaseElement<UePersonaDetailModel> {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonaGroupPersonaListEditorElement;
+    }
+}
+export {};

package/dist/personalization/personas/workspace/views/edit/persona-group-personas-list-editor.element.js

@@ -0,0 +1,22 @@
+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 { UeGroupedItemListEditorBaseElement } from "../../../../components/grouped-item/grouped-item-list-editor-base.element.js";
+import { PersonaDetailProperties } from "../../../entities.js";
+import { ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT } from "../../../../context/index.js";
+import { customElement } from "@umbraco-cms/backoffice/external/lit";
+const elementName = "ue-persona-group-personas-list-editor";
+let UePersonaGroupPersonaListEditorElement = class UePersonaGroupPersonaListEditorElement extends UeGroupedItemListEditorBaseElement {
+    constructor() {
+        super(PersonaDetailProperties, ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT);
+        this.editLabel = this.localize.term("engage_personalization_editPersona");
+        this.addLabel = this.localize.term("engage_personalization_addPersona");
+    }
+};
+UePersonaGroupPersonaListEditorElement = __decorate([
+    customElement(elementName)
+], UePersonaGroupPersonaListEditorElement);
+export { UePersonaGroupPersonaListEditorElement };

package/dist/personalization/referral-scoring/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./scored-referrals.element.js";
+export * from "./unscored-referrals.element.js";

package/dist/personalization/referral-scoring/components/index.js

@@ -0,0 +1,2 @@
+export * from "./scored-referrals.element.js";
+export * from "./unscored-referrals.element.js";

package/dist/personalization/referral-scoring/components/referral-scoring-base.element.d.ts

@@ -0,0 +1,23 @@
+import { ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT } from "../workspace/index.js";
+import { UeReferralGroupDetailRepository } from "../referral-group/repository/detail/referral-group-detail.repository.js";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { UmbPaginationManager } from "@umbraco-cms/backoffice/utils";
+import type { UmbTableColumn, UmbTableConfig, UmbTableItem } from "@umbraco-cms/backoffice/components";
+import type { IPageReferralPageDtoModel, ReferralPageDtoModel } from "../../../generated/index.js";
+export declare abstract class UeReferralScoringBaseElement extends UmbLitElement {
+    #private;
+    protected workspaceContext?: typeof ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT.TYPE;
+    protected paginationManager: UmbPaginationManager;
+    protected referralGroupRepository: UeReferralGroupDetailRepository;
+    abstract onPageChange(currentPage: number): Promise<void>;
+    abstract tableColumns: Array<UmbTableColumn>;
+    tableConfig: UmbTableConfig;
+    protected loading?: boolean;
+    protected referrals?: IPageReferralPageDtoModel;
+    protected tableItems: Array<UmbTableItem>;
+    constructor();
+    protected handleAssignClick(referral: ReferralPageDtoModel, domainOnly?: boolean): Promise<void>;
+    protected renderUrl(url?: string | null): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}

package/dist/personalization/referral-scoring/components/referral-scoring-base.element.js

@@ -0,0 +1,119 @@
+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_REFERRAL_SCORING_WORKSPACE_CONTEXT } from "../workspace/index.js";
+import { ENGAGE_ASSIGN_REFERRAL_MODAL, } from "../modal/index.js";
+import { UeReferralGroupDetailRepository } from "../referral-group/repository/detail/referral-group-detail.repository.js";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { umbOpenModal } from "@umbraco-cms/backoffice/modal";
+import { appendToFrozenArray } from "@umbraco-cms/backoffice/observable-api";
+import { UmbPaginationManager } from "@umbraco-cms/backoffice/utils";
+import { css, html, state, when } from "@umbraco-cms/backoffice/external/lit";
+import { ENGAGE_REFERRAL_GROUP_ITEM_STORE_CONTEXT } from "../referral-group/repository/index.js";
+import { firstValueFrom } from "@umbraco-cms/backoffice/external/rxjs";
+export class UeReferralScoringBaseElement extends UmbLitElement {
+    #itemStore;
+    constructor() {
+        super();
+        this.paginationManager = new UmbPaginationManager();
+        this.referralGroupRepository = new UeReferralGroupDetailRepository(this);
+        this.tableConfig = {
+            allowSelection: false,
+            hideIcon: true,
+        };
+        this.tableItems = [];
+        this.consumeContext(ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT, (context) => {
+            this.workspaceContext = context;
+        });
+        this.consumeContext(ENGAGE_REFERRAL_GROUP_ITEM_STORE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.#itemStore = context;
+        });
+    }
+    async handleAssignClick(referral, domainOnly = false) {
+        if (!this.#itemStore)
+            return;
+        const value = await umbOpenModal(this, ENGAGE_ASSIGN_REFERRAL_MODAL, {
+            data: {
+                referral,
+                domainOnly,
+            },
+        }).catch(() => { });
+        if (!value)
+            return;
+        // TODO => referralPageDtoModel should not expose Id - use unique instead.
+        // This would mean revisiting queries for referrals to do same.
+        const groups = await firstValueFrom(this.#itemStore.all());
+        let group = groups.find((x) => x.id === value.referralGroupId);
+        if (!group)
+            return;
+        group = {
+            ...group,
+            pages: appendToFrozenArray(group.pages ?? [], value, (x) => x.pageId === value.pageId),
+        };
+        await this.referralGroupRepository.save(group);
+        await this.workspaceContext?.load();
+        // reset to page 1 to refresh view
+        await this.#onPageChange({ target: { current: 1 } });
+    }
+    renderUrl(url) {
+        if (!url)
+            return html `-`;
+        return html `<div style="display:flex; align-items:center">
+      <a href=${url} target="_blank" title=${`Go to ${url}`}>${url}</a
+      >&nbsp;<uui-icon name="icon-out" style="opacity:0.5"></uui-icon>
+    </div>`;
+    }
+    async #onPageChange(e) {
+        this.paginationManager.setCurrentPageNumber(e?.target.current ?? 1);
+        const page = this.paginationManager.getCurrentPageNumber();
+        await this.onPageChange(page);
+    }
+    render() {
+        return when(this.loading, () => html `<uui-loader></uui-loader>`, () => html `<uui-box
+          ><umb-table
+            .config=${this.tableConfig}
+            .columns=${this.tableColumns}
+            .items=${this.tableItems}
+          ></umb-table
+        ></uui-box>
+        ${when((this.referrals?.totalPages ?? 0) > 1, () => html `<uui-pagination
+              .total=${this.paginationManager.getTotalPages()}
+              .current=${this.paginationManager.getCurrentPageNumber()}
+              @change=${this.#onPageChange}
+            ></uui-pagination>`)}`);
+    }
+    static { this.styles = css `
+    uui-pagination {
+      display: block;
+      margin-top: var(--uui-size-5);
+    }
+
+    uui-loader {
+      display: block;
+      text-align: center;
+    }
+
+    uui-box {
+      --uui-box-default-padding: 0;
+      margin-top: var(--uui-size-7);
+    }
+
+    [name="icon-out"] {
+      opacity: 0.5;
+    }
+  `; }
+}
+__decorate([
+    state()
+], UeReferralScoringBaseElement.prototype, "loading", void 0);
+__decorate([
+    state()
+], UeReferralScoringBaseElement.prototype, "referrals", void 0);
+__decorate([
+    state()
+], UeReferralScoringBaseElement.prototype, "tableItems", void 0);

package/dist/personalization/referral-scoring/components/scored-referrals.element.d.ts

@@ -0,0 +1,15 @@
+import type { UmbTableColumn } from "@umbraco-cms/backoffice/components";
+import { UeReferralScoringBaseElement } from "./referral-scoring-base.element.js";
+declare const elementName = "ue-scored-referrals";
+export declare class UeScoredReferralsElement extends UeReferralScoringBaseElement {
+    #private;
+    tableColumns: Array<UmbTableColumn>;
+    connectedCallback(): void;
+    onPageChange(page: number): Promise<void>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeScoredReferralsElement;
+    }
+}
+export {};