@umbraco-engage/backoffice 17.0.0-rc1

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

@@ -0,0 +1,2 @@
+export * from "./reporting-root-screen.element.js";
+export * from "./reporting-segments-screen.element.js";

package/dist/reporting/screens/index.js

@@ -0,0 +1,2 @@
+export * from "./reporting-root-screen.element.js";
+export * from "./reporting-segments-screen.element.js";

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

@@ -0,0 +1,10 @@
+import { UeRootScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-reporting-screen";
+export declare class UeReportingScreenElement extends UeRootScreenBaseElement {
+}
+export default UeReportingScreenElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeReportingScreenElement;
+    }
+}

package/dist/reporting/screens/reporting-root-screen.element.js

@@ -0,0 +1,16 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement } from "@umbraco-cms/backoffice/external/lit";
+import { UeRootScreenBaseElement } from "../../core/index.js";
+const elementName = "ue-reporting-screen";
+let UeReportingScreenElement = class UeReportingScreenElement extends UeRootScreenBaseElement {
+};
+UeReportingScreenElement = __decorate([
+    customElement(elementName)
+], UeReportingScreenElement);
+export { UeReportingScreenElement };
+export default UeReportingScreenElement;

package/dist/reporting/screens/reporting-segments-screen.element.d.ts

