@umbraco-engage/backoffice 17.0.0-rc1

package/dist/profiles/details/components/index.js

@@ -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";

package/dist/profiles/details/components/member-profile/member-and-profile.element.d.ts

@@ -0,0 +1,26 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+declare const elementName = "ue-profile-detail-member-and-profile";
+export declare class UeProfileDetailsMemberAndProfileElement extends UmbLitElement {
+    #private;
+    private _loading;
+    private _profileDetail;
+    private _relatedProfiles;
+    /**
+     * Set the related profile IDs. The first id is treated as the active member profile,
+     * the remaining ids as related. Typically this component gets its data from the profile details workspace context,
+     * but when rendered outside the workspace we need to provide the profile IDs directly.
+     */
+    set relatedProfileIds(value: Array<number> | undefined);
+    constructor();
+    getLastActiveDate(lastActiveDate: string): number;
+    daysBetweenDates(dateOne: Date, dateTwo: Date): number;
+    toDateTime(secs?: number): string;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UeProfileDetailsMemberAndProfileElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeProfileDetailsMemberAndProfileElement;
+    }
+}

package/dist/profiles/details/components/member-profile/member-and-profile.element.js

@@ -0,0 +1,215 @@
+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, state, when, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { UMB_MEMBER_ENTITY_TYPE } from "@umbraco-cms/backoffice/member";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { UmbModalRouteRegistrationController } from "@umbraco-cms/backoffice/router";
+import { UMB_WORKSPACE_MODAL } from "@umbraco-cms/backoffice/workspace";
+import { UeTimeFormatOptionsShort } from "../../../../core/index.js";
+import { ProfileService, } from "../../../../generated/index.js";
+import { ENGAGE_PROFILE_DETAILS_WORKSPACE_CONTEXT } from "../../workspace/profile-details-workspace-context-token.js";
+const elementName = "ue-profile-detail-member-and-profile";
+let UeProfileDetailsMemberAndProfileElement = class UeProfileDetailsMemberAndProfileElement extends UmbLitElement {
+    /**
+     * Set the related profile IDs. The first id is treated as the active member profile,
+     * the remaining ids as related. Typically this component gets its data from the profile details workspace context,
+     * but when rendered outside the workspace we need to provide the profile IDs directly.
+     */
+    set relatedProfileIds(value) {
+        if (value?.length) {
+            this._loading = true;
+            this.#getProfileDetails(value[0]);
+            this.#getRelatedProfileDetails(value.slice(1));
+        }
+        else {
+            this._loading = false;
+        }
+    }
+    #modalPath;
+    constructor() {
+        super();
+        this._loading = true;
+        this._relatedProfiles = [];
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addAdditionalPath(UMB_MEMBER_ENTITY_TYPE)
+            .onSetup(() => ({
+            data: {
+                entityType: UMB_MEMBER_ENTITY_TYPE,
+            },
+            modal: {
+                size: "full",
+            },
+        }))
+            .observeRouteBuilder((routeBuilder) => {
+            this.#modalPath = routeBuilder({});
+        });
+        this.consumeContext(ENGAGE_PROFILE_DETAILS_WORKSPACE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.profileDetail, (profileDetail) => {
+                if (!profileDetail)
+                    return;
+                this._profileDetail = profileDetail;
+                this._loading = false;
+            });
+        });
+    }
+    /* when more than one profile ID, we merge all values */
+    async #getRelatedProfileDetails(relatedProfileIds) {
+        if (!relatedProfileIds?.length)
+            return;
+        this._loading = true;
+        this._relatedProfiles = (await Promise.all(relatedProfileIds.map(async (id) => await tryExecute(this, ProfileService.getProfileDetails({ query: { visitorId: id } }))))).map((result) => {
+            this.#mapProfileDetails(result.data);
+            return result.data;
+        });
+        this._loading = false;
+    }
+    async #getProfileDetails(visitorId) {
+        const { data } = await tryExecute(this, ProfileService.getProfileDetails({
+            query: { visitorId },
+        }));
+        this._profileDetail = data;
+        this._loading = false;
+    }
+    #mapProfileDetails(data) {
+        if (!this._profileDetail)
+            return;
+        const profileDetail = { ...this._profileDetail };
+        // Add the data of each result to the profile-info.
+        profileDetail.totalSeconds += data.totalSeconds;
+        profileDetail.totalEngagedSeconds += data.totalEngagedSeconds;
+        profileDetail.totalGoalCompletions += data.totalGoalCompletions;
+        profileDetail.totalGoalValue += data.totalGoalValue;
+        profileDetail.totalPageviews += data.totalPageviews;
+        profileDetail.totalSessions += data.totalSessions;
+        profileDetail.hasBeenAbTested ||= data.hasBeenAbTested;
+        profileDetail.hasBeenPersonalized ||= data.hasBeenPersonalized;
+        profileDetail.members ||= [];
+        profileDetail.lastActiveOn =
+            data.lastActiveOn > profileDetail.lastActiveOn
+                ? data.lastActiveOn
+                : profileDetail.lastActiveOn;
+        profileDetail.firstActiveOn =
+            data.firstActiveOn < profileDetail.firstActiveOn
+                ? data.firstActiveOn
+                : profileDetail.firstActiveOn;
+        if (!profileDetail.identifiedOn && data.identifiedOn) {
+            // If this value doesn't exist yet, but the result.identifiedOn has a value, we will use that.
+            profileDetail.identifiedOn = data.identifiedOn;
+        }
+        else if (data.identifiedOn) {
+            // If the profile.identifiedOn already has a value, we only want to override that value when the date of result.identifiedOn is happened before profile.idenitifiedOn.
+            if (data.identifiedOn < profileDetail.identifiedOn) {
+                profileDetail.identifiedOn = data.identifiedOn;
+            }
+        }
+        this._profileDetail = profileDetail;
+    }
+    getLastActiveDate(lastActiveDate) {
+        return this.daysBetweenDates(new Date(lastActiveDate), new Date());
+    }
+    daysBetweenDates(dateOne, dateTwo) {
+        return Math.round((dateTwo.getTime() - dateOne.getTime()) / 1000 / 60 / 60 / 24);
+    }
+    toDateTime(secs) {
+        if (!secs)
+            return "0:00:00";
+        const hours = Math.floor(secs / 3600);
+        const minutes = Math.floor((secs % 3600) / 60);
+        const seconds = Math.floor(secs % 60);
+        return `${hours}:${minutes.toString().padStart(2, "0")}:${seconds
+            .toString()
+            .padStart(2, "0")}`;
+    }
+    #openMember(unique) {
+        if (!unique) {
+            return;
+        }
+        history.pushState(null, "", this.#modalPath + "edit/" + unique);
+    }
+    #renderBlock(prefix, value = "-", suffix) {
+        return html `
+      <div>
+        <ue-label>${this.localize.term(prefix)}</ue-label>
+        <strong>${value}</strong>
+        ${suffix && value !== "-"
+            ? html `<ue-label class="sub">${suffix}</ue-label>`
+            : ""}
+      </div>
+    `;
+    }
+    #renderElement() {
+        if (!this._profileDetail)
+            return html `<ue-empty-state
+        >${this.localize.term("engage_profile_details_noProfile")}</ue-empty-state
+      >`;
+        return html `${this.#renderBlock("engage_firstSession", this.localize.date(this._profileDetail.firstActiveOn, UeTimeFormatOptionsShort), this.localize.term("engage_profile_details_daysAgo", this.getLastActiveDate(this._profileDetail.firstActiveOn)))}
+    ${this.#renderBlock("engage_profile_details_lastActivity", this.localize.date(this._profileDetail.lastActiveOn, UeTimeFormatOptionsShort), this.localize.term("engage_profile_details_daysAgo", this.getLastActiveDate(this._profileDetail.lastActiveOn)))}
+    ${this.#renderBlock("engage_profile_details_totalSession", this._profileDetail.totalSessions)}
+    ${this.#renderBlock("engage_profile_details_totalPageviews", this._profileDetail.totalPageviews)}
+    ${this.#renderBlock("engage_profile_details_totalTime", this.toDateTime(this._profileDetail.totalSeconds), this.localize.term("engage_profile_details_timeFormat"))}
+    ${this.#renderBlock("engage_profile_details_totalEngagedTime", this.toDateTime(this._profileDetail.totalEngagedSeconds), this.localize.term("engage_profile_details_timeFormat"))}
+    ${this._profileDetail?.members
+            ?.filter((x) => x.name && x.unique)
+            .map((member) => html `<uui-ref-list>
+          <uui-ref-node-member
+            @open=${() => this.#openMember(member.unique)}
+            .name=${member.name}
+            .detail=${this.localize.term("engage_lastLogin", member.lastLoginDate ?? this.localize.term("engage_never"))}
+          ></uui-ref-node-member>
+        </uui-ref-list> `)}
+    ${this._relatedProfiles?.map((relatedProfile) => html `
+        <ue-profile-detail-related-profile
+          .profile=${relatedProfile}
+        ></ue-profile-detail-related-profile>
+      `)} `;
+    }
+    render() {
+        return when(this._loading, () => html `<uui-loader-bar></uui-loader-bar>`, () => this.#renderElement());
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: var(--uui-size-4);
+      }
+
+      .sub {
+        text-transform: lowercase;
+        opacity: 0.5;
+        margin-top: -6px;
+      }
+
+      uui-loader-bar,
+      ue-empty-state,
+      uui-ref-list,
+      ue-profile-detail-related-profile {
+        grid-column: 1 / 3;
+      }
+    `,
+    ]; }
+};
+__decorate([
+    state()
+], UeProfileDetailsMemberAndProfileElement.prototype, "_loading", void 0);
+__decorate([
+    state()
+], UeProfileDetailsMemberAndProfileElement.prototype, "_profileDetail", void 0);
+__decorate([
+    state()
+], UeProfileDetailsMemberAndProfileElement.prototype, "_relatedProfiles", void 0);
+__decorate([
+    property({ type: Array })
+], UeProfileDetailsMemberAndProfileElement.prototype, "relatedProfileIds", null);
+UeProfileDetailsMemberAndProfileElement = __decorate([
+    customElement(elementName)
+], UeProfileDetailsMemberAndProfileElement);
+export { UeProfileDetailsMemberAndProfileElement };
+export default UeProfileDetailsMemberAndProfileElement;

package/dist/profiles/details/components/related-profile/related-profile.element.d.ts

@@ -0,0 +1,17 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { type ProfileResponseDtoModel } from "../../../../generated/index.js";
+declare const elementName = "ue-profile-detail-related-profile";
+export declare class UeProfileDetailsRelatedProfileElement extends UmbLitElement {
+    #private;
+    profile?: ProfileResponseDtoModel;
+    private _modalPath?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1> | undefined;
+    static styles: import("lit").CSSResult[];
+}
+export default UeProfileDetailsRelatedProfileElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeProfileDetailsRelatedProfileElement;
+    }
+}

package/dist/profiles/details/components/related-profile/related-profile.element.js

@@ -0,0 +1,87 @@
+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, state, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { UmbModalRouteRegistrationController } from "@umbraco-cms/backoffice/router";
+import { UMB_WORKSPACE_MODAL } from "@umbraco-cms/backoffice/workspace";
+import { PROFILE_ENTITY_TYPE } from "../../../constants.js";
+import { UeTimeFormatOptionsShort } from "../../../../core/index.js";
+const elementName = "ue-profile-detail-related-profile";
+let UeProfileDetailsRelatedProfileElement = class UeProfileDetailsRelatedProfileElement extends UmbLitElement {
+    constructor() {
+        super();
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL, Symbol())
+            .addAdditionalPath(PROFILE_ENTITY_TYPE)
+            .onSetup(() => ({
+            data: {
+                entityType: PROFILE_ENTITY_TYPE,
+            },
+            modal: {
+                size: "large",
+            },
+        }))
+            .observeRouteBuilder((routeBuilder) => {
+            this._modalPath = routeBuilder({});
+        });
+    }
+    #renderDateBlock(date, key) {
+        return html `<div>
+      <ue-label> ${this.localize.term(key)} </ue-label>
+      <strong>${this.localize.date(date, UeTimeFormatOptionsShort)}</strong>
+    </div>`;
+    }
+    render() {
+        if (!this.profile)
+            return;
+        return html `
+      ${this.#renderDateBlock(this.profile.firstActiveOn, "engage_firstSession")}
+      ${this.#renderDateBlock(this.profile.lastActiveOn, "engage_lastSession")}
+
+      <uui-button
+        color="default"
+        look="secondary"
+        compact
+        .href=${`${this._modalPath}${this.profile.visitorId}`}
+      >
+        ${this.localize.term("engage_profile_details_show")}<uui-icon
+          name="icon-circle-arrow-right"
+        ></uui-icon>
+      </uui-button>
+    `;
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: var(--uui-size-4);
+        border-top: 1px solid var(--uui-color-divider-standalone);
+        padding-top: var(--uui-size-space-4);
+      }
+
+      div {
+        grid-column: 1 / 2;
+      }
+
+      uui-button {
+        grid-column: 2 / 3;
+        justify-self: end;
+      }
+    `,
+    ]; }
+};
+__decorate([
+    property({ type: Object })
+], UeProfileDetailsRelatedProfileElement.prototype, "profile", void 0);
+__decorate([
+    state()
+], UeProfileDetailsRelatedProfileElement.prototype, "_modalPath", void 0);
+UeProfileDetailsRelatedProfileElement = __decorate([
+    customElement(elementName)
+], UeProfileDetailsRelatedProfileElement);
+export { UeProfileDetailsRelatedProfileElement };
+export default UeProfileDetailsRelatedProfileElement;

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

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

