@umbraco-engage/backoffice 17.0.0-rc1

package/dist/personalization/referral-scoring/workspace/referral-scoring-workspace-context.token.js

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

package/dist/personalization/referral-scoring/workspace/referral-scoring-workspace-editor.element.d.ts

@@ -0,0 +1,16 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+declare const elementName = "ue-referral-scoring-workspace-editor";
+export declare class UeReferralScoringWorkspaceEditorElement extends UmbLitElement {
+    #private;
+    private _referralTypeArgs;
+    private _selectedType;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HMTLElementTagNameMap {
+        [elementName]: UeReferralScoringWorkspaceEditorElement;
+    }
+}
+export {};

package/dist/personalization/referral-scoring/workspace/referral-scoring-workspace-editor.element.js

@@ -0,0 +1,103 @@
+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_GROUP_COLLECTION_ALIAS } from "../referral-group/collection/constants.js";
+import { ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT } from "./referral-scoring-workspace-context.token.js";
+import { css, customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
+import { choose } from "lit/directives/choose.js";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { observeMultiple } from "@umbraco-cms/backoffice/observable-api";
+import { makeArray } from "../../../core/index.js";
+const elementName = "ue-referral-scoring-workspace-editor";
+let UeReferralScoringWorkspaceEditorElement = class UeReferralScoringWorkspaceEditorElement extends UmbLitElement {
+    #referralTypes;
+    constructor() {
+        super();
+        this.#referralTypes = makeArray("referralGroups", "scoredReferrals", "unscoredReferrals");
+        this._referralTypeArgs = [
+            undefined,
+            "?",
+            "?",
+        ];
+        this._selectedType = this.#referralTypes.at(0);
+        this.consumeContext(ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT, async (context) => {
+            if (!context)
+                return;
+            await context.load();
+            this.observe(observeMultiple([
+                context.scoredReferralCount,
+                context.scoredReferralsLoading.asObservable(),
+            ]), ([count, loading]) => {
+                const v = loading ? "?" : count ?? 0;
+                this._referralTypeArgs = [undefined, v, this._referralTypeArgs[2]];
+            });
+            this.observe(observeMultiple([
+                context.unscoredReferralCount,
+                context.unscoredReferralsLoading.asObservable(),
+            ]), ([count, loading]) => {
+                const v = loading ? "?" : count ?? 0;
+                this._referralTypeArgs = [undefined, this._referralTypeArgs[1], v];
+            });
+        });
+    }
+    #renderGroups() {
+        return html `<umb-collection
+      alias=${ENGAGE_REFERRAL_GROUP_COLLECTION_ALIAS}
+    ></umb-collection>`;
+    }
+    #renderScored() {
+        return html `<ue-scored-referrals></ue-scored-referrals>`;
+    }
+    #renderUnscored() {
+        return html `<ue-unscored-referrals></ue-unscored-referrals>`;
+    }
+    render() {
+        return html `<div id="header">
+        <ue-button-group
+          .value=${this._selectedType}
+          .values=${this.#referralTypes}
+          .args=${this._referralTypeArgs}
+          @change=${(e) => (this._selectedType = e.target.value)}
+        ></ue-button-group>
+      </div>
+      <div id="main">
+        ${choose(this._selectedType, [
+            ["referralGroups", () => this.#renderGroups()],
+            ["scoredReferrals", () => this.#renderScored()],
+            ["unscoredReferrals", () => this.#renderUnscored()],
+        ])}
+      </div>`;
+    }
+    static { this.styles = css `
+    #header {
+      display: flex;
+    }
+    ue-button-group {
+      flex: 0 1 auto;
+    }
+
+    #main {
+      margin-top: 4px;
+    }
+
+    umb-collection {
+      display: block;
+      overflow: hidden;
+      position: relative;
+      right: 24px;
+    }
+  `; }
+};
+__decorate([
+    state()
+], UeReferralScoringWorkspaceEditorElement.prototype, "_referralTypeArgs", void 0);
+__decorate([
+    state()
+], UeReferralScoringWorkspaceEditorElement.prototype, "_selectedType", void 0);
+UeReferralScoringWorkspaceEditorElement = __decorate([
+    customElement(elementName)
+], UeReferralScoringWorkspaceEditorElement);
+export { UeReferralScoringWorkspaceEditorElement };

