@umbraco-engage/backoffice 17.0.0-rc1

package/dist/profiles/collection/profiles-collection.context.js

@@ -0,0 +1,75 @@
+import { PROFILE_ENTITY_TYPE } from "../constants.js";
+import { ENGAGE_PROFILE_TABLE_COLLECTION_VIEW_ALIAS } from "./constants.js";
+import { UmbDefaultCollectionContext } from "@umbraco-cms/backoffice/collection";
+import { UmbArrayState, UmbObjectState, UmbStringState, } from "@umbraco-cms/backoffice/observable-api";
+import { blobDownload } from "@umbraco-cms/backoffice/utils";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { UmbModalRouteRegistrationController } from "@umbraco-cms/backoffice/router";
+import { UMB_WORKSPACE_MODAL } from "@umbraco-cms/backoffice/workspace";
+import { ProfileService } from "../../generated/index.js";
+import { UeSegmentsDetailRepository, } from "../../personalization/segments/index.js";
+export class UeProfilesCollectionContext extends UmbDefaultCollectionContext {
+    #segmentsRepository;
+    #data;
+    #segments;
+    #modalPath;
+    #init;
+    constructor(host) {
+        super(host, ENGAGE_PROFILE_TABLE_COLLECTION_VIEW_ALIAS, { take: 100 });
+        this.#segmentsRepository = new UeSegmentsDetailRepository(this);
+        this.#data = new UmbObjectState({
+            skip: 0,
+            take: 50,
+        });
+        this.data = this.#data.asObservable();
+        this.#segments = new UmbArrayState([], (x) => x.unique);
+        this.segments = this.#segments.asObservable();
+        this.#modalPath = new UmbStringState("");
+        this.modalPath = this.#modalPath.asObservable();
+        this.#init = Promise.all([
+            this.#segmentsRepository
+                .requestAll()
+                .then((resp) => this.#segments.setValue(resp.data ?? [])),
+        ]);
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL, "_profileDetailsModal")
+            .addAdditionalPath(PROFILE_ENTITY_TYPE)
+            .onSetup(() => ({
+            data: { entityType: PROFILE_ENTITY_TYPE },
+            modal: {
+                type: "sidebar",
+                size: "full",
+            },
+            preset: {},
+        }))
+            .observeRouteBuilder((routeBuilder) => {
+            const modalPath = routeBuilder({});
+            this.#modalPath.setValue(modalPath);
+        });
+    }
+    async hostConnected() {
+        super.hostConnected();
+        await this.#init;
+    }
+    async export() {
+        const value = this.#data.getValue();
+        const mappedValue = {
+            ...value,
+            isHighPotential: value.isHighPotential ? false : undefined,
+            isIdentified: value.isIdentified ? false : undefined,
+            isUnidentified: value.isUnidentified ? false : undefined,
+        };
+        //Keep the following properties for filtering: activeFrom, activeTo, identifiedName, isAnonymous, isIdentified,
+        // isHighPotential, minimumCompletedGoals, minimumGoalValue, segmentId.
+        // ideally we'd get the filename from the content-disposition header, however using the OpenApi services
+        // we don't get access to the fetch data, only the service response. Could re-write this as a fetch
+        const { data } = await tryExecute(this, ProfileService.postProfileExportCsv({ body: mappedValue }));
+        blobDownload(data, "engage-profiles-export", "text/csv");
+    }
+    getData() {
+        return this.#data.getValue();
+    }
+    update(filter) {
+        this.#data.update(filter);
+    }
+}
+export { UeProfilesCollectionContext as api };

package/dist/profiles/collection/profiles-collection.element.d.ts

@@ -0,0 +1,12 @@
+import { UeCollectionDefaultElement } from "../../core/index.js";
+import "./profiles-collection-header.element.js";
+declare const elementName = "ue-profiles-collection";
+export declare class UeProfilesCollectionElement extends UeCollectionDefaultElement {
+    renderToolbar(): import("lit-html").TemplateResult<1>;
+}
+export { UeProfilesCollectionElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeProfilesCollectionElement;
+    }
+}