package/dist/profiles/details/index.js

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

package/dist/profiles/details/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { UmbExtensionManifestKind } from "@umbraco-cms/backoffice/extension-registry";
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

package/dist/profiles/details/manifests.js

@@ -0,0 +1,6 @@
+import { manifests as workspaceManifests } from "./workspace/manifests.js";
+import { manifests as conditionManifest } from "./workspace/conditions/manifests.js";
+export const manifests = [
+    ...workspaceManifests,
+    ...conditionManifest,
+];

package/dist/profiles/details/workspace/conditions/constants.d.ts

@@ -0,0 +1 @@
+export declare const ENGAGE_EXTERNAL_DATA_PACKAGE_CONDITION_ALIAS = "Engage.Condition.ExternalDataPackage";

package/dist/profiles/details/workspace/conditions/constants.js

@@ -0,0 +1 @@
+export const ENGAGE_EXTERNAL_DATA_PACKAGE_CONDITION_ALIAS = 'Engage.Condition.ExternalDataPackage';

package/dist/profiles/details/workspace/conditions/external-package-installed.condition.d.ts

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

package/dist/profiles/details/workspace/conditions/external-package-installed.condition.js

@@ -0,0 +1,10 @@
+import { UmbConditionBase, umbExtensionsRegistry, } from "@umbraco-cms/backoffice/extension-registry";
+import { ENGAGE_EXTERNAL_DATA_EXTENSION_TYPE } from "../../components/index.js";
+export class UeIsExternalDataPackageInstalledCondition extends UmbConditionBase {
+    constructor(host, args) {
+        super(host, args);
+        this.observe(umbExtensionsRegistry.byType(ENGAGE_EXTERNAL_DATA_EXTENSION_TYPE), (packages) => {
+            this.permitted = packages.length > 0;
+        });
+    }
+}