package/dist/personalization/referral-scoring/workspace/referral-scoring-workspace.context.d.ts

@@ -0,0 +1,27 @@
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { BehaviorSubject } from "@umbraco-cms/backoffice/external/rxjs";
+import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
+import { type IPageReferralPageDtoModel } from "../../../generated/index.js";
+interface ReferralScoreQuery {
+    page: number;
+    pageSize: number;
+    amountOfDays: number;
+}
+export declare class UeReferralScoringWorkspaceContext extends UmbContextBase {
+    #private;
+    readonly IS_REFERRAL_SCORING_WORKSPACE_CONTEXT = true;
+    scoredReferrals: import("rxjs").Observable<IPageReferralPageDtoModel | undefined>;
+    scoredReferralCount: import("rxjs").Observable<number | undefined>;
+    unscoredReferrals: import("rxjs").Observable<IPageReferralPageDtoModel | undefined>;
+    unscoredReferralCount: import("rxjs").Observable<number | undefined>;
+    referredVisitors: import("rxjs").Observable<Record<string, number> | undefined>;
+    scoredReferralsLoading: BehaviorSubject<boolean>;
+    unscoredReferralsLoading: BehaviorSubject<boolean>;
+    constructor(host: UmbControllerHost);
+    requestScored(query?: Partial<ReferralScoreQuery>): Promise<void>;
+    requestUnscored(query?: Partial<ReferralScoreQuery>): Promise<void>;
+    requestReferredVisitors(): Promise<void>;
+    load(): Promise<void>;
+    refreshScores(): Promise<void>;
+}
+export {};

package/dist/personalization/referral-scoring/workspace/referral-scoring-workspace.context.js

@@ -0,0 +1,75 @@
+import { UmbObjectState } from "@umbraco-cms/backoffice/observable-api";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { BehaviorSubject } from "@umbraco-cms/backoffice/external/rxjs";
+import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
+import { ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT } from "./referral-scoring-workspace-context.token.js";
+import { ReferralGroupService, ReferralScoringService, } from "../../../generated/index.js";
+export class UeReferralScoringWorkspaceContext extends UmbContextBase {
+    #scoredReferrals;
+    #unscoredReferrals;
+    #referredVisitors;
+    // TODO => why is this pageSize = 1?
+    #scoredQuery;
+    #unscoredQuery;
+    constructor(host) {
+        super(host, ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT.toString());
+        this.IS_REFERRAL_SCORING_WORKSPACE_CONTEXT = true;
+        this.#scoredReferrals = new UmbObjectState(undefined);
+        this.scoredReferrals = this.#scoredReferrals.asObservable();
+        this.scoredReferralCount = this.#scoredReferrals.asObservablePart((x) => x?.totalRowCount);
+        this.#unscoredReferrals = new UmbObjectState(undefined);
+        this.unscoredReferrals = this.#unscoredReferrals.asObservable();
+        this.unscoredReferralCount = this.#unscoredReferrals.asObservablePart((x) => x?.totalRowCount);
+        this.#referredVisitors = new UmbObjectState(undefined);
+        this.referredVisitors = this.#referredVisitors.asObservable();
+        this.scoredReferralsLoading = new BehaviorSubject(false);
+        this.unscoredReferralsLoading = new BehaviorSubject(false);
+        // TODO => why is this pageSize = 1?
+        this.#scoredQuery = {
+            page: 1,
+            pageSize: 20,
+            amountOfDays: 30,
+        };
+        this.#unscoredQuery = {
+            page: 1,
+            pageSize: 20,
+            amountOfDays: 30,
+        };
+    }
+    async requestScored(query) {
+        this.scoredReferralsLoading.next(true);
+        this.#scoredQuery = { ...this.#scoredQuery, ...query };
+        const { data } = await tryExecute(this, ReferralScoringService.postReferralScoringScored({
+            body: this.#scoredQuery,
+        }));
+        this.scoredReferralsLoading.next(false);
+        if (!data)
+            return;
+        this.#scoredReferrals.setValue(data);
+    }
+    async requestUnscored(query) {
+        this.unscoredReferralsLoading.next(true);
+        this.#unscoredQuery = { ...this.#unscoredQuery, ...query };
+        const { data } = await tryExecute(this, ReferralScoringService.postReferralScoringUnscored({
+            body: this.#unscoredQuery,
+        }));
+        this.unscoredReferralsLoading.next(false);
+        if (!data)
+            return;
+        this.#unscoredReferrals.setValue(data);
+    }
+    async requestReferredVisitors() {
+        const { data } = await tryExecute(this, ReferralGroupService.getReferralGroupVisitors());
+        if (!data)
+            return;
+        this.#referredVisitors.setValue(data);
+    }
+    async load() {
+        this.refreshScores();
+    }
+    async refreshScores() {
+        this.requestScored();
+        this.requestUnscored();
+        this.requestReferredVisitors();
+    }
+}

