@umbraco-engage/backoffice 17.0.0-rc1 → 17.0.0

package/dist/personalization/personas/manifests.js

@@ -1,16 +1,18 @@
 import { manifests as repositoryManifests } from "./repository/manifests.js";
 import { manifests as componentManifests } from "./components/manifests.js";
-import { ENGAGE_PERSONA_ENTITY_TYPE } from "./index.js";
+import { manifests as actionManifests } from "./actions/manifests.js";
+import { ENGAGE_PERSONA_GROUP_ENTITY_TYPE } from "./index.js";
 export const manifests = [
     ...repositoryManifests,
     ...componentManifests,
+    ...actionManifests,
     {
         type: "entityAction",
         kind: "delete",
         alias: "Engage.EntityAction.Persona.DeleteAction",
         name: "Engage Persona Delete Action",
         api: () => import("../actions/grouped-item-delete.action.js"),
-        forEntityTypes: [ENGAGE_PERSONA_ENTITY_TYPE],
+        forEntityTypes: [ENGAGE_PERSONA_GROUP_ENTITY_TYPE],
         weight: 150,
     },
     {
@@ -19,10 +21,10 @@ export const manifests = [
         alias: "Engage.EntityAction.Persona.EditAction",
         name: "Engage Persona Edit Action",
         api: () => import("../actions/grouped-item-edit.action.js"),
-        forEntityTypes: [ENGAGE_PERSONA_ENTITY_TYPE],
+        forEntityTypes: [ENGAGE_PERSONA_GROUP_ENTITY_TYPE],
         weight: 200,
         meta: {
-            label: "#general_edit",
+            label: "#engage_personalization_editPersonaGroup",
             icon: "icon-edit",
             additionalOptions: true,
         },

package/dist/personalization/personas/repository/detail/persona-group-detail-server.data-source.js

@@ -67,10 +67,8 @@ export class UePersonaGroupDetailServerDataSource {
         return {
             ...data,
             entityType: ENGAGE_PERSONA_GROUP_ENTITY_TYPE,
-            unique: data.id.toString(),
             items: data.personas?.map((p) => ({
                 ...p,
-                unique: p.id.toString(),
                 entityType: ENGAGE_PERSONA_ENTITY_TYPE,
                 color: { value: p.color, label: p.color },
             })) ?? [],

package/dist/personalization/personas/workspace/persona-group-workspace-editor.element.d.ts

@@ -11,9 +11,6 @@ export declare class UePersonaGroupWorkspaceEditorElement extends UeGroupedItemW
     headline: string;
     addGroupLabel: string;
     itemLabel: string;
-    personalizationSection: string;
-    editModalHeadline: string;
-    icon: string;
     constructor();
 }
 export default UePersonaGroupWorkspaceEditorElement;

package/dist/personalization/personas/workspace/persona-group-workspace-editor.element.js

@@ -4,7 +4,6 @@ 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 { PersonaGroupAdvancedSettingProperties, PersonaGroupDetailProperties, } from "../entities.js";
 import { UeGroupedItemWorkspaceEditorBaseElement } from "../../components/index.js";
 import { ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT } from "../../context/index.js";
 import { UePersonaGroupWorkspaceContext } from "./persona-group-workspace.context.js";
@@ -24,15 +23,7 @@ let UePersonaGroupWorkspaceEditorElement = class UePersonaGroupWorkspaceEditorEl
         this.headline = this.localize.term("engage_personalization_personaGroups");
         this.addGroupLabel = this.localize.term("engage_personalization_addPersonaGroup");
         this.itemLabel = this.localize.term("engage_personalization_personas");
-        this.personalizationSection = "persona";
-        this.editModalHeadline = this.localize.term("engage_personalization_editPersonaGroup");
-        this.icon = "icon-users";
-        this.provideContext(ENGAGE_PERSONA_GROUP_WORKSPACE_CONTEXT, new UePersonaGroupWorkspaceContext({
-            host: this,
-            properties: PersonaGroupDetailProperties,
-            advancedProperties: PersonaGroupAdvancedSettingProperties,
-            editHeadline: this.editModalHeadline,
-        }));
+        this.provideContext(ENGAGE_PERSONA_GROUP_WORKSPACE_CONTEXT, new UePersonaGroupWorkspaceContext(this));
     }
 };
 UePersonaGroupWorkspaceEditorElement = __decorate([

package/dist/personalization/personas/workspace/persona-group-workspace.context.d.ts

@@ -1,14 +1,8 @@
 import { UeGroupedItemsWorkspaceContextBase } from "../../context/grouped-items-workspace.context.js";
 import type { UePersonaGroupDetailModel, UePersonaDetailModel } from "../../entities.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import type { UePropertyConfigData } from "../../../core/index.js";
 export declare class UePersonaGroupWorkspaceContext extends UeGroupedItemsWorkspaceContextBase<UePersonaGroupDetailModel, UePersonaDetailModel> {
     readonly IS_PERSONA_GROUP_WORKSPACE_CONTEXT = true;
-    constructor(args: {
-        host: UmbControllerHost;
-        properties: UePropertyConfigData<UePersonaGroupDetailModel>;
-        advancedProperties?: UePropertyConfigData<UePersonaGroupDetailModel>;
-        editHeadline?: string;
-    });
+    constructor(host: UmbControllerHost);
 }
 export { UePersonaGroupWorkspaceContext as api };

package/dist/personalization/personas/workspace/persona-group-workspace.context.js

@@ -1,15 +1,16 @@
 import { UePersonaGroupDetailRepository } from "../repository/detail/persona-group-detail.repository.js";
-import { ENGAGE_PERSONA_GROUP_ENTITY_TYPE, ENGAGE_PERSONA_GROUP_WORKSPACE_ALIAS, } from "../constants.js";
+import { ENGAGE_PERSONA_ENTITY_TYPE, ENGAGE_PERSONA_GROUP_ENTITY_TYPE, ENGAGE_PERSONA_GROUP_WORKSPACE_ALIAS, } from "../constants.js";
 import { UeGroupedItemsWorkspaceContextBase } from "../../context/grouped-items-workspace.context.js";
+import { PersonaGroupAdvancedSettingProperties, PersonaGroupDetailProperties, } from "../index.js";
 export class UePersonaGroupWorkspaceContext extends UeGroupedItemsWorkspaceContextBase {
-    constructor(args) {
-        super(args.host, {
+    constructor(host) {
+        super(host, {
             workspaceAlias: ENGAGE_PERSONA_GROUP_WORKSPACE_ALIAS,
             entityType: ENGAGE_PERSONA_GROUP_ENTITY_TYPE,
+            itemEntityType: ENGAGE_PERSONA_ENTITY_TYPE,
             detailRepositoryConstructor: UePersonaGroupDetailRepository,
-            properties: args.properties,
-            advancedProperties: args.advancedProperties,
-            editHeadline: args.editHeadline,
+            properties: PersonaGroupDetailProperties,
+            advancedProperties: PersonaGroupAdvancedSettingProperties,
         });
         this.IS_PERSONA_GROUP_WORKSPACE_CONTEXT = true;
     }

package/dist/personalization/personas/workspace/views/edit/persona-group-personas-list-editor.element.d.ts

@@ -3,6 +3,7 @@ import type { UePersonaDetailModel } from "../../../../entities.js";
 declare const elementName = "ue-persona-group-personas-list-editor";
 export declare class UePersonaGroupPersonaListEditorElement extends UeGroupedItemListEditorBaseElement<UePersonaDetailModel> {
     constructor();
+    onAdd(idx?: number): Promise<void>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/personalization/personas/workspace/views/edit/persona-group-personas-list-editor.element.js

@@ -5,15 +5,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UeGroupedItemListEditorBaseElement } from "../../../../components/grouped-item/grouped-item-list-editor-base.element.js";
-import { PersonaDetailProperties } from "../../../entities.js";
 import { ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT } from "../../../../context/index.js";
 import { customElement } from "@umbraco-cms/backoffice/external/lit";
+import EngageEditPersonaItemAction from "../../../actions/edit.action.js";
+import { ENGAGE_PERSONA_ENTITY_TYPE } from "../../../constants.js";
 const elementName = "ue-persona-group-personas-list-editor";
 let UePersonaGroupPersonaListEditorElement = class UePersonaGroupPersonaListEditorElement extends UeGroupedItemListEditorBaseElement {
     constructor() {
-        super(PersonaDetailProperties, ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT);
-        this.editLabel = this.localize.term("engage_personalization_editPersona");
-        this.addLabel = this.localize.term("engage_personalization_addPersona");
+        super(ENGAGE_GROUPED_ITEM_WORKSPACE_CONTEXT, "#engage_personalization_addPersona");
+    }
+    async onAdd(idx) {
+        const action = new EngageEditPersonaItemAction(this, {
+            entityType: ENGAGE_PERSONA_ENTITY_TYPE,
+            meta: {
+                position: idx,
+                label: this.addLabel,
+            },
+            unique: "",
+        });
+        await action.execute();
     }
 };
 UePersonaGroupPersonaListEditorElement = __decorate([

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

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

package/dist/personalization/referral-scoring/referral-group/actions/delete.action.d.ts

@@ -0,0 +1,9 @@
+import { UeEntityDeleteBaseAction } from "../../../actions/index.js";
+import { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { UmbEntityActionArgs } from "@umbraco-cms/backoffice/entity-action";
+import { UeReferralGroupDetailRepository } from "../repository/index.js";
+import { UMB_COLLECTION_CONTEXT } from "@umbraco-cms/backoffice/collection";
+export declare class UeReferralGroupDeleteEntityAction extends UeEntityDeleteBaseAction<UeReferralGroupDetailRepository, typeof UMB_COLLECTION_CONTEXT.TYPE> {
+    constructor(host: UmbControllerHost, args: UmbEntityActionArgs<any>);
+}
+export default UeReferralGroupDeleteEntityAction;

package/dist/personalization/referral-scoring/referral-group/actions/delete.action.js

@@ -0,0 +1,16 @@
+import { UeEntityDeleteBaseAction } from "../../../actions/index.js";
+import { UeReferralGroupDetailRepository } from "../repository/index.js";
+import { UMB_COLLECTION_CONTEXT } from "@umbraco-cms/backoffice/collection";
+export class UeReferralGroupDeleteEntityAction extends UeEntityDeleteBaseAction {
+    constructor(host, args) {
+        super({
+            host,
+            args,
+            repositoryConstructor: UeReferralGroupDetailRepository,
+            contextToken: UMB_COLLECTION_CONTEXT,
+            deleteHandler: (unique) => this.repository?.delete(unique),
+            onDeleteSuccess: () => this.workspaceContext?.loadCollection(),
+        });
+    }
+}
+export default UeReferralGroupDeleteEntityAction;

package/dist/personalization/referral-scoring/referral-group/manifests.js

@@ -1,8 +1,18 @@
 import { manifests as collectionManifests } from "./collection/manifests.js";
 import { manifests as workspaceManifests } from "./workspace/manifests.js";
 import { manifests as repositoryManifests } from "./repository/manifests.js";
+import { ENGAGE_REFERRAL_GROUP_ENTITY_TYPE } from "./constants.js";
 export const manifests = [
     ...collectionManifests,
     ...workspaceManifests,
     ...repositoryManifests,
+    {
+        type: "entityAction",
+        kind: "delete",
+        alias: "Engage.EntityAction.ReferralGroup.DeleteAction",
+        name: "Engage Referral Group Delete Action",
+        api: () => import("./actions/delete.action.js"),
+        forEntityTypes: [ENGAGE_REFERRAL_GROUP_ENTITY_TYPE],
+        weight: 150,
+    },
 ];

package/dist/personalization/segments/actions/delete.action.d.ts

@@ -1,10 +1,9 @@
-import { UePersonalizationBaseEntityAction } from "../../actions/applied-personalization-base.action.js";
+import { UeEntityDeleteBaseAction } from "../../actions/index.js";
 import { ENGAGE_SEGMENTS_COLLECTION_CONTEXT } from "../collection/segments-collection.context.js";
 import { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { UmbEntityActionArgs } from "@umbraco-cms/backoffice/entity-action";
-export declare class UeSegmentDeleteEntityAction extends UePersonalizationBaseEntityAction<typeof ENGAGE_SEGMENTS_COLLECTION_CONTEXT.TYPE> {
-    #private;
+import { UeSegmentsCollectionRepository } from "../collection/repository/index.js";
+export declare class UeSegmentDeleteEntityAction extends UeEntityDeleteBaseAction<UeSegmentsCollectionRepository, typeof ENGAGE_SEGMENTS_COLLECTION_CONTEXT.TYPE> {
     constructor(host: UmbControllerHost, args: UmbEntityActionArgs<any>);
-    execute(): Promise<void>;
 }
 export default UeSegmentDeleteEntityAction;

package/dist/personalization/segments/actions/delete.action.js

@@ -1,27 +1,15 @@
-import { umbConfirmModal } from "@umbraco-cms/backoffice/modal";
-import { UePersonalizationBaseEntityAction } from "../../actions/applied-personalization-base.action.js";
+import { UeEntityDeleteBaseAction } from "../../actions/index.js";
 import { ENGAGE_SEGMENTS_COLLECTION_CONTEXT } from "../collection/segments-collection.context.js";
 import { UeSegmentsCollectionRepository } from "../collection/repository/index.js";
-export class UeSegmentDeleteEntityAction extends UePersonalizationBaseEntityAction {
-    #repository = new UeSegmentsCollectionRepository(this);
+export class UeSegmentDeleteEntityAction extends UeEntityDeleteBaseAction {
     constructor(host, args) {
-        super(host, args, ENGAGE_SEGMENTS_COLLECTION_CONTEXT);
-    }
-    async execute() {
-        await this.retrieveWorkspaceContext;
-        if (!this.workspaceContext || !this.unique)
-            return;
-        await umbConfirmModal(this, {
-            headline: this.localize.term("actions_delete"),
-            content: this.localize.term("engage_deleteItemsDescription", 1),
-            color: "danger",
-            confirmLabel: this.localize.term("actions_delete"),
-        })
-            .then(async () => {
-            await this.#repository?.delete(this.unique);
-            await this.workspaceContext?.requestCollection();
-        })
-            .catch(() => { });
+        super({
+            host,
+            args,
+            repositoryConstructor: UeSegmentsCollectionRepository,
+            contextToken: ENGAGE_SEGMENTS_COLLECTION_CONTEXT,
+            deleteHandler: (unique) => this.repository?.delete(unique),
+        });
     }
 }
 export default UeSegmentDeleteEntityAction;

package/dist/personalization/segments/rules/base/segment-rule-base-grouped-extended-checkbox.element.d.ts

@@ -1,4 +1,4 @@
-import type { RequestResult } from "@hey-api/client-fetch";
+import type { RequestResult } from "../../../../generated/client/index.js";
 import type { UeExtendedCheckboxConfiguration } from "../entities.js";
 import { UeSegmentRuleBaseElement } from "./segment-rule-base.element.js";
 interface GroupOption {

package/dist/profiles/insights/campaigns/campaigns-list.element.d.ts

@@ -4,6 +4,7 @@ export declare class UeProfileDetailsCampaignsElement extends UeProfileInsightEl
     #private;
     private _tableColumns;
     private _tableItems;
+    private _tableConfig;
     connectedCallback(): Promise<void>;
     renderInsight(): import("lit-html").TemplateResult<1>;
 }

package/dist/profiles/insights/campaigns/campaigns-list.element.js

@@ -32,6 +32,10 @@ let UeProfileDetailsCampaignsElement = class UeProfileDetailsCampaignsElement ex
             },
         ];
         this._tableItems = [];
+        this._tableConfig = {
+            allowSelection: false,
+            hideIcon: true,
+        };
     }
     async connectedCallback() {
         super.connectedCallback();
@@ -80,10 +84,11 @@ let UeProfileDetailsCampaignsElement = class UeProfileDetailsCampaignsElement ex
     #renderCampaignsTable() {
         return when(this._tableItems.length, () => html `
         <umb-table
+          .config=${this._tableConfig}
           .columns=${this._tableColumns}
           .items=${this._tableItems}
         ></umb-table>
-      `, () => html `<ue-empty-state>
+      `, () => html `<ue-empty-state style="padding: var(--uui-size-space-5);">
         ${this.localize.term("engage_profile_details_noCampaigns")}
       </ue-empty-state>`);
     }
@@ -97,6 +102,9 @@ __decorate([
 __decorate([
     state()
 ], UeProfileDetailsCampaignsElement.prototype, "_tableItems", void 0);
+__decorate([
+    state()
+], UeProfileDetailsCampaignsElement.prototype, "_tableConfig", void 0);
 UeProfileDetailsCampaignsElement = __decorate([
     customElement(elementName)
 ], UeProfileDetailsCampaignsElement);

package/dist/profiles/insights/customer-journeys/customer-journeys.element.js

@@ -30,13 +30,14 @@ let UeProfileDetailsCustomerJourneysElement = class UeProfileDetailsCustomerJour
     #renderCustomerJourneyGroups() {
         return html `
       <ue-customer-journey-scoring
-        inert
+        readonly
         .config=${{ hideDivider: true }}
         .value=${this.customerJourneyScore?.map((p) => ({
             entityId: p.customerJourneyStepId,
             score: p.score,
             unique: "",
             id: 0,
+            isActive: p.isActive,
         })) ?? []}
       >
       </ue-customer-journey-scoring>
@@ -51,7 +52,7 @@ let UeProfileDetailsCustomerJourneysElement = class UeProfileDetailsCustomerJour
 
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
-      gap: var(--uui-size-space-4);
+      gap: var(--uui-size-space-6);
     }
   `; }
 };

package/dist/profiles/insights/engage-profile-insight.interface.js

@@ -20,7 +20,13 @@ export class UeProfileInsightElement extends UmbLitElement {
         return this._profileId;
     }
     render() {
-        return when(this.loading, () => html `<uui-loader-bar></uui-loader-bar>`, () => this.renderInsight());
+        return when(this.loading, () => html `<div
+          style=${this.manifest?.meta.noPadding
+            ? "padding: var(--uui-size-space-5);"
+            : ""}
+        >
+          <uui-loader-bar></uui-loader-bar>
+        </div>`, () => this.renderInsight());
     }
 }
 __decorate([

package/dist/profiles/insights/goals/goals-table-collection-view.element.js

@@ -97,7 +97,7 @@ let UeProfileDetailGoalsTableElement = class UeProfileDetailGoalsTableElement ex
           >
           </umb-table>
         `, () => html `
-        <ue-empty-state>
+        <ue-empty-state style="padding: var(--uui-size-space-5);">
           ${this.localize.term("engage_profile_details_noGoals")}
         </ue-empty-state>
       `);

package/dist/profiles/insights/manifests.js

@@ -3,10 +3,12 @@ const insights = [
     {
         name: "Goals",
         js: () => import("./goals/goals-table-collection-view.element.js"),
+        noPadding: true,
     },
     {
         name: "Campaigns",
         js: () => import("./campaigns/campaigns-list.element.js"),
+        noPadding: true,
     },
     {
         name: "Potential",

package/dist/profiles/insights/persona-groups/persona-groups.element.js

@@ -30,13 +30,14 @@ let UeProfileDetailsPersonaGroupsElement = class UeProfileDetailsPersonaGroupsEl
     #renderPersonaGroups() {
         return html `
       <ue-persona-group-scoring
-        inert
+        readonly
         .config=${{ hideDivider: true }}
         .value=${this.personaScores?.map((p) => ({
             entityId: p.personaId,
             score: p.score,
             unique: "",
             id: 0,
+            isActive: p.isActive,
         })) ?? []}
       >
       </ue-persona-group-scoring>
@@ -51,7 +52,7 @@ let UeProfileDetailsPersonaGroupsElement = class UeProfileDetailsPersonaGroupsEl
 
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
-      gap: var(--uui-size-space-4);
+      gap: var(--uui-size-space-6);
     }
   `; }
 };

package/dist/reporting/components/reporting-chart-card/reporting-chart-card.element.d.ts

@@ -6,6 +6,7 @@ export declare class UeReportingChartCardElement extends UmbLitElement {
     private _config;
     headline: string;
     prefabAlias: UePrefabType;
+    constructor();
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/reporting/components/reporting-chart-card/reporting-chart-card.element.js

@@ -9,7 +9,7 @@ import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 const elementName = "ue-reporting-chart-card";
 let UeReportingChartCardElement = class UeReportingChartCardElement extends UmbLitElement {
     constructor() {
-        super(...arguments);
+        super();
         this._config = {
             type: "bar",
             showAnnotations: false,
@@ -19,6 +19,10 @@ let UeReportingChartCardElement = class UeReportingChartCardElement extends UmbL
             aspect: 1 / 1,
         };
         this.headline = "";
+        const now = new Date();
+        this._config.endDate = now.toISOString();
+        now.setDate(now.getDate() - 30);
+        this._config.startDate = now.toISOString();
     }
     #showPercentageChanged(e) {
         this._config = { ...this._config, showPercentages: e.target.checked };

package/dist/reporting/components/segment-selector/reporting-segment-selector.element.js

@@ -75,16 +75,10 @@ let UeReportingSegmentSelectorElement = class UeReportingSegmentSelectorElement
     </ue-grid>`;
     }
     render() {
-        return html ` <table class="reporting-title">
-        <tr>
-          <td>
-            <h2>${this.localize.term("engage_reporting_segment")}</h2>
-          </td>
-          <td>
-            <h3>${this.localize.term("engage_analytics_last30days")}</h3>
-          </td>
-        </tr>
-      </table>
+        return html ` <div id="header">
+        <h2>${this.localize.term("engage_reporting_segment")}</h2>
+        <h3>${this.localize.term("engage_analytics_last30days")}</h3>
+      </div>
       <uui-box>
         <div>
           <div id="sidebar">
@@ -181,17 +175,13 @@ let UeReportingSegmentSelectorElement = class UeReportingSegmentSelectorElement
       height: 100%;
     }
 
-    .reporting-title {
-      width: 100%;
-    }
-
-    .reporting-title td:last-child {
-      text-align: right;
-      opacity: 0.5;
-    }
+    #header {
+      display: flex;
+      justify-content: space-between;
 
-    .reporting-title td:last-child h3 {
-      color: var(--engage-cockpit-color-gray) !important;
+      h3 {
+        color: var(--uui-color-border-emphasis);
+      }
     }
   `; }
 };

package/dist/start-page/components/license-viewer.element.js

@@ -294,13 +294,16 @@ let UeLicenseViewerElement = class UeLicenseViewerElement extends UmbLitElement
       }
 
       [popovertarget] {
-        text-decoration: underline;
         --uui-color-default: transparent;
         --uui-button-height: 0;
         --uui-button-padding-left-factor: 0;
         --uui-button-padding-right-factor: 0;
         --uui-button-font-weight: 400;
       }
+
+      [popovertarget]:hover {
+        --uui-color-default-contrast: var(--uui-color-current);
+      }
     `,
     ]; }
 };