@@ -0,0 +1,17 @@
+import { UeContentScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-reporting-segments";
+export declare class UeReportingSegmentsElement extends UeContentScreenBaseElement {
+    #private;
+    private _segmentId?;
+    constructor();
+    disconnectedCallback(): void;
+    renderSidebar(): null;
+    renderContent(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeReportingSegmentsElement;
+    }
+}
+export {};

package/dist/reporting/screens/reporting-segments-screen.element.js

@@ -0,0 +1,61 @@
+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 { UeReportingContext, ENGAGE_REPORTING_CONTEXT, } from "../reporting.context.js";
+import { UeContentScreenBaseElement, UeDateRangeManager, } from "../../core/index.js";
+import { ENGAGE_ANALYTICS_CONTEXT } from "../../analytics/index.js";
+const elementName = "ue-reporting-segments";
+let UeReportingSegmentsElement = class UeReportingSegmentsElement extends UeContentScreenBaseElement {
+    #analyticsContext;
+    constructor() {
+        super();
+        new UeReportingContext(this);
+        new UeDateRangeManager(this);
+        this.consumeContext(ENGAGE_REPORTING_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.currentSegment$, (segmentId) => {
+                this._segmentId = segmentId;
+                this.#analyticsContext?.setDrilldown({ segmentId });
+            });
+        });
+        this.consumeContext(ENGAGE_ANALYTICS_CONTEXT, (analyticsContext) => {
+            if (!analyticsContext)
+                return;
+            this.#analyticsContext = analyticsContext;
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#analyticsContext?.setDrilldown(undefined);
+    }
+    renderSidebar() {
+        return null;
+    }
+    renderContent() {
+        return html ` <ue-reporting-segment-selector></ue-reporting-segment-selector>
+      ${when(this._segmentId, () => html ` <ue-reporting-segment-potential></ue-reporting-segment-potential>
+          <ue-reporting-segment-personalization></ue-reporting-segment-personalization>
+          <ue-segment-personalization-goal-performance></ue-segment-personalization-goal-performance>`)}`;
+    }
+    static { this.styles = [
+        ...UeContentScreenBaseElement.styles,
+        css `
+      #content > * + * {
+        display: block;
+        margin-top: var(--uui-size-layout-1);
+      }
+    `,
+    ]; }
+};
+__decorate([
+    state()
+], UeReportingSegmentsElement.prototype, "_segmentId", void 0);
+UeReportingSegmentsElement = __decorate([
+    customElement(elementName)
+], UeReportingSegmentsElement);
+export { UeReportingSegmentsElement };

package/dist/reporting/umbraco-package.d.ts

@@ -0,0 +1,8 @@
+export declare const name = "Umbraco.Engage.Reporting";
+export declare const extensions: {
+    name: string;
+    alias: string;
+    type: string;
+    js: () => Promise<typeof import("./manifests-reporting.js")>;
+}[];
+export * from "./index.js";

package/dist/reporting/umbraco-package.js

@@ -0,0 +1,10 @@
+export const name = "Umbraco.Engage.Reporting";
+export const extensions = [
+    {
+        name: "Engage Reporting Bundle",
+        alias: "Engage.Bundle.Reporting",
+        type: "bundle",
+        js: () => import("./manifests-reporting.js"),
+    },
+];
+export * from "./index.js";

package/dist/section.manifests.d.ts

@@ -0,0 +1,2 @@
+import type { UmbExtensionManifestKind } from "@umbraco-cms/backoffice/extension-registry";
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

package/dist/section.manifests.js

@@ -0,0 +1,32 @@
+import { UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS } from "@umbraco-cms/backoffice/section";
+import { ENGAGE_SECTION_ALIAS } from "./constants.js";
+export const manifests = [
+    {
+        type: "kind",
+        alias: "Engage.Kind.Section",
+        matchKind: "engageSection",
+        matchType: "section",
+        manifest: {
+            type: "section",
+            kind: "engageSection",
+            element: () => import("./core/components/screen/tabbed-layout.element.js"),
+        },
+    },
+    {
+        type: "section",
+        kind: "engageSection",
+        alias: ENGAGE_SECTION_ALIAS,
+        name: "Engage Section",
+        weight: 850,
+        meta: {
+            label: "#engage_engage",
+            pathname: "engage",
+        },
+        conditions: [
+            {
+                alias: UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS,
+                match: ENGAGE_SECTION_ALIAS,
+            },
+        ],
+    },
+];

package/dist/settings/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const ENGAGE_SETTINGS_ENTITY_TYPE = "engage-settings";
+export declare const ENGAGE_SETTINGS_MENU_ALIAS = "Engage.Menu.Settings";
+export declare const ENGAGE_SETTINGS_WORKSPACE_ALIAS = "Engage.Workspace.Settings";

package/dist/settings/constants.js

@@ -0,0 +1,3 @@
+export const ENGAGE_SETTINGS_ENTITY_TYPE = "engage-settings";
+export const ENGAGE_SETTINGS_MENU_ALIAS = "Engage.Menu.Settings";
+export const ENGAGE_SETTINGS_WORKSPACE_ALIAS = "Engage.Workspace.Settings";

package/dist/settings/goals/collection/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const ENGAGE_GOALS_COLLECTION_REPOSITORY_ALIAS = "Engage.Repository.Goals.Collection";
+export declare const ENGAGE_GOALS_COLLECTION_ALIAS = "Engage.Collection.Goals";
+export declare const ENGAGE_GOALS_TABLE_COLLECTION_VIEW_ALIAS = "Engage.CollectionView.Goals.Table";

package/dist/settings/goals/collection/constants.js

@@ -0,0 +1,3 @@
+export const ENGAGE_GOALS_COLLECTION_REPOSITORY_ALIAS = "Engage.Repository.Goals.Collection";
+export const ENGAGE_GOALS_COLLECTION_ALIAS = "Engage.Collection.Goals";
+export const ENGAGE_GOALS_TABLE_COLLECTION_VIEW_ALIAS = "Engage.CollectionView.Goals.Table";

package/dist/settings/goals/collection/entities.d.ts

@@ -0,0 +1,5 @@
+import type { GoalSummaryModel } from "../../../generated/index.js";
+export interface UeGoalsCollectionModel extends GoalSummaryModel {
+    unique: string;
+    entityType: string;
+}

package/dist/settings/goals/collection/entities.js

@@ -0,0 +1 @@
+export {};

package/dist/settings/goals/collection/index.d.ts

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

package/dist/settings/goals/collection/index.js

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

package/dist/settings/goals/collection/manifests.d.ts

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

package/dist/settings/goals/collection/manifests.js

@@ -0,0 +1,35 @@
+import { UMB_COLLECTION_ALIAS_CONDITION } from "@umbraco-cms/backoffice/collection";
+import { ENGAGE_GOAL_ENTITY_TYPE } from "../constants.js";
+import { ENGAGE_GOALS_COLLECTION_ALIAS, ENGAGE_GOALS_COLLECTION_REPOSITORY_ALIAS, } from "./constants.js";
+import { manifests as repositoryManifests } from "./repository/manifests.js";
+import { manifests as viewManifests } from "./views/manifests.js";
+export const manifests = [
+    {
+        type: "collection",
+        kind: "default",
+        alias: ENGAGE_GOALS_COLLECTION_ALIAS,
+        name: "Engage Goals Collection",
+        element: () => import("../../../core/collection/collection-default.element.js"),
+        meta: {
+            repositoryAlias: ENGAGE_GOALS_COLLECTION_REPOSITORY_ALIAS,
+        },
+    },
+    {
+        type: "collectionAction",
+        kind: "engage-create",
+        name: "Create Engage Goal Collection Action",
+        alias: "Engage.CollectionAction.Goal.Create",
+        meta: {
+            label: "#engage_createGoal",
+            entityType: ENGAGE_GOAL_ENTITY_TYPE,
+        },
+        conditions: [
+            {
+                alias: UMB_COLLECTION_ALIAS_CONDITION,
+                match: ENGAGE_GOALS_COLLECTION_ALIAS,
+            },
+        ],
+    },
+    ...repositoryManifests,
+    ...viewManifests,
+];

package/dist/settings/goals/collection/repository/goals-collection.repository.d.ts

@@ -0,0 +1,18 @@
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+import type { UmbCollectionRepository } from "@umbraco-cms/backoffice/collection";
+export declare class UeGoalsCollectionRepository extends UmbControllerBase implements UmbCollectionRepository {
+    #private;
+    constructor(host: UmbControllerHost);
+    requestCollection(filter?: {
+        skip: number;
+        take: number;
+    }): Promise<{
+        data: {
+            items: Array<import("../entities.js").UeGoalsCollectionModel>;
+            total: number;
+        } | undefined;
+        error: import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | undefined;
+    }>;
+}
+export default UeGoalsCollectionRepository;

package/dist/settings/goals/collection/repository/goals-collection.repository.js

@@ -0,0 +1,14 @@
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+import { UeGoalsCollectionServerDataSource } from "./goals-collection.server.data-source.js";
+export class UeGoalsCollectionRepository extends UmbControllerBase {
+    #collectionSource;
+    constructor(host) {
+        super(host);
+        this.#collectionSource = new UeGoalsCollectionServerDataSource(this._host);
+    }
+    async requestCollection(filter = { skip: 0, take: 20 }) {
+        const { data, error } = await this.#collectionSource.getCollection(filter);
+        return { data, error };
+    }
+}
+export default UeGoalsCollectionRepository;

package/dist/settings/goals/collection/repository/goals-collection.server.data-source.d.ts

@@ -0,0 +1,18 @@
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import type { UmbCollectionDataSource, UmbCollectionFilterModel } from "@umbraco-cms/backoffice/collection";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+import type { UeGoalsCollectionModel } from "../entities.js";
+export declare class UeGoalsCollectionServerDataSource extends UmbControllerBase implements UmbCollectionDataSource<UeGoalsCollectionModel> {
+    #private;
+    constructor(host: UmbControllerHost);
+    getCollection(filter: UmbCollectionFilterModel): Promise<{
+        error: import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | undefined;
+        data?: undefined;
+    } | {
+        data: {
+            items: Array<UeGoalsCollectionModel>;
+            total: number;
+        };
+        error?: undefined;
+    }>;
+}

package/dist/settings/goals/collection/repository/goals-collection.server.data-source.js

@@ -0,0 +1,31 @@
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+import { ENGAGE_GOAL_ENTITY_TYPE } from "../../constants.js";
+import { GoalService } from "../../../../generated/index.js";
+export class UeGoalsCollectionServerDataSource extends UmbControllerBase {
+    #host;
+    constructor(host) {
+        super(host);
+        this.#host = host;
+    }
+    async getCollection(filter) {
+        const { data, error } = await tryExecute(this.#host, GoalService.postGoalAll({
+            body: {
+                ...filter,
+                ...{ pageSize: filter.take, page: filter.skip + 1 },
+            },
+        }));
+        if (!data || error) {
+            return { error };
+        }
+        return {
+            data: {
+                items: data.rows.map((d) => ({
+                    ...d,
+                    entityType: ENGAGE_GOAL_ENTITY_TYPE,
+                })),
+                total: data.totalRowCount,
+            },
+        };
+    }
+}