package/dist/personalization/screens/applied-personalization-screen.element.d.ts

@@ -0,0 +1,13 @@
+import { UeContentScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-personalization-applied-personalization-screen";
+export declare class UePersonalizationAppliedPersonalizationElement extends UeContentScreenBaseElement {
+    constructor();
+    renderContent(): import("lit-html").TemplateResult<1>;
+    renderSidebar(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonalizationAppliedPersonalizationElement;
+    }
+}
+export {};

package/dist/personalization/screens/applied-personalization-screen.element.js

@@ -0,0 +1,33 @@
+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_APPLIED_PERSONALIZATION_EDITOR_VIEW_CONTEXT, UeAppliedPersonalizationEditorViewContext, } from "../applied-personalization/index.js";
+import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { SegmentBuilderImage } from "../../images/index.js";
+import { UeContentScreenBaseElement } from "../../core/index.js";
+const elementName = "ue-personalization-applied-personalization-screen";
+let UePersonalizationAppliedPersonalizationElement = class UePersonalizationAppliedPersonalizationElement extends UeContentScreenBaseElement {
+    constructor() {
+        super();
+        this.provideContext(ENGAGE_APPLIED_PERSONALIZATION_EDITOR_VIEW_CONTEXT, new UeAppliedPersonalizationEditorViewContext(this));
+    }
+    renderContent() {
+        return html `<ue-applied-personalization-workspace-editor></ue-applied-personalization-workspace-editor>`;
+    }
+    renderSidebar() {
+        return html ` <img src=${SegmentBuilderImage} alt="" />
+      <h2 class="screen-h2">
+        ${this.localize.term("engage_personalization_appliedPersonalization")}
+      </h2>
+      <p>
+        ${this.localize.term("engage_personalization_appliedPersonalizationDescription")}
+      </p>`;
+    }
+};
+UePersonalizationAppliedPersonalizationElement = __decorate([
+    customElement(elementName)
+], UePersonalizationAppliedPersonalizationElement);
+export { UePersonalizationAppliedPersonalizationElement };

package/dist/personalization/screens/applied-segment-insights-screen.element.d.ts

@@ -0,0 +1,11 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+declare const elementName = "ue-personalization-applied-segment-insights-screen";
+export declare class UePersonalizationAppliedSegmentInsightsScreenElement extends UmbLitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default UePersonalizationAppliedSegmentInsightsScreenElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonalizationAppliedSegmentInsightsScreenElement;
+    }
+}

package/dist/personalization/screens/applied-segment-insights-screen.element.js

@@ -0,0 +1,23 @@
+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";
+const elementName = "ue-personalization-applied-segment-insights-screen";
+let UePersonalizationAppliedSegmentInsightsScreenElement = class UePersonalizationAppliedSegmentInsightsScreenElement extends UmbLitElement {
+    render() {
+        return html ` <ue-analytics-view
+      alias="appliedsegmentinsights"
+      viewTitle="engage_personalization_appliedSegmentInsights"
+    >
+    </ue-analytics-view>`;
+    }
+};
+UePersonalizationAppliedSegmentInsightsScreenElement = __decorate([
+    customElement(elementName)
+], UePersonalizationAppliedSegmentInsightsScreenElement);
+export { UePersonalizationAppliedSegmentInsightsScreenElement };
+export default UePersonalizationAppliedSegmentInsightsScreenElement;

