@c8y/ngx-components 1020.33.1 → 1020.39.0

package/fesm2022/c8y-ngx-components-context-dashboard.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, inject, InjectionToken, EventEmitter, Input, Output, forwardRef, Optional, Inject, ViewChild, HostBinding, HostListener, TemplateRef, NgModule } from '@angular/core';
 import * as i3 from '@c8y/ngx-components';
-import { gettext, Permissions, ContextRouteService, ViewContext, Status, NavigatorNode, getActivatedRoute, NEW_DASHBOARD_QUERY_PARAM, DashboardChildChange, WidgetsDashboardComponent, hookRoute, CoreModule, hookTab, HookProviderTypes, hookActionBar, hookNavigator, BaseColumn, getBasicInputArrayFormFieldConfig, DataGridService, alertOnError, ModalModule } from '@c8y/ngx-components';
+import { gettext, Permissions, ContextRouteService, ViewContext, Status, NavigatorNode, getActivatedRoute, NEW_DASHBOARD_QUERY_PARAM, memoize, DashboardChildChange, WidgetsDashboardComponent, hookRoute, CoreModule, hookTab, HookProviderTypes, hookActionBar, hookNavigator, BaseColumn, getBasicInputArrayFormFieldConfig, DataGridService, alertOnError, ModalModule } from '@c8y/ngx-components';
 import * as i1 from '@angular/router';
 import { of, Subject, from, combineLatest, iif, timer } from 'rxjs';
 import * as i2 from '@angular/common';
@@ -10,6 +10,7 @@ import * as i3$1 from '@angular/forms';
 import { Validators, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i4 from 'ngx-bootstrap/popover';
 import { PopoverModule } from 'ngx-bootstrap/popover';
+import { __decorate, __metadata } from 'tslib';
 import * as i2$1 from '@ngx-translate/core';
 import { assign, pick, cloneDeep, some, keys, keyBy, has, set, reduce, forEach, get, isEqual, clone, omit, sortBy, escapeRegExp, findIndex, kebabCase, every } from 'lodash-es';
 import * as i2$2 from 'ngx-bootstrap/modal';
@@ -1725,19 +1726,43 @@ class DashboardDetailComponent {
         }
     }
     async createNewDashboard() {
-        const dashboardMO = await this.contextDashboardService.create(this.dashboard, this.currentContext);
+        const mo = await this.contextDashboardService.create(this.dashboard, this.currentContext);
+        await this.onCreateGSEvent(mo);
+        this.cleanupAfterDetailsClose();
+        await this.contextDashboardService.navigateToDashboard(mo);
+    }
+    async onCreateGSEvent(mo) {
+        const parentName = await this.convertStringToHash(this.context?.name);
+        const dashboardName = await this.convertStringToHash(this.dashboard?.name);
         this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
             component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.ADD_DASHBOARD,
             action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.CREATE,
-            name: this.dashboard.name,
-            id: dashboardMO.id,
-            dashboardType: dashboardMO.c8y_Dashboard.deviceType
-                ? dashboardMO.c8y_Dashboard.deviceTypeValue
-                : null,
+            name: dashboardName,
+            id: mo.id,
+            nameId: `${dashboardName}_${this.mo.id}`,
+            parentAssetId: this.context?.id ? this.context.id : 'noContext',
+            parentAssetName: this.context?.id ? parentName : 'noContext',
+            parentAssetType: this.context?.id ? this.context.type : 'noContext',
+            parentAssetNameId: this.context?.id ? `${parentName}_${this.context.id}` : 'noContext',
+            parentAssetNameDashboardName: this.context?.id
+                ? `${parentName}_${dashboardName}`
+                : 'noContext',
+            parentAssetIdDashboardId: this.context?.id ? `${this.context.id}_${this.mo.id}` : 'noContext',
+            parentAssetNameDashboardId: this.context?.id ? `${parentName}_${this.mo.id}` : 'noContext',
+            parentAssetNameIdDashboardNameId: this.context?.id
+                ? `${parentName}_${this.context.id}_${dashboardName}_${this.mo.id}`
+                : 'noContext',
+            dashboardType: mo.c8y_Dashboard.deviceType ? mo.c8y_Dashboard.deviceTypeValue : null,
             context: this.contextDashboardService.getContextForGS(this.currentContext.contextData)
         });