package/dist/profiles/details/workspace/conditions/manifests.d.ts

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

package/dist/profiles/details/workspace/conditions/manifests.js

@@ -0,0 +1,10 @@
+import { ENGAGE_EXTERNAL_DATA_PACKAGE_CONDITION_ALIAS } from "./constants.js";
+import { UeIsExternalDataPackageInstalledCondition } from "./external-package-installed.condition.js";
+export const manifests = [
+    {
+        type: "condition",
+        name: "Engage External Data Package Installed",
+        alias: ENGAGE_EXTERNAL_DATA_PACKAGE_CONDITION_ALIAS,
+        api: UeIsExternalDataPackageInstalledCondition,
+    },
+];

package/dist/profiles/details/workspace/constants.d.ts

@@ -0,0 +1,3 @@
+declare const ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS = "Engage.Profile.Details.Workspace";
+declare const ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND = "engageProfileDetailWorkspaceView";
+export { ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS, ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND, };

package/dist/profiles/details/workspace/constants.js

@@ -0,0 +1,3 @@
+const ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS = "Engage.Profile.Details.Workspace";
+const ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND = "engageProfileDetailWorkspaceView";
+export { ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS, ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND, };

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

@@ -0,0 +1 @@
+export * from "./constants.js";

package/dist/profiles/details/workspace/index.js