package/dist/personalization/screens/campaign-scoring-screen.element.d.ts

@@ -0,0 +1,13 @@
+import { UeContentScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-personalization-campaign-scoring-screen";
+export declare class UePersonalizationCampaignScoringScreenElement extends UeContentScreenBaseElement {
+    constructor();
+    renderSidebar(): import("lit-html").TemplateResult<1>;
+    renderContent(): import("lit-html").TemplateResult<1>;
+}
+export default UePersonalizationCampaignScoringScreenElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonalizationCampaignScoringScreenElement;
+    }
+}

package/dist/personalization/screens/campaign-scoring-screen.element.js

@@ -0,0 +1,34 @@
+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_CAMPAIGN_SCORING_WORKSPACE_CONTEXT, UeCampaignScoringWorkspaceContext, } from "../campaign-scoring/index.js";
+import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { ScoringImage } from "../../images/index.js";
+import { UeContentScreenBaseElement } from "../../core/index.js";
+const elementName = "ue-personalization-campaign-scoring-screen";
+let UePersonalizationCampaignScoringScreenElement = class UePersonalizationCampaignScoringScreenElement extends UeContentScreenBaseElement {
+    constructor() {
+        super();
+        this.provideContext(ENGAGE_CAMPAIGN_SCORING_WORKSPACE_CONTEXT, new UeCampaignScoringWorkspaceContext(this));
+    }
+    renderSidebar() {
+        return html ` <img src=${ScoringImage} alt="" />
+      <h2 class="screen-h2">
+        ${this.localize.term("engage_personalization_campaignScoring")}
+      </h2>
+      <p>
+        ${this.localize.term("engage_personalization_campaignScoringDescription")}
+      </p>`;
+    }
+    renderContent() {
+        return html `<ue-campaign-scoring-workspace-editor></ue-campaign-scoring-workspace-editor>`;
+    }
+};
+UePersonalizationCampaignScoringScreenElement = __decorate([
+    customElement(elementName)
+], UePersonalizationCampaignScoringScreenElement);
+export { UePersonalizationCampaignScoringScreenElement };
+export default UePersonalizationCampaignScoringScreenElement;

package/dist/personalization/screens/content-scoring-screen.element.d.ts

@@ -0,0 +1,13 @@
+import { UeContentScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-personalization-content-scoring-screen";
+export declare class UePersonalizationContentScoringScreenElement extends UeContentScreenBaseElement {
+    constructor();
+    renderSidebar(): import("lit-html").TemplateResult<1>;
+    renderContent(): import("lit-html").TemplateResult<1>;
+}
+export default UePersonalizationContentScoringScreenElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonalizationContentScoringScreenElement;
+    }
+}

package/dist/personalization/screens/content-scoring-screen.element.js

@@ -0,0 +1,43 @@
+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_CONTENT_SCORING_WORKSPACE_CONTEXT } from "../content-scoring/workspace/content-scoring-workspace-context.token.js";
+import { UeContentScoringWorkspaceContext } from "../content-scoring/workspace/content-scoring-workspace.context.js";
+import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from "@umbraco-cms/backoffice/document";
+import { ScoringInfoTextImage } from "../../images/index.js";
+import { UeContentScreenBaseElement } from "../../core/index.js";
+const elementName = "ue-personalization-content-scoring-screen";
+let UePersonalizationContentScoringScreenElement = class UePersonalizationContentScoringScreenElement extends UeContentScreenBaseElement {
+    constructor() {
+        super();
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            const hostUnique = context.getUnique()?.toString();
+            if (!hostUnique)
+                return;
+            this.provideContext(ENGAGE_CONTENT_SCORING_WORKSPACE_CONTEXT, new UeContentScoringWorkspaceContext(this, hostUnique));
+        });
+    }
+    renderSidebar() {
+        return html ` <img src=${ScoringInfoTextImage} alt="" />
+      <h2 class="screen-h2">
+        ${this.localize.term("engage_personalization_howToScoreYourContent")}
+      </h2>
+      <p>
+        ${this.localize.term("engage_personalization_howToScoreYourContentDescription")}
+      </p>`;
+    }
+    renderContent() {
+        return html `<ue-content-scoring-workspace-editor></ue-content-scoring-workspace-editor>`;
+    }
+};
+UePersonalizationContentScoringScreenElement = __decorate([
+    customElement(elementName)
+], UePersonalizationContentScoringScreenElement);
+export { UePersonalizationContentScoringScreenElement };
+export default UePersonalizationContentScoringScreenElement;