package/dist/profiles/collection/profiles-collection.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 { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { UeCollectionDefaultElement } from "../../core/index.js";
+import "./profiles-collection-header.element.js";
+const elementName = "ue-profiles-collection";
+let UeProfilesCollectionElement = class UeProfilesCollectionElement extends UeCollectionDefaultElement {
+    renderToolbar() {
+        return html `<ue-profiles-collection-header
+      slot="header"
+    ></ue-profiles-collection-header>`;
+    }
+};
+UeProfilesCollectionElement = __decorate([
+    customElement(elementName)
+], UeProfilesCollectionElement);
+export { UeProfilesCollectionElement };
+export { UeProfilesCollectionElement as element };

package/dist/profiles/collection/repository/index.d.ts

@@ -0,0 +1 @@
+export * from "./profiles-collection.repository.js";

package/dist/profiles/collection/repository/index.js

@@ -0,0 +1 @@
+export * from "./profiles-collection.repository.js";

package/dist/profiles/collection/repository/manifests.d.ts

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

package/dist/profiles/collection/repository/manifests.js

@@ -0,0 +1,9 @@
+import { ENGAGE_PROFILES_COLLECTION_REPOSITORY_ALIAS } from "../constants.js";
+export const manifests = [
+    {
+        type: "repository",
+        alias: ENGAGE_PROFILES_COLLECTION_REPOSITORY_ALIAS,
+        name: "Engage Profiles Collection Repository",
+        api: () => import("./profiles-collection.repository.js"),
+    },
+];

package/dist/profiles/collection/repository/profiles-collection.repository.d.ts

@@ -0,0 +1,16 @@
+import type { UeProfilesCollectionFilterModel } from "../entities.js";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+import type { UmbCollectionRepository } from "@umbraco-cms/backoffice/collection";
+export declare class UeProfilesCollectionRepository extends UmbControllerBase implements UmbCollectionRepository {
+    #private;
+    constructor(host: UmbControllerHost);
+    requestCollection(filter?: UeProfilesCollectionFilterModel): Promise<{
+        data: {
+            items: import("../entities.js").UeProfilesCollectionModel[];
+            total: number;
+        } | undefined;
+        error: import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | undefined;
+    }>;
+}
+export default UeProfilesCollectionRepository;

package/dist/profiles/collection/repository/profiles-collection.repository.js

@@ -0,0 +1,14 @@
+import { UeProfilesCollectionServerDataSource } from "./profiles-collection.server.data-source.js";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+export class UeProfilesCollectionRepository extends UmbControllerBase {
+    #collectionSource;
+    constructor(host) {
+        super(host);
+        this.#collectionSource = new UeProfilesCollectionServerDataSource(this._host);
+    }
+    async requestCollection(filter = { skip: 0, take: 100 }) {
+        const { data, error } = await this.#collectionSource.getCollection(filter);
+        return { data, error };
+    }
+}
+export default UeProfilesCollectionRepository;

package/dist/profiles/collection/repository/profiles-collection.server.data-source.d.ts

@@ -0,0 +1,18 @@
+import type { UeProfilesCollectionFilterModel, UeProfilesCollectionModel } from "../entities.js";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import type { UmbCollectionDataSource } from "@umbraco-cms/backoffice/collection";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+export declare class UeProfilesCollectionServerDataSource extends UmbControllerBase implements UmbCollectionDataSource<UeProfilesCollectionModel> {
+    #private;
+    constructor(host: UmbControllerHost);
+    getCollection(filter: UeProfilesCollectionFilterModel): Promise<{
+        data: {
+            items: UeProfilesCollectionModel[];
+            total: number;
+        };
+        error?: undefined;
+    } | {
+        error: import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | undefined;
+        data?: undefined;
+    }>;
+}

package/dist/profiles/collection/repository/profiles-collection.server.data-source.js

@@ -0,0 +1,81 @@
+import { PROFILE_ENTITY_TYPE } from "../../constants.js";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+import { UmbLocalizationController } from "@umbraco-cms/backoffice/localization-api";
+import { UmbId } from "@umbraco-cms/backoffice/id";
+import { ProfileService, } from "../../../generated/index.js";
+import { ENGAGE_CONTEXT } from "../../../core/index.js";
+export class UeProfilesCollectionServerDataSource extends UmbControllerBase {
+    #localize = new UmbLocalizationController(this);
+    #host;
+    #configuration;
+    constructor(host) {
+        super(host);
+        this.#host = host;
+        this.consumeContext(ENGAGE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.configuration, (config) => {
+                if (!config)
+                    return;
+                this.#configuration = config;
+            });
+        });
+    }
+    async getCollection(filter) {
+        const { data, error } = await tryExecute(this.#host, ProfileService.postProfileOverview({ body: filter }));
+        if (data) {
+            const items = await Promise.all(data.results?.map(async (profile) => {
+                const model = {
+                    ...profile,
+                    unique: UmbId.new(),
+                    entityType: PROFILE_ENTITY_TYPE,
+                    ...(await this.#getMemberIdentification(profile)),
+                };
+                return model;
+            }) ?? []);
+            return { data: { items, total: data.totalResults } };
+        }
+        return { error };
+    }
+    async #getMemberIdentification(profile) {
+        if (!profile.members) {
+            return {
+                members: [],
+                name: this.#localize.term("engage_identified"),
+            };
+        }
+        const identifiedMembers = profile.members?.map((m) => ({
+            ...m,
+            ...this.#getIdentification(m),
+        }));
+        return {
+            members: identifiedMembers,
+            name: identifiedMembers.length > 0
+                ? identifiedMembers[identifiedMembers.length - 1].name
+                : this.#localize.term("engage_identified"),
+        };
+    }
+    #getIdentification(member) {
+        if (!member?._userCanAccessMember) {
+            const identified = this.#localize.term("engage_identified");
+            return {
+                name: identified,
+                abbreviation: identified[0],
+            };
+        }
+        // for backards compatibility, we will handle double-braces when
+        // rendering the name + abbreviation values
+        function interpolate(str) {
+            return str.replace(/\{\{\s*(\w+)\s*\}\}/g, (_, key) => member?.[key] ?? "");
+        }
+        const { identification } = this.#configuration
+            ?.profiles;
+        const nameTemplate = identification?.name;
+        const abbreviationTemplate = identification?.abbreviation;
+        return {
+            name: interpolate(nameTemplate),
+            abbreviation: interpolate(abbreviationTemplate),
+        };
+    }
+}

