@umbraco-engage/backoffice 17.0.3 → 17.1.0

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

@@ -1,16 +1,15 @@
+import type { ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT, UeGroupedItemWorkspaceContext } from "../../context/index.js";
 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 } from "../../../core/index.js";
 export declare abstract class UeGroupedItemListEditorBaseElement<EntityItemModel extends UeGroupedItemListModel> extends UmbLitElement {
     #private;
     protected workspaceContext?: typeof ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT.TYPE;
-    protected sortable?: boolean;
     protected data?: Array<EntityItemModel>;
     protected addLabel: string;
     protected abstract onAdd(idx?: number): Promise<unknown>;
-    constructor(contextToken: UmbContextToken<UmbSubmittableWorkspaceContext, UeGroupedItemWorkspaceContext<any, any>>, addLabel: string);
+    constructor(contextToken: UmbContextToken<UmbSubmittableWorkspaceContext, UeGroupedItemWorkspaceContext<EntityItemModel, any>>, addLabel: string);
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;
 }

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

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, property, repeat, state, when, } from "@umbraco-cms/backoffice/external/lit";
+import { css, html, repeat, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { UmbSorterController } from "@umbraco-cms/backoffice/sorter";
 export class UeGroupedItemListEditorBaseElement extends UmbLitElement {
@@ -23,32 +23,29 @@ export class UeGroupedItemListEditorBaseElement extends UmbLitElement {
         });
     }
     #setSorter() {
-        if (!this.sortable)
-            return;
         this.#sorter = new UmbSorterController(this, {
             getUniqueOfElement: (element) => {
                 return element.id;
             },
             getUniqueOfModel: (modelEntry) => {
-                return modelEntry;
+                return modelEntry.unique;
             },
-            identifier: "Ue.SorterIdentifier.GroupedItem",
             itemSelector: "ue-group-box",
-            containerSelector: "#items",
             onChange: ({ model }) => {
+                console.log("Sorted model", model);
                 this.workspaceContext?.sortItems(model);
             },
             onEnd: async () => {
                 await this.workspaceContext?.requestSubmit();
             },
         });
-        this.#sorter?.setModel(this.data?.map((x) => x.unique) ?? []);
+        this.#sorter.setModel(this.data ?? []);
     }
     async #onAdd(idx) {
         await this.onAdd(idx);
     }
     #renderItems() {
