@umbraco-engage/backoffice 17.0.0-rc3 → 17.0.0

package/dist/generated/types.gen.d.ts

@@ -335,7 +335,7 @@ export type AnnotationModel = {
     createdByUsername: string;
     visibility: AnnotationVisibilityModel;
     invalid: boolean;
-    pageVariants?: Array<AnnotationPageVariantModel> | null;
+    pageVariants: Array<AnnotationPageVariantModel>;
 };
 export type AnnotationPageVariantModel = {
     unique: string;
@@ -810,6 +810,18 @@ export type NumberOfSessionsRuleConfigModel = {
     sessions: number;
 };
 export type OperatorModel = 'eq' | 'gt' | 'lt';
+export type OrderCompletedRangeTypeModel = 'Any' | 'Days';
+export type OrderCompletedRuleConfigModel = {
+    hasCompletedOrder: boolean;
+    settings?: OrderCompletedRuleSettingsModel | null;
+};
+export type OrderCompletedRuleSettingsModel = {
+    range?: OrderCompletedRuleSettingsRangeModel | null;
+};
+export type OrderCompletedRuleSettingsRangeModel = {
+    type: OrderCompletedRangeTypeModel;
+    maximum: number;
+};
 export type PackageStatusResultModel = {
     readonly tierName: string;
     readonly domains: Array<string>;
@@ -910,6 +922,9 @@ export type PreviewUrlResponseModel = {
     errorMessage?: string | null;
     previewUrl?: string | null;
 };
+export type ProductsInCartRuleConfigModel = {
+    hasProductsInCart: boolean;
+};
 export type ProfileCustomerJourneyStepScoreDtoModel = {
     customerJourneyStepId: number;
     score: number;
@@ -1249,6 +1264,11 @@ export type TimeOfDayRangeModel = {
 export type TimeOfDaySegmentRuleConfigModel = {
     TimeRanges: Array<TimeOfDayRangeModel>;
 };
+export type UmbracoFormsGoalTypeModel = {
+    readonly configurationEditorAlias: string;
+    readonly id: string;
+    readonly name: string;
+};
 export type UmbracoPageInfoDtoModel = {
     status?: string | null;
     documentType?: string | null;
@@ -1314,7 +1334,7 @@ export type AbTestDetailModelWritable = {
 };
 export type AbTestDetailVariantInfoModelWritable = {
     id: number;
-    key: string;
+    unique: string;
     abTestId: number;
     name?: string | null;
     description?: string | null;
@@ -1776,9 +1796,7 @@ export type GetAbTestResponse = GetAbTestResponses[keyof GetAbTestResponses];
 export type PostAbTestData = {
     body?: AbTestDetailModelWritable;
     path?: never;
-    query?: {
-        validate?: boolean;
-    };
+    query?: never;
     url: '/umbraco/engage/management/api/v1/ab-test';
 };
 export type PostAbTestErrors = {
@@ -2951,7 +2969,7 @@ export type GetGoalAllTypesResponses = {
     /**
      * OK
      */
-    200: Array<CustomGoalTypeModel | PageEventGoalTypeModel | PageviewGoalTypeModel>;
+    200: Array<CustomGoalTypeModel | PageEventGoalTypeModel | PageviewGoalTypeModel | UmbracoFormsGoalTypeModel>;
 };
 export type GetGoalAllTypesResponse = GetGoalAllTypesResponses[keyof GetGoalAllTypesResponses];
 export type GetGoalDetailsData = {

package/dist/index.js

@@ -19,11 +19,11 @@ export const onInit = (host, extensionRegistry) => {
     host.consumeContext(UMB_AUTH_CONTEXT, async (auth) => {
         if (!auth)
             return;
-        const config = auth.getOpenApiConfiguration();
+        const config = auth?.getOpenApiConfiguration();
         client.setConfig({
-            baseUrl: config.base,
-            auth: async () => await auth.getLatestToken(),
-            credentials: config.credentials,
+            baseUrl: config?.base ?? "",
+            auth: config?.token ?? undefined,
+            credentials: config?.credentials ?? "same-origin",
         });
     });
 };

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

@@ -85,7 +85,7 @@ export class UeGroupedItemListEditorBaseElement extends UmbLitElement {
     }
 
     #items > ue-group-box:not(:first-of-type) {
-      margin-top: var(--uui-size-layout-1);
+      margin-top: var(--uui-size-space-5);
     }
 
     :host([sortable]) #items > ue-group-box {

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

@@ -3,10 +3,10 @@ declare const elementName = "ue-content-scoring-workspace-editor";
 export declare class UeContentScoringWorkspaceEditorElement extends UmbLitElement {
     #private;
     protected readonly defaultUpperScoreLimit = 10;
-    private _personas?;
-    private _journeys?;
     private _data?;
     private _buttonState;
+    private _journeys?;
+    private _personas?;
     constructor();
     render(): import("lit-html").TemplateResult<1> | undefined;
     static styles: import("lit").CSSResult;

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

@@ -13,147 +13,91 @@ let UeContentScoringWorkspaceEditorElement = class UeContentScoringWorkspaceEdit
     constructor() {
         super();
         this.defaultUpperScoreLimit = 10;
-        this._buttonState = {
-            None: undefined,
-            Persona: undefined,
-            Journey: undefined,
-        };
         this.consumeContext(ENGAGE_CONTENT_SCORING_WORKSPACE_CONTEXT, (context) => {
             if (!context)
                 return;
             this.#workspaceContext = context;
             this.observe(this.#workspaceContext.data, (data) => {
-                if (data === undefined)
+                if (!data)
                     return;
                 this._data = data;
             });
-            this.observe(this.#workspaceContext.personas, (personas) => {
-                this._personas = personas;
-            });
             this.observe(this.#workspaceContext.journeys, (journeys) => {
                 this._journeys = journeys;
             });
+            this.observe(this.#workspaceContext.personas, (personas) => {
+                this._personas = personas;
+            });
         });
     }
+    #itemsOfType(type) {
+        return this._data?.items?.filter((x) => x.type === type) ?? [];
+    }
     #renderJourneys() {
         if (!this._journeys?.length)
             return;
-        return html `<ue-divider
-        .text=${this.localize.term("engage_availableCustomerJourneys")}
-      ></ue-divider>
-      ${this._journeys.map((p) => this.#renderGroup(p))}`;
+        const journeys = this.#itemsOfType("Journey");
+        return html `<uui-box
+      .headline=${this.localize.term("engage_availableCustomerJourneys")}
+    >
+      <ue-customer-journey-scoring
+        .config=${{ hideDivider: true }}
+        .value=${journeys.map((p) => ({
+            ...p,
+            unique: p.unique,
+        })) ?? []}
+        @change=${(e) => this.#onChange(e, "Journey")}
+      ></ue-customer-journey-scoring
+    ></uui-box>`;
     }
     #renderPersonas() {
         if (!this._personas?.length)
             return;
-        return html `<ue-divider
-        .text=${this.localize.term("engage_availablePersonaGroups")}
-      ></ue-divider>
-      ${this._personas.map((p) => this.#renderGroup(p))}`;
-    }
-    async #onValueChange(e, item, group) {
-        const value = Number(e.target.value);
-        //Enforce the upper score limit
-        if (group.upperScoreLimit && value > group.upperScoreLimit) {
-            e.target.value = group.upperScoreLimit.toString();
-        }
-        // Enforce non-negative values
-        if (value < 0) {
-            e.target.value = "0";
-        }
-        await this.#workspaceContext?.setItem(e.target.value, item);
+        const personas = this.#itemsOfType("Persona");
+        return html `<uui-box
+      .headline=${this.localize.term("engage_availablePersonaGroups")}
+    >
+      <ue-persona-group-scoring
+        .config=${{ hideDivider: true }}
+        .value=${personas.map((p) => ({
+            ...p,
+            unique: p.id.toString(),
+        })) ?? []}
+        @change=${(e) => this.#onChange(e, "Persona")}
+      >
+      </ue-persona-group-scoring
+    ></uui-box>`;
     }