package/dist/settings/goals/collection/repository/index.d.ts

@@ -0,0 +1 @@
+export * from "./goals-collection.repository.js";

package/dist/settings/goals/collection/repository/index.js

@@ -0,0 +1 @@
+export * from "./goals-collection.repository.js";

package/dist/settings/goals/collection/repository/manifests.d.ts

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

package/dist/settings/goals/collection/repository/manifests.js

@@ -0,0 +1,9 @@
+import { ENGAGE_GOALS_COLLECTION_REPOSITORY_ALIAS } from "../constants.js";
+export const manifests = [
+    {
+        type: "repository",
+        alias: ENGAGE_GOALS_COLLECTION_REPOSITORY_ALIAS,
+        name: "Engage Goals Collection Repository",
+        api: () => import("./goals-collection.repository.js"),
+    },
+];

package/dist/settings/goals/collection/views/manifests.d.ts

@@ -0,0 +1,2 @@
+import { type ManifestCollectionView } from "@umbraco-cms/backoffice/collection";
+export declare const manifests: Array<ManifestCollectionView>;

package/dist/settings/goals/collection/views/manifests.js

@@ -0,0 +1,21 @@
+import { UMB_COLLECTION_ALIAS_CONDITION, } from "@umbraco-cms/backoffice/collection";
+import { ENGAGE_GOALS_COLLECTION_ALIAS } from "../constants.js";
+export const manifests = [
+    {
+        type: "collectionView",
+        alias: "Engage.CollectionView.Goals.Table",
+        name: "Engage Goals Table Collection View",
+        js: () => import("./table/goals-table-collection-view.element.js"),
+        meta: {
+            label: "Table",
+            icon: "icon-list",
+            pathName: "table",
+        },
+        conditions: [
+            {
+                alias: UMB_COLLECTION_ALIAS_CONDITION,
+                match: ENGAGE_GOALS_COLLECTION_ALIAS,
+            },
+        ],
+    },
+];

