@umbraco-engage/backoffice 17.0.0-rc1

package/dist/settings/screens/goals-screen.element.d.ts

@@ -0,0 +1,12 @@
+import { UeContentScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-goals";
+export declare class UeSettingsGoalsElement extends UeContentScreenBaseElement {
+    renderSidebar(): import("lit-html").TemplateResult<1>;
+    renderContent(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeSettingsGoalsElement;
+    }
+}
+export {};

package/dist/settings/screens/goals-screen.element.js

@@ -0,0 +1,31 @@
+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, unsafeHTML, } from "@umbraco-cms/backoffice/external/lit";
+import { ENGAGE_GOALS_COLLECTION_ALIAS } from "../goals/collection/constants.js";
+import { UeContentScreenBaseElement } from "../../core/index.js";
+const elementName = "ue-goals";
+let UeSettingsGoalsElement = class UeSettingsGoalsElement extends UeContentScreenBaseElement {
+    renderSidebar() {
+        return html `<uui-box
+      .headline=${this.localize.term("engage_settings_setupGoals")}
+    >
+      <p>${this.localize.term("engage_settings_setupGoalsDescription")}</p>
+      <ue-advice
+        .content=${html `${unsafeHTML(this.localize.term("engage_settings_setupGoalsTip"))}`}
+      ></ue-advice>
+    </uui-box>`;
+    }
+    renderContent() {
+        return html `<umb-collection
+      .alias=${ENGAGE_GOALS_COLLECTION_ALIAS}
+    ></umb-collection>`;
+    }
+};
+UeSettingsGoalsElement = __decorate([
+    customElement(elementName)
+], UeSettingsGoalsElement);
+export { UeSettingsGoalsElement };

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

@@ -0,0 +1,3 @@
+export { UeSettingsScreenElement } from "./settings-root-screen.element.js";
+export { UeSettingsGoalsElement } from "./goals-screen.element.js";
+export { UeSettingsIpFiltersScreenElement } from "./ipfilters-screen.element.js";

package/dist/settings/screens/index.js

@@ -0,0 +1,3 @@
+export { UeSettingsScreenElement } from "./settings-root-screen.element.js";
+export { UeSettingsGoalsElement } from "./goals-screen.element.js";
+export { UeSettingsIpFiltersScreenElement } from "./ipfilters-screen.element.js";

package/dist/settings/screens/ipfilters-screen.element.d.ts

@@ -0,0 +1,12 @@
+import { UeContentScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-ipfilters";
+export declare class UeSettingsIpFiltersScreenElement extends UeContentScreenBaseElement {
+    renderSidebar(): import("lit-html").TemplateResult<1>;
+    renderContent(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeSettingsIpFiltersScreenElement;
+    }
+}
+export {};

package/dist/settings/screens/ipfilters-screen.element.js

@@ -0,0 +1,31 @@
+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_IPFILTER_COLLECTION_ALIAS } from "../ip-filters/collection/constants.js";
+import { UeContentScreenBaseElement } from "../../core/index.js";
+const elementName = "ue-ipfilters";
+let UeSettingsIpFiltersScreenElement = class UeSettingsIpFiltersScreenElement extends UeContentScreenBaseElement {
+    renderSidebar() {
+        return html `<uui-box
+      .headline=${this.localize.term("engage_settings_setupIpFilters")}
+    >
+      <p>${this.localize.term("engage_settings_setupIpFiltersDescription")}</p>
+    </uui-box>`;
+    }
+    renderContent() {
+        return html `<umb-collection
+      .config=${{
+            noItemsLabel: this.localize.term("engage_settings_ipFiltersNoItems"),
+        }}
+      alias=${ENGAGE_IPFILTER_COLLECTION_ALIAS}
+    ></umb-collection>`;
+    }
+};
+UeSettingsIpFiltersScreenElement = __decorate([
+    customElement(elementName)
+], UeSettingsIpFiltersScreenElement);
+export { UeSettingsIpFiltersScreenElement };

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

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

package/dist/settings/screens/settings-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-settings-screen";
+let UeSettingsScreenElement = class UeSettingsScreenElement extends UeRootScreenBaseElement {
+};
+UeSettingsScreenElement = __decorate([
+    customElement(elementName)
+], UeSettingsScreenElement);
+export { UeSettingsScreenElement };
+export default UeSettingsScreenElement;

package/dist/settings/tree/manifest.d.ts

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

package/dist/settings/tree/manifest.js

