@umbraco-engage/backoffice 17.0.3 → 17.1.0

package/dist/profiles/insights/search-terms/search-terms.element.js

@@ -4,12 +4,12 @@ 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 { UeProfileInsightElement } from "../engage-profile-insight.interface.js";
 import { css, customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbId } from "@umbraco-cms/backoffice/id";
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
 import { UeTimeFormatOptions } from "../../../core/index.js";
 import { SearchTermsService, } from "../../../generated/index.js";
-import { UeProfileInsightElement } from "../engage-profile-insight.interface.js";
 const elementName = "ue-profile-detail-search-terms";
 let UeProfileDetailsSearchTermsElement = class UeProfileDetailsSearchTermsElement extends UeProfileInsightElement {
     constructor() {

package/dist/profiles/screens/profiles-screen.element.js

@@ -4,9 +4,9 @@ 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 { ENGAGE_PROFILES_COLLECTION_ALIAS } from "../collection/constants.js";
 import { css, customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
-import { ENGAGE_PROFILES_COLLECTION_ALIAS } from "../collection/constants.js";
 import { ENGAGE_CONTEXT, UeContentScreenBaseElement, } from "../../core/index.js";
 import { ProfileService } from "../../generated/index.js";
 const elementName = "ue-profiles-profiles-screen";

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

@@ -4,10 +4,10 @@ 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 { ENGAGE_REPORTING_CONTEXT } from "../../reporting.context.js";
 import { css, customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
-import { ENGAGE_REPORTING_CONTEXT } from "../../reporting.context.js";
 import { ReportingService } from "../../../generated/index.js";
 const elementName = "ue-reporting-segment-personalization";
 let UeSegmentPersonalizationElement = class UeSegmentPersonalizationElement extends UmbLitElement {

package/dist/reporting/components/segment-personalization-goal-performance/segment-personalization-goal-performance.element.js

@@ -4,10 +4,10 @@ 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 { ENGAGE_REPORTING_CONTEXT } from "../../reporting.context.js";
 import { css, customElement, html, nothing, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
-import { ENGAGE_REPORTING_CONTEXT } from "../../reporting.context.js";
 import { ReportingService, } from "../../../generated/index.js";
 const elementName = "ue-segment-personalization-goal-performance";
 let UeSegmentPersonalizationGoalPerformanceElement = class UeSegmentPersonalizationGoalPerformanceElement extends UmbLitElement {

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

@@ -4,10 +4,10 @@ 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 { ENGAGE_REPORTING_CONTEXT } from "../../reporting.context.js";
 import { css, customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
-import { ENGAGE_REPORTING_CONTEXT } from "../../reporting.context.js";
 import { ReportingService } from "../../../generated/index.js";
 const elementName = "ue-reporting-segment-potential";
 let UeSegmentPotentialElement = class UeSegmentPotentialElement extends UmbLitElement {

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

@@ -4,9 +4,9 @@ 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 { ENGAGE_REPORTING_CONTEXT } from "../../reporting.context.js";
 import { css, customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { ENGAGE_REPORTING_CONTEXT } from "../../reporting.context.js";
 const elementName = "ue-reporting-segment-selector";
 let UeReportingSegmentSelectorElement = class UeReportingSegmentSelectorElement extends UmbLitElement {
     #reportingContext;
@@ -85,7 +85,7 @@ let UeReportingSegmentSelectorElement = class UeReportingSegmentSelectorElement
     render() {
         return html ` <div id="header">
         <h2>${this.localize.term("engage_reporting_segment")}</h2>
-        <h3>${this.localize.term("engage_analytics_last30days")}</h3>
+        <h3>${this.localize.term("engage_analytics_last-30-days")}</h3>
       </div>
       <uui-box>
         <div>

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

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UeReportingContext, ENGAGE_REPORTING_CONTEXT, } from "../reporting.context.js";
+import { css, customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UeContentScreenBaseElement, UeDateRangeManager, } from "../../core/index.js";
 import { ENGAGE_ANALYTICS_CONTEXT } from "../../analytics/index.js";
 const elementName = "ue-reporting-segments";

package/dist/section.manifests.js

@@ -1,5 +1,5 @@
-import { UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS } from "@umbraco-cms/backoffice/section";
 import { ENGAGE_SECTION_ALIAS } from "./constants.js";
+import { UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS } from "@umbraco-cms/backoffice/section";
 export const manifests = [
     {
         type: "kind",

package/dist/settings/cockpit-launcher/header-action/index.d.ts

@@ -0,0 +1 @@
+export * from "./open-cockpit-header-action.element.js";

package/dist/settings/cockpit-launcher/header-action/index.js

@@ -0,0 +1 @@
+export * from "./open-cockpit-header-action.element.js";

package/dist/settings/cockpit-launcher/header-action/manifests.d.ts

@@ -0,0 +1,2 @@
+export declare const ENGAGE_HEADER_ACTION_OPEN_COCKPIT = "Engage.HeaderAction.OpenCockpit";
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist/settings/cockpit-launcher/header-action/manifests.js

@@ -0,0 +1,15 @@
+export const ENGAGE_HEADER_ACTION_OPEN_COCKPIT = "Engage.HeaderAction.OpenCockpit";
+export const manifests = [
+    {
+        type: "engageHeaderAction",
+        alias: ENGAGE_HEADER_ACTION_OPEN_COCKPIT,
+        name: "Engage Open Cockpit Header Action",
+        elementName: "ue-open-cockpit-header-action",
+        js: () => import("./open-cockpit-header-action.element.js"),
+        weight: 100,
+        meta: {
+            label: "#engage_cockpit_openCockpit",
+            icon: "icon-panel-left",
+        },
+    },
+];

package/dist/settings/cockpit-launcher/header-action/open-cockpit-header-action.element.d.ts

@@ -0,0 +1,18 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { ManifestUeHeaderAction } from "../../../core/index.js";
+export interface UeHeaderActionElement extends HTMLElement {
+    manifest?: ManifestUeHeaderAction;
+}
+declare const elementName = "ue-open-cockpit-header-action";
+export declare class UeOpenCockpitHeaderActionElement extends UmbLitElement implements UeHeaderActionElement {
+    #private;
+    manifest?: ManifestUeHeaderAction;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export default UeOpenCockpitHeaderActionElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeOpenCockpitHeaderActionElement;
+    }
+}

package/dist/settings/cockpit-launcher/header-action/open-cockpit-header-action.element.js

@@ -0,0 +1,82 @@
+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 } from "@umbraco-cms/backoffice/external/lit";
+import { umbOpenModal } from "@umbraco-cms/backoffice/modal";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { ENGAGE_OPEN_COCKPIT_MODAL, } from "../modal/token/index.js";
+import { client } from "../../../generated/index.js";
+const elementName = "ue-open-cockpit-header-action";
+let UeOpenCockpitHeaderActionElement = class UeOpenCockpitHeaderActionElement extends UmbLitElement {
+    async #openCockpit() {
+        try {
+            // Check if there are any domains configured
+            const domainsResponse = await client.get({
+                url: "/umbraco/engage/management/api/v1/cockpit-auth/domains",
+                security: [{ scheme: "bearer", type: "http" }],
+            });
+            const domains = domainsResponse.data?.domains ?? [];
+            // If domains are configured, show the modal for selection
+            if (domains.length > 0) {
+                await umbOpenModal(this, ENGAGE_OPEN_COCKPIT_MODAL, {
+                    data: { domains },
+                }).catch(() => { });
+                return;
+            }
+            // No domains configured - open cockpit directly using current origin
+            const tokenResponse = await client.post({
+                url: "/umbraco/engage/management/api/v1/cockpit-auth/generate-token",
+                security: [{ scheme: "bearer", type: "http" }],
+            });
+            const token = tokenResponse.data?.token;
+            if (!token) {
+                throw new Error("No token received");
+            }
+            const url = `${window.location.origin}/umbraco/engage/cockpit-auth?token=${encodeURIComponent(token)}`;
+            window.open(url, "_blank");
+        }
+        catch (e) {
+            console.error("Failed to open cockpit", e);
+        }
+    }
+    render() {
+        return html `
+      <button @click=${this.#openCockpit}>
+        <umb-icon name=${this.manifest?.meta.icon ?? "icon-panel-left"}></umb-icon>
+        ${this.localize.string(this.manifest?.meta.label ?? "#engage_cockpit_openCockpit")}
+      </button>
+    `;
+    }
+    static { this.styles = css `
+    button {
+      display: flex;
+      align-items: center;
+      gap: var(--uui-size-space-2);
+      height: 100%;
+      background: transparent;
+      border: none;
+      color: white;
+      font-family: inherit;
+      font-size: inherit;
+      font-weight: inherit;
+      cursor: pointer;
+      white-space: nowrap;
+    }
+
+    button:hover {
+      color: var(--uui-palette-spanish-pink);
+    }
+
+    umb-icon {
+      font-size: var(--uui-size-5);
+    }
+  `; }
+};
+UeOpenCockpitHeaderActionElement = __decorate([
+    customElement(elementName)
+], UeOpenCockpitHeaderActionElement);
+export { UeOpenCockpitHeaderActionElement };
+export default UeOpenCockpitHeaderActionElement;

package/dist/settings/cockpit-launcher/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./modal/index.js";
+export * from "./header-action/index.js";

package/dist/settings/cockpit-launcher/index.js

@@ -0,0 +1,2 @@
+export * from "./modal/index.js";
+export * from "./header-action/index.js";

package/dist/settings/cockpit-launcher/manifests.d.ts

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

package/dist/settings/cockpit-launcher/manifests.js

@@ -0,0 +1,6 @@
+import { manifests as modalManifests } from "./modal/manifests.js";
+import { manifests as headerActionManifests } from "./header-action/manifests.js";
+export const manifests = [
+    ...modalManifests,
+    ...headerActionManifests,
+];

package/dist/settings/cockpit-launcher/modal/element/index.d.ts

@@ -0,0 +1 @@
+export * from "./open-cockpit-modal.element.js";

package/dist/settings/cockpit-launcher/modal/element/index.js

@@ -0,0 +1 @@
+export * from "./open-cockpit-modal.element.js";

package/dist/settings/cockpit-launcher/modal/element/open-cockpit-modal.element.d.ts

@@ -0,0 +1,18 @@
+import { UmbModalBaseElement } from "@umbraco-cms/backoffice/modal";
+import type { UeOpenCockpitModalData, UeOpenCockpitModalValue } from "../token/index.js";
+declare const elementName = "ue-open-cockpit-modal";
+export declare class UeOpenCockpitModalElement extends UmbModalBaseElement<UeOpenCockpitModalData, UeOpenCockpitModalValue> {
+    #private;
+    private _selectedDomain?;
+    private _error?;
+    private _buttonState?;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UeOpenCockpitModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeOpenCockpitModalElement;
+    }
+}

package/dist/settings/cockpit-launcher/modal/element/open-cockpit-modal.element.js

@@ -0,0 +1,157 @@
+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, html, customElement, state, nothing, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbModalBaseElement } from "@umbraco-cms/backoffice/modal";
+import { client } from "../../../../generated/index.js";
+const elementName = "ue-open-cockpit-modal";
+let UeOpenCockpitModalElement = class UeOpenCockpitModalElement extends UmbModalBaseElement {
+    connectedCallback() {
+        super.connectedCallback();
+        // Auto-select if only one domain
+        const domains = this.data?.domains ?? [];
+        if (domains.length === 1) {
+            this._selectedDomain = domains[0].name;
+        }
+    }
+    #onDomainChange(event) {
+        this._selectedDomain = event.target.value;
+    }
+    async #openCockpit() {
+        if (!this._selectedDomain)
+            return;
+        this._buttonState = "waiting";
+        this._error = undefined;
+        try {
+            // Generate token
+            const response = await client.post({
+                url: "/umbraco/engage/management/api/v1/cockpit-auth/generate-token",
+                security: [{ scheme: "bearer", type: "http" }],
+            });
+            const token = response.data?.token;
+            if (!token) {
+                throw new Error("No token received");
+            }
+            // Build URL - ensure domain has protocol
+            let domain = this._selectedDomain;
+            if (!domain.startsWith("http://") && !domain.startsWith("https://")) {
+                domain = `https://${domain}`;
+            }
+            // Parse the URL to separate origin from path
+            const domainUrl = new URL(domain);
+            const origin = domainUrl.origin; // e.g., "https://umbraco.com"
+            const pathPrefix = domainUrl.pathname; // e.g., "/nl/" or "/"
+            // Build auth URL using just the origin (API always at root)
+            let url = `${origin}/umbraco/engage/cockpit-auth?token=${encodeURIComponent(token)}`;
+            // If there's a path prefix, add it as returnUrl so we redirect there after auth
+            if (pathPrefix && pathPrefix !== "/") {
+                url += `&returnUrl=${encodeURIComponent(pathPrefix)}`;
+            }
+            // Open in new window
+            console.log("Cockpit auth URL:", url);
+            window.open(url, "_blank");
+            this._buttonState = "success";
+            // Close modal after successful open
+            this.updateValue({ opened: true, domain: this._selectedDomain });
+            this._submitModal();
+        }
+        catch (e) {
+            console.error("Failed to open cockpit", e);
+            this._error =
+                "Failed to generate authentication token. Please try again.";
+            this._buttonState = "failed";
+        }
+    }
+    #renderContent() {
+        const domains = this.data?.domains ?? [];
+        const options = domains.map((d) => ({
+            name: d.name + (d.languageIsoCode ? ` (${d.languageIsoCode})` : ""),
+            value: d.name,
+            selected: d.name === this._selectedDomain,
+        }));
+        return html `
+      <umb-property-layout
+        label=${this.localize.term("engage_cockpit_selectDomain") ||
+            "Select Domain"}
+        description=${this.localize.term("engage_cockpit_selectDomainDescription")}
+      >
+        <uui-select
+          slot="editor"
+          .options=${options}
+          placeholder=${this.localize.term("engage_cockpit_selectDomainPlaceholder")}
+          @change=${this.#onDomainChange}
+        ></uui-select>
+      </umb-property-layout>
+    `;
+    }
+    render() {
+        return html `
+      <uui-dialog-layout
+        headline=${this.localize.term("engage_cockpit_openCockpit")}
+      >
+        ${this.#renderContent()}
+        ${this._error
+            ? html `<uui-tag color="danger" look="secondary" class="error"
+              >${this._error}</uui-tag
+            >`
+            : nothing}
+
+        <div slot="actions">
+          <uui-button
+            label=${this.localize.term("general_close")}
+            @click=${this._rejectModal}
+          ></uui-button>
+          <uui-button
+            label=${this.localize.term("engage_cockpit_open")}
+            look="primary"
+            color="positive"
+            ?disabled=${!this._selectedDomain}
+            .state=${this._buttonState}
+            @click=${this.#openCockpit}
+            ><uui-icon name="icon-out"></uui-icon>
+            ${this.localize.term("engage_cockpit_open")}
+          </uui-button>
+        </div>
+      </uui-dialog-layout>
+    `;
+    }
+    static { this.styles = [
+        css `
+      uui-dialog-layout {
+        min-width: 400px;
+      }
+
+      .error {
+        display: block;
+        margin-top: var(--uui-size-space-4);
+      }
+
+      uui-select {
+        width: 100%;
+      }
+
+      [slot="actions"] {
+        display: flex;
+        align-items: start;
+        gap: var(--uui-size-1);
+      }
+    `,
+    ]; }
+};
+__decorate([
+    state()
+], UeOpenCockpitModalElement.prototype, "_selectedDomain", void 0);
+__decorate([
+    state()
+], UeOpenCockpitModalElement.prototype, "_error", void 0);
+__decorate([
+    state()
+], UeOpenCockpitModalElement.prototype, "_buttonState", void 0);
+UeOpenCockpitModalElement = __decorate([
+    customElement(elementName)
+], UeOpenCockpitModalElement);
+export { UeOpenCockpitModalElement };
+export default UeOpenCockpitModalElement;

package/dist/settings/cockpit-launcher/modal/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./token/index.js";
+export * from "./element/index.js";
+export { manifests } from "./manifests.js";

package/dist/settings/cockpit-launcher/modal/index.js

@@ -0,0 +1,3 @@
+export * from "./token/index.js";
+export * from "./element/index.js";
+export { manifests } from "./manifests.js";

package/dist/settings/cockpit-launcher/modal/manifests.d.ts

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

package/dist/settings/cockpit-launcher/modal/manifests.js

@@ -0,0 +1,9 @@
+import { ENGAGE_OPEN_COCKPIT_MODAL_ALIAS } from "./token/index.js";
+export const manifests = [
+    {
+        type: "modal",
+        alias: ENGAGE_OPEN_COCKPIT_MODAL_ALIAS,
+        name: "Engage Open Cockpit Modal",
+        js: () => import("./element/open-cockpit-modal.element.js"),
+    },
+];

package/dist/settings/cockpit-launcher/modal/token/index.d.ts

@@ -0,0 +1 @@
+export * from "./open-cockpit-modal.token.js";

package/dist/settings/cockpit-launcher/modal/token/index.js

@@ -0,0 +1 @@
+export * from "./open-cockpit-modal.token.js";

package/dist/settings/cockpit-launcher/modal/token/open-cockpit-modal.token.d.ts

@@ -0,0 +1,31 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export declare const ENGAGE_OPEN_COCKPIT_MODAL_ALIAS = "Engage.Modal.OpenCockpit";
+/**
+ * Domain information for cockpit access.
+ */
+export interface UeOpenCockpitDomainInfo {
+    name: string;
+    rootContentId?: number | null;
+    languageIsoCode?: string | null;
+}
+/**
+ * Data passed to the Open Cockpit modal.
+ */
+export interface UeOpenCockpitModalData {
+    /** Pre-fetched domains to display in the modal */
+    domains: UeOpenCockpitDomainInfo[];
+}
+/**
+ * Value returned from the Open Cockpit modal.
+ */
+export interface UeOpenCockpitModalValue {
+    /** Whether a cockpit window was opened successfully */
+    opened: boolean;
+    /** The domain that was selected */
+    domain?: string;
+}
+/**
+ * Modal token for the Open Cockpit dialog.
+ * This modal allows users to select a domain and open the cockpit in a new window.
+ */
+export declare const ENGAGE_OPEN_COCKPIT_MODAL: UmbModalToken<UeOpenCockpitModalData, UeOpenCockpitModalValue>;

package/dist/settings/cockpit-launcher/modal/token/open-cockpit-modal.token.js

@@ -0,0 +1,12 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export const ENGAGE_OPEN_COCKPIT_MODAL_ALIAS = "Engage.Modal.OpenCockpit";
+/**
+ * Modal token for the Open Cockpit dialog.
+ * This modal allows users to select a domain and open the cockpit in a new window.
+ */
+export const ENGAGE_OPEN_COCKPIT_MODAL = new UmbModalToken(ENGAGE_OPEN_COCKPIT_MODAL_ALIAS, {
+    modal: {
+        type: "dialog",
+        size: "small",
+    },
+});

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

@@ -1,8 +1,8 @@
-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";
+import { UMB_COLLECTION_ALIAS_CONDITION } from "@umbraco-cms/backoffice/collection";
 export const manifests = [
     {
         type: "collection",

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

@@ -1,5 +1,5 @@
-import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 import { UeGoalsCollectionServerDataSource } from "./goals-collection.server.data-source.js";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 export class UeGoalsCollectionRepository extends UmbControllerBase {
     #collectionSource;
     constructor(host) {

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

@@ -1,7 +1,7 @@
+import type { UeGoalsCollectionModel } from "../entities.js";
 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);

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

@@ -1,6 +1,6 @@
+import { ENGAGE_GOAL_ENTITY_TYPE } from "../../constants.js";
 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;

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

@@ -1,5 +1,5 @@
-import { UMB_COLLECTION_ALIAS_CONDITION, } from "@umbraco-cms/backoffice/collection";
 import { ENGAGE_GOALS_COLLECTION_ALIAS } from "../constants.js";
+import { UMB_COLLECTION_ALIAS_CONDITION, } from "@umbraco-cms/backoffice/collection";
 export const manifests = [
     {
         type: "collectionView",

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

@@ -4,8 +4,8 @@ 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 { customElement, html } from "@umbraco-cms/backoffice/external/lit";
 import { ENGAGE_GOAL_ENTITY_TYPE } from "../../../constants.js";
+import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
 import { UeCollectionTableBaseElement } from "../../../../../core/index.js";
 const elementName = "ue-goals-table";
 let UeGoalsTableElement = class UeGoalsTableElement extends UeCollectionTableBaseElement {

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

@@ -4,9 +4,9 @@ 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 { ENGAGE_GOAL_WORKSPACE_CONTEXT } from "../../workspace/goal-workspace-context.token.js";
 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() {

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

@@ -4,13 +4,13 @@ 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 { ENGAGE_GOAL_WORKSPACE_CONTEXT } from "../../workspace/goal-workspace-context.token.js";
 import { css, customElement, html, property, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
 import { umbExtensionsRegistry } from "@umbraco-cms/backoffice/extension-registry";
 import { appendToFrozenArray } from "@umbraco-cms/backoffice/observable-api";
 import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
-import { ENGAGE_GOAL_WORKSPACE_CONTEXT } from "../../workspace/goal-workspace-context.token.js";
 import { GoalService } from "../../../../generated/index.js";
 const elementName = "ue-goal-type-config";
 let UeGoalTypeConfigElement = class UeGoalTypeConfigElement extends UmbLitElement {

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

@@ -4,9 +4,9 @@ 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 { UeGoalTriggerBaseElement } from "../goal-trigger-base.element.js";
 import { customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
-import { UeGoalTriggerBaseElement } from "../goal-trigger-base.element.js";
 const elementName = "ue-pageevent-goal";
 let UePageEventGoalElement = class UePageEventGoalElement extends UeGoalTriggerBaseElement {
     constructor() {