package/dist/settings/goals/collection/views/table/goals-table-collection-view.element.d.ts

@@ -0,0 +1,14 @@
+import type { UeGoalsCollectionModel } from "../../entities.js";
+import { UeCollectionTableBaseElement } from "../../../../../core/index.js";
+declare const elementName = "ue-goals-table";
+export declare class UeGoalsTableElement extends UeCollectionTableBaseElement<UeGoalsCollectionModel> {
+    constructor();
+    createTableColumns(): void;
+    createTableItems(result: Array<UeGoalsCollectionModel>): void;
+}
+export default UeGoalsTableElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeGoalsTableElement;
+    }
+}

package/dist/settings/goals/collection/views/table/goals-table-collection-view.element.js

@@ -0,0 +1,104 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { ENGAGE_GOAL_ENTITY_TYPE } from "../../../constants.js";
+import { UeCollectionTableBaseElement } from "../../../../../core/index.js";
+const elementName = "ue-goals-table";
+let UeGoalsTableElement = class UeGoalsTableElement extends UeCollectionTableBaseElement {
+    constructor() {
+        super({ entityType: ENGAGE_GOAL_ENTITY_TYPE });
+    }
+    createTableColumns() {
+        this.tableColumns = [
+            {
+                name: this.localize.term("engage_goal"),
+                alias: "goal",
+            },
+            {
+                name: this.localize.term("engage_trigger"),
+                alias: "trigger",
+            },
+            {
+                name: this.localize.term("engage_type"),
+                alias: "type",
+            },
+            {
+                name: this.localize.term("engage_completions"),
+                alias: "completions",
+            },
+            {
+                name: this.localize.term("engage_active"),
+                alias: "active",
+            },
+            {
+                name: this.localize.term("engage_implicitScoring"),
+                alias: "implicitScoring",
+            },
+            {
+                name: "",
+                alias: "actions",
+                align: "right",
+            },
+        ];
+    }
+    createTableItems(result) {
+        this.tableItems = result.map((goal) => {
+            return {
+                id: goal.unique,
+                data: [
+                    {
+                        columnAlias: "goal",
+                        value: html `<a href=${`${this.modalPath}edit/${goal.unique}`}>
+              <strong>${goal.name}</strong>
+            </a>`,
+                    },
+                    {
+                        columnAlias: "trigger",
+                        value: goal.typeText,
+                    },
+                    {
+                        columnAlias: "type",
+                        value: goal.isMain ? "Macro" : "Micro",
+                    },
+                    {
+                        columnAlias: "completions",
+                        value: goal.completionCount,
+                    },
+                    {
+                        columnAlias: "active",
+                        value: html `<ue-checkmark
+              .value=${goal.isActive}
+              mode="text"
+            ></ue-checkmark>`,
+                    },
+                    {
+                        columnAlias: "implicitScoring",
+                        value: html `<ue-checkmark
+              .value=${goal.isImplicitScoringEnabled}
+              mode="text"
+            ></ue-checkmark>`,
+                    },
+                    {
+                        columnAlias: "actions",
+                        value: html `<umb-entity-actions-table-column-view
+              .value=${{
+                            entityType: ENGAGE_GOAL_ENTITY_TYPE,
+                            unique: goal.unique,
+                            name: goal.name,
+                        }}
+            ></umb-entity-actions-table-column-view>`,
+                    },
+                ],
+            };
+        });
+    }
+};
+UeGoalsTableElement = __decorate([
+    customElement(elementName)
+], UeGoalsTableElement);
+export { UeGoalsTableElement };
+export default UeGoalsTableElement;