@@ -0,0 +1 @@
+export * from "./constants.js";

package/dist/profiles/details/workspace/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { UmbExtensionManifestKind } from "@umbraco-cms/backoffice/extension-registry";
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

package/dist/profiles/details/workspace/manifests.js

@@ -0,0 +1,66 @@
+import { PROFILE_ENTITY_TYPE } from "../../constants.js";
+import { ENGAGE_EXTERNAL_DATA_PACKAGE_CONDITION_ALIAS } from "./conditions/constants.js";
+import { manifest as workspaceViewKind } from "./profile-detail-workspace-view.kind.js";
+import { ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND, ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS, } from "./constants.js";
+import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
+export const manifests = [
+    workspaceViewKind,
+    {
+        type: "workspace",
+        kind: "routable",
+        alias: ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS,
+        name: "Engage Settings Root Workspace",
+        api: () => import("./profile-details-workspace.context.js"),
+        meta: {
+            entityType: PROFILE_ENTITY_TYPE,
+        },
+    },
+    {
+        type: "workspaceView",
+        kind: ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND,
+        alias: "Engage.Profile.Details.Insights.WorkspaceView",
+        name: "Engage Profile Details Insights",
+        element: () => import("./views/insights/profile-details-insight.workspace-view.element.js"),
+        weight: 1000,
+        meta: {
+            label: "#engage_profile_details_insights",
+            pathname: "insights",
+            icon: "icon-lightbulb",
+        },
+    },
+    {
+        type: "workspaceView",
+        kind: ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND,
+        alias: "Engage.Profile.Details.Activity.WorkspaceView",
+        name: "Engage Profile Details Activity",
+        element: () => import("./views/activity/profile-details-activity.workspace-view.element.js"),
+        weight: 1000,
+        meta: {
+            label: "#engage_profile_details_activity",
+            pathname: "activity",
+            icon: "icon-kanban",
+        },
+    },
+    {
+        type: "workspaceView",
+        kind: ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND,
+        alias: "Engage.Profile.Details.ExternalData.WorkspaceView",
+        name: "Engage Profile Details External Data",
+        element: () => import("./views/external-data/external-data.workspace-view.element.js"),
+        weight: 1000,
+        meta: {
+            label: "#engage_profile_details_externalData",
+            pathname: "external-data",
+            icon: "icon-out",
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS,
+            },
+            {
+                alias: ENGAGE_EXTERNAL_DATA_PACKAGE_CONDITION_ALIAS,
+            },
+        ],
+    },
+];