package/dist/profiles/collection/views/manifests.d.ts

@@ -0,0 +1,2 @@
+import { type ManifestCollectionView } from "@umbraco-cms/backoffice/collection";
+export declare const manifests: Array<ManifestCollectionView>;

package/dist/profiles/collection/views/manifests.js

@@ -0,0 +1,21 @@
+import { UMB_COLLECTION_ALIAS_CONDITION, } from "@umbraco-cms/backoffice/collection";
+import { ENGAGE_PROFILES_COLLECTION_ALIAS } from "../constants.js";
+export const manifests = [
+    {
+        type: "collectionView",
+        alias: "Engage.CollectionView.Profiles.Table",
+        name: "Engage Profiles Table Collection View",
+        js: () => import("./table/profiles-table-collection-view.element.js"),
+        meta: {
+            label: "Table",
+            icon: "icon-list",
+            pathName: "table",
+        },
+        conditions: [
+            {
+                alias: UMB_COLLECTION_ALIAS_CONDITION,
+                match: ENGAGE_PROFILES_COLLECTION_ALIAS,
+            },
+        ],
+    },
+];

package/dist/profiles/collection/views/table/elements/profiles-table-type-column-layout.element.d.ts

@@ -0,0 +1,19 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { UeProfilesCollectionModel } from "../../../entities.js";
+declare const elementName = "ue-profiles-table-type-column-layout";
+export declare class UeProfilesTableNameColumnLayoutElement extends UmbLitElement {
+    #private;
+    value?: UeProfilesCollectionModel;
+    _iconElement?: HTMLElement;
+    _popoverElement?: HTMLElement;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeProfilesTableNameColumnLayoutElement;
+    }
+}
+export {};