package/dist/settings/goals/components/custom-goal/custom-goal.element.d.ts

@@ -0,0 +1,14 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
+declare const elementName = "ue-custom-goal";
+export declare class UeCustomGoalElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    private _goalId;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default UeCustomGoalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeCustomGoalElement;
+    }
+}

package/dist/settings/goals/components/custom-goal/custom-goal.element.js

@@ -0,0 +1,58 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { ENGAGE_GOAL_WORKSPACE_CONTEXT } from "../../workspace/goal-workspace-context.token.js";
+const elementName = "ue-custom-goal";
+let UeCustomGoalElement = class UeCustomGoalElement extends UmbLitElement {
+    constructor() {
+        super();
+        this._goalId = 0;
+        this.consumeContext(ENGAGE_GOAL_WORKSPACE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.data, (data) => {
+                this._goalId = data?.id ?? 0;
+            });
+        });
+    }
+    render() {
+        return html `<div>
+      <p>
+        You can trigger this goal by executing this C# code.
+        ${when(this._goalId === 0, () => html ` <br />Save this Goal to replace GOAL_ID in the code below
+            with the actual id of this goal.`)}
+      </p>
+
+      <pre style="font-family: Consolas, monospace; font-size: 12px;">
+using Umbraco.Engage.Infrastructure.Analytics.Goals;
+
+public class YourService
+{
+    private IGoalService _goalService;
+
+    public YourService(IGoalService goalService) => _goalService = goalService;
+
+    public void TriggerGoal()
+    {
+        // value (int) is optional, default is 0.
+        <strong>_goalService.TriggerGoal(goalId: ${this._goalId > 0
+            ? this._goalId
+            : "GOAL_ID"}}, value: ...);</strong>
+    }
+}</pre>
+    </div> `;
+    }
+};
+__decorate([
+    state()
+], UeCustomGoalElement.prototype, "_goalId", void 0);
+UeCustomGoalElement = __decorate([
+    customElement(elementName)
+], UeCustomGoalElement);
+export { UeCustomGoalElement };
+export default UeCustomGoalElement;

package/dist/settings/goals/components/goal-trigger-base.element.d.ts

@@ -0,0 +1,7 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
+export declare abstract class UeGoalTriggerBaseElement<GoalTriggerConfigModel extends object> extends UmbLitElement implements UmbPropertyEditorUiElement {
+    value: GoalTriggerConfigModel;
+    protected initialized: Promise<void>;
+    constructor();
+}

package/dist/settings/goals/components/goal-trigger-base.element.js

@@ -0,0 +1,24 @@
+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_GOAL_WORKSPACE_CONTEXT } from "../workspace/goal-workspace-context.token.js";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { property } from "@umbraco-cms/backoffice/external/lit";
+export class UeGoalTriggerBaseElement extends UmbLitElement {
+    constructor() {
+        super();
+        this.value = {};
+        this.initialized = new Promise((resolve) => this.consumeContext(ENGAGE_GOAL_WORKSPACE_CONTEXT, (context) => {
+            this.observe(context?.goalTypeConfig, (goalTypeConfig) => {
+                this.value = (goalTypeConfig ? JSON.parse(goalTypeConfig) : {});
+                resolve();
+            });
+        }));
+    }
+}
+__decorate([
+    property({ type: Object })
+], UeGoalTriggerBaseElement.prototype, "value", void 0);

package/dist/settings/goals/components/goal-type-config/goal-type-config.element.d.ts

@@ -0,0 +1,20 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
+declare const elementName = "ue-goal-type-config";
+export declare class UeGoalTypeConfigElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    #private;
+    value?: string;
+    private _value;
+    private _goalTypes;
+    private _goalTypeEditor?;
+    constructor();
+    connectedCallback(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export default UeGoalTypeConfigElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeGoalTypeConfigElement;
+    }
+}