@@ -0,0 +1,39 @@
+import { UMB_SECTION_ALIAS_CONDITION_ALIAS } from "@umbraco-cms/backoffice/section";
+import { ENGAGE_SETTINGS_ENTITY_TYPE, ENGAGE_SETTINGS_MENU_ALIAS, } from "../constants.js";
+import { UMB_SETTINGS_SECTION_ALIAS } from "@umbraco-cms/backoffice/settings";
+export const manifests = [
+    {
+        type: "menu",
+        alias: ENGAGE_SETTINGS_MENU_ALIAS,
+        name: "Engage Settings Menu",
+    },
+    {
+        type: "sectionSidebarApp",
+        kind: "menu",
+        alias: "Engage.SectionSidebarMenu.Settings",
+        name: "Structure Settings Sidebar Menu",
+        weight: 100,
+        meta: {
+            label: "#engage_engage",
+            menu: ENGAGE_SETTINGS_MENU_ALIAS,
+        },
+        conditions: [
+            {
+                alias: UMB_SECTION_ALIAS_CONDITION_ALIAS,
+                match: UMB_SETTINGS_SECTION_ALIAS,
+            },
+        ],
+    },
+    {
+        type: "menuItem",
+        alias: "Engage.MenuItem.Configuration",
+        name: "Engage Configuration Menu Item",
+        weight: 600,
+        meta: {
+            label: "#engage_configuration",
+            icon: "icon-settings",
+            entityType: ENGAGE_SETTINGS_ENTITY_TYPE,
+            menus: [ENGAGE_SETTINGS_MENU_ALIAS],
+        },
+    },
+];

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

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

package/dist/settings/umbraco-package.js

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

package/dist/settings/workspace/configuration-workspace.element.d.ts

@@ -0,0 +1,11 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+declare const elementName = "ue-configuration-workspace";
+export declare class UeSettingsWorkspaceElement extends UmbLitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { UeSettingsWorkspaceElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeSettingsWorkspaceElement;
+    }
+}

