@umbraco-engage/backoffice 17.0.0-rc1

package/dist/personalization/campaign-scoring/entities.js

@@ -0,0 +1,15 @@
+export const UtmPropertyNames = [
+    "source",
+    "medium",
+    "campaign",
+    "term",
+    "content",
+    "sourcePlatform",
+    "creativeFormat",
+    "marketingTactic",
+];
+export const UtmLabelFormatter = (v) => `utm_${v
+    .split(/(?=[A-Z])/)
+    .join("_")
+    .toLowerCase()}`;
+export const UtmPropertyFormatter = (v) => `utm${v[0].toUpperCase()}${v.slice(1)}`;

package/dist/personalization/campaign-scoring/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./workspace/index.js";
+export * from "./components/index.js";
+export * from "./modal/index.js";
+export * from "./campaign-group/index.js";

package/dist/personalization/campaign-scoring/index.js

@@ -0,0 +1,4 @@
+export * from "./workspace/index.js";
+export * from "./components/index.js";
+export * from "./modal/index.js";
+export * from "./campaign-group/index.js";

package/dist/personalization/campaign-scoring/manifests.d.ts

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

package/dist/personalization/campaign-scoring/manifests.js

@@ -0,0 +1,6 @@
+import { manifests as modalManifests } from "./modal/manifests.js";
+import { manifests as campaignGroupManifests } from "./campaign-group/manifests.js";
+export const manifests = [
+    ...modalManifests,
+    ...campaignGroupManifests,
+];

package/dist/personalization/campaign-scoring/modal/element/assign-campaign-modal.element.d.ts

@@ -0,0 +1,17 @@
+import { UmbModalBaseElement } from "@umbraco-cms/backoffice/modal";
+import type { UeAssignCampaignModalData, UeAssignCampaignModalValue } from "../token/index.js";
+declare const elementName = "ue-assign-campaign-modal";
+export declare class UeAssignCampaignModalElement extends UmbModalBaseElement<UeAssignCampaignModalData, UeAssignCampaignModalValue> {
+    #private;
+    private _campaign;
+    private _propsToInclude;
+    connectedCallback(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export default UeAssignCampaignModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeAssignCampaignModalElement;
+    }
+}

package/dist/personalization/campaign-scoring/modal/element/assign-campaign-modal.element.js