package/dist/profiles/collection/views/table/elements/profiles-table-type-column-layout.element.js

@@ -0,0 +1,89 @@
+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, query, when, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+const elementName = "ue-profiles-table-type-column-layout";
+let UeProfilesTableNameColumnLayoutElement = class UeProfilesTableNameColumnLayoutElement extends UmbLitElement {
+    #handleMouseEnter;
+    #handleMouseLeave;
+    firstUpdated() {
+        if (!this.value?.hasBeenAbTested && !this.value?.hasBeenPersonalized)
+            return;
+        this.#handleMouseEnter = () => this._popoverElement?.showPopover();
+        this.#handleMouseLeave = () => this._popoverElement?.hidePopover();
+        this._iconElement?.addEventListener("mouseenter", this.#handleMouseEnter);
+        this._iconElement?.addEventListener("mouseleave", this.#handleMouseLeave);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (!this.value?.hasBeenAbTested && !this.value?.hasBeenPersonalized)
+            return;
+        this.#handleMouseEnter
+            ? this._iconElement?.removeEventListener("mouseenter", this.#handleMouseEnter)
+            : {};
+        this.#handleMouseLeave
+            ? this._iconElement?.removeEventListener("mouseleave", this.#handleMouseLeave)
+            : {};
+    }
+    #getIconName() {
+        return `icon-circle-user-round ${this.value?.hasBeenAbTested || this.value?.hasBeenPersonalized
+            ? "blue"
+            : "grey"}`;
+    }
+    #getText() {
+        return this.value?.identifiedOn
+            ? this.value.name
+            : this.localize.term("engage_unidentified");
+    }
+    #renderPopover() {
+        const hasBeenAbTested = this.value?.hasBeenAbTested
+            ? this.localize.term("engage_profiles_hasBeenAbTested")
+            : undefined;
+        const hasBeenPersonalized = this.value?.hasBeenPersonalized
+            ? this.localize.term("engage_profiles_hasBeenPersonalized")
+            : undefined;
+        return html `<uui-popover-container id="popover">
+      <ue-tooltip>
+        ${hasBeenAbTested}
+        ${when(hasBeenAbTested && hasBeenPersonalized, () => html `<br />`)}
+        ${hasBeenPersonalized}
+      </ue-tooltip>
+    </uui-popover-container>`;
+    }
+    render() {
+        return html `<umb-icon
+        id="icon"
+        name=${this.#getIconName()}
+        popovertarget="popover"
+      ></umb-icon
+      >${this.#getText()}${this.#renderPopover()}`;
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      align-items: center;
+      gap: var(--uui-size-space-2);
+    }
+
+    umb-icon {
+      position: relative;
+    }
+  `; }
+};
+__decorate([
+    property({ type: Object, attribute: false })
+], UeProfilesTableNameColumnLayoutElement.prototype, "value", void 0);
+__decorate([
+    query("#icon")
+], UeProfilesTableNameColumnLayoutElement.prototype, "_iconElement", void 0);
+__decorate([
+    query("#popover")
+], UeProfilesTableNameColumnLayoutElement.prototype, "_popoverElement", void 0);
+UeProfilesTableNameColumnLayoutElement = __decorate([
+    customElement(elementName)
+], UeProfilesTableNameColumnLayoutElement);
+export { UeProfilesTableNameColumnLayoutElement };

package/dist/profiles/collection/views/table/profiles-table-collection-view.element.d.ts

@@ -0,0 +1,21 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import "./elements/profiles-table-type-column-layout.element.js";
+declare const elementName = "ue-profiles-table";
+export declare class UeProfilesTableElement extends UmbLitElement {
+    #private;
+    private _loading;
+    private _tableConfig;
+    private _selection;
+    private _tableColumns;
+    private _tableItems;
+    private _modalPath?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UeProfilesTableElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeProfilesTableElement;
+    }
+}

package/dist/profiles/collection/views/table/profiles-table-collection-view.element.js

@@ -0,0 +1,200 @@
+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, state, when, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { ENGAGE_PROFILES_COLLECTION_CONTEXT } from "../../profiles-collection.context-token.js";
+import { UeTimeFormatOptionsMedium } from "../../../../core/index.js";
+import "./elements/profiles-table-type-column-layout.element.js";
+const elementName = "ue-profiles-table";
+let UeProfilesTableElement = class UeProfilesTableElement extends UmbLitElement {
+    #collectionContext;
+    constructor() {
+        super();
+        this._loading = true;
+        this._tableConfig = {
+            allowSelection: false,
+            hideIcon: true,
+        };
+        this._selection = [];
+        this._tableColumns = [
+            {
+                name: this.localize.term("general_type"),
+                alias: "type",
+                elementName: "ue-profiles-table-type-column-layout",
+            },
+            {
+                name: this.localize.term("engage_sessions"),
+                alias: "sessions",
+            },
+            {
+                name: this.localize.term("engage_pageviews"),
+                alias: "pageviews",
+            },
+            {
+                name: this.localize.term("engage_firstSession"),
+                alias: "firstSession",
+            },
+            {
+                name: this.localize.term("engage_lastSession"),
+                alias: "lastSession",
+            },
+            {
+                name: this.localize.term("engage_goals"),
+                alias: "goals",
+            },
+            {
+                name: this.localize.term("engage_totalValue"),
+                alias: "totalValue",
+            },
+            {
+                name: "",
+                alias: "action",
+            },
+        ];
+        this._tableItems = [];
+        this.consumeContext(ENGAGE_PROFILES_COLLECTION_CONTEXT, (instance) => {
+            if (!instance)
+                return;
+            this.#collectionContext = instance;
+            instance.setupView(this);
+            this.#observeCollectionItems();
+        });
+    }
+    async #observeCollectionItems() {
+        if (!this.#collectionContext)
+            return;
+        this.observe(this.#collectionContext.items, (collectionItems) => {
+            this.#createTableItems(collectionItems);
+        }, "engageProfilesCollectionItemsObserver");
+        this.observe(this.#collectionContext.loading, (loading) => (this._loading = loading));
+        this.observe(this.#collectionContext.selection.selection, (selection) => {
+            this._selection = selection;
+        });
+        this.observe(this.#collectionContext.modalPath, (modalPath) => {
+            this._modalPath = modalPath;
+        });
+    }
+    #onSelect(event) {
+        event.stopPropagation();
+        this.#updateSelection(event.target);
+    }
+    #onDeselect(event) {
+        event.stopPropagation();
+        this.#updateSelection(event.target);
+    }
+    #updateSelection(table) {
+        this.#collectionContext?.selection.setSelection(table.selection);
+    }
+    #createTableItems(result) {
+        this._tableItems = result.map((profile) => {
+            return {
+                id: profile.unique,
+                data: [
+                    {
+                        columnAlias: "type",
+                        value: profile,
+                    },
+                    {
+                        columnAlias: "sessions",
+                        value: this.localize.number(profile.totalSessions),
+                    },
+                    {
+                        columnAlias: "pageviews",
+                        value: this.localize.number(profile.totalPageviews),
+                    },
+                    {
+                        columnAlias: "firstSession",
+                        value: this.localize.date(profile.firstActiveOn, UeTimeFormatOptionsMedium),
+                    },
+                    {
+                        columnAlias: "lastSession",
+                        value: this.localize.date(profile.lastActiveOn, UeTimeFormatOptionsMedium),
+                    },
+                    {
+                        columnAlias: "goals",
+                        value: this.localize.number(profile.totalGoalCompletions),
+                    },
+                    {
+                        columnAlias: "totalValue",
+                        value: this.localize.number(profile.totalGoalValue),
+                    },
+                    {
+                        columnAlias: "action",
+                        value: html `
+              <div style="text-align: right">
+                <uui-button
+                  @click=${() => this.#onShowProfileClick(profile.visitorId)}
+                  color="default"
+                  look="outline"
+                  style="display:flex; justify-self: flex-end;"
+                  compact
+                  .label=${this.localize.term("engage_showProfile")}
+                ></uui-button>
+              </div>
+            `,
+                    },
+                ],
+            };
+        });
+    }
+    #onShowProfileClick(id) {
+        history.pushState({}, "", `${this._modalPath}${id}`);
+    }
+    #renderTable() {
+        return when(this._tableItems.length, () => html `
+        <umb-table
+          .config=${this._tableConfig}
+          .columns=${this._tableColumns}
+          .items=${this._tableItems}
+          .selection=${this._selection}
+          @selected=${this.#onSelect}
+          @deselected=${this.#onDeselect}
+        ></umb-table>
+      `, () => html `<div class="flex">
+        ${this.localize.term("content_noItemsToShow")}
+      </div>`);
+    }
+    render() {
+        return when(this._loading, () => html `<uui-loader-bar></uui-loader-bar>`, () => this.#renderTable());
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .flex {
+        display: flex;
+        justify-content: center;
+      }
+    `,
+    ]; }
+};
+__decorate([
+    state()
+], UeProfilesTableElement.prototype, "_loading", void 0);
+__decorate([
+    state()
+], UeProfilesTableElement.prototype, "_tableConfig", void 0);
+__decorate([
+    state()
+], UeProfilesTableElement.prototype, "_selection", void 0);
+__decorate([
+    state()
+], UeProfilesTableElement.prototype, "_tableColumns", void 0);
+__decorate([
+    state()
+], UeProfilesTableElement.prototype, "_tableItems", void 0);
+__decorate([
+    state()
+], UeProfilesTableElement.prototype, "_modalPath", void 0);
+UeProfilesTableElement = __decorate([
+    customElement(elementName)
+], UeProfilesTableElement);
+export { UeProfilesTableElement };
+export default UeProfilesTableElement;

package/dist/profiles/constants.d.ts

@@ -0,0 +1 @@
+export declare const PROFILE_ENTITY_TYPE = "engage-profile";

package/dist/profiles/constants.js

@@ -0,0 +1 @@
+export const PROFILE_ENTITY_TYPE = "engage-profile";

package/dist/profiles/details/components/activity-tracker/activity-tracker.element.js

@@ -0,0 +1 @@
+"use strict";

package/dist/profiles/details/components/external-data/external-data-component.interface.d.ts

@@ -0,0 +1,10 @@
+import type { ManifestElement } from "@umbraco-cms/backoffice/extension-api";
+export declare const ENGAGE_EXTERNAL_DATA_EXTENSION_TYPE = "engageExternalDataComponent";
+export interface ManifestUeExternalDataComponent extends ManifestElement {
+    type: typeof ENGAGE_EXTERNAL_DATA_EXTENSION_TYPE;
+}
+declare global {
+    interface UmbExtensionManifestMap {
+        ueExternalDataComponent: ManifestUeExternalDataComponent;
+    }
+}

package/dist/profiles/details/components/external-data/external-data-component.interface.js

@@ -0,0 +1 @@
+export const ENGAGE_EXTERNAL_DATA_EXTENSION_TYPE = "engageExternalDataComponent";

package/dist/profiles/details/components/external-data/index.d.ts

@@ -0,0 +1 @@
+export * from "./external-data-component.interface.js";

package/dist/profiles/details/components/external-data/index.js

@@ -0,0 +1 @@
+export * from "./external-data-component.interface.js";

package/dist/profiles/details/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./member-profile/member-and-profile.element.js";
+export * from "./external-data/index.js";
+export * from "./related-profile/related-profile.element.js";