-    #getValue(item) {
-        const score = this._data?.items.find((x) => x.entityId === item.id && x.type === item.entityType)?.score;
-        return score ?? 0;
-    }
-    async #onSave(entityType) {
-        this._buttonState = { ...this._buttonState, [entityType]: "waiting" };
-        try {
-            await this.#workspaceContext?.requestSave();
-            this._buttonState = { ...this._buttonState, [entityType]: "success" };
-        }
-        catch {
-            this._buttonState = { ...this._buttonState, [entityType]: "failed" };
-        }
+    #onChange(e, type) {
+        const value = e.target.value;
+        this.#workspaceContext?.updateScores(value, type);
     }
     async #onSaveAll() {
-        // Save all changes at once
-        this._buttonState = {
-            ...this._buttonState,
-            None: "waiting",
-            Persona: "waiting",
-            Journey: "waiting",
-        };
+        this._buttonState = "waiting";
         try {
             await this.#workspaceContext?.requestSave();
-            this._buttonState = {
-                ...this._buttonState,
-                None: "success",
-                Persona: "success",
-                Journey: "success",
-            };
+            this._buttonState = "success";
         }
         catch {
-            this._buttonState = {
-                ...this._buttonState,
-                None: "failed",
-                Persona: "failed",
-                Journey: "failed",
-            };
+            this._buttonState = "failed";
         }
     }