package/dist/personalization/screens/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./personalization-root-screen.element.js";
+export * from "./applied-personalization-screen.element.js";
+export * from "./segments-screen.element.js";
+export * from "./personas-screen.element.js";
+export * from "./journeys-screen.element.js";
+export * from "./content-scoring-screen.element.js";
+export * from "./personalized-variants-screen.element.js";
+export * from "./referral-scoring-screen.element.js";
+export * from "./campaign-scoring-screen.element.js";
+export * from "./insights-screen.element.js";
+export * from "./segment-insights-screen.element.js";
+export * from "./applied-segment-insights-screen.element.js";

package/dist/personalization/screens/index.js

@@ -0,0 +1,12 @@
+export * from "./personalization-root-screen.element.js";
+export * from "./applied-personalization-screen.element.js";
+export * from "./segments-screen.element.js";
+export * from "./personas-screen.element.js";
+export * from "./journeys-screen.element.js";
+export * from "./content-scoring-screen.element.js";
+export * from "./personalized-variants-screen.element.js";
+export * from "./referral-scoring-screen.element.js";
+export * from "./campaign-scoring-screen.element.js";
+export * from "./insights-screen.element.js";
+export * from "./segment-insights-screen.element.js";
+export * from "./applied-segment-insights-screen.element.js";

package/dist/personalization/screens/insights-screen.element.d.ts

@@ -0,0 +1,13 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+declare const elementName = "ue-personalization-insights-screen";
+export declare class UePersonalizationInsightsScreenElement extends UmbLitElement {
+    private _view;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UePersonalizationInsightsScreenElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonalizationInsightsScreenElement;
+    }
+}

package/dist/personalization/screens/insights-screen.element.js

@@ -0,0 +1,41 @@
+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, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { makeArray } from "../../core/index.js";
+const elementName = "ue-personalization-insights-screen";
+let UePersonalizationInsightsScreenElement = class UePersonalizationInsightsScreenElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this._view = "segmentinsights";
+    }
+    render() {
+        return html ` <ue-analytics-view .alias=${this._view}>
+      <ue-button-group
+        slot="header"
+        .value=${this._view}
+        .values=${makeArray("segmentinsights", "appliedsegmentinsights")}
+        @change=${(e) => (this._view = e.target.value)}
+      ></ue-button-group>
+    </ue-analytics-view>`;
+    }
+    static { this.styles = [
+        css `
+      ue-button-group {
+        display: inline;
+      }
+    `,
+    ]; }
+};
+__decorate([
+    state()
+], UePersonalizationInsightsScreenElement.prototype, "_view", void 0);
+UePersonalizationInsightsScreenElement = __decorate([
+    customElement(elementName)
+], UePersonalizationInsightsScreenElement);
+export { UePersonalizationInsightsScreenElement };
+export default UePersonalizationInsightsScreenElement;

package/dist/personalization/screens/journeys-screen.element.d.ts

@@ -0,0 +1,11 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+declare const elementName = "ue-personalization-journeys-screen";
+export declare class UePersonalizationJourneysScreenElement extends UmbLitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default UePersonalizationJourneysScreenElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonalizationJourneysScreenElement;
+    }
+}

