@umbraco-engage/backoffice 17.0.0-rc1

package/dist/settings/workspace/views/overview/modal/element/data-log-modal-base.element.js

@@ -0,0 +1,97 @@
+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, state, when } from "@umbraco-cms/backoffice/external/lit";
+import { UmbModalBaseElement } from "@umbraco-cms/backoffice/modal";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+export class UeDataLogModalBaseElement extends UmbModalBaseElement {
+    #requestLogFn;
+    #additionalHeaders;
+    #additionalRowData;
+    #headerKey;
+    constructor(args) {
+        super();
+        this.loading = false;
+        this.#requestLogFn = args.requestLogFn;
+        this.#additionalHeaders = args.additionalHeaders;
+        this.#additionalRowData = args.additionalRowData;
+        this.#headerKey = args.headerKey;
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        this.loading = true;
+        const { data } = await tryExecute(this, this.#requestLogFn({ query: { amount: 20 } }));
+        this.logData = data;
+        this.loading = false;
+    }
+    #localizeDate(date) {
+        if (!date)
+            return;
+        return this.localize.date(date, {
+            dateStyle: "short",
+            timeStyle: "medium",
+        });
+    }
+    #renderTable() {
+        return when(this.logData?.length, () => html `<uui-table>
+        <uui-table-head>
+          <uui-table-head-cell
+            >${this.localize.term("engage_started")}</uui-table-head-cell
+          >
+          <uui-table-head-cell
+            >${this.localize.term("engage_finished")}</uui-table-head-cell
+          >
+          ${this.#additionalHeaders?.map((h) => html `<uui-table-head-cell
+                >${this.localize.term(h)}</uui-table-head-cell
+              >`)}
+          <uui-table-head-cell
+            >${this.localize.term("engage_status")}</uui-table-head-cell
+          >
+          <uui-table-head-cell
+            >${this.localize.term("engage_error")}</uui-table-head-cell
+          >
+        </uui-table-head>
+        ${this.logData?.map((row) => html `<uui-table-row ?failed=${row.failed}>
+            <uui-table-cell>${this.#localizeDate(row.started)}</uui-table-cell>
+            <uui-table-cell>${this.#localizeDate(row.finished)}</uui-table-cell>
+            ${this.#additionalRowData?.(row).map((data) => html `<uui-table-cell>${data}</uui-table-cell>`)}
+            <uui-table-cell
+              >${row.failed
+            ? this.localize.term("engage_failed")
+            : html `<uui-tag color="positive"
+                    >${this.localize.term("engage_success")}</uui-tag
+                  >`}</uui-table-cell
+            >
+            <uui-table-cell>${row.errorMessage}</uui-table-cell>
+          </uui-table-row>`)}
+      </uui-table>`, () => this.localize.term("content_noItemsToShow"));
+    }
+    render() {
+        return html `<umb-body-layout
+      .headline=${this.localize.term(this.#headerKey)}
+    >
+      ${when(this.loading, () => html `<uui-loader></uui-loader>`, () => this.#renderTable())}
+
+      <uui-button
+        slot="actions"
+        label=${this.localize.term("general_close")}
+        @click=${this._rejectModal}
+      ></uui-button>
+    </umb-body-layout>`;
+    }
+    static { this.styles = css `
+    [failed] {
+      background: var(--uui-color-danger);
+      color: var(--uui-color-danger-contrast);
+    }
+  `; }
+}
+__decorate([
+    state()
+], UeDataLogModalBaseElement.prototype, "logData", void 0);
+__decorate([
+    state()
+], UeDataLogModalBaseElement.prototype, "loading", void 0);

package/dist/settings/workspace/views/overview/modal/element/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./data-cleanup-log-modal.element.js";
+export * from "./data-generation-log-modal.element.js";

package/dist/settings/workspace/views/overview/modal/element/index.js

@@ -0,0 +1,2 @@
+export * from "./data-cleanup-log-modal.element.js";
+export * from "./data-generation-log-modal.element.js";

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { ENGAGE_DATA_CLEANUP_LOG_MODAL_ALIAS } from "./token/data-cleanup-log-modal.token.js";
+import { ENGAGE_DATA_GENERATION_LOG_MODAL_ALIAS } from "./token/data-generation-log-modal.token.js";
+export const manifests = [
+    {
+        type: "modal",
+        alias: ENGAGE_DATA_CLEANUP_LOG_MODAL_ALIAS,
+        name: "Engage Data Cleanup Log Modal",
+        js: () => import("./element/data-cleanup-log-modal.element.js"),
+    },
+    {
+        type: "modal",
+        alias: ENGAGE_DATA_GENERATION_LOG_MODAL_ALIAS,
+        name: "Engage Data Generation Log Modal",
+        js: () => import("./element/data-generation-log-modal.element.js"),
+    },
+];

package/dist/settings/workspace/views/overview/modal/token/data-cleanup-log-modal.token.d.ts

@@ -0,0 +1,5 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export declare const ENGAGE_DATA_CLEANUP_LOG_MODAL_ALIAS = "Engage.Modal.DataCleanupLog";
+export declare const ENGAGE_DATA_CLEANUP_LOG_MODAL: UmbModalToken<{
+    [key: string]: any;
+}, unknown>;

package/dist/settings/workspace/views/overview/modal/token/data-cleanup-log-modal.token.js

@@ -0,0 +1,8 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export const ENGAGE_DATA_CLEANUP_LOG_MODAL_ALIAS = "Engage.Modal.DataCleanupLog";
+export const ENGAGE_DATA_CLEANUP_LOG_MODAL = new UmbModalToken(ENGAGE_DATA_CLEANUP_LOG_MODAL_ALIAS, {
+    modal: {
+        type: "sidebar",
+        size: "large",
+    },
+});

package/dist/settings/workspace/views/overview/modal/token/data-generation-log-modal.token.d.ts

@@ -0,0 +1,5 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export declare const ENGAGE_DATA_GENERATION_LOG_MODAL_ALIAS = "Engage.Modal.DataGenerationLog";
+export declare const ENGAGE_DATA_GENERATION_LOG_MODAL: UmbModalToken<{
+    [key: string]: any;
+}, unknown>;

package/dist/settings/workspace/views/overview/modal/token/data-generation-log-modal.token.js

@@ -0,0 +1,8 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export const ENGAGE_DATA_GENERATION_LOG_MODAL_ALIAS = "Engage.Modal.DataGenerationLog";
+export const ENGAGE_DATA_GENERATION_LOG_MODAL = new UmbModalToken(ENGAGE_DATA_GENERATION_LOG_MODAL_ALIAS, {
+    modal: {
+        type: "sidebar",
+        size: "large",
+    },
+});

package/dist/settings/workspace/views/overview/modal/token/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./data-cleanup-log-modal.token.js";
+export * from "./data-generation-log-modal.token.js";

package/dist/settings/workspace/views/overview/modal/token/index.js

@@ -0,0 +1,2 @@
+export * from "./data-cleanup-log-modal.token.js";
+export * from "./data-generation-log-modal.token.js";

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

@@ -0,0 +1,19 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { UmbRoute } from "@umbraco-cms/backoffice/router";
+declare const elementName = "ue-settings-overview-view";
+export declare class UeSettingsOverviewElement extends UmbLitElement {
+    #private;
+    private _manifests;
+    protected _routes: UmbRoute[];
+    protected _routerPath?: string;
+    protected _activePath?: string;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export { UeSettingsOverviewElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeSettingsOverviewElement;
+    }
+}

package/dist/settings/workspace/views/overview/settings-overview.element.js

@@ -0,0 +1,88 @@
+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 { umbExtensionsRegistry } from "@umbraco-cms/backoffice/extension-registry";
+import { css, customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { ENGAGE_CONFIGURATION_PANEL_EXTENSION_TYPE, } from "./components/index.js";
+import { encodeFolderName, } from "@umbraco-cms/backoffice/router";
+import { createExtensionElement } from "@umbraco-cms/backoffice/extension-api";
+const elementName = "ue-settings-overview-view";
+let UeSettingsOverviewElement = class UeSettingsOverviewElement extends UmbLitElement {
+    constructor() {
+        super();
+        this._manifests = [];
+        this._routes = [];
+        this.observe(umbExtensionsRegistry.byType(ENGAGE_CONFIGURATION_PANEL_EXTENSION_TYPE), (manifests) => {
+            if (!manifests?.length)
+                return;
+            this._manifests = manifests;
+            this._manifests.sort((a, b) => (a.weight ?? 0) > (b.weight ?? 0) ? -1 : 1);
+            this.#createRoutes();
+        });
+    }
+    #createRoutes() {
+        const routes = this._manifests.map((m) => ({
+            path: encodeFolderName(m.meta.pathname),
+            component: () => createExtensionElement(m),
+        }));
+        if (routes.length !== 0) {
+            routes.push({
+                path: "",
+                redirectTo: routes[0].path,
+            });
+            routes.push({
+                path: `**`,
+                component: async () => (await import("@umbraco-cms/backoffice/router"))
+                    .UmbRouteNotFoundElement,
+            });
+        }
+        setTimeout(() => (this._routes = routes));
+    }
+    render() {
+        return html `<umb-body-layout header-fit-height>
+      ${when(this._routerPath && this._manifests.length > 1, () => html ` <uui-tab-group slot="header">
+          ${this._manifests.map((manifest) => {
+            const path = this._routerPath + "/" + encodeFolderName(manifest.meta.pathname);
+            return html `<uui-tab
+              label=${this.localize.string(manifest.meta.label)}
+              ?active=${path === this._activePath}
+              href=${path}
+              >${this.localize.string(manifest.meta.label)}</uui-tab
+            >`;
+        })}
+        </uui-tab-group>`)}
+      <umb-router-slot
+        .routes=${this._routes}
+        @init=${(event) => {
+            this._routerPath = event.target.absoluteRouterPath;
+        }}
+        @change=${(event) => {
+            this._activePath = event.target.absoluteActiveViewPath || "";
+        }}
+      >
+      </umb-router-slot>
+    </umb-body-layout>`;
+    }
+    static { this.styles = [css ``]; }
+};
+__decorate([
+    state()
+], UeSettingsOverviewElement.prototype, "_manifests", void 0);
+__decorate([
+    state()
+], UeSettingsOverviewElement.prototype, "_routes", void 0);
+__decorate([
+    state()
+], UeSettingsOverviewElement.prototype, "_routerPath", void 0);
+__decorate([
+    state()
+], UeSettingsOverviewElement.prototype, "_activePath", void 0);
+UeSettingsOverviewElement = __decorate([
+    customElement(elementName)
+], UeSettingsOverviewElement);
+export { UeSettingsOverviewElement };
+export { UeSettingsOverviewElement as element };

package/dist/settings/workspace/views/permissions/components/document-permissions.element.d.ts

@@ -0,0 +1,18 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+export type PermissionType = "showAnalytics" | "allowAbTesting" | "allowScorePersonalization" | "allowApplyPersonalization";
+declare const elementName = "ue-document-permissions";
+export declare class UeDocumentTypePermissionsElement extends UmbLitElement {
+    #private;
+    private _loading;
+    private _disableButton;
+    private _documentTypePermissions;
+    connectedCallback(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UeDocumentTypePermissionsElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeDocumentTypePermissionsElement;
+    }
+}

package/dist/settings/workspace/views/permissions/components/document-permissions.element.js

@@ -0,0 +1,240 @@
+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 { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { umbPeekError, } from "@umbraco-cms/backoffice/notification";
+import { partialUpdateFrozenArray } from "@umbraco-cms/backoffice/observable-api";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { DocumentTypePermissionsService, } from "../../../../../generated/index.js";
+const elementName = "ue-document-permissions";
+let UeDocumentTypePermissionsElement = class UeDocumentTypePermissionsElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this._loading = true;
+        this._disableButton = false;
+        this._documentTypePermissions = [];
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        await this.#getAllPermissions();
+    }
+    async #getAllPermissions() {
+        const { data, error } = await tryExecute(this, DocumentTypePermissionsService.getPermissionsDocumentTypeAll());
+        if (!data || error) {
+            await this.#showMessage("danger", error?.message ?? "");
+            return;
+        }
+        this._documentTypePermissions = data;
+        this._loading = false;
+    }
+    #allRowChecked(permission) {
+        return (permission.allowAbTesting &&
+            permission.allowApplyPersonalization &&
+            permission.allowScorePersonalization &&
+            permission.showAnalytics);
+    }
+    #allColumnChecked(key) {
+        return this._documentTypePermissions.every((d) => d[key]);
+    }
+    #selectAllColumn(event, key) {
+        const value = event.target.checked;
+        this._documentTypePermissions = this._documentTypePermissions.map((item) => {
+            item[key] = value;
+            return item;
+        });
+    }
+    #selectAllRows(event, permission) {
+        const value = event.target.checked;
+        this._documentTypePermissions = partialUpdateFrozenArray(this._documentTypePermissions, {
+            ...permission,
+            allowAbTesting: value,
+            allowApplyPersonalization: value,
+            allowScorePersonalization: value,
+            showAnalytics: value,
+        }, (x) => x.id === permission.id);
+    }
+    #onRowChange(e, permission, key) {
+        const value = e.target.checked;
+        this._documentTypePermissions = partialUpdateFrozenArray(this._documentTypePermissions, { ...permission, [key]: value }, (x) => x.id === permission.id);
+    }
+    async #save() {
+        this._disableButton = true;
+        const { data, error } = await tryExecute(this, DocumentTypePermissionsService.postPermissionsDocumentType({
+            body: this._documentTypePermissions,
+        }));
+        if (data) {
+            await this.#showMessage("positive", this.localize.term("engage_permissions_doc_save_success"));
+        }
+        if (error) {
+            await this.#showMessage("danger", error.message);
+        }
+        setTimeout(() => {
+            this._disableButton = false;
+        }, 1000);
+    }
+    async #showMessage(color, message) {
+        await umbPeekError(this, {
+            color,
+            message,
+        });
+    }
+    #renderHeaderCell(key) {
+        return html `<div>
+      <uui-checkbox
+        .label=${this.localize.term(`engage_permissions_${key}`)}
+        .checked=${this.#allColumnChecked(key)}
+        @change=${(e) => this.#selectAllColumn(e, key)}
+      ></uui-checkbox>
+      <span popovertarget="popover-${key}">
+        <uui-icon name="icon-info"></uui-icon>
+        <uui-popover-container id="popover-${key}">
+          <ue-tooltip hint>
+            ${this.localize.term(`engage_permissions_${key}Popover`)}
+          </ue-tooltip>
+        </uui-popover-container>
+      </span>
+    </div>`;
+    }
+    #renderPermissionCheckbox(permission, key) {
+        return html `<uui-checkbox
+      label=" "
+      .checked=${permission[key]}
+      @change=${(e) => this.#onRowChange(e, permission, key)}
+    ></uui-checkbox>`;
+    }
+    #renderComponent() {
+        return html `
+      <p>
+        ${this.localize.term(`engage_permissions_documentTypePermissionsDescription`)}
+      </p>
+      <table>
+        <thead>
+          <tr>
+            <th></th>
+            <th>
+              <div>
+                ${this.localize.term("engage_permissions_documentTypes")}
+              </div>
+            </th>
+            <th>${this.#renderHeaderCell("showAnalytics")}</th>
+            <th>${this.#renderHeaderCell("allowAbTesting")}</th>
+            <th>${this.#renderHeaderCell("allowScorePersonalization")}</th>
+            <th>${this.#renderHeaderCell("allowApplyPersonalization")}</th>
+          </tr>
+        </thead>
+
+        <tbody>
+          <!-- Results -->
+          ${this._documentTypePermissions.map((permission) => html `
+              <tr>
+                <td>
+                  <uui-checkbox
+                    label=" "
+                    .checked=${this.#allRowChecked(permission)}
+                    @change=${(e) => this.#selectAllRows(e, permission)}
+                  ></uui-checkbox>
+                </td>
+                <td>
+                  <strong>${permission.contentTypeName}</strong>
+                </td>
+                <td>
+                  ${this.#renderPermissionCheckbox(permission, "showAnalytics")}
+                </td>
+                <td>
+                  ${this.#renderPermissionCheckbox(permission, "allowAbTesting")}
+                </td>
+                <td>
+                  ${this.#renderPermissionCheckbox(permission, "allowScorePersonalization")}
+                </td>
+                <td>
+                  ${this.#renderPermissionCheckbox(permission, "allowApplyPersonalization")}
+                </td>
+              </tr>
+            `)}
+        </tbody>
+      </table>
+      <div class="right">
+        <uui-button
+          color="positive"
+          compact
+          look="primary"
+          .disabled=${this._disableButton}
+          .label=${this.localize.term(`engage_permissions_save`)}
+          .onclick=${async () => await this.#save()}
+        ></uui-button>
+      </div>
+    `;
+    }
+    render() {
+        return html `
+      ${when(this._loading, () => html `<uui-loader></uui-loader>`, () => this.#renderComponent())}
+    `;
+    }
+    static { this.styles = [
+        css `
+      .right {
+        text-align: right;
+        margin-top: var(--uui-size-space-5);
+      }
+
+      table {
+        --uui-box-border-color: var(--uui-color-divider-standalone);
+
+        width: 100%;
+        box-shadow: var(--uui-shadow-depth-1);
+        border-collapse: collapse;
+        border-radius: var(--uui-border-radius);
+      }
+
+      tr th,
+      tr td {
+        text-align: left;
+        padding: var(--uui-size-5);
+        border-top: solid 1px var(--uui-box-border-color);
+      }
+
+      thead {
+        background-color: var(--uui-palette-sand);
+        border-bottom: solid 1px;
+      }
+
+      th > div {
+        display: flex;
+        gap: var(--uui-size-1);
+      }
+
+      tbody tr td:first-child {
+        background-color: var(--uui-palette-sand);
+        text-align: center;
+        border-right: solid 1px var(--uui-box-border-color);
+      }
+
+      p {
+        margin-top: 0;
+      }
+
+      td uui-checkbox {
+        display: block;
+        --uui-size-3: 0;
+      }
+    `,
+    ]; }
+};
+__decorate([
+    state()
+], UeDocumentTypePermissionsElement.prototype, "_loading", void 0);
+__decorate([
+    state()
+], UeDocumentTypePermissionsElement.prototype, "_disableButton", void 0);
+__decorate([
+    state()
+], UeDocumentTypePermissionsElement.prototype, "_documentTypePermissions", void 0);
+UeDocumentTypePermissionsElement = __decorate([
+    customElement(elementName)
+], UeDocumentTypePermissionsElement);
+export { UeDocumentTypePermissionsElement };
+export default UeDocumentTypePermissionsElement;

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

@@ -0,0 +1,2 @@
+export * from "./document-permissions.element.js";
+export * from "./user-group-permissions.element.js";

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

@@ -0,0 +1,2 @@
+export * from "./document-permissions.element.js";
+export * from "./user-group-permissions.element.js";

package/dist/settings/workspace/views/permissions/components/user-group-permissions.element.d.ts

@@ -0,0 +1,18 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { type UserGroupPermissionDtoModel } from "../../../../../generated/index.js";
+declare const elementName = "ue-user-group-permissions";
+export declare class UeUserGroupPermissionsElement extends UmbLitElement {
+    #private;
+    _loading: boolean;
+    _userGroupPermissions: Array<UserGroupPermissionDtoModel>;
+    private _tableItems;
+    connectedCallback(): Promise<void>;
+    getAllPermissions(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default UeUserGroupPermissionsElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeUserGroupPermissionsElement;
+    }
+}