-        return repeat(this.data ?? [], (p) => p.unique, (p, idx) => html `${when(this.sortable && this.data?.length && idx > 0, () => html `<uui-button-inline-create
+        return repeat(this.data ?? [], (p) => p.unique, (p, idx) => html `${when(this.data?.length && idx > 0, () => html `<uui-button-inline-create
                 @click=${() => this.#onAdd(idx)}
                 label="Create Item"
               ></uui-button-inline-create>`)}<ue-group-box
@@ -64,13 +61,13 @@ export class UeGroupedItemListEditorBaseElement extends UmbLitElement {
               .unique=${p.unique}
               .name=${p.title}
             >
-            </ue-entity-actions-bundle
-          ></ue-group-box>`);
+            </ue-entity-actions-bundle>
+          </ue-group-box>`);
     }
     render() {
         return html `<div id="items">${this.#renderItems()}</div>
       <uui-button
-        @click=${this.#onAdd}
+        @click=${() => this.#onAdd(this.data?.length ?? 0)}
         look="placeholder"
         .label=${this.localize.string(this.addLabel)}
       ></uui-button>`;
@@ -88,17 +85,17 @@ export class UeGroupedItemListEditorBaseElement extends UmbLitElement {
       margin-top: var(--uui-size-space-5);
     }
 
-    :host([sortable]) #items > ue-group-box {
+    #items > ue-group-box {
       margin: var(--uui-size-space-4) 0;
     }
 
-    :host([sortable]) #items {
+    #items {
       > ue-group-box:first-child {
         margin-top: 0;
       }
     }
 
-    :host([sortable]) #items > ue-group-box:last-child {
+    #items > ue-group-box:last-child {
       margin-bottom: 0;
     }
 
@@ -108,9 +105,6 @@ export class UeGroupedItemListEditorBaseElement extends UmbLitElement {
     }
   `; }
 }
-__decorate([
-    property({ type: Boolean, reflect: true })
-], UeGroupedItemListEditorBaseElement.prototype, "sortable", void 0);
 __decorate([
     state()
 ], UeGroupedItemListEditorBaseElement.prototype, "data", void 0);

package/dist/personalization/components/grouped-scoring/collection/group-collection-base.repository.d.ts

@@ -1,9 +1,9 @@
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 import type { UmbCollectionDataSource, UmbCollectionRepository } from "@umbraco-cms/backoffice/collection";
-import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
-import { UmbItemStoreBase } from "@umbraco-cms/backoffice/store";
-import { UeEntityBase } from "../../../../core/index.js";
+import type { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import type { UmbItemStoreBase } from "@umbraco-cms/backoffice/store";
+import type { UeEntityBase } from "../../../../core/index.js";
 export interface UeGroupScoringRepositoryArgs<CollectionModel extends UeEntityBase, ItemModel extends UeEntityBase> {
     dataSource: UeCollectionDataSourceConstructor<UmbCollectionDataSource<CollectionModel>>;
     storeContextToken: UmbContextToken<UmbItemStoreBase<ItemModel>>;

package/dist/personalization/components/grouped-scoring/collection/group-collection-base.server.data-source.d.ts

@@ -1,7 +1,7 @@
 import type { UmbCollectionDataSource } from "@umbraco-cms/backoffice/collection";
 import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import { UeEntityBase } from "../../../../core/index.js";
+import type { UeEntityBase } from "../../../../core/index.js";
 export interface UeGroupCollectionServerDataSourceArgs<DtoModel> {
     entityType: string;
     getter: () => Promise<{

package/dist/personalization/components/grouped-scoring/collection/group-table-collection-view-base.element.d.ts

@@ -1,6 +1,6 @@
-import { UmbTableItem } from "@umbraco-cms/backoffice/components";
+import type { UeGroupDetailModel } from "../../index.js";
+import type { UmbTableItem } from "@umbraco-cms/backoffice/components";
 import { UeCollectionTableBaseElement } from "../../../../core/index.js";
-import { UeGroupDetailModel } from "../../index.js";
 export declare abstract class UeGroupCollectionTableViewBaseElement<CollectionModel extends UeGroupDetailModel> extends UeCollectionTableBaseElement<CollectionModel> {
     constructor(args: {
         entityType: string;

package/dist/personalization/components/grouped-scoring/entities.d.ts

@@ -1,4 +1,4 @@
-import { UeEntityBase } from "../../../core/index.js";
+import type { UeEntityBase } from "../../../core/index.js";
 export interface UeGroupDetailModel extends UeEntityBase {
     id: number;
     name?: string | null | undefined;
@@ -21,5 +21,5 @@ export interface UeScoringModel {
     id: number;
     unique: string;
     score: number;
-    groupId: number;
+    isLocked?: boolean;
 }

package/dist/personalization/components/grouped-scoring/group-detail-server.data-source.d.ts

@@ -1,6 +1,6 @@
+import type { UeGroupDetailModel } from './entities.js';
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbDetailDataSource } from "@umbraco-cms/backoffice/repository";
-import { UeGroupDetailModel } from "./entities.js";
 export interface UeGroupDetailServerDataSourceBaseArgs<DetailModel, DtoModel> {
     entityType: string;
     toDtoFn: (item: DetailModel) => DtoModel;

package/dist/personalization/components/grouped-scoring/group-editor-workspace-view-edit-base.element.d.ts

@@ -1,9 +1,9 @@
-import { TemplateResult } from "@umbraco-cms/backoffice/external/lit";
+import { type TemplateResult } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { UmbSubmittableWorkspaceContext, UmbWorkspaceViewElement } from "@umbraco-cms/backoffice/workspace";
+import type { UmbSubmittableWorkspaceContext, UmbWorkspaceViewElement } from "@umbraco-cms/backoffice/workspace";
 import { UeGroupDetailModel } from "./entities.js";
-import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 import { UeWorkspaceContextBase } from "../../../core/index.js";
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 export interface UeGroupWorkspaceViewEditBaseArgs<GroupModel extends UeGroupDetailModel> {
     contextToken: UmbContextToken<UmbSubmittableWorkspaceContext, UeWorkspaceContextBase<GroupModel>>;
 }
@@ -13,9 +13,6 @@ export declare abstract class UeGroupWorkspaceViewEditBaseElement<GroupModel ext
     protected group?: GroupModel;
     abstract renderScoring(): TemplateResult;
     constructor(args: UeGroupWorkspaceViewEditBaseArgs<GroupModel>);
-    protected getExistingId<T extends {
-        id: number;
-    }>(arr: Array<T>, match: number, selector: (x: T) => number): number;
     render(): TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist/personalization/components/grouped-scoring/group-editor-workspace-view-edit-base.element.js

@@ -37,27 +37,24 @@ export class UeGroupWorkspaceViewEditBaseElement extends UmbLitElement {
         ];
         this.#valuesRenderer = new UePropertyDataSetRendererController(this, args.contextToken, GroupProperties);
     }
-    getExistingId(arr, match, selector) {
-        return arr?.find((x) => selector(x) === match)?.id ?? 0;
-    }
-    #generateScoreItem(arr, existingId, props, v, predicate) {
+    #generateScoreItem(arr, value, predicate) {
         if (!this.group)
             return [];
+        const existingId = arr?.find(predicate)?.id ?? 0;
         return appendToFrozenArray(arr, {
-            id: existingId,
-            unique: v.unique,
-            score: v.score,
+            ...value,
             groupId: this.group.id,
-            ...props,
+            id: existingId,
         }, predicate);
     }
     #renderJourneys() {
         const onChange = (e) => {
             if (!this.group?.customerJourneyScoring)
                 return;
-            e.target.value.forEach((v) => {
-                const existingId = this.getExistingId(this.group.customerJourneyScoring, v.id ?? 0, (x) => x.customerJourneyStepId);
-                const customerJourneyScoring = this.#generateScoreItem(this.group.customerJourneyScoring, existingId, { customerJourneyStepId: v.entityId }, v, (x) => x.customerJourneyStepId === v.entityId);
+            const scoringElement = e.target;
+            scoringElement.value.forEach((v) => {
+                const entityId = scoringElement.getEntityId(v);
+                const customerJourneyScoring = this.#generateScoreItem(this.group.customerJourneyScoring, v, (x) => x.customerJourneyStepId === entityId);
                 this.workspaceContext?.update({
                     customerJourneyScoring,
                 });
@@ -66,11 +63,7 @@ export class UeGroupWorkspaceViewEditBaseElement extends UmbLitElement {
         return html `<uui-box
       .headline=${this.localize.term("engage_availableCustomerJourneys")}
       ><ue-customer-journey-scoring
-        .config=${{ hideDivider: true }}
-        .value=${this.group?.customerJourneyScoring?.map((p) => ({
-            ...p,
-            entityId: p.customerJourneyStepId,
-        })) ?? []}
+        .value=${this.group?.customerJourneyScoring ?? []}
         @change=${onChange}
       ></ue-customer-journey-scoring
     ></uui-box>`;
@@ -79,9 +72,10 @@ export class UeGroupWorkspaceViewEditBaseElement extends UmbLitElement {
         const onChange = (e) => {
             if (!this.group?.personaScoring)
                 return;
-            e.target.value.forEach((v) => {
-                const existingId = this.getExistingId(this.group.personaScoring, v.id ?? 0, (x) => x.personaId);
-                const personaScoring = this.#generateScoreItem(this.group.personaScoring, existingId, { personaId: v.entityId }, v, (x) => x.personaId === v.entityId);
+            const scoringElement = e.target;
+            scoringElement.value.forEach((v) => {
+                const entityId = scoringElement.getEntityId(v);
+                const personaScoring = this.#generateScoreItem(this.group.personaScoring, v, (x) => x.personaId === entityId);
                 this.workspaceContext?.update({
                     personaScoring,
                 });
@@ -89,11 +83,7 @@ export class UeGroupWorkspaceViewEditBaseElement extends UmbLitElement {
         };
         return html `<uui-box .headline=${this.localize.term("engage_personas")}>
       <ue-persona-group-scoring
-        .config=${{ hideDivider: true }}
-        .value=${this.group?.personaScoring?.map((p) => ({
-            ...p,
-            entityId: p.personaId,
-        })) ?? []}
+        .value=${this.group?.personaScoring ?? []}
         @change=${onChange}
       ></ue-persona-group-scoring
     ></uui-box>`;

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

@@ -1,3 +1,4 @@
 export * from "./grouped-item/index.js";
 export * from "./grouped-scoring/index.js";
 export * from "./personalization-workspace-base.element.js";
+export * from "./personalization-workspace-editor-base.element.js";

package/dist/personalization/components/index.js

@@ -1,3 +1,4 @@
 export * from "./grouped-item/index.js";
 export * from "./grouped-scoring/index.js";
 export * from "./personalization-workspace-base.element.js";
+export * from "./personalization-workspace-editor-base.element.js";

package/dist/personalization/components/personalization-workspace-base.element.d.ts

@@ -1,6 +1,6 @@
+import type { UeAppliedPersonalizationDetailModel } from "../applied-personalization/entities.js";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import type { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
-import type { UeAppliedPersonalizationDetailModel } from "../applied-personalization/entities.js";
 import { UePropertyDataSetRendererController, type UeHostSubmittableWorkspaceContext, type UePropertyConfigData } from "../../core/index.js";
 export declare class UePersonalizationWorkspaceBaseElement<HostContextType extends UeHostSubmittableWorkspaceContext<UeAppliedPersonalizationDetailModel>> extends UmbLitElement {
     #private;

package/dist/personalization/components/personalization-workspace-editor-base.element.d.ts

@@ -0,0 +1,8 @@
+import { TemplateResult } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+export declare abstract class UePersonalizationWorkspaceEditorBaseElement extends UmbLitElement {
+    abstract renderListEditor(): TemplateResult;
+    abstract renderGroupEditor(): TemplateResult;
+    render(): TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}

package/dist/personalization/components/personalization-workspace-editor-base.element.js

@@ -0,0 +1,25 @@
+import { css, html, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+export class UePersonalizationWorkspaceEditorBaseElement extends UmbLitElement {
+    render() {
+        return html `<uui-box>
+      <div id="content">
+        ${this.renderGroupEditor()} ${this.renderListEditor()}
+      </div>
+    </uui-box>`;
+    }
+    static { this.styles = css `
+    #content {
+      display: flex;
+      gap: var(--uui-size-layout-2);
+
+      ue-customer-journey-detail-editor {
+        flex: 0 1 300px;
+      }
+
+      ue-customer-journey-steps-list-editor {
+        flex: 1;
+      }
+    }
+  `; }
+}

package/dist/personalization/content-scoring/entities.d.ts

@@ -8,6 +8,7 @@ export interface UeContentScore {
     documentUnique: string;
     culture?: string | null;
     score: number;
+    isLocked?: boolean;
     type: ContentScoringEntityTypeModel;
     entityUnique: string;
     entityId: number;

package/dist/personalization/content-scoring/repository/detail/content-scoring-detail.repository.d.ts

@@ -1,6 +1,6 @@
-import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import { UmbDetailRepositoryBase } from "@umbraco-cms/backoffice/repository";
 import type { UeContentScoringDetailModel } from '../../entities.js';
+import { UmbDetailRepositoryBase } from "@umbraco-cms/backoffice/repository";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 export declare class UeContentScoringDetailRepository extends UmbDetailRepositoryBase<UeContentScoringDetailModel> {
     constructor(host: UmbControllerHost);
 }

package/dist/personalization/content-scoring/repository/detail/content-scoring-detail.repository.js

@@ -1,6 +1,6 @@
-import { UmbDetailRepositoryBase } from "@umbraco-cms/backoffice/repository";
 import { UeContentScoringDetailServerDataSource } from './content-scoring-detail-server.data-source.js';
 import { ENGAGE_CONTENT_SCORING_DETAIL_STORE_CONTEXT } from './content-scoring-detail.store.js';
+import { UmbDetailRepositoryBase } from "@umbraco-cms/backoffice/repository";
 export class UeContentScoringDetailRepository extends UmbDetailRepositoryBase {
     constructor(host) {
         super(host, UeContentScoringDetailServerDataSource, ENGAGE_CONTENT_SCORING_DETAIL_STORE_CONTEXT);

package/dist/personalization/content-scoring/repository/detail/content-scoring-detail.store.d.ts

@@ -1,7 +1,7 @@
+import type { UeContentScoringDetailModel } from "../../entities.js";
 import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 import { UmbDetailStoreBase } from "@umbraco-cms/backoffice/store";
 import type { UmbControllerHostElement } from "@umbraco-cms/backoffice/controller-api";
-import type { UeContentScoringDetailModel } from "../../entities.js";
 export declare class UeContentScoringDetailStore extends UmbDetailStoreBase<UeContentScoringDetailModel> {
     constructor(host: UmbControllerHostElement);
 }

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

@@ -1,4 +1,4 @@
+import type { UeContentScoringWorkspaceContext } from './content-scoring-workspace.context.js';
 import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 import type { UmbSubmittableWorkspaceContext } from "@umbraco-cms/backoffice/workspace";
-import type { UeContentScoringWorkspaceContext } from './content-scoring-workspace.context.js';
 export declare const ENGAGE_CONTENT_SCORING_WORKSPACE_CONTEXT: UmbContextToken<UmbSubmittableWorkspaceContext, UeContentScoringWorkspaceContext>;

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

@@ -31,7 +31,9 @@ let UeContentScoringWorkspaceEditorElement = class UeContentScoringWorkspaceEdit
         });
     }
     #itemsOfType(type) {
-        return this._data?.items?.filter((x) => x.type === type) ?? [];
+        const ofType = this._data?.items?.filter((x) => x.type === type) ?? [];
+        const idField = type === "Persona" ? "personaId" : "customerJourneyStepId";
+        return ofType.map((item) => ({ ...item, [idField]: item.entityId }));
     }
     #renderJourneys() {
         if (!this._journeys?.length)
@@ -41,11 +43,7 @@ let UeContentScoringWorkspaceEditorElement = class UeContentScoringWorkspaceEdit
       .headline=${this.localize.term("engage_availableCustomerJourneys")}
     >
       <ue-customer-journey-scoring
-        .config=${{ hideDivider: true }}
-        .value=${journeys.map((p) => ({
-            ...p,
-            unique: p.unique,
-        })) ?? []}
+        .value=${journeys}
         @change=${(e) => this.#onChange(e, "Journey")}
       ></ue-customer-journey-scoring
     ></uui-box>`;
@@ -58,18 +56,18 @@ let UeContentScoringWorkspaceEditorElement = class UeContentScoringWorkspaceEdit
       .headline=${this.localize.term("engage_availablePersonaGroups")}
     >
       <ue-persona-group-scoring
-        .config=${{ hideDivider: true }}
-        .value=${personas.map((p) => ({
-            ...p,
-            unique: p.id.toString(),
-        })) ?? []}
+        .value=${personas}
         @change=${(e) => this.#onChange(e, "Persona")}
       >
       </ue-persona-group-scoring
     ></uui-box>`;
     }
     #onChange(e, type) {
-        const value = e.target.value;
+        const scoringElement = e.target;
+        const value = scoringElement.value.map((item) => ({
+            ...item,
+            entityId: scoringElement.getEntityId(item),
+        }));
         this.#workspaceContext?.updateScores(value, type);
     }
     async #onSaveAll() {

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

@@ -1,12 +1,13 @@
 import { type UeContentScoringDetailModel } from "../entities.js";
 import type { UeContentScoringDetailRepository } from "../repository/detail/index.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import { UeEntityScoreModel, UeWorkspaceContextBase } from "../../../core/index.js";
-import { ContentScoringEntityTypeModel } from "../../../generated/index.js";
-import { UePersonaGroupDetailModel, UeCustomerJourneyDetailModel } from "src/personalization/entities.js";
+import { type UeEntityScoreModel, UeWorkspaceContextBase } from "../../../core/index.js";
+import type { ContentScoringEntityTypeModel } from "../../../generated/index.js";
+import type { UePersonaGroupDetailModel, UeCustomerJourneyDetailModel } from "../../entities.js";
 export declare class UeContentScoringWorkspaceContext extends UeWorkspaceContextBase<UeContentScoringDetailModel, UeContentScoringDetailRepository> {
     #private;
     readonly IS_CONTENT_SCORING_WORKSPACE_CONTEXT = true;
+    hostUnique: string;
     items: import("rxjs").Observable<import("../entities.js").UeContentScore[] | undefined>;
     personas: import("rxjs").Observable<UePersonaGroupDetailModel[]>;
     journeys: import("rxjs").Observable<UeCustomerJourneyDetailModel[]>;

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

@@ -1,14 +1,12 @@
 import { ENGAGE_CONTENT_SCORE_ENTITY_TYPE, ENGAGE_CONTENT_SCORE_WORKSPACE_ALIAS, } from "../constants.js";
 import { ENGAGE_CONTENT_SCORING_DETAIL_REPOSITORY_ALIAS } from "../repository/detail/constants.js";
-import { UmbId } from "@umbraco-cms/backoffice/id";
-import { appendToFrozenArray, UmbArrayState, } from "@umbraco-cms/backoffice/observable-api";
+import { UmbArrayState } from "@umbraco-cms/backoffice/observable-api";
 import { UeWorkspaceContextBase, } from "../../../core/index.js";
 import { UeCustomerJourneyDetailRepository, UePersonaGroupDetailRepository, } from "../../index.js";
 export class UeContentScoringWorkspaceContext extends UeWorkspaceContextBase {
     #personaRepository;
     #journeyRepository;
     #init;
-    #hostUnique;
     #personas;
     #journeys;
     constructor(host, hostUnique) {
@@ -33,36 +31,43 @@ export class UeContentScoringWorkspaceContext extends UeWorkspaceContextBase {
         this.personas = this.#personas.asObservable();
         this.#journeys = new UmbArrayState([], (x) => x.unique);
         this.journeys = this.#journeys.asObservable();
-        this.#hostUnique = hostUnique;
+        this.hostUnique = hostUnique;
     }
     async hostConnected() {
         super.hostConnected();
         await this.#init;
-        this.load(this.#hostUnique);
+        this.load(this.hostUnique);
     }
     updateScores(value, typeMatch) {
-        let items = this._data.getCurrent()?.items ?? [];
-        value.forEach((scoreModel) => {
-            const existing = items.find((x) => x.id === scoreModel.id && x.type === typeMatch);
-            if (existing) {
-                items = appendToFrozenArray(items, { ...existing, ...{ score: scoreModel.score } }, (x) => x.id === existing.id && x.type === typeMatch);
-            }
-            else {
-                items = appendToFrozenArray(items, {
-                    score: scoreModel.score,
-                    entityId: scoreModel.entityId,
-                    entityUnique: scoreModel.entityId.toString(),
-                    documentUnique: this.#hostUnique,
-                    type: typeMatch,
-                    id: 0,
-                    unique: UmbId.new(),
-                });
-            }
+        const currentItems = this._data.getCurrent()?.items ?? [];
+        const otherTypeItems = currentItems.filter((x) => x.type !== typeMatch);
+        const updatedTypeItems = value.map((scoreModel) => {
+            const existing = currentItems.find((x) => x.entityId === scoreModel.entityId && x.type === typeMatch);
+            return {
+                ...existing,
+                entityUnique: scoreModel.entityId.toString(),
+                documentUnique: this.hostUnique,
+                type: typeMatch,
+                score: scoreModel.score,
+                isLocked: scoreModel.isLocked,
+                entityId: scoreModel.entityId,
+                id: existing?.id ?? 0,
+            };
+        });
+        this._data.updateCurrent({
+            items: [...otherTypeItems, ...updatedTypeItems],
         });
-        this._data.updateCurrent({ items });
     }
     async requestSave() {
-        this._data.updateCurrent({ unique: this.#hostUnique });
+        // remove unscored items before saving, as the scoring contract only allows for scored/locked items to be saved.
+        // This also simplifies the logic when loading scores, as we can assume that any items that come back from the API are either scored or locked,
+        // and any missing items are unscored, and are generated in the workspace editor based on the full list of available personas/journeys.
+        this._data.updateCurrent({
+            unique: this.hostUnique,
+            items: this._data
+                .getCurrent()
+                ?.items.filter((i) => i.score > 0 || i.isLocked !== undefined) ?? [],
+        });
         super.requestSave();
     }
 }

package/dist/personalization/context/grouped-items-workspace-context.interface.d.ts

@@ -16,7 +16,7 @@ export interface UeGroupedItemWorkspaceContext<EntityModel, EntityItemModel> ext
     setPath: (unique: string) => void;
     deleteItem: (unique: string) => Promise<void>;
     deleteGroup: (unique: string) => Promise<void>;
-    sortItems: (sortOrder: Array<string>) => void;
+    sortItems: (sortOrder: Array<EntityItemModel>) => void;
     getProperties: () => UePropertyConfigData<EntityModel> | undefined;
     getAdvancedProperties: () => UePropertyConfigData<EntityModel> | undefined;
 }

package/dist/personalization/context/grouped-items-workspace.context.d.ts

@@ -37,6 +37,6 @@ export declare class UeGroupedItemsWorkspaceContextBase<EntityModel extends UeGr
     getGroup(unique: string): EntityModel | undefined;
     deleteGroup(unique: string): Promise<void>;
     deleteItem(unique: string): Promise<void>;
-    sortItems(sortOrder: Array<string>): void;
+    sortItems(sortOrder: Array<EntityItemModel>): void;
     destroy(): void;
 }

package/dist/personalization/context/grouped-items-workspace.context.js

@@ -136,7 +136,7 @@ export class UeGroupedItemsWorkspaceContextBase extends UmbSubmittableWorkspaceC
     }
     sortItems(sortOrder) {
         const items = [...(this.getCurrent()?.items ?? [])];
-        const sorted = sortOrder.map((x) => items.find((y) => y.unique === x));
+        const sorted = sortOrder.map((x) => items.find((y) => y.unique === x.unique));
         this.#current.update({
             items: sorted,
         });

package/dist/personalization/entities.d.ts

@@ -1,23 +1,14 @@
-import type { CustomerJourneyDtoModel, CustomerJourneyStepDtoModel, CustomerJourneyStepScoreModel, PersonaDtoModel, PersonaScoreModel, PersonasDtoModel } from "../generated/index.js";
-import type { UeEntityBase } from "../core/index.js";
+import type { CustomerJourneyDtoModel, CustomerJourneyStepDtoModel, PersonaDtoModel, PersonasDtoModel } from "../generated/index.js";
+import type { UeColor, UeEntityBase } from "../core/index.js";
 export interface UeCustomerJourneyDetailModel extends UeEntityBase, Omit<CustomerJourneyDtoModel, "steps"> {
     items: Array<UeCustomerJourneyStepDetailModel>;
 }
-export interface UeCustomerJourneyStepDetailModel extends UeEntityBase, Omit<CustomerJourneyStepDtoModel, "color"> {
-    color?: {
-        label: string;
-        value: string;
-    };
-}
 export interface UePersonaGroupDetailModel extends UeEntityBase, Omit<PersonasDtoModel, "personas"> {
     items: Array<UePersonaDetailModel>;
 }
 export interface UePersonaDetailModel extends UeEntityBase, Omit<PersonaDtoModel, "color"> {
-    color?: {
-        label: string;
-        value: string;
-    };
+    color?: UeColor;
+}
+export interface UeCustomerJourneyStepDetailModel extends UeEntityBase, Omit<CustomerJourneyStepDtoModel, "color"> {
+    color?: UeColor;
 }
-export type UeScoringGroupEntityUnionModel = UeCustomerJourneyDetailModel | UePersonaGroupDetailModel;
-export type UeScoringGroupEntityItemUnionModel = UeCustomerJourneyStepDetailModel | UePersonaDetailModel;
-export type UeScoringGroupEntityScoreUnionModel = CustomerJourneyStepScoreModel | PersonaScoreModel;

package/dist/personalization/journeys/components/customer-journey-scoring.element.d.ts

@@ -1,7 +1,9 @@
 import type { UeCustomerJourneyDetailModel } from "../../entities.js";
-import { UeScoringBaseElement } from "../../../core/index.js";
+import type { UeJourneyScoreModel } from "../../../core/index.js";
+import { UeScoringBaseElement } from "../../scoring-base.element.js";
+import UeCustomerJourneyDetailStore from "../repository/detail/customer-journey-detail.store.js";
 declare const elementName = "ue-customer-journey-scoring";
-export declare class UeCustomerJourneyScoringElement extends UeScoringBaseElement<UeCustomerJourneyDetailModel> {
+export declare class UeCustomerJourneyScoringElement extends UeScoringBaseElement<UeCustomerJourneyDetailModel, UeJourneyScoreModel, UeCustomerJourneyDetailStore> {
     constructor();
 }
 export default UeCustomerJourneyScoringElement;

package/dist/personalization/journeys/components/customer-journey-scoring.element.js

@@ -5,12 +5,22 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { customElement } from "@umbraco-cms/backoffice/external/lit";
-import { UeCustomerJourneyDetailRepository } from "../repository/detail/customer-journey-detail.repository.js";
-import { UeScoringBaseElement } from "../../../core/index.js";
+import { UeScoringBaseElement } from "../../scoring-base.element.js";
+import { ENGAGE_CUSTOMER_JOURNEY_DETAIL_STORE_CONTEXT, } from "../repository/detail/customer-journey-detail.store.js";
+import { UeCustomerJourneyDetailRepository } from "../repository/detail/index.js";
 const elementName = "ue-customer-journey-scoring";
 let UeCustomerJourneyScoringElement = class UeCustomerJourneyScoringElement extends UeScoringBaseElement {
     constructor() {
-        super(UeCustomerJourneyDetailRepository, "Available customer journeys");
+        super({
+            repositoryCtor: UeCustomerJourneyDetailRepository,
+            storeContextAlias: ENGAGE_CUSTOMER_JOURNEY_DETAIL_STORE_CONTEXT,
+            identifierSelector: (item) => item.customerJourneyStepId,
+            defaultFactory: (item) => ({
+                customerJourneyStepId: item.id,
+                score: 0,
+                id: 0,
+            }),
+        });
     }
 };
 UeCustomerJourneyScoringElement = __decorate([