@@ -0,0 +1,129 @@
+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 { UmbModalBaseElement } from "@umbraco-cms/backoffice/modal";
+import { UtmLabelFormatter, UtmPropertyFormatter, UtmPropertyNames, } from "../../entities.js";
+const elementName = "ue-assign-campaign-modal";
+let UeAssignCampaignModalElement = class UeAssignCampaignModalElement extends UmbModalBaseElement {
+    constructor() {
+        super(...arguments);
+        this._campaign = {};
+        this._propsToInclude = [];
+    }
+    #campaignGroupId;
+    async connectedCallback() {
+        super.connectedCallback();
+        if (!this.data)
+            return;
+        this._campaign = this.data.campaign;
+        this.#campaignGroupId = Number(this._campaign?.campaignGroupId ?? 0);
+        this._propsToInclude = UtmPropertyNames.map((prop) => {
+            const propKey = UtmPropertyFormatter(prop);
+            return this._campaign[propKey] ? propKey : "";
+        }).filter((x) => x !== "");
+        this.data?.availableGroups.forEach((g) => (g.selected = `${this._campaign.campaignGroupId}` === g.value));
+    }
+    #submitModal() {
+        const campaign = { ...this._campaign };
+        UtmPropertyNames.forEach((prop) => {
+            const propKey = UtmPropertyFormatter(prop);
+            if (this._propsToInclude.includes(propKey))
+                return;
+            campaign[propKey] = undefined;
+        });
+        this.updateValue({
+            ...campaign,
+            created: new Date().toISOString(),
+            campaignGroupId: this.#campaignGroupId,
+        });
+        this._submitModal();
+    }
+    #handleGroupSelect(e) {
+        this.#campaignGroupId = Number(e.target.value);
+    }
+    #handleUtmChange(e) {
+        const target = e.target;
+        if (target.checked) {
+            this._propsToInclude = [...this._propsToInclude, target.value];
+        }
+        else {
+            this._propsToInclude = this._propsToInclude.filter((x) => x !== target.value);
+        }
+    }
+    #renderProperty(prop) {
+        const propKey = UtmPropertyFormatter(prop);
+        const propertyValue = this._campaign[propKey];
+        return html `<ue-checkbox
+      ?checked=${this._propsToInclude.includes(propKey)}
+      ?disabled=${!propertyValue}
+      .label=${UtmLabelFormatter(prop)}
+      .value=${propKey}
+      @change=${this.#handleUtmChange}
+    >
+      ${when(propertyValue && this._propsToInclude.includes(propKey), () => html ` <uui-input
+          readonly
+          style="margin-left:auto"
+          .value=${propertyValue}
+        ></uui-input>`)}
+    </ue-checkbox>`;
+    }
+    render() {
+        return html ` <umb-body-layout
+      .headline=${this.localize.term(`engage_personalization_assignCampaign`)}
+    >
+      <uui-box>
+        <umb-property-layout
+          orientation="vertical"
+          .description=${this.localize.term("engage_personalization_assignCampaignRulesDescription")}
+          .label=${this.localize.term("engage_personalization_assignCampaignRules")}
+        >
+          <div slot="editor">
+            ${UtmPropertyNames.map((prop) => this.#renderProperty(prop))}
+          </div>
+        </umb-property-layout>
+        <umb-property-layout
+          .label=${this.localize.term("engage_assignToGroup")}
+        >
+          <uui-select
+            slot="editor"
+            .value=${this._campaign.campaignGroupId}
+            .options=${this.data?.availableGroups ?? []}
+            @change=${this.#handleGroupSelect}
+          ></uui-select>
+        </umb-property-layout>
+      </uui-box>
+
+      <div slot="actions">
+        <uui-button
+          label=${this.localize.term("general_close")}
+          @click=${this._rejectModal}
+        ></uui-button>
+        <uui-button
+          color="positive"
+          look="primary"
+          label=${this.localize.term("buttons_save")}
+          @click=${this.#submitModal}
+        ></uui-button></div
+    ></umb-body-layout>`;
+    }
+    static { this.styles = css `
+    ue-checkbox + ue-checkbox {
+      margin-top: var(--uui-size-2);
+    }
+  `; }
+};
+__decorate([
+    state()
+], UeAssignCampaignModalElement.prototype, "_campaign", void 0);
+__decorate([
+    state()
+], UeAssignCampaignModalElement.prototype, "_propsToInclude", void 0);
+UeAssignCampaignModalElement = __decorate([
+    customElement(elementName)
+], UeAssignCampaignModalElement);
+export { UeAssignCampaignModalElement };
+export default UeAssignCampaignModalElement;

package/dist/personalization/campaign-scoring/modal/element/index.d.ts

@@ -0,0 +1 @@
+export * from "./assign-campaign-modal.element.js";

package/dist/personalization/campaign-scoring/modal/element/index.js

@@ -0,0 +1 @@
+export * from "./assign-campaign-modal.element.js";

package/dist/personalization/campaign-scoring/modal/index.d.ts

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

package/dist/personalization/campaign-scoring/modal/index.js

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

package/dist/personalization/campaign-scoring/modal/manifests.d.ts

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

package/dist/personalization/campaign-scoring/modal/manifests.js

@@ -0,0 +1,9 @@
+import { ENGAGE_ASSIGN_CAMPAIGN_MODAL_ALIAS } from "./token/index.js";
+export const manifests = [
+    {
+        type: "modal",
+        alias: ENGAGE_ASSIGN_CAMPAIGN_MODAL_ALIAS,
+        name: "Engage Assign Campaign Modal",
+        js: () => import("./element/assign-campaign-modal.element.js"),
+    },
+];

package/dist/personalization/campaign-scoring/modal/token/assign-campaign-modal.token.d.ts

@@ -0,0 +1,10 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+import type { CampaignDtoModel } from "../../../../generated/index.js";
+export declare const ENGAGE_ASSIGN_CAMPAIGN_MODAL_ALIAS = "Engage.Modal.Campaign.Assign";
+export interface UeAssignCampaignModalData {
+    campaign: CampaignDtoModel;
+    availableGroups: Array<Option>;
+}
+export interface UeAssignCampaignModalValue extends CampaignDtoModel {
+}
+export declare const ENGAGE_ASSIGN_CAMPAIGN_MODAL: UmbModalToken<UeAssignCampaignModalData, UeAssignCampaignModalValue>;

package/dist/personalization/campaign-scoring/modal/token/assign-campaign-modal.token.js

@@ -0,0 +1,8 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export const ENGAGE_ASSIGN_CAMPAIGN_MODAL_ALIAS = "Engage.Modal.Campaign.Assign";
+export const ENGAGE_ASSIGN_CAMPAIGN_MODAL = new UmbModalToken(ENGAGE_ASSIGN_CAMPAIGN_MODAL_ALIAS, {
+    modal: {
+        type: "sidebar",
+        size: "small",
+    },
+});