-    #renderGroup(group) {
-        //Hide groups without items
-        if (!group.items?.length)
-            return;
-        return html `<uui-box .headline=${group.title ?? ""}>
-      ${when(group.upperScoreLimit !== this.defaultUpperScoreLimit, () => html ` <div slot="header-actions">
-            ${this.localize.term("engage_scoreFromTo", group.upperScoreLimit)}
-          </div>`)}
-      ${group.items.map((item) => html `<ue-group-box
-            style=${`--engage-bar-color: ${item.color?.value}`}
-            .name=${item.title}
-            .description=${item.description}
-            .iconUrl=${item.iconUrl}
-          >
-            ${group.upperScoreLimit && group.upperScoreLimit > 10
-            ? html `<uui-input
-                  type="number"
-                  max=${group.upperScoreLimit}
-                  min="0"
-                  @change=${(e) => this.#onValueChange(e, item, group)}
-                  .value=${this.#getValue(item).toString()}
-                ></uui-input>`
-            : html `<umb-input-slider
-                  .max=${group.upperScoreLimit ?? 10}
-                  @change=${(e) => this.#onValueChange(e, item, group)}
-                  .valueLow=${this.#getValue(item)}
-                ></umb-input-slider>`}
-          </ue-group-box>`)}
-    </uui-box>`;
-    }
     render() {
         if (!this._data)
             return;
-        const hasAnyGroups = (this._personas?.some((p) => p.items?.length > 0) ||
-            this._journeys?.some((j) => j.items?.length > 0));
         return html `
-      ${this.#renderPersonas()}
-      ${this.#renderJourneys()}
-      ${hasAnyGroups
-            ? html `
-            <div class="workspace-footer">
-              <uui-button
-                look="primary"
-                color="positive"
-                @click=${this.#onSaveAll}
-                .state=${this._buttonState.None}
-                .label=${this.localize.term("engage_saveScoring")}
-              ></uui-button>
-            </div>
-          `
-            : ""}
+      ${this.#renderPersonas()} ${this.#renderJourneys()}
+      ${when(this._data.items.length > 0, () => html `
+          <div class="workspace-footer">
+            <uui-button
+              look="primary"
+              color="positive"
+              @click=${this.#onSaveAll}
+              .state=${this._buttonState}
+              .label=${this.localize.term("engage_saveScoring")}
+            ></uui-button>
+          </div>
+        `)}
     `;
     }
     static { this.styles = css `
@@ -161,24 +105,6 @@ let UeContentScoringWorkspaceEditorElement = class UeContentScoringWorkspaceEdit
       margin-top: var(--uui-size-layout-1);
     }
 
-    ue-group-box + ue-group-box {
-      margin-top: var(--uui-size-5);
-    }
-
-    umb-input-slider {
-      width: 100%;
-    }
-
-    ue-divider:first-child {
-      margin-top: 0;
-    }
-
-    .box-footer {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: var(--uui-size-3);
-    }
-
     .workspace-footer {
       display: flex;
       justify-content: flex-end;
@@ -188,16 +114,16 @@ let UeContentScoringWorkspaceEditorElement = class UeContentScoringWorkspaceEdit
 };
 __decorate([
     state()
-], UeContentScoringWorkspaceEditorElement.prototype, "_personas", void 0);
+], UeContentScoringWorkspaceEditorElement.prototype, "_data", void 0);
 __decorate([
     state()
-], UeContentScoringWorkspaceEditorElement.prototype, "_journeys", void 0);
+], UeContentScoringWorkspaceEditorElement.prototype, "_buttonState", void 0);
 __decorate([
     state()
-], UeContentScoringWorkspaceEditorElement.prototype, "_data", void 0);
+], UeContentScoringWorkspaceEditorElement.prototype, "_journeys", void 0);
 __decorate([
     state()
-], UeContentScoringWorkspaceEditorElement.prototype, "_buttonState", void 0);
+], UeContentScoringWorkspaceEditorElement.prototype, "_personas", void 0);
 UeContentScoringWorkspaceEditorElement = __decorate([
     customElement(elementName)
 ], UeContentScoringWorkspaceEditorElement);

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

@@ -1,8 +1,9 @@
 import { type UeContentScoringDetailModel } from "../entities.js";
 import type { UeContentScoringDetailRepository } from "../repository/detail/index.js";
-import type { UePersonaGroupDetailModel, UeCustomerJourneyDetailModel, UeScoringGroupEntityItemUnionModel } from "../../entities.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import { UeWorkspaceContextBase } from "../../../core/index.js";
+import { UeEntityScoreModel, UeWorkspaceContextBase } from "../../../core/index.js";
+import { ContentScoringEntityTypeModel } from "../../../generated/index.js";
+import { UePersonaGroupDetailModel, UeCustomerJourneyDetailModel } from "src/personalization/entities.js";
 export declare class UeContentScoringWorkspaceContext extends UeWorkspaceContextBase<UeContentScoringDetailModel, UeContentScoringDetailRepository> {
     #private;
     readonly IS_CONTENT_SCORING_WORKSPACE_CONTEXT = true;
@@ -10,8 +11,7 @@ export declare class UeContentScoringWorkspaceContext extends UeWorkspaceContext
     personas: import("rxjs").Observable<UePersonaGroupDetailModel[]>;
     journeys: import("rxjs").Observable<UeCustomerJourneyDetailModel[]>;
     constructor(host: UmbControllerHost, hostUnique: string);
-    hostConnected(): Promise<import("@umbraco-cms/backoffice/repository").UmbRepositoryResponse<UeContentScoringDetailModel> | import("@umbraco-cms/backoffice/repository").UmbRepositoryResponseWithAsObservable<UeContentScoringDetailModel, UeContentScoringDetailModel>>;
-    setItem(value: string, item: UeScoringGroupEntityItemUnionModel): Promise<void>;
+    hostConnected(): Promise<void>;
+    updateScores(value: UeEntityScoreModel[], typeMatch: ContentScoringEntityTypeModel): void;
     requestSave(): Promise<void>;
-    destroy(): void;
 }

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

@@ -2,9 +2,8 @@ import { ENGAGE_CONTENT_SCORE_ENTITY_TYPE, ENGAGE_CONTENT_SCORE_WORKSPACE_ALIAS,
 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 { UeCustomerJourneyDetailRepository } from "../../journeys/index.js";
-import { UePersonaGroupDetailRepository, ENGAGE_PERSONA_ENTITY_TYPE, } from "../../personas/index.js";
-import { UeWorkspaceContextBase } from "../../../core/index.js";
+import { UeWorkspaceContextBase, } from "../../../core/index.js";
+import { UeCustomerJourneyDetailRepository, UePersonaGroupDetailRepository, } from "../../index.js";
 export class UeContentScoringWorkspaceContext extends UeWorkspaceContextBase {
     #personaRepository;
     #journeyRepository;
@@ -21,12 +20,6 @@ export class UeContentScoringWorkspaceContext extends UeWorkspaceContextBase {
         this.IS_CONTENT_SCORING_WORKSPACE_CONTEXT = true;
         this.#personaRepository = new UePersonaGroupDetailRepository(this);
         this.#journeyRepository = new UeCustomerJourneyDetailRepository(this);
-        this.items = this._data.createObservablePartOfCurrent((x) => x?.items);
-        this.#personas = new UmbArrayState([], (x) => x.unique);
-        this.personas = this.#personas.asObservable();
-        this.#journeys = new UmbArrayState([], (x) => x.unique);
-        this.journeys = this.#journeys.asObservable();
-        this.#hostUnique = hostUnique;
         this.#init = Promise.all([
             this.#personaRepository
                 .requestAll()
@@ -35,43 +28,41 @@ export class UeContentScoringWorkspaceContext extends UeWorkspaceContextBase {
                 .requestAll()
                 .then((resp) => this.#journeys.setValue(resp.data ?? [])),
         ]);
+        this.items = this._data.createObservablePartOfCurrent((x) => x?.items);
+        this.#personas = new UmbArrayState([], (x) => x.unique);
+        this.personas = this.#personas.asObservable();
+        this.#journeys = new UmbArrayState([], (x) => x.unique);
+        this.journeys = this.#journeys.asObservable();
+        this.#hostUnique = hostUnique;
     }
     async hostConnected() {
         super.hostConnected();
         await this.#init;
-        return await super.load(this.#hostUnique);
+        this.load(this.#hostUnique);
     }
-    async setItem(value, item) {
-        const typeMatch = item.entityType === ENGAGE_PERSONA_ENTITY_TYPE ? "Persona" : "Journey";
-        const items = this._data.getCurrent()?.items ?? [];
-        const existing = items.find((x) => x.entityId === item.id && x.type === typeMatch);
-        if (existing) {
-            this.update({
-                items: appendToFrozenArray(items, { ...existing, ...{ score: Number(value) } }, (x) => x.unique === existing.unique),
-            });
-        }
-        else {
-            // unique is not persisted, only used for the getUniqueMethod matching
-            this.update({
-                items: appendToFrozenArray(items, {
-                    score: Number(value),
-                    entityId: item.id,
-                    entityUnique: item.unique,
+    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(),
-                }),
-            });
-        }
+                });
+            }
+        });
+        this._data.updateCurrent({ items });
     }
     async requestSave() {
         this._data.updateCurrent({ unique: this.#hostUnique });
         super.requestSave();
     }
-    destroy() {
-        this.#personaRepository.destroy();
-        this.#journeyRepository.destroy();
-        super.destroy();
-    }
 }

package/dist/personalization/personalized-variants/editor-view/personalized-variants-editor-view.element.js

@@ -63,10 +63,10 @@ let UePersonalizedVariantsEditorViewElement = class UePersonalizedVariantsEditor
             },
         }))
             .onReject(async () => {
-            await this.#workspaceContext?.requestItems();
+            this.#workspaceContext?.requestItems();
         })
             .onSubmit(async () => {
-            await this.#workspaceContext?.requestItems();
+            document.location.reload();
         })
             .observeRouteBuilder((routeBuilder) => {
             this.#modalPath = routeBuilder({});

package/dist/personalization/personalized-variants/workspace/personalized-variant-workspace.context.js

@@ -25,6 +25,7 @@ export class UePersonalizedVariantWorkspaceContext extends UeWorkspaceContextBas
                 edit: UePersonalizedVariantWorkspaceEditorElement,
                 create: UePersonalizedVariantWorkspaceEditorElement,
             },
+            withRedirectOnCreate: false,
             actions: [UeWorkspaceActions.SAVE, UeWorkspaceActions.SUBMIT],
         });
         this.IS_PERSONALIZED_VARIANT_WORKSPACE_CONTEXT = true;
@@ -99,9 +100,9 @@ export class UePersonalizedVariantWorkspaceContext extends UeWorkspaceContextBas
     }
     async requestSave() {
         await super.requestSave();
-        await this.#afterUpdate(true);
+        await this.#afterUpdate();
     }
-    async #afterUpdate(skipReload = false) {
+    async #afterUpdate() {
         if (!this.documentWorkspace)
             return;
         const segmentAlias = this.getData()?.umbracoSegmentAlias;
@@ -119,11 +120,6 @@ export class UePersonalizedVariantWorkspaceContext extends UeWorkspaceContextBas
                 segment: segmentAlias,
             },
         }));
-        // TODO => this is unavoidable as we need to re-request segments, which
-        // only happens in the document workspace ctor.
-        if (skipReload)
-            return;
-        document.location.reload();
     }
     destroy() {
         this.#segmentsRepository.destroy();

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/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",