package/dist/personalization/screens/journeys-screen.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, html } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+const elementName = "ue-personalization-journeys-screen";
+let UePersonalizationJourneysScreenElement = class UePersonalizationJourneysScreenElement extends UmbLitElement {
+    render() {
+        return html `<ue-customer-journey-workspace-editor></ue-customer-journey-workspace-editor>`;
+    }
+};
+UePersonalizationJourneysScreenElement = __decorate([
+    customElement(elementName)
+], UePersonalizationJourneysScreenElement);
+export { UePersonalizationJourneysScreenElement };
+export default UePersonalizationJourneysScreenElement;

package/dist/personalization/screens/personalization-root-screen.element.d.ts

@@ -0,0 +1,12 @@
+import { UeRootScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-personalization-screen";
+export declare class UePersonalizationScreenElement extends UeRootScreenBaseElement {
+    #private;
+    renderHeaderActions(): import("lit-html").TemplateResult<1>;
+}
+export default UePersonalizationScreenElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonalizationScreenElement;
+    }
+}

package/dist/personalization/screens/personalization-root-screen.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 { ENGAGE_PERSONALIZATION_SCORING_OVERVIEW_ITEM_MODAL } from "../modal/token/scoring-overview-modal.token.js";
+import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { umbOpenModal } from "@umbraco-cms/backoffice/modal";
+import { UeRootScreenBaseElement } from "../../core/index.js";
+const elementName = "ue-personalization-screen";
+let UePersonalizationScreenElement = class UePersonalizationScreenElement extends UeRootScreenBaseElement {
+    async #openModal() {
+        await umbOpenModal(this, ENGAGE_PERSONALIZATION_SCORING_OVERVIEW_ITEM_MODAL).catch(() => { });
+    }
+    renderHeaderActions() {
+        return html `<uui-button
+      compact
+      color="default"
+      look="outline"
+      @click=${async () => await this.#openModal()}
+    >
+      <uui-icon name="icon-download-alt"></uui-icon>
+      ${this.localize.term("engage_personalization_scoringOverview")}
+    </uui-button>`;
+    }
+};
+UePersonalizationScreenElement = __decorate([
+    customElement(elementName)
+], UePersonalizationScreenElement);
+export { UePersonalizationScreenElement };
+export default UePersonalizationScreenElement;

package/dist/personalization/screens/personalized-variants-screen.element.d.ts

@@ -0,0 +1,15 @@
+import { type TemplateResult } from "@umbraco-cms/backoffice/external/lit";
+import { UeContentScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-personalization-personalized-variants-screen";
+export declare class UePersonalizationPersonalizedVariantsScreenElement extends UeContentScreenBaseElement {
+    constructor();
+    renderSidebar(): TemplateResult | null;
+    renderContent(): TemplateResult | null;
+    static styles: import("lit").CSSResult[];
+}
+export default UePersonalizationPersonalizedVariantsScreenElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UePersonalizationPersonalizedVariantsScreenElement;
+    }
+}

package/dist/personalization/screens/personalized-variants-screen.element.js

@@ -0,0 +1,35 @@
+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, } from "@umbraco-cms/backoffice/external/lit";
+import { ENGAGE_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT, UePersonalizedVariantsEditorViewContext, } from "../personalized-variants/index.js";
+import { UeContentScreenBaseElement } from "../../core/index.js";
+const elementName = "ue-personalization-personalized-variants-screen";
+let UePersonalizationPersonalizedVariantsScreenElement = class UePersonalizationPersonalizedVariantsScreenElement extends UeContentScreenBaseElement {
+    constructor() {
+        super();
+        this.provideContext(ENGAGE_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT, new UePersonalizedVariantsEditorViewContext(this));
+    }
+    renderSidebar() {
+        return null;
+    }
+    renderContent() {
+        return html ` <ue-personalized-variants-editor-view></ue-personalized-variants-editor-view>`;
+    }
+    static { this.styles = [
+        ...UeContentScreenBaseElement.styles,
+        css `
+      #sidebar {
+        display: none;
+      }
+    `,
+    ]; }
+};
+UePersonalizationPersonalizedVariantsScreenElement = __decorate([
+    customElement(elementName)
+], UePersonalizationPersonalizedVariantsScreenElement);
+export { UePersonalizationPersonalizedVariantsScreenElement };
+export default UePersonalizationPersonalizedVariantsScreenElement;