-        this.cleanupAfterDetailsClose();
-        await this.contextDashboardService.navigateToDashboard(dashboardMO);
+    }
+    async convertStringToHash(str) {
+        if (!str) {
+            return null;
+        }
+        return (await this.gainsightService.shouldSendPiiData())
+            ? str
+            : await this.gainsightService.hashGroupName(str);
     }
     async createNewReport() {
         try {
@@ -1854,6 +1879,12 @@ class DashboardDetailComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DashboardDetailComponent, deps: [{ token: ContextDashboardService }, { token: i2$1.TranslateService }, { token: i3.ContextRouteService }, { token: i1.ActivatedRoute }, { token: i3.TabsService }, { token: i1.Router }, { token: i1$1.InventoryService }, { token: i1.ActivatedRoute }, { token: DashboardDetailService }, { token: i3.AppStateService }, { token: i3.OptionsService }, { token: i3.GroupService }, { token: i3.ModalService }, { token: i3.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: DashboardDetailComponent, selector: "c8y-dashboard-detail", inputs: { isReport: "isReport", deviceType: "deviceType", context: "context", mo: "mo", dashboard: "dashboard", isNamedDashboard: "isNamedDashboard", hideAvailability: "hideAvailability" }, outputs: { dashboardSaved: "dashboardSaved", previewChanged: "previewChanged" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"collapse c8y-top-drawer\"\n  [collapse]=\"isCollapsed\"\n  [isAnimated]=\"true\"\n>\n  <div class=\"p-t-16 p-b-16 p-l-24 p-r-24 separator-bottom\">\n    <span class=\"h4\">{{ 'Dashboard settings' | translate }}</span>\n  </div>\n\n  <div\n    class=\"d-flex\"\n    [formGroup]=\"dashboardDetailsForm\"\n    *ngIf=\"!isCollapsed\"\n  >\n    <c8y-tabs-outlet\n      [tabs]=\"tabs$ | async\"\n      [outletName]=\"'dashboardTabs'\"\n      [orientation]=\"'vertical'\"\n      class=\"c8y-top-drawer--tabs\"\n    ></c8y-tabs-outlet>\n    <div class=\"inner-scroll c8y-top-drawer__tabs-container flex-grow p-l-24 p-r-lg-32 p-r-xs-24 p-r-sm-24\">\n      <c8y-tab\n        *ngIf=\"(!isNamedDashboard && !hideAvailability) || isReport\"\n        [label]=\"TABS.general.label\"\n        [icon]=\"'imac-settings'\"\n        [priority]=\"100\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.general.featureId)\"\n        [isActive]=\"selectedTab === TABS.general.featureId\"\n      ></c8y-tab>\n      <c8y-tab\n        [label]=\"TABS.appearance.label\"\n        [priority]=\"50\"\n        [icon]=\"'web-design'\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.appearance.featureId)\"\n        [isActive]=\"selectedTab === TABS.appearance.featureId\"\n      ></c8y-tab>\n      <c8y-tab\n        *ngIf=\"mo?.c8y_DashboardHistory\"\n        [label]=\"TABS.versionHistory.label\"\n        [icon]=\"'versions'\"\n        [priority]=\"10\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.versionHistory.featureId)\"\n        [isActive]=\"selectedTab === TABS.versionHistory.featureId\"\n      ></c8y-tab>\n      <ng-container [ngSwitch]=\"selectedTab\">\n        <c8y-dashboard-general-settings\n          *ngSwitchCase=\"TABS.general.featureId\"\n          [isReport]=\"isReport\"\n          [isNamedDashboard]=\"isNamedDashboard\"\n          [hideAvailability]=\"hideAvailability\"\n          [dashboard]=\"dashboard\"\n          [generalSettingsForm]=\"generalSettingsForm\"\n          [deviceTypeValue]=\"deviceTypeValue\"\n          [displayDeviceTypeValue]=\"displayDeviceTypeValue\"\n          [mo]=\"mo\"\n          [allowTypeDashboard]=\"allowTypeDashboard\"\n          [isDevice]=\"!!context?.c8y_IsDevice\"\n          class=\"animated fadeIn\"\n          (onDuplicateWithoutType)=\"duplicateWithoutType()\"\n        ></c8y-dashboard-general-settings>\n        <c8y-dashboard-appearance-settings\n          *ngSwitchCase=\"TABS.appearance.featureId\"\n          [dashboard]=\"dashboard\"\n          [appearanceSettingsForm]=\"appearanceSettingsForm\"\n          (previewChanged)=\"previewChanged.emit($event)\"\n          class=\"animated fadeIn\"\n        ></c8y-dashboard-appearance-settings>\n        <c8y-dashboard-version-history\n          *ngSwitchCase=\"TABS.versionHistory.featureId\"\n          [dashboardHistory]=\"mo.c8y_DashboardHistory\"\n          [isReport]=\"isReport\"\n          (onRevert)=\"revertDashboard($event)\"\n          class=\"animated fadeIn\"\n        ></c8y-dashboard-version-history>\n      </ng-container>\n    </div>\n  </div>\n\n  <div class=\"c8y-top-drawer--footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      data-cy=\"dashboard-detail--cancel-dashboard\"\n      (click)=\"cancel()\"\n    >\n      {{ 'Cancel' | translate }}\n    </button>\n    <button\n      class=\"btn btn-primary\"\n      title=\"{{ 'Save' | translate }}\"\n      type=\"button\"\n      data-cy=\"dashboard-detail--save-dashboard\"\n      (click)=\"save()\"\n      [disabled]=\"\n        (dashboardDetailsForm?.invalid || dashboardDetailsForm?.pristine) && this.isEdit\n      \"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.TabsOutletComponent, selector: "c8y-tabs-outlet,c8y-ui-tabs", inputs: ["tabs", "orientation", "navigatorOpen", "outletName", "context"] }, { kind: "component", type: i3.TabComponent, selector: "c8y-tab", inputs: ["path", "label", "icon", "priority", "orientation", "injector", "tabsOutlet", "isActive"], outputs: ["onSelect"] }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.CollapseDirective, selector: "[collapse]", inputs: ["display", "isAnimated", "collapse"], outputs: ["collapsed", "collapses", "expanded", "expands"], exportAs: ["bs-collapse"] }, { kind: "component", type: DashboardGeneralSettingsComponent, selector: "c8y-dashboard-general-settings", inputs: ["isReport", "isNamedDashboard", "hideAvailability", "dashboard", "generalSettingsForm", "deviceTypeValue", "displayDeviceTypeValue", "allowTypeDashboard", "isDevice", "mo"], outputs: ["onDuplicateWithoutType"] }, { kind: "component", type: DashboardAppearanceSettingsComponent, selector: "c8y-dashboard-appearance-settings", inputs: ["dashboard", "appearanceSettingsForm"], outputs: ["previewChanged"] }, { kind: "component", type: DashboardVersionHistoryComponent, selector: "c8y-dashboard-version-history", inputs: ["dashboardHistory", "isReport"], outputs: ["onRevert"] }, { kind: "pipe", type: i3.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
 }
+__decorate([
+    memoize(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Promise)
+], DashboardDetailComponent.prototype, "convertStringToHash", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DashboardDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-dashboard-detail', template: "<div\n  class=\"collapse c8y-top-drawer\"\n  [collapse]=\"isCollapsed\"\n  [isAnimated]=\"true\"\n>\n  <div class=\"p-t-16 p-b-16 p-l-24 p-r-24 separator-bottom\">\n    <span class=\"h4\">{{ 'Dashboard settings' | translate }}</span>\n  </div>\n\n  <div\n    class=\"d-flex\"\n    [formGroup]=\"dashboardDetailsForm\"\n    *ngIf=\"!isCollapsed\"\n  >\n    <c8y-tabs-outlet\n      [tabs]=\"tabs$ | async\"\n      [outletName]=\"'dashboardTabs'\"\n      [orientation]=\"'vertical'\"\n      class=\"c8y-top-drawer--tabs\"\n    ></c8y-tabs-outlet>\n    <div class=\"inner-scroll c8y-top-drawer__tabs-container flex-grow p-l-24 p-r-lg-32 p-r-xs-24 p-r-sm-24\">\n      <c8y-tab\n        *ngIf=\"(!isNamedDashboard && !hideAvailability) || isReport\"\n        [label]=\"TABS.general.label\"\n        [icon]=\"'imac-settings'\"\n        [priority]=\"100\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.general.featureId)\"\n        [isActive]=\"selectedTab === TABS.general.featureId\"\n      ></c8y-tab>\n      <c8y-tab\n        [label]=\"TABS.appearance.label\"\n        [priority]=\"50\"\n        [icon]=\"'web-design'\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.appearance.featureId)\"\n        [isActive]=\"selectedTab === TABS.appearance.featureId\"\n      ></c8y-tab>\n      <c8y-tab\n        *ngIf=\"mo?.c8y_DashboardHistory\"\n        [label]=\"TABS.versionHistory.label\"\n        [icon]=\"'versions'\"\n        [priority]=\"10\"\n        [tabsOutlet]=\"TABS_OUTLET_NAME\"\n        (onSelect)=\"selectTab(TABS.versionHistory.featureId)\"\n        [isActive]=\"selectedTab === TABS.versionHistory.featureId\"\n      ></c8y-tab>\n      <ng-container [ngSwitch]=\"selectedTab\">\n        <c8y-dashboard-general-settings\n          *ngSwitchCase=\"TABS.general.featureId\"\n          [isReport]=\"isReport\"\n          [isNamedDashboard]=\"isNamedDashboard\"\n          [hideAvailability]=\"hideAvailability\"\n          [dashboard]=\"dashboard\"\n          [generalSettingsForm]=\"generalSettingsForm\"\n          [deviceTypeValue]=\"deviceTypeValue\"\n          [displayDeviceTypeValue]=\"displayDeviceTypeValue\"\n          [mo]=\"mo\"\n          [allowTypeDashboard]=\"allowTypeDashboard\"\n          [isDevice]=\"!!context?.c8y_IsDevice\"\n          class=\"animated fadeIn\"\n          (onDuplicateWithoutType)=\"duplicateWithoutType()\"\n        ></c8y-dashboard-general-settings>\n        <c8y-dashboard-appearance-settings\n          *ngSwitchCase=\"TABS.appearance.featureId\"\n          [dashboard]=\"dashboard\"\n          [appearanceSettingsForm]=\"appearanceSettingsForm\"\n          (previewChanged)=\"previewChanged.emit($event)\"\n          class=\"animated fadeIn\"\n        ></c8y-dashboard-appearance-settings>\n        <c8y-dashboard-version-history\n          *ngSwitchCase=\"TABS.versionHistory.featureId\"\n          [dashboardHistory]=\"mo.c8y_DashboardHistory\"\n          [isReport]=\"isReport\"\n          (onRevert)=\"revertDashboard($event)\"\n          class=\"animated fadeIn\"\n        ></c8y-dashboard-version-history>\n      </ng-container>\n    </div>\n  </div>\n\n  <div class=\"c8y-top-drawer--footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      data-cy=\"dashboard-detail--cancel-dashboard\"\n      (click)=\"cancel()\"\n    >\n      {{ 'Cancel' | translate }}\n    </button>\n    <button\n      class=\"btn btn-primary\"\n      title=\"{{ 'Save' | translate }}\"\n      type=\"button\"\n      data-cy=\"dashboard-detail--save-dashboard\"\n      (click)=\"save()\"\n      [disabled]=\"\n        (dashboardDetailsForm?.invalid || dashboardDetailsForm?.pristine) && this.isEdit\n      \"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</div>\n" }]
@@ -1875,7 +1906,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                 type: Output
             }], previewChanged: [{
                 type: Output
-            }] } });
+            }], convertStringToHash: [] } });
 
 class WidgetService {
     constructor(dynamicComponentService, translateService, moduleConfig) {
@@ -2596,14 +2627,7 @@ class ContextDashboardComponent {
             const route = this.route.parent.snapshot.url.map(segment => segment.path).join('/');
             this.router.navigateByUrl(route);
         }
-        this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
-            component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.DELETE_DASHBOARD,
-            action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.DELETE,
-            name: this.dashboard.name,
-            id: this.mo.id,
-            dashboardType: this.dashboard.deviceType ? this.dashboard.deviceTypeValue : null,
-            context: this.contextDashboardService.getContextForGS(this.context)
-        });
+        await this.onDeleteGSEvent();
     }
     get isDeviceTypeDashboard() {
         return !!this.dashboard?.deviceType;
@@ -2790,18 +2814,7 @@ class ContextDashboardComponent {
             this.dashboardDetails.show(false);
         }
         else {
-            this.gainsightService.triggerEvent(this.isReport
-                ? PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.REPORTS
-                : PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
-                component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.DASHBOARD_VIEW,
-                action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.LOAD,
-                name: this.dashboard.name,
-                id: this.mo.id,
-                dashboardType: this.dashboard.deviceType ? this.dashboard.deviceTypeValue : null,
-                context: this.isReport
-                    ? PRODUCT_EXPERIENCE.DASHBOARD.CONTEXT.REPORT
-                    : this.contextDashboardService.getContextForGS(this.context)
-            });
+            await this.onLoadGSEvent();
         }
     }
     async dashboardPreview(layoutChanges) {
@@ -2962,9 +2975,88 @@ class ContextDashboardComponent {
         }
         return historyDescription;
     }