package/dist/profiles/details/workspace/profile-detail-workspace-view.kind.d.ts

@@ -0,0 +1,2 @@
+import type { UmbExtensionManifestKind } from "@umbraco-cms/backoffice/extension-registry";
+export declare const manifest: UmbExtensionManifestKind;

package/dist/profiles/details/workspace/profile-detail-workspace-view.kind.js

@@ -0,0 +1,18 @@
+import { ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND, ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS, } from "./constants.js";
+import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
+export const manifest = {
+    type: "kind",
+    alias: "Engage.Kind.ProfileDetailWorkspaceView",
+    matchKind: ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND,
+    matchType: "workspaceView",
+    manifest: {
+        type: "workspaceView",
+        kind: ENGAGE_PROFILE_DETAIL_WORKSPACE_VIEW_KIND,
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+};

package/dist/profiles/details/workspace/profile-details-workspace-context-token.d.ts

@@ -0,0 +1,3 @@
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import type { UeProfileDetailsWorkspaceContext } from "./profile-details-workspace.context.js";
+export declare const ENGAGE_PROFILE_DETAILS_WORKSPACE_CONTEXT: UmbContextToken<UeProfileDetailsWorkspaceContext, UeProfileDetailsWorkspaceContext>;

package/dist/profiles/details/workspace/profile-details-workspace-context-token.js

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

package/dist/profiles/details/workspace/profile-details-workspace.context.d.ts

@@ -0,0 +1,16 @@
+import { UmbSubmittableWorkspaceContextBase, type UmbRoutableWorkspaceContext, type UmbSubmittableWorkspaceContext } from "@umbraco-cms/backoffice/workspace";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { type ProfileResponseDtoModel } from "../../../generated/index.js";
+export declare class UeProfileDetailsWorkspaceContext extends UmbSubmittableWorkspaceContextBase<ProfileResponseDtoModel> implements UmbSubmittableWorkspaceContext, UmbRoutableWorkspaceContext {
+    #private;
+    readonly IS_PROFILE_DETAILS_WORKSPACE_CONTEXT = true;
+    unique: import("rxjs").Observable<string | undefined>;
+    profileDetail: import("rxjs").Observable<ProfileResponseDtoModel | undefined>;
+    constructor(host: UmbControllerHost);
+    load(id: string | null | undefined): Promise<void>;
+    getUnique(): string | undefined;
+    getEntityType(): string;
+    getData(): ProfileResponseDtoModel | undefined;
+    protected submit(): Promise<void>;
+}
+export { UeProfileDetailsWorkspaceContext as api };

package/dist/profiles/details/workspace/profile-details-workspace.context.js

@@ -0,0 +1,53 @@
+import { PROFILE_ENTITY_TYPE } from "../../constants.js";
+import { UeProfileDetailsWorkspaceElement } from "./profile-details-workspace.element.js";
+import { ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS } from "./constants.js";
+import { UmbObjectState, UmbStringState, } from "@umbraco-cms/backoffice/observable-api";
+import { UmbSubmittableWorkspaceContextBase, } from "@umbraco-cms/backoffice/workspace";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { ProfileService, } from "../../../generated/index.js";
+export class UeProfileDetailsWorkspaceContext extends UmbSubmittableWorkspaceContextBase {
+    #unique;
+    #profileDetail;
+    constructor(host) {
+        super(host, ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS);
+        this.IS_PROFILE_DETAILS_WORKSPACE_CONTEXT = true;
+        this.#unique = new UmbStringState(undefined);
+        this.unique = this.#unique.asObservable();
+        this.#profileDetail = new UmbObjectState(undefined);
+        this.profileDetail = this.#profileDetail.asObservable();
+        this.routes.setRoutes([
+            {
+                path: ":id",
+                component: UeProfileDetailsWorkspaceElement,
+                setup: (_component, info) => {
+                    this.load(info.match.params.id);
+                },
+            },
+        ]);
+    }
+    async load(id) {
+        if (!id)
+            return;
+        this.#unique.setValue(id);
+        // also get the profile details to share with the workspace views, avoiding
+        // additional requests for the same data.
+        const { data } = await tryExecute(this, ProfileService.getProfileDetails({
+            query: { visitorId: +id },
+        }));
+        this.#profileDetail.setValue(data);
+    }
+    getUnique() {
+        return this.#unique.getValue();
+    }
+    getEntityType() {
+        return PROFILE_ENTITY_TYPE;
+    }
+    // workspace does not provide data, only the unique identifier
+    getData() {
+        throw new Error("Method not implemented.");
+    }
+    submit() {
+        throw new Error("Method not implemented.");
+    }
+}
+export { UeProfileDetailsWorkspaceContext as api };

package/dist/profiles/details/workspace/profile-details-workspace.element.d.ts

@@ -0,0 +1,12 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { type UmbWorkspaceViewElement } from "@umbraco-cms/backoffice/workspace";
+declare const element = "ue-profile-details-workspace";
+export declare class UeProfileDetailsWorkspaceElement extends UmbLitElement implements UmbWorkspaceViewElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { UeProfileDetailsWorkspaceElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [element]: UeProfileDetailsWorkspaceElement;
+    }
+}

package/dist/profiles/details/workspace/profile-details-workspace.element.js

@@ -0,0 +1,25 @@
+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_PROFILE_DETAILS_WORKSPACE_ALIAS } from "./constants.js";
+import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+const element = "ue-profile-details-workspace";
+let UeProfileDetailsWorkspaceElement = class UeProfileDetailsWorkspaceElement extends UmbLitElement {
+    render() {
+        return html `
+      <umb-workspace-editor
+        headline="Profile"
+        alias=${ENGAGE_PROFILE_DETAILS_WORKSPACE_ALIAS}
+      ></umb-workspace-editor>
+    `;
+    }
+};
+UeProfileDetailsWorkspaceElement = __decorate([
+    customElement(element)
+], UeProfileDetailsWorkspaceElement);
+export { UeProfileDetailsWorkspaceElement };
+export { UeProfileDetailsWorkspaceElement as element };