package/dist/settings/workspace/configuration-workspace.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 { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+const elementName = "ue-configuration-workspace";
+let UeSettingsWorkspaceElement = class UeSettingsWorkspaceElement extends UmbLitElement {
+    render() {
+        return html `
+      <umb-workspace-editor
+        headline=${this.localize.term("engage_configuration")}
+        .enforceNoFooter=${true}
+      ></umb-workspace-editor>
+    `;
+    }
+};
+UeSettingsWorkspaceElement = __decorate([
+    customElement(elementName)
+], UeSettingsWorkspaceElement);
+export { UeSettingsWorkspaceElement };
+export { UeSettingsWorkspaceElement as element };

package/dist/settings/workspace/constants.d.ts

@@ -0,0 +1 @@
+export declare const ENGAGE_CONFIGURATION_WORKSPACE_ALIAS = "Engage.Workspace.Configuration";

package/dist/settings/workspace/constants.js

@@ -0,0 +1 @@
+export const ENGAGE_CONFIGURATION_WORKSPACE_ALIAS = "Engage.Workspace.Configuration";

package/dist/settings/workspace/index.d.ts

@@ -0,0 +1 @@
+export * from "./views/index.js";

package/dist/settings/workspace/index.js

@@ -0,0 +1 @@
+export * from "./views/index.js";

package/dist/settings/workspace/manifests.d.ts

@@ -0,0 +1,73 @@
+export declare const manifests: (import("@umbraco-cms/backoffice/extension-api").ManifestBase | {
+    type: string;
+    kind: string;
+    alias: string;
+    name: string;
+    element: () => Promise<typeof import("./configuration-workspace.element.js")>;
+    meta: {
+        entityType: string;
+        headline: string;
+        label?: undefined;
+        pathname?: undefined;
+        icon?: undefined;
+    };
+    conditions: {
+        alias: string;
+        match: string;
+    }[];
+    weight?: undefined;
+} | {
+    type: string;
+    alias: string;
+    name: string;
+    element: () => Promise<typeof import("./views/overview/settings-overview.element.js")>;
+    weight: number;
+    meta: {
+        label: string;
+        pathname: string;
+        icon: string;
+        entityType?: undefined;
+        headline?: undefined;
+    };
+    conditions: {
+        alias: string;
+        match: string;
+    }[];
+    kind?: undefined;
+} | {
+    type: string;
+    alias: string;
+    name: string;
+    element: () => Promise<typeof import("./views/statistics/settings-statistics.element.js")>;
+    weight: number;
+    meta: {
+        label: string;
+        pathname: string;
+        icon: string;
+        entityType?: undefined;
+        headline?: undefined;
+    };
+    conditions: {
+        alias: string;
+        match: string;
+    }[];
+    kind?: undefined;
+} | {
+    type: string;
+    alias: string;
+    name: string;
+    element: () => Promise<typeof import("./views/permissions/settings-permissions.element.js")>;
+    weight: number;
+    meta: {
+        label: string;
+        pathname: string;
+        icon: string;
+        entityType?: undefined;
+        headline?: undefined;
+    };
+    conditions: {
+        alias: string;
+        match: string;
+    }[];
+    kind?: undefined;
+})[];

package/dist/settings/workspace/manifests.js

@@ -0,0 +1,78 @@
+import { ENGAGE_FEATURE_SETTINGS, ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS, } from "../../core/index.js";
+import { ENGAGE_SETTINGS_ENTITY_TYPE, ENGAGE_SETTINGS_WORKSPACE_ALIAS, } from "../constants.js";
+import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
+import { manifests as viewManifests } from "./views/manifests.js";
+export const manifests = [
+    ...viewManifests,
+    {
+        type: "workspace",
+        kind: "default",
+        alias: ENGAGE_SETTINGS_WORKSPACE_ALIAS,
+        name: `Engage Configuration Workspace`,
+        element: () => import("./configuration-workspace.element.js"),
+        meta: {
+            entityType: ENGAGE_SETTINGS_ENTITY_TYPE,
+            headline: "#engage_configuration",
+        },
+        conditions: [
+            {
+                alias: ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS,
+                match: ENGAGE_FEATURE_SETTINGS,
+            },
+        ],
+    },
+    {
+        type: "workspaceView",
+        alias: "Engage.WorkspaceView.Settings.Overview",
+        name: "Engage Settings Overview View",
+        element: () => import("./views/overview/settings-overview.element.js"),
+        weight: 300,
+        meta: {
+            label: "#engage_overview",
+            pathname: "overview",
+            icon: "icon-settings",
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: ENGAGE_SETTINGS_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: "workspaceView",
+        alias: "Engage.WorkspaceView.Settings.Statistics",
+        name: "Engage Settings Statistics View",
+        element: () => import("./views/statistics/settings-statistics.element.js"),
+        weight: 300,
+        meta: {
+            label: "#engage_statistics",
+            pathname: "statistics",
+            icon: "icon-chart",
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: ENGAGE_SETTINGS_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: "workspaceView",
+        alias: "Engage.WorkspaceView.Settings.Permissions",
+        name: "Engage Settings Permissions View",
+        element: () => import("./views/permissions/settings-permissions.element.js"),
+        weight: 300,
+        meta: {
+            label: "Permissions",
+            pathname: "permissions",
+            icon: "icon-permissions",
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: ENGAGE_SETTINGS_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+];

package/dist/settings/workspace/views/index.d.ts

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

package/dist/settings/workspace/views/index.js

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

package/dist/settings/workspace/views/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: import("@umbraco-cms/backoffice/extension-api").ManifestBase[];

package/dist/settings/workspace/views/manifests.js

@@ -0,0 +1,3 @@
+import { manifests as overviewManifests } from "./overview/manifests.js";
+import { manifests as permissionsManifests } from "./permissions/manifests.js";
+export const manifests = [...overviewManifests, ...permissionsManifests];

package/dist/settings/workspace/views/overview/components/ab-testing-configuration-panel.element.d.ts

@@ -0,0 +1,13 @@
+import { UeConfigurationPanelElement } from "./configuration-panel.element.js";
+import type { AbTestingConfigurationDtoModel } from "../../../../../generated/index.js";
+declare const elementName = "ue-abtesting-configuration-panel";
+export declare class UeAbTestingConfigurationPanelElement extends UeConfigurationPanelElement<AbTestingConfigurationDtoModel> {
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { UeAbTestingConfigurationPanelElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeAbTestingConfigurationPanelElement;
+    }
+}

package/dist/settings/workspace/views/overview/components/ab-testing-configuration-panel.element.js

@@ -0,0 +1,31 @@
+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 { UeConfigurationPanelElement } from "./configuration-panel.element.js";
+const elementName = "ue-abtesting-configuration-panel";
+let UeAbTestingConfigurationPanelElement = class UeAbTestingConfigurationPanelElement extends UeConfigurationPanelElement {
+    constructor() {
+        super("abTesting");
+    }
+    render() {
+        return html ` ${this.renderConfigValueCollection([
+            [
+                "requiredVisitorPercentageBeforeShowingAdvice",
+                this.configuration?.requiredVisitorPercentageBeforeShowingAdvice,
+            ],
+            [
+                "intervalInSecondminimumPercentageMacroGoalWarnings",
+                this.configuration?.minimumPercentageMacroGoalWarning,
+            ],
+        ])}`;
+    }
+};
+UeAbTestingConfigurationPanelElement = __decorate([
+    customElement(elementName)
+], UeAbTestingConfigurationPanelElement);
+export { UeAbTestingConfigurationPanelElement };
+export { UeAbTestingConfigurationPanelElement as element };

package/dist/settings/workspace/views/overview/components/analytics-configuration-panel.element.d.ts

@@ -0,0 +1,13 @@
+import { UeConfigurationPanelElement } from "./configuration-panel.element.js";
+import type { AnalyticsConfigurationDtoModel } from "../../../../../generated/index.js";
+declare const elementName = "ue-analytics-configuration-panel";
+export declare class UeAnalyticsConfigurationPanelElement extends UeConfigurationPanelElement<AnalyticsConfigurationDtoModel> {
+    constructor();
+    render(): import("lit-html").TemplateResult<1> | undefined;
+}
+export { UeAnalyticsConfigurationPanelElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeAnalyticsConfigurationPanelElement;
+    }
+}

package/dist/settings/workspace/views/overview/components/analytics-configuration-panel.element.js

@@ -0,0 +1,103 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { UeConfigurationPanelElement } from "./configuration-panel.element.js";
+import { ENGAGE_DATA_CLEANUP_LOG_MODAL } from "../modal/index.js";
+const elementName = "ue-analytics-configuration-panel";
+let UeAnalyticsConfigurationPanelElement = class UeAnalyticsConfigurationPanelElement extends UeConfigurationPanelElement {
+    constructor() {
+        super("analytics");
+    }
+    render() {
+        if (!this.configuration)
+            return;
+        const visitorCookie = this.configuration
+            .visitorCookie;
+        const dataCollection = this.configuration
+            .dataCollection;
+        const dataProcessing = this.configuration
+            .dataProcessing;
+        const dataStorage = this.configuration
+            .dataStorage;
+        const dataCleanup = this.configuration
+            .dataCleanup;
+        const internalSiteSearch = dataCollection?.internalSiteSearch;
+        return html ` ${this.renderConfigValueCollection([
+            ["expirationInDays", visitorCookie?.expirationInDays],
+            ["cookieName", visitorCookie?.cookieName],
+            ["includeSubdomains", visitorCookie?.includeSubdomains],
+        ], "engage_visitorCookie")}
+    ${this.renderConfigValueCollection([
+            ["anonymizeIPAddress", dataCollection?.anonymizeIPAddress],
+            ["flushRateInRecords", dataCollection?.flushRateInRecords],
+            ["flushIntervalInSeconds", dataCollection?.flushIntervalInSeconds],
+        ], "engage_dataCollection")}
+    ${this.renderConfigValueCollection([
+            [
+                "automaticSearchTracking",
+                internalSiteSearch?.automaticSearchTracking,
+            ],
+            ["searchTermParameters", internalSiteSearch?.searchTermParameters],
+            ["searchBoxParameters", internalSiteSearch?.searchBoxParameters],
+            ["categoryParameters", internalSiteSearch?.categoryParameters],
+        ], "engage_internalSiteSearch")}
+    ${this.renderConfigValueCollection([
+            ["intervalInSeconds", dataProcessing?.intervalInSeconds],
+            ["sessionLengthInMinutes", dataProcessing?.sessionLengthInMinutes],
+            ["isProcessingServer", dataProcessing?.isProcessingServer],
+        ], "engage_dataProcessing")}
+    ${this.renderConfigValueCollection([
+            [
+                "anonymizeAnalyticsDataAfterDays",
+                dataStorage?.anonymizeAnalyticsDataAfterDays,
+            ],
+            [
+                "deleteAnalyticsDataAfterDays",
+                dataStorage?.deleteAnalyticsDataAfterDays,
+            ],
+            ["deleteRawDataAfterDays", dataStorage?.deleteRawDataAfterDays],
+            [
+                "deleteControlGroupDataAfterDays",
+                dataStorage?.deleteControlGroupDataAfterDays,
+            ],
+        ], "engage_dataStorage")}
+    ${this.renderConfigValueCollection([
+            ["startAfterSeconds", dataCleanup?.startAfterSeconds],
+            ["intervalInSeconds", dataCleanup?.intervalInSeconds],
+            ["numberOfRows", dataCleanup?.numberOfRows],
+        ], "engage_dataCleanup", () => html `<umb-property-layout
+            orientation="vertical"
+            label=${this.localize.term("engage_dataCleanup_dataCleanupLog")}
+          >
+            <uui-button
+              slot="editor"
+              look="primary"
+              label=${this.localize.term("engage_viewLog")}
+              @click=${() => this.modal(ENGAGE_DATA_CLEANUP_LOG_MODAL)}
+            ></uui-button>
+
+            <uui-button
+              compact
+              popovertarget="popover-data-cleanup"
+              slot="action-menu"
+            >
+              <umb-icon name="icon-help-alt"></umb-icon>
+            </uui-button>
+          </umb-property-layout>
+
+          <uui-popover-container id="popover-data-cleanup">
+            <ue-tooltip>
+              ${this.localize.term("engage_dataCleanup_dataCleanupLogDescription")}
+            </ue-tooltip>
+          </uui-popover-container>`)}`;
+    }
+};
+UeAnalyticsConfigurationPanelElement = __decorate([
+    customElement(elementName)
+], UeAnalyticsConfigurationPanelElement);
+export { UeAnalyticsConfigurationPanelElement };
+export { UeAnalyticsConfigurationPanelElement as element };

package/dist/settings/workspace/views/overview/components/cockpit-configuration-panel.element.d.ts

@@ -0,0 +1,13 @@
+import { UeConfigurationPanelElement } from "./configuration-panel.element.js";
+import type { CockpitConfigurationDtoModel } from "../../../../../generated/index.js";
+declare const elementName = "ue-cockpit-configuration-panel";
+export declare class UeCockpitConfigurationPanelElement extends UeConfigurationPanelElement<CockpitConfigurationDtoModel> {
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { UeCockpitConfigurationPanelElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeCockpitConfigurationPanelElement;
+    }
+}

package/dist/settings/workspace/views/overview/components/cockpit-configuration-panel.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 { customElement, html } from "@umbraco-cms/backoffice/external/lit";
+import { UeConfigurationPanelElement } from "./configuration-panel.element.js";
+const elementName = "ue-cockpit-configuration-panel";
+let UeCockpitConfigurationPanelElement = class UeCockpitConfigurationPanelElement extends UeConfigurationPanelElement {
+    constructor() {
+        super("cockpit");
+    }
+    render() {
+        return html ` ${this.renderConfigValueCollection([
+            ["injectionEnabled", this.configuration?.enableInjection],
+        ])}`;
+    }
+};
+UeCockpitConfigurationPanelElement = __decorate([
+    customElement(elementName)
+], UeCockpitConfigurationPanelElement);
+export { UeCockpitConfigurationPanelElement };
+export { UeCockpitConfigurationPanelElement as element };

package/dist/settings/workspace/views/overview/components/configuration-panel.element.d.ts

@@ -0,0 +1,21 @@
+import { type TemplateResult } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { type UmbModalToken } from "@umbraco-cms/backoffice/modal";
+import { ENGAGE_CONTEXT } from "../../../../../core/index.js";
+import type { ConfigurationDtoModel } from "../../../../../generated/index.js";
+type ConfigurationModelKey = keyof ConfigurationDtoModel;
+export declare abstract class UeConfigurationPanelElement<ConfigurationType> extends UmbLitElement {
+    #private;
+    engageContext?: typeof ENGAGE_CONTEXT.TYPE;
+    configuration?: ConfigurationType;
+    mainSwitchOn?: boolean;
+    constructor(property: ConfigurationModelKey);
+    observeConfiguration(property?: ConfigurationModelKey): void;
+    observeMainSwitch(): void;
+    renderDisabledConfigValue(labelKey: string, value: any, labelPrefix?: string): TemplateResult<1>;
+    renderConfigValueCollection(config: Array<Array<any>>, labelKey?: string, render?: () => TemplateResult): TemplateResult<1>;
+    modal(token: UmbModalToken): Promise<void>;
+    abstract render(): any;
+    static styles: import("lit").CSSResult[];
+}
+export {};