+    async onDeleteGSEvent() {
+        const parentName = await this.convertStringToHash(this.context?.name);
+        const dashboardName = await this.convertStringToHash(this.dashboard?.name);
+        this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
+            component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.DELETE_DASHBOARD,
+            action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.DELETE,
+            name: dashboardName,
+            id: this.mo.id,
+            nameId: `${dashboardName}_${this.mo.id}`,
+            parentAssetId: this.context?.id ? this.context.id : 'noContext',
+            parentAssetName: this.context?.id ? parentName : 'noContext',
+            parentAssetType: this.context?.id ? this.context.type : 'noContext',
+            parentAssetNameId: this.context?.id ? `${parentName}_${this.context.id}` : 'noContext',
+            parentAssetNameDashboardName: this.context?.id
+                ? `${parentName}_${dashboardName}`
+                : 'noContext',
+            parentAssetIdDashboardId: this.context?.id ? `${this.context.id}_${this.mo.id}` : 'noContext',
+            parentAssetNameDashboardId: this.context?.id ? `${parentName}_${this.mo.id}` : 'noContext',
+            parentAssetNameIdDashboardNameId: this.context?.id
+                ? `${parentName}_${this.context.id}_${dashboardName}_${this.mo.id}`
+                : 'noContext',
+            dashboardType: this.dashboard.deviceType ? this.dashboard.deviceTypeValue : null,
+            context: this.contextDashboardService.getContextForGS(this.context)
+        });
+    }
+    async onLoadGSEvent() {
+        const parentName = await this.convertStringToHash(this.context?.name);
+        const dashboardName = (await this.convertStringToHash(this.dashboard?.name)) ??
+            this.extractDefaultDashboardName(this.mo) ??
+            'none';
+        this.gainsightService.triggerEvent(this.isReport
+            ? PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.REPORTS
+            : PRODUCT_EXPERIENCE.DASHBOARD.EVENTS.DASHBOARDS, {
+            component: PRODUCT_EXPERIENCE.DASHBOARD.COMPONENTS.DASHBOARD_VIEW,
+            action: PRODUCT_EXPERIENCE.DASHBOARD.ACTIONS.LOAD,
+            name: dashboardName,
+            id: this.mo.id,
+            nameId: `${dashboardName}_${this.mo.id}`,
+            parentAssetId: this.context?.id ? this.context.id : 'noContext',
+            parentAssetName: this.context?.id ? parentName : 'noContext',
+            parentAssetType: this.context?.id ? this.context.type : 'noContext',
+            parentAssetNameId: this.context?.id ? `${parentName}_${this.context.id}` : 'noContext',
+            parentAssetNameDashboardName: this.context?.id
+                ? `${parentName}_${dashboardName}`
+                : 'noContext',
+            parentAssetIdDashboardId: this.context?.id
+                ? `${this.context.id}_${this.mo.id}`
+                : 'noContext',
+            parentAssetNameDashboardId: this.context?.id ? `${parentName}_${this.mo.id}` : 'noContext',
+            parentAssetNameIdDashboardNameId: this.context?.id
+                ? `${parentName}_${this.context.id}_${dashboardName}_${this.mo.id}`
+                : 'noContext',
+            dashboardType: this.dashboard.deviceType ? this.dashboard.deviceTypeValue : null,
+            context: this.isReport
+                ? PRODUCT_EXPERIENCE.DASHBOARD.CONTEXT.REPORT
+                : this.contextDashboardService.getContextForGS(this.context)
+        });
+    }
+    extractDefaultDashboardName(obj) {
+        const nameKey = Object.keys(obj).find(key => key.startsWith('c8y_Dashboard!name!'));
+        if (nameKey) {
+            return nameKey.split('!').pop();
+        }
+        return null;
+    }
+    async convertStringToHash(str) {
+        if (!str) {
+            return null;
+        }
+        return (await this.gainsightService.shouldSendPiiData())
+            ? str
+            : this.gainsightService.hashGroupName(str);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ContextDashboardComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: ContextDashboardService }, { token: i3.AlertService }, { token: i0.Renderer2 }, { token: CONTEXT_DASHBOARD_CONFIG }, { token: WidgetService }, { token: i2$2.BsModalService }, { token: i3.GainsightService }, { token: i3.ActionBarService }, { token: i2$1.TranslateService }, { token: i3.ModalService }, { token: DashboardEditModeService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: ContextDashboardComponent, selector: "c8y-context-dashboard", inputs: { name: "name", childrenClasses: "childrenClasses", context: "context", setTitle: "setTitle", defaultWidgets: "defaultWidgets", canCopy: "canCopy", canDelete: "canDelete", isLoading: "isLoading", breadcrumbSettings: "breadcrumbSettings", showContextHelpButton: "showContextHelpButton", translateWidgetTitle: "translateWidgetTitle", hideAvailability: "hideAvailability" }, host: { listeners: { "window:beforeunload": "beforeUnloadHandler($event)" }, properties: { "class": "this.class" }, styleAttribute: "\n      display: block;\n    ", classAttribute: "dashboard c8y-grid-dashboard" }, viewQueries: [{ propertyName: "dashboardDetails", first: true, predicate: DashboardDetailComponent, descendants: true, static: true }, { propertyName: "widgetsDashboard", first: true, predicate: WidgetsDashboardComponent, descendants: true, static: true }], ngImport: i0, template: "<c8y-title *ngIf=\"title\">\n  {{ title }}\n</c8y-title>\n\n<c8y-action-bar-item\n  [placement]=\"'right'\"\n  [priority]=\"10000\"\n  *ngIf=\"dashboard?.deviceType && dashboard.deviceTypeValue\"\n>\n  <button\n    class=\"btn-clean btn-link\"\n    popoverTitle=\"{{ 'Dashboard template' | translate }}\"\n    [attr.aria-label]=\"'Help' | translate\"\n    [popover]=\"dashboardTypePopoverRef\"\n    placement=\"bottom\"\n    triggers=\"focus\"\n    container=\"body\"\n    type=\"button\"\n  >\n    <span class=\"tag tag--info text-12\">\n      <span class=\"dashboard-template-marker\"></span>\n      {{ dashboardTypeLabel | translate: { dashboardType: dashboard.deviceTypeValue } }}\n    </span>\n  </button>\n  <ng-template #dashboardTypePopoverRef>\n    <div\n      [innerHTML]=\"dashboardTypePopover | translate: { dashboardType: dashboard.deviceTypeValue }\"\n    ></div>\n  </ng-template>\n</c8y-action-bar-item>\n\n<c8y-action-bar-item\n  [placement]=\"'right'\"\n  [priority]=\"-1\"\n  *ngIf=\"defaultWidgets.length > 0\"\n>\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reset widgets' | translate }}\"\n    type=\"button\"\n    px-event=\"Reset dashboard\"\n    (click)=\"restore()\"\n    [disabled]=\"disabled || widgetsDashboard?.editMode\"\n    data-cy=\"context-dashboard--button-reset-dashboard\"\n  >\n    <i\n      class=\"m-r-4\"\n      c8yIcon=\"reset\"\n    ></i>\n    <span class=\"visible-xs-inline hidden-sm visible-md-inline visible-lg-inline\">\n      {{ 'Reset widgets' | translate }}\n    </span>\n  </button>\n</c8y-action-bar-item>\n\n<c8y-help\n  src=\"/docs/cockpit/working-with-dashboards/#working-with-dashboards\"\n  *ngIf=\"showContextHelpButton\"\n></c8y-help>\n\n<c8y-dashboard-detail\n  class=\"d-contents\"\n  [isReport]=\"isReport\"\n  [dashboard]=\"dashboard\"\n  [mo]=\"mo\"\n  [context]=\"context\"\n  [deviceType]=\"context?.type\"\n  [hideAvailability]=\"hideAvailability\"\n  (dashboardSaved)=\"reloadDashboard($event)\"\n  (previewChanged)=\"dashboardPreview($event)\"\n></c8y-dashboard-detail>\n\n<c8y-widgets-dashboard\n  [context]=\"context\"\n  [contextDashboard]=\"dashboard\"\n  [widgets]=\"widgets\"\n  [isCopyDisabled]=\"isCopyDisabled\"\n  [settings]=\"{\n    isLoading: isLoading,\n    isDisabled: disabled,\n    canDelete: canDelete && !!dashboard,\n    translateWidgetTitle: dashboard?.translateWidgetTitle ?? translateWidgetTitle,\n    allowFullscreen: moduleConfig.allowFullscreen,\n    title: setTitle ? dashboard?.name || title : undefined,\n    widgetMargin: dashboard?.widgetMargin,\n    canCopy: canCopy && !!dashboard,\n    defaultWidth: dashboard?.columns >= 24 ? 8 : 4,\n    columns: dashboard?.columns || 12\n  }\"\n  [breadcrumb]=\"breadcrumbSettings\"\n  [editModeButtons]=\"{\n    undoButtonDisabled: editModeService.undoButtonDisabled,\n    changeToUndoName: editModeService.changeToUndoName,\n    redoButtonDisabled: !editModeService.redoStackLastItem,\n    changeToRedoName: editModeService.redoStackLastItem?.name\n  }\"\n  (onChangeDashboard)=\"positionOrWidgetDimensionChange($event)\"\n  (onAddWidget)=\"addWidget()\"\n  (onEditWidget)=\"editWidget($event)\"\n  (onDeleteWidget)=\"deleteWidget($event)\"\n  (onSaveDashboard)=\"saveWidgetsToDashboard()\"\n  (onCancelDashboard)=\"cancelEditMode()\"\n  (revertChange)=\"revertChange($event)\"\n  (onChangeStart)=\"addDashboardClassToBody()\"\n  (onChangeEnd)=\"removeDashboardClassFromBody()\"\n  (onEditDashboard)=\"dashboardDetails.show(true)\"\n  (onCopyDashboard)=\"copyDashboard()\"\n  (onDeleteDashboard)=\"deleteDashboard()\"\n></c8y-widgets-dashboard>\n", dependencies: [{ kind: "component", type: i3.ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: i3.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: i3.WidgetsDashboardComponent, selector: "c8y-widgets-dashboard", inputs: ["widgets", "context", "contextDashboard", "settings", "isCopyDisabled", "breadcrumb", "editModeButtons"], outputs: ["onAddWidget", "onEditWidget", "onDeleteWidget", "onChangeDashboard", "onResize", "onEditDashboard", "onCopyDashboard", "onDeleteDashboard", "onChangeStart", "onChangeEnd", "onSaveDashboard", "onCancelDashboard", "revertChange"] }, { kind: "component", type: i3.HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "directive", type: i4.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: DashboardDetailComponent, selector: "c8y-dashboard-detail", inputs: ["isReport", "deviceType", "context", "mo", "dashboard", "isNamedDashboard", "hideAvailability"], outputs: ["dashboardSaved", "previewChanged"] }, { kind: "pipe", type: i3.C8yTranslatePipe, name: "translate" }] }); }
 }
+__decorate([
+    memoize(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Promise)
+], ContextDashboardComponent.prototype, "convertStringToHash", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ContextDashboardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-context-dashboard', host: {
@@ -3012,7 +3104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
             }], beforeUnloadHandler: [{
                 type: HostListener,
                 args: ['window:beforeunload', ['$event']]
-            }] } });
+            }], convertStringToHash: [] } });
 
 class CockpitDashboardComponent {
     constructor(appState, homeDashboardConfig) {