package/dist/personalization/campaign-scoring/modal/token/index.d.ts

@@ -0,0 +1 @@
+export * from "./assign-campaign-modal.token.js";

package/dist/personalization/campaign-scoring/modal/token/index.js

@@ -0,0 +1 @@
+export * from "./assign-campaign-modal.token.js";

package/dist/personalization/campaign-scoring/workspace/campaign-scoring-workspace-context.token.d.ts

@@ -0,0 +1,4 @@
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import type { UeCampaignScoringWorkspaceContext } from "./campaign-scoring-workspace.context.js";
+import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
+export declare const ENGAGE_CAMPAIGN_SCORING_WORKSPACE_CONTEXT: UmbContextToken<UmbContextBase, UeCampaignScoringWorkspaceContext>;

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

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

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

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

package/dist/personalization/campaign-scoring/workspace/campaign-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_CAMPAIGN_SCORING_WORKSPACE_CONTEXT } from "./campaign-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";
+import { ENGAGE_CAMPAIGN_GROUP_COLLECTION_ALIAS } from "../campaign-group/collection/constants.js";
+const elementName = "ue-campaign-scoring-workspace-editor";
+let UeCampaignScoringWorkspaceEditorElement = class UeCampaignScoringWorkspaceEditorElement extends UmbLitElement {
+    #campaignTypes;
+    constructor() {
+        super();
+        this.#campaignTypes = makeArray("campaignGroups", "scoredCampaigns", "unscoredCampaigns");
+        this._campaignTypeArgs = [
+            undefined,
+            "?",
+            "?",
+        ];
+        this._selectedType = this.#campaignTypes.at(0);
+        this.consumeContext(ENGAGE_CAMPAIGN_SCORING_WORKSPACE_CONTEXT, async (context) => {
+            if (!context)
+                return;
+            await context.load();
+            this.observe(observeMultiple([
+                context.scoredCampaignsCount,
+                context.scoredCampaignsLoading.asObservable(),
+            ]), ([count, loading]) => {
+                const v = loading ? "?" : count ?? 0;
+                this._campaignTypeArgs = [undefined, v, this._campaignTypeArgs[2]];
+            });
+            this.observe(observeMultiple([
+                context.unscoredCampaignsCount,
+                context.unscoredCampaignsLoading.asObservable(),
+            ]), ([count, loading]) => {
+                const v = loading ? "?" : count ?? 0;
+                this._campaignTypeArgs = [undefined, this._campaignTypeArgs[1], v];
+            });
+        });
+    }
+    #renderCampaigns() {
+        return html `<umb-collection
+      alias=${ENGAGE_CAMPAIGN_GROUP_COLLECTION_ALIAS}
+    ></umb-collection>`;
+    }
+    #renderScored() {
+        return html `<ue-scored-campaigns></ue-scored-campaigns>`;
+    }
+    #renderUnscored() {
+        return html `<ue-unscored-campaigns></ue-unscored-campaigns>`;
+    }
+    render() {
+        return html `<div id="header">
+        <ue-button-group
+          .value=${this._selectedType}
+          .values=${this.#campaignTypes}
+          .args=${this._campaignTypeArgs}
+          @change=${(e) => (this._selectedType = e.target.value)}
+        ></ue-button-group>
+      </div>
+      <div id="main">
+        ${choose(this._selectedType, [
+            ["campaignGroups", () => this.#renderCampaigns()],
+            ["scoredCampaigns", () => this.#renderScored()],
+            ["unscoredCampaigns", () => 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()
+], UeCampaignScoringWorkspaceEditorElement.prototype, "_campaignTypeArgs", void 0);
+__decorate([
+    state()
+], UeCampaignScoringWorkspaceEditorElement.prototype, "_selectedType", void 0);
+UeCampaignScoringWorkspaceEditorElement = __decorate([
+    customElement(elementName)
+], UeCampaignScoringWorkspaceEditorElement);
+export { UeCampaignScoringWorkspaceEditorElement };

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

@@ -0,0 +1,28 @@
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { BehaviorSubject } from "@umbraco-cms/backoffice/external/rxjs";
+import { type CampaignDtoModel, type CampaignGroupDtoModel } from "../../../generated/index.js";
+import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
+export interface UeCampaignScoringWorkspaceDataModel {
+    groups: Array<CampaignGroupDtoModel>;
+    id: string;
+}
+export declare class UeCampaignScoringWorkspaceContext extends UmbContextBase {
+    #private;
+    readonly IS_CAMPAIGN_SCORING_WORKSPACE_CONTEXT = true;
+    scoredCampaigns: import("rxjs").Observable<CampaignDtoModel[]>;
+    scoredCampaignsCount: import("rxjs").Observable<number>;
+    unscoredCampaigns: import("rxjs").Observable<CampaignDtoModel[]>;
+    unscoredCampaignsCount: import("rxjs").Observable<number>;
+    campaignVisitors: import("rxjs").Observable<Record<string, number> | undefined>;
+    groups: import("rxjs").Observable<CampaignGroupDtoModel[]>;
+    scoredCampaignsLoading: BehaviorSubject<boolean>;
+    unscoredCampaignsLoading: BehaviorSubject<boolean>;
+    groupsLoading: BehaviorSubject<boolean>;
+    constructor(host: UmbControllerHost);
+    requestGroups(): Promise<void>;
+    requestScored(): Promise<void>;
+    requestUnscored(): Promise<void>;
+    requestCampaignVisitors(): Promise<void>;
+    load(): Promise<void>;
+    refreshScores(): Promise<void>;
+}

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

@@ -0,0 +1,81 @@
+import { UmbArrayState, UmbObjectState, } from "@umbraco-cms/backoffice/observable-api";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { BehaviorSubject } from "@umbraco-cms/backoffice/external/rxjs";
+import { CampaignGroupService, } from "../../../generated/index.js";
+import { ENGAGE_CAMPAIGN_SCORING_WORKSPACE_CONTEXT } from "./campaign-scoring-workspace-context.token.js";
+import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
+export class UeCampaignScoringWorkspaceContext extends UmbContextBase {
+    #scoredCampaigns;
+    #unscoredCampaigns;
+    #campaignVisitors;
+    #groups;
+    constructor(host) {
+        super(host, ENGAGE_CAMPAIGN_SCORING_WORKSPACE_CONTEXT.toString());
+        this.IS_CAMPAIGN_SCORING_WORKSPACE_CONTEXT = true;
+        this.#scoredCampaigns = new UmbArrayState([], (x) => x);
+        this.scoredCampaigns = this.#scoredCampaigns.asObservable();
+        this.scoredCampaignsCount = this.#scoredCampaigns.asObservablePart((x) => x?.length);
+        this.#unscoredCampaigns = new UmbArrayState([], (x) => x.toString());
+        this.unscoredCampaigns = this.#unscoredCampaigns.asObservable();
+        this.unscoredCampaignsCount = this.#unscoredCampaigns.asObservablePart((x) => x?.length);
+        this.#campaignVisitors = new UmbObjectState(undefined);
+        this.campaignVisitors = this.#campaignVisitors.asObservable();
+        this.#groups = new UmbArrayState([], (x) => x.id);
+        this.groups = this.#groups.asObservable();
+        this.scoredCampaignsLoading = new BehaviorSubject(false);
+        this.unscoredCampaignsLoading = new BehaviorSubject(false);
+        this.groupsLoading = new BehaviorSubject(false);
+    }
+    async requestGroups() {
+        this.groupsLoading.next(true);
+        const { data } = await tryExecute(this, CampaignGroupService.getCampaignGroupAll());
+        this.groupsLoading.next(false);
+        if (!data)
+            return;
+        this.#groups.setValue(data);
+        this.requestScored();
+    }
+    async requestScored() {
+        this.scoredCampaignsLoading.next(true);
+        // score is derived from all groups = get campaigns, flat map em
+        // cast is only to satisfy eslint which doesn't recognise the filtering
+        const data = (this.#groups
+            .getValue()
+            .flatMap((x) => x.campaigns)
+            .filter((x) => x !== undefined && x !== null) ??
+            []);
+        this.scoredCampaignsLoading.next(false);
+        if (!data)
+            return;
+        this.#scoredCampaigns.setValue(data);
+    }
+    async requestUnscored() {
+        this.unscoredCampaignsLoading.next(true);
+        const { data } = await tryExecute(this, CampaignGroupService.getCampaignGroupUnscored());
+        this.unscoredCampaignsLoading.next(false);
+        if (!data)
+            return;
+        // we use the full campaignDtoModel intentionally
+        this.#unscoredCampaigns.setValue(data.map((x) => ({
+            ...x,
+            campaignGroupId: 0,
+            id: 0,
+            createdByUmbracoUserKey: "",
+            created: "",
+        })));
+    }
+    async requestCampaignVisitors() {
+        const { data } = await tryExecute(this, CampaignGroupService.getCampaignGroupVisitors());
+        if (!data)
+            return;
+        this.#campaignVisitors.setValue(data);
+    }
+    async load() {
+        this.refreshScores();
+    }
+    async refreshScores() {
+        this.requestScored();
+        this.requestUnscored();
+        this.requestCampaignVisitors();
+    }
+}

package/dist/personalization/campaign-scoring/workspace/index.d.ts

@@ -0,0 +1,3 @@
+export { UeCampaignScoringWorkspaceContext } from "./campaign-scoring-workspace.context.js";
+export * from "./campaign-scoring-workspace-context.token.js";
+export * from "./campaign-scoring-workspace-editor.element.js";

package/dist/personalization/campaign-scoring/workspace/index.js

@@ -0,0 +1,3 @@
+export { UeCampaignScoringWorkspaceContext } from "./campaign-scoring-workspace.context.js";
+export * from "./campaign-scoring-workspace-context.token.js";
+export * from "./campaign-scoring-workspace-editor.element.js";

package/dist/personalization/components/grouped-item/grouped-item-detail-editor-base.element.d.ts

@@ -0,0 +1,12 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { UmbSubmittableWorkspaceContext } from "@umbraco-cms/backoffice/workspace";
+import type { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import type { ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT, UeGroupedItemWorkspaceContext } from "../../context/index.js";
+import { type UeGroupedItemDetailModel } from "../../../core/index.js";
+export declare class UeGroupedItemDetailEditorBaseElement<EntityModel extends UeGroupedItemDetailModel> extends UmbLitElement {
+    workspaceContext?: typeof ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT.TYPE;
+    data?: EntityModel;
+    constructor(contextToken?: UmbContextToken<UmbSubmittableWorkspaceContext, UeGroupedItemWorkspaceContext<any, any>>);
+    render(): import("lit-html").TemplateResult<1> | undefined;
+    static styles: import("lit").CSSResult;
+}

package/dist/personalization/components/grouped-item/grouped-item-detail-editor-base.element.js

@@ -0,0 +1,53 @@
+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, html, state, when } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { UeTimeFormatOptions, } from "../../../core/index.js";
+export class UeGroupedItemDetailEditorBaseElement extends UmbLitElement {
+    constructor(contextToken) {
+        super();
+        if (!contextToken)
+            throw new Error("contextToken is missing");
+        this.consumeContext(contextToken, (context) => {
+            if (!context)
+                return;
+            this.workspaceContext = context;
+            this.observe(this.workspaceContext.current, (current) => {
+                this.data = current;
+            });
+        });
+    }
+    render() {
+        if (!this.data)
+            return;
+        return html `<h2>${this.data?.title}</h2>
+      <p>${this.data.description}</p>
+      ${when(this.data.updatedByUmbracoUserKey, () => html `<uui-ref-node-user
+            standalone
+            readonly
+            .name=${this.data.updatedByUmbracoUsername}
+            .detail=${this.data?.updatedOn
+            ? `${this.localize.term("engage_updatedOn")}: ${this.localize.date(this.data.updatedOn, UeTimeFormatOptions)}`
+            : ""}
+          ></uui-ref-node-user>`, () => html `<uui-ref-node-user
+            standalone
+            readonly
+            .name=${this.data.createdByUmbracoUsername}
+            .detail=${this.data?.createdOn
+            ? `${this.localize.term("engage_createdOn")}: ${this.localize.date(this.data.createdOn, UeTimeFormatOptions)}`
+            : ""}
+          ></uui-ref-node-user>`)}`;
+    }
+    static { this.styles = css `
+    h2 {
+      margin-top: 0;
+    }
+  `; }
+}
+__decorate([
+    state()
+], UeGroupedItemDetailEditorBaseElement.prototype, "data", void 0);

package/dist/personalization/components/grouped-item/grouped-item-list-editor-base.element.d.ts

@@ -0,0 +1,16 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import type { UmbSubmittableWorkspaceContext } from "@umbraco-cms/backoffice/workspace";
+import type { ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT, UeGroupedItemWorkspaceContext } from "../../context/index.js";
+import type { UeGroupedItemListModel, UePropertyConfigData } from "../../../core/index.js";
+export declare class UeGroupedItemListEditorBaseElement<EntityItemModel extends UeGroupedItemListModel> extends UmbLitElement {
+    #private;
+    workspaceContext?: typeof ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT.TYPE;
+    sortable?: boolean;
+    data?: Array<EntityItemModel>;
+    addLabel?: string;
+    editLabel?: string;
+    constructor(properties: UePropertyConfigData<EntityItemModel>, contextToken: UmbContextToken<UmbSubmittableWorkspaceContext, UeGroupedItemWorkspaceContext<any, any>>);
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}