@c8y/ngx-components 1021.60.1 → 1021.62.1

package/fesm2022/c8y-ngx-components-tenants.mjs

@@ -1,23 +1,24 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, Optional, Inject, Component, Input, NgModule } from '@angular/core';
-import * as i3$1 from '@angular/router';
+import { Injectable, InjectionToken, Optional, Inject, Component, Input, ViewChild, NgModule } from '@angular/core';
+import * as i5$1 from '@angular/router';
 import { RouterLink, RouterModule } from '@angular/router';
 import * as i4$1 from 'ngx-bootstrap/datepicker';
 import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
 import * as i1 from '@c8y/ngx-components';
-import { NavigatorNode, gettext, Permissions, BuiltInActionType, Status, ValidationPattern, C8yTranslatePipe, FormGroupComponent, FormsModule, DateTimePickerModule, CoreModule, hookNavigator, hookRoute, ViewContext } from '@c8y/ngx-components';
+import { NavigatorNode, gettext, Permissions, BuiltInActionType, Status, ValidationPattern, validateInternationalPhoneNumber, CommonModule, C8yTranslatePipe, FormGroupComponent, FormsModule, DateTimePickerModule, CoreModule, hookNavigator, hookRoute, ViewContext } from '@c8y/ngx-components';
 import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule as CommonModule$1 } from '@angular/common';
 import * as i3 from '@ngx-translate/core';
 import { saveAs } from 'file-saver';
 import { BehaviorSubject, from } from 'rxjs';
-import { expand, takeWhile, reduce, shareReplay } from 'rxjs/operators';
+import { expand, takeWhile, reduce, shareReplay, take } from 'rxjs/operators';
 import * as i1$1 from '@c8y/client';
 import { TenantStatus } from '@c8y/client';
 import * as i5 from '@angular/forms';
-import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { Validators, FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
+import { find, cloneDeep, assign } from 'lodash-es';
+import * as i1$2 from '@c8y/ngx-components/upgrade/upgraded-services';
 import { gettext as gettext$1 } from '@c8y/ngx-components/gettext';
-import { get } from 'lodash-es';
 
 class TenantListGuard {
     constructor(tenantUiService) {
@@ -44,6 +45,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: i1.TenantUiService }] });
 
 const TENANTS_MODULE_CONFIG = new InjectionToken('TenantsModuleConfig');
+const PRODUCT_EXPERIENCE_TENANT_MANAGEMENT = {
+    EVENTS: {
+        TENANT_MANAGEMENT: 'tenantManagement'
+    },
+    COMPONENTS: {
+        TENANT_LIST: 'tenant-list',
+        TENANT_FORM: 'tenant-form',
+        TENANT_CUSTOM_PROPERTIES: 'tenant-custom-properties',
+        TENANT_LIMITS: 'tenant-limits'
+    },
+    ACTIONS: {
+        TENANT_CREATION_INITIALIZED: 'tenantCreationInitialized',
+        TENANT_CREATION_STARTED_FILLING: 'tenantCreationStartedFilling',
+        TENANT_CREATION_SAVED: 'tenantCreationSaved',
+        TENANT_PROPERTIES_OPENED: 'tenantPropertiesOpened',
+        TENANT_PROPERTIES_STARTED_CHANGING: 'tenantPropertiesStartedChanging',
+        TENANT_PROPERTIES_SAVED: 'tenantPropertiesSaved',
+        TENANT_CUSTOM_PROPERTIES_OPENED: 'tenantCustomPropertiesOpened',
+        TENANT_CUSTOM_PROPERTIES_STARTED_CHANGING: 'tenantCustomPropertiesStartedChanging',
+        TENANT_CUSTOM_PROPERTIES_SAVED: 'tenantCustomPropertiesSaved',
+        TENANT_LIMITS_OPENED: 'tenantLimitsOpened',
+        TENANT_LIMITS_STARTED_CHANGING: 'tenantLimitsStartedChanging',
+        TENANT_LIMITS_SAVED: 'tenantLimitsSaved'
+    },
+    RESULTS: {
+        SUCCESS: 'success',
+        FAILURE: 'failure'
+    }
+};
 
 class TenantsNavigationFactory {
     constructor(tenantListGuard, config) {
@@ -185,8 +215,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'c8y-status-filtering-form-renderer', template: "<form #filterForm=\"ngForm\">\n  <div class=\"m-b-8 p-t-8\">\n    <label>{{ 'Filter by status' | translate }}</label>\n    <c8y-form-group class=\"m-b-0\">\n      <label class=\"c8y-checkbox\">\n        <input type=\"checkbox\" name=\"active\" [(ngModel)]=\"model.active\" />\n        <span></span>\n        <span>{{ 'Active`tenant`' | translate }}</span>\n      </label>\n    </c8y-form-group>\n    <c8y-form-group class=\"m-b-0\">\n      <label class=\"c8y-checkbox\">\n        <input type=\"checkbox\" name=\"suspended\" [(ngModel)]=\"model.suspended\" />\n        <span></span>\n        <span>{{ 'Suspended`tenant`' | translate }}</span>\n      </label>\n    </c8y-form-group>\n  </div>\n</form>\n\n<div class=\"data-grid__dropdown__footer d-flex separator-top\">\n  <button\n    class=\"btn btn-default btn-sm m-r-8 flex-grow\"\n    (click)=\"resetFilter()\"\n    title=\"{{ 'Reset' | translate }}\"\n  >\n    {{ 'Reset' | translate }}\n  </button>\n  <button\n    class=\"btn btn-primary btn-sm flex-grow\"\n    [disabled]=\"filterForm.invalid\"\n    (click)=\"applyFilter()\"\n    title=\"{{ 'Apply' | translate }}\"\n  >\n    {{ 'Apply' | translate }}\n  </button>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FilteringFormRendererContext }] });
 
+const { EVENTS: EVENTS$3, COMPONENTS: COMPONENTS$3, ACTIONS: ACTIONS$3 } = PRODUCT_EXPERIENCE_TENANT_MANAGEMENT;
 class TenantListComponent {
-    constructor(appState, alertService, modalService, translateService, tenantService, tenantUiService, location, passwordService, userService, permissionsService) {
+    constructor(appState, alertService, modalService, translateService, tenantService, tenantUiService, location, passwordService, userService, permissionsService, gainsightService) {
         this.appState = appState;
         this.alertService = alertService;
         this.modalService = modalService;
@@ -197,6 +228,7 @@ class TenantListComponent {
         this.passwordService = passwordService;
         this.userService = userService;
         this.permissionsService = permissionsService;
+        this.gainsightService = gainsightService;
         this.tenants$ = new BehaviorSubject(undefined);
         this.isPermittedToCreateTenanant = this.permissionsService.hasAnyRole([
             Permissions.ROLE_TENANT_MANAGEMENT_ADMIN,
@@ -336,7 +368,13 @@ class TenantListComponent {
             }
         ];
     }
-    createTenant() {
+    createTenant(options = { sendGainsightEvent: true }) {
+        if (options.sendGainsightEvent) {
+            this.gainsightService.triggerEvent(EVENTS$3.TENANT_MANAGEMENT, {
+                component: COMPONENTS$3.TENANT_LIST,
+                action: ACTIONS$3.TENANT_CREATION_INITIALIZED
+            });
+        }
         this.location.go('/tenants/new');
     }
     goToDetails(tenant) {
@@ -435,13 +473,425 @@ class TenantListComponent {
         const blob = new Blob([data], { type: contentType });
         saveAs(blob, filename);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantListComponent, deps: [{ token: i1.AppStateService }, { token: i1.AlertService }, { token: i1.ModalService }, { token: i3.TranslateService }, { token: i1$1.TenantService }, { token: i1.TenantUiService }, { token: i4.Location }, { token: i1.PasswordService }, { token: i1$1.UserService }, { token: i1.Permissions }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TenantListComponent, selector: "c8y-tenant-list", ngImport: i0, template: "<c8y-title>\n  {{ 'Subtenants' | translate }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    icon=\"c8y-layers\"\n    label=\"{{ 'Tenants' | translate }}\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<c8y-action-bar-item\n  *ngIf=\"!!(appState.state$ | async).newsletter\"\n  [placement]=\"'right'\"\n>\n  <button\n    class=\"btn btn-link\"\n    title=\"{{\n      'Downloads the list of emails of users subscribed for newsletter on the current tenant and its subtenants.'\n        | translate\n    }}\"\n    type=\"button\"\n    (click)=\"downloadNewsletterEmails()\"\n  >\n    <i c8yIcon=\"download\"></i>\n    {{ 'Email addresses' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Create tenant' | translate }}\"\n    type=\"button\"\n    (click)=\"createTenant()\"\n    [disabled]=\"!isPermittedToCreateTenanant\"\n  >\n    <i c8yIcon=\"plus-circle\"></i>\n    {{ 'Create tenant' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#managing-subtenants\"></c8y-help>\n\n<div class=\"content-fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"title\"\n    [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [displayOptions]=\"displayOptions\"\n    [columns]=\"columns\"\n    [rows]=\"tenants$ | async\"\n    [pagination]=\"pagination\"\n    [showSearch]=\"showSearch\"\n    [actionControls]=\"actionControls\"\n    (onReload)=\"loadTenants()\"\n  >\n    <ng-container *ngIf=\"!(tenants$ | async); else empty\">\n      <c8y-loading></c8y-loading>\n    </ng-container>\n    <ng-template #empty>\n      <c8y-ui-empty-state\n        [icon]=\"stats?.size > 0 ? 'search' : 'c8y-layers'\"\n        [title]=\"stats?.size > 0 ? (noResultsMessage | translate) : (noDataMessage | translate)\"\n        [subtitle]=\"\n          stats?.size > 0 ? (noResultsSubtitle | translate) : (noDataSubtitle | translate)\n        \"\n        *emptyStateContext=\"let stats\"\n        [horizontal]=\"stats?.size > 0\"\n      >\n        <ng-container *ngIf=\"stats?.size === 0\">\n          <div>\n            <button\n              class=\"btn btn-primary\"\n              title=\"{{ 'Create tenant' | translate }}\"\n              (click)=\"createTenant()\"\n              [disabled]=\"!isPermittedToCreateTenanant\"\n            >\n              {{ 'Create tenant' | translate }}\n            </button>\n          </div>\n          <p c8y-guide-docs>\n            <small\n              translate\n              ngNonBindable\n            >\n              Find out more in the\n              <a c8y-guide-href=\"/docs/enterprise-tenant/managing-tenants\">user documentation</a>\n              .\n            </small>\n          </p>\n        </ng-container>\n      </c8y-ui-empty-state>\n    </ng-template>\n\n    <c8y-column name=\"company\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value }}\">\n          <a [routerLink]=\"['/tenants', context.item.id]\">{{ context.value }}</a>\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"parent\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value || currentTenant.name }}\">\n          {{ context.value || currentTenant.name }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"creationTime\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value | c8yDate }}\">\n          {{ context.value | c8yDate }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"status\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span\n          title=\"{{ 'Active`tenant`' | translate }}\"\n          *ngIf=\"context.item.status === TenantStatus.ACTIVE\"\n        >\n          <i\n            class=\"text-success\"\n            c8yIcon=\"check-circle\"\n          ></i>\n        </span>\n        <span\n          title=\"{{ 'Suspended`tenant`' | translate }}\"\n          *ngIf=\"context.item.status === TenantStatus.SUSPENDED\"\n        >\n          <i\n            class=\"text-danger\"\n            c8yIcon=\"ban\"\n          ></i>\n        </span>\n      </ng-container>\n    </c8y-column>\n  </c8y-data-grid>\n</div>\n", dependencies: [{ kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "component", type: i1.BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: i1.BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i1.EmptyStateContextDirective, selector: "[emptyStateContext]" }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: i1.CellRendererDefDirective, selector: "[c8yCellRendererDef]" }, { kind: "directive", type: i1.ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "component", type: i1.DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "columns", "rows", "pagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "component", type: i1.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: i1.GuideHrefDirective, selector: "[c8y-guide-href]", inputs: ["c8y-guide-href"] }, { kind: "component", type: i1.GuideDocsComponent, selector: "[c8y-guide-docs]" }, { kind: "component", type: i1.HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.DatePipe, name: "c8yDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantListComponent, deps: [{ token: i1.AppStateService }, { token: i1.AlertService }, { token: i1.ModalService }, { token: i3.TranslateService }, { token: i1$1.TenantService }, { token: i1.TenantUiService }, { token: i4.Location }, { token: i1.PasswordService }, { token: i1$1.UserService }, { token: i1.Permissions }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TenantListComponent, selector: "c8y-tenant-list", ngImport: i0, template: "<c8y-title>\n  {{ 'Subtenants' | translate }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    icon=\"c8y-layers\"\n    label=\"{{ 'Tenants' | translate }}\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<c8y-action-bar-item\n  *ngIf=\"!!(appState.state$ | async).newsletter\"\n  [placement]=\"'right'\"\n>\n  <button\n    class=\"btn btn-link\"\n    title=\"{{\n      'Downloads the list of emails of users subscribed for newsletter on the current tenant and its subtenants.'\n        | translate\n    }}\"\n    type=\"button\"\n    (click)=\"downloadNewsletterEmails()\"\n  >\n    <i c8yIcon=\"download\"></i>\n    {{ 'Email addresses' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Create tenant' | translate }}\"\n    type=\"button\"\n    (click)=\"createTenant({ sendGainsightEvent: false })\"\n    [disabled]=\"!isPermittedToCreateTenanant\"\n  >\n    <i c8yIcon=\"plus-circle\"></i>\n    {{ 'Create tenant' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#managing-subtenants\"></c8y-help>\n\n<div class=\"content-fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"title\"\n    [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [displayOptions]=\"displayOptions\"\n    [columns]=\"columns\"\n    [rows]=\"tenants$ | async\"\n    [pagination]=\"pagination\"\n    [showSearch]=\"showSearch\"\n    [actionControls]=\"actionControls\"\n    (onReload)=\"loadTenants()\"\n  >\n    <ng-container *ngIf=\"!(tenants$ | async); else empty\">\n      <c8y-loading></c8y-loading>\n    </ng-container>\n    <ng-template #empty>\n      <c8y-ui-empty-state\n        [icon]=\"stats?.size > 0 ? 'search' : 'c8y-layers'\"\n        [title]=\"stats?.size > 0 ? (noResultsMessage | translate) : (noDataMessage | translate)\"\n        [subtitle]=\"\n          stats?.size > 0 ? (noResultsSubtitle | translate) : (noDataSubtitle | translate)\n        \"\n        *emptyStateContext=\"let stats\"\n        [horizontal]=\"stats?.size > 0\"\n      >\n        <ng-container *ngIf=\"stats?.size === 0\">\n          <div>\n            <button\n              class=\"btn btn-primary\"\n              title=\"{{ 'Create tenant' | translate }}\"\n              (click)=\"createTenant()\"\n              [disabled]=\"!isPermittedToCreateTenanant\"\n            >\n              {{ 'Create tenant' | translate }}\n            </button>\n          </div>\n          <p c8y-guide-docs>\n            <small\n              translate\n              ngNonBindable\n            >\n              Find out more in the\n              <a c8y-guide-href=\"/docs/enterprise-tenant/managing-tenants\">user documentation</a>\n              .\n            </small>\n          </p>\n        </ng-container>\n      </c8y-ui-empty-state>\n    </ng-template>\n\n    <c8y-column name=\"company\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value }}\">\n          <a [routerLink]=\"['/tenants', context.item.id]\">{{ context.value }}</a>\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"parent\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value || currentTenant.name }}\">\n          {{ context.value || currentTenant.name }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"creationTime\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value | c8yDate }}\">\n          {{ context.value | c8yDate }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"status\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span\n          title=\"{{ 'Active`tenant`' | translate }}\"\n          *ngIf=\"context.item.status === TenantStatus.ACTIVE\"\n        >\n          <i\n            class=\"text-success\"\n            c8yIcon=\"check-circle\"\n          ></i>\n        </span>\n        <span\n          title=\"{{ 'Suspended`tenant`' | translate }}\"\n          *ngIf=\"context.item.status === TenantStatus.SUSPENDED\"\n        >\n          <i\n            class=\"text-danger\"\n            c8yIcon=\"ban\"\n          ></i>\n        </span>\n      </ng-container>\n    </c8y-column>\n  </c8y-data-grid>\n</div>\n", dependencies: [{ kind: "component", type: i1.ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "component", type: i1.BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: i1.BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i1.EmptyStateContextDirective, selector: "[emptyStateContext]" }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: i1.CellRendererDefDirective, selector: "[c8yCellRendererDef]" }, { kind: "directive", type: i1.ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "component", type: i1.DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "columns", "rows", "pagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "component", type: i1.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: i1.GuideHrefDirective, selector: "[c8y-guide-href]", inputs: ["c8y-guide-href"] }, { kind: "component", type: i1.GuideDocsComponent, selector: "[c8y-guide-docs]" }, { kind: "component", type: i1.HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "directive", type: i5$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.DatePipe, name: "c8yDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-tenant-list', template: "<c8y-title>\n  {{ 'Subtenants' | translate }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    icon=\"c8y-layers\"\n    label=\"{{ 'Tenants' | translate }}\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<c8y-action-bar-item\n  *ngIf=\"!!(appState.state$ | async).newsletter\"\n  [placement]=\"'right'\"\n>\n  <button\n    class=\"btn btn-link\"\n    title=\"{{\n      'Downloads the list of emails of users subscribed for newsletter on the current tenant and its subtenants.'\n        | translate\n    }}\"\n    type=\"button\"\n    (click)=\"downloadNewsletterEmails()\"\n  >\n    <i c8yIcon=\"download\"></i>\n    {{ 'Email addresses' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Create tenant' | translate }}\"\n    type=\"button\"\n    (click)=\"createTenant()\"\n    [disabled]=\"!isPermittedToCreateTenanant\"\n  >\n    <i c8yIcon=\"plus-circle\"></i>\n    {{ 'Create tenant' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#managing-subtenants\"></c8y-help>\n\n<div class=\"content-fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"title\"\n    [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [displayOptions]=\"displayOptions\"\n    [columns]=\"columns\"\n    [rows]=\"tenants$ | async\"\n    [pagination]=\"pagination\"\n    [showSearch]=\"showSearch\"\n    [actionControls]=\"actionControls\"\n    (onReload)=\"loadTenants()\"\n  >\n    <ng-container *ngIf=\"!(tenants$ | async); else empty\">\n      <c8y-loading></c8y-loading>\n    </ng-container>\n    <ng-template #empty>\n      <c8y-ui-empty-state\n        [icon]=\"stats?.size > 0 ? 'search' : 'c8y-layers'\"\n        [title]=\"stats?.size > 0 ? (noResultsMessage | translate) : (noDataMessage | translate)\"\n        [subtitle]=\"\n          stats?.size > 0 ? (noResultsSubtitle | translate) : (noDataSubtitle | translate)\n        \"\n        *emptyStateContext=\"let stats\"\n        [horizontal]=\"stats?.size > 0\"\n      >\n        <ng-container *ngIf=\"stats?.size === 0\">\n          <div>\n            <button\n              class=\"btn btn-primary\"\n              title=\"{{ 'Create tenant' | translate }}\"\n              (click)=\"createTenant()\"\n              [disabled]=\"!isPermittedToCreateTenanant\"\n            >\n              {{ 'Create tenant' | translate }}\n            </button>\n          </div>\n          <p c8y-guide-docs>\n            <small\n              translate\n              ngNonBindable\n            >\n              Find out more in the\n              <a c8y-guide-href=\"/docs/enterprise-tenant/managing-tenants\">user documentation</a>\n              .\n            </small>\n          </p>\n        </ng-container>\n      </c8y-ui-empty-state>\n    </ng-template>\n\n    <c8y-column name=\"company\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value }}\">\n          <a [routerLink]=\"['/tenants', context.item.id]\">{{ context.value }}</a>\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"parent\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value || currentTenant.name }}\">\n          {{ context.value || currentTenant.name }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"creationTime\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value | c8yDate }}\">\n          {{ context.value | c8yDate }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"status\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span\n          title=\"{{ 'Active`tenant`' | translate }}\"\n          *ngIf=\"context.item.status === TenantStatus.ACTIVE\"\n        >\n          <i\n            class=\"text-success\"\n            c8yIcon=\"check-circle\"\n          ></i>\n        </span>\n        <span\n          title=\"{{ 'Suspended`tenant`' | translate }}\"\n          *ngIf=\"context.item.status === TenantStatus.SUSPENDED\"\n        >\n          <i\n            class=\"text-danger\"\n            c8yIcon=\"ban\"\n          ></i>\n        </span>\n      </ng-container>\n    </c8y-column>\n  </c8y-data-grid>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.AppStateService }, { type: i1.AlertService }, { type: i1.ModalService }, { type: i3.TranslateService }, { type: i1$1.TenantService }, { type: i1.TenantUiService }, { type: i4.Location }, { type: i1.PasswordService }, { type: i1$1.UserService }, { type: i1.Permissions }] });
+            args: [{ selector: 'c8y-tenant-list', template: "<c8y-title>\n  {{ 'Subtenants' | translate }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    icon=\"c8y-layers\"\n    label=\"{{ 'Tenants' | translate }}\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<c8y-action-bar-item\n  *ngIf=\"!!(appState.state$ | async).newsletter\"\n  [placement]=\"'right'\"\n>\n  <button\n    class=\"btn btn-link\"\n    title=\"{{\n      'Downloads the list of emails of users subscribed for newsletter on the current tenant and its subtenants.'\n        | translate\n    }}\"\n    type=\"button\"\n    (click)=\"downloadNewsletterEmails()\"\n  >\n    <i c8yIcon=\"download\"></i>\n    {{ 'Email addresses' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Create tenant' | translate }}\"\n    type=\"button\"\n    (click)=\"createTenant({ sendGainsightEvent: false })\"\n    [disabled]=\"!isPermittedToCreateTenanant\"\n  >\n    <i c8yIcon=\"plus-circle\"></i>\n    {{ 'Create tenant' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#managing-subtenants\"></c8y-help>\n\n<div class=\"content-fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"title\"\n    [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [displayOptions]=\"displayOptions\"\n    [columns]=\"columns\"\n    [rows]=\"tenants$ | async\"\n    [pagination]=\"pagination\"\n    [showSearch]=\"showSearch\"\n    [actionControls]=\"actionControls\"\n    (onReload)=\"loadTenants()\"\n  >\n    <ng-container *ngIf=\"!(tenants$ | async); else empty\">\n      <c8y-loading></c8y-loading>\n    </ng-container>\n    <ng-template #empty>\n      <c8y-ui-empty-state\n        [icon]=\"stats?.size > 0 ? 'search' : 'c8y-layers'\"\n        [title]=\"stats?.size > 0 ? (noResultsMessage | translate) : (noDataMessage | translate)\"\n        [subtitle]=\"\n          stats?.size > 0 ? (noResultsSubtitle | translate) : (noDataSubtitle | translate)\n        \"\n        *emptyStateContext=\"let stats\"\n        [horizontal]=\"stats?.size > 0\"\n      >\n        <ng-container *ngIf=\"stats?.size === 0\">\n          <div>\n            <button\n              class=\"btn btn-primary\"\n              title=\"{{ 'Create tenant' | translate }}\"\n              (click)=\"createTenant()\"\n              [disabled]=\"!isPermittedToCreateTenanant\"\n            >\n              {{ 'Create tenant' | translate }}\n            </button>\n          </div>\n          <p c8y-guide-docs>\n            <small\n              translate\n              ngNonBindable\n            >\n              Find out more in the\n              <a c8y-guide-href=\"/docs/enterprise-tenant/managing-tenants\">user documentation</a>\n              .\n            </small>\n          </p>\n        </ng-container>\n      </c8y-ui-empty-state>\n    </ng-template>\n\n    <c8y-column name=\"company\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value }}\">\n          <a [routerLink]=\"['/tenants', context.item.id]\">{{ context.value }}</a>\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"parent\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value || currentTenant.name }}\">\n          {{ context.value || currentTenant.name }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"creationTime\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span title=\"{{ context.value | c8yDate }}\">\n          {{ context.value | c8yDate }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"status\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span\n          title=\"{{ 'Active`tenant`' | translate }}\"\n          *ngIf=\"context.item.status === TenantStatus.ACTIVE\"\n        >\n          <i\n            class=\"text-success\"\n            c8yIcon=\"check-circle\"\n          ></i>\n        </span>\n        <span\n          title=\"{{ 'Suspended`tenant`' | translate }}\"\n          *ngIf=\"context.item.status === TenantStatus.SUSPENDED\"\n        >\n          <i\n            class=\"text-danger\"\n            c8yIcon=\"ban\"\n          ></i>\n        </span>\n      </ng-container>\n    </c8y-column>\n  </c8y-data-grid>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.AppStateService }, { type: i1.AlertService }, { type: i1.ModalService }, { type: i3.TranslateService }, { type: i1$1.TenantService }, { type: i1.TenantUiService }, { type: i4.Location }, { type: i1.PasswordService }, { type: i1$1.UserService }, { type: i1.Permissions }, { type: i1.GainsightService }] });
+
+/**
+ * Define all hardTyped tenant form fields, checkboxes and select elements.
+ *
+ * while still benefiting from hard typing, thanks to "satisfies" keyword
+ */
+const tenantPropertiesDefinitions = {
+    tenantID: {
+        id: 'tenantId',
+        validators: [],
+        defaultValue: null,
+        type: 'text',
+        label: gettext$1('ID')
+    },
+    domain: {
+        id: 'domain',
+        validators: [
+            Validators.required,
+            Validators.maxLength(32),
+            // TODO: To be consistent, pattern should be change for domain. It is tenantId, to avoid breaking tests, and be consistent with previous implementation.
+            Validators.pattern(ValidationPattern.rules.tenantId.pattern)
+        ],
+        defaultValue: null,
+        type: 'text',
+        label: gettext$1('Domain/URL'),
+        placeholder: gettext$1('e.g. my-tenant`used in URL`')
+    },
+    companyName: {
+        id: 'companyName',
+        validators: [
+            Validators.required,
+            Validators.maxLength(256),
+            Validators.pattern(ValidationPattern.rules.noWhiteSpaceAtBeginning.pattern)
+        ],
+        defaultValue: null,
+        type: 'text',
+        label: gettext$1('Name'),
+        placeholder: gettext$1('e.g. Company A')
+    },
+    contactName: {
+        id: 'contactName',
+        validators: [Validators.maxLength(30)],
+        defaultValue: null,
+        type: 'text',
+        label: gettext$1('Contact name'),
+        placeholder: gettext$1('e.g. Joe Doe`LOCALIZE`')
+    },
+    contactPhone: {
+        id: 'contactPhone',
+        validators: [Validators.required, validateInternationalPhoneNumber(), Validators.maxLength(20)],
+        defaultValue: null,
+        type: 'text',
+        label: gettext$1('Contact phone'),
+        placeholder: gettext$1('e.g. +49 9 876 543 210`LOCALIZE`')
+    },
+    administratorEmail: {
+        id: 'administratorEmail',
+        validators: [Validators.required, Validators.email, Validators.maxLength(256)],
+        defaultValue: null,
+        type: 'text',
+        label: gettext$1(`Administrator's email`),
+        placeholder: gettext$1('e.g. joe.doe@example.com`LOCALIZE`')
+    },
+    administratorUsername: {
+        id: 'administratorUsername',
+        validators: [
+            Validators.required,
+            Validators.pattern(ValidationPattern.rules.user.pattern),
+            Validators.maxLength(256)
+        ],
+        defaultValue: null,
+        type: 'text',
+        label: gettext$1(`Administrator's username`),
+        placeholder: gettext$1('e.g. joe`LOCALIZE`')
+    },
+    externalReference: {
+        id: 'externalReference',
+        validators: [],
+        defaultValue: null,
+        type: 'text',
+        label: gettext$1('External reference'),
+        placeholder: gettext$1('e.g. REF12345`reference number`')
+    },
+    sendPasswordResetEmail: {
+        id: 'sendPasswordResetEmail',
+        validators: [],
+        defaultValue: true,
+        type: 'checkbox',
+        label: gettext$1('Send password reset link as email')
+    },
+    tenantPolicy: {
+        id: 'tenantPolicy',
+        validators: [],
+        defaultValue: null,
+        type: 'select',
+        label: gettext$1('Tenant policy')
+    },
+    allowCreateTenants: {
+        id: 'allowCreateTenants',
+        validators: [],
+        defaultValue: null,
+        type: 'checkbox',
+        label: gettext$1('Allow creation of subtenants')
+    },
+    gainsightEnabled: {
+        id: 'gainsightEnabled',
+        validators: [],
+        defaultValue: false,
+        type: 'checkbox',
+        label: gettext$1('Enable Gainsight product experience tracking')
+    }
+};
+const tenantFormInputsDefinitions = tenantPropertiesDefinitions;
+
+class SupportUserAccessComponent {
+    constructor(tenantUiService, appState, permissions) {
+        this.tenantUiService = tenantUiService;
+        this.appState = appState;
+        this.permissions = permissions;
+    }
+    async ngOnInit() {
+        this.isTopTenant = await this.tenantUiService.isManagementTenant();
+        this.setSupportUserLogin();
+    }
+    async setSupportUserLogin() {
+        const currentUser = (await this.appState.currentUser).value;
+        if (this.permissions.hasAnyRole([Permissions.ROLE_SUPPORT_ADMIN, Permissions.ROLE_SUPPORT_READ])) {
+            this.supportUserLogin = encodeURIComponent(`${currentUser.id}$`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupportUserAccessComponent, deps: [{ token: i1.TenantUiService }, { token: i1.AppStateService }, { token: i1.Permissions }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SupportUserAccessComponent, isStandalone: true, selector: "c8y-support-user-access", inputs: { tenant: "tenant" }, ngImport: i0, template: "<div class=\"card-header separator sticky-top large-padding\">\n  <div class=\"card-title fit-w\">\n    <i\n      class=\"c8y-icon c8y-icon-c8y-support\"\n      [ngClass]=\"{ 'c8y-icon-duocolor': tenant.supportUser?.enabled }\"\n    ></i>\n    {{ 'Support user access' | translate }}\n  </div>\n  <ng-container *ngIf=\"tenant.supportUser?.enabled && supportUserLogin && isTopTenant\">\n    <a\n      class=\"btn btn-default btn-xs\"\n      title=\"{{ 'Log in' | translate }}\"\n      href=\"//{{ tenant.domain }}/apps/administration/?user={{ supportUserLogin }}\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      <i c8yIcon=\"external-link\"></i>\n      {{ 'Log in' | translate }}\n    </a>\n  </ng-container>\n</div>\n<div class=\"card-block large-padding\">\n  <div class=\"form-group\">\n    <label>{{ 'Status' | translate }}</label>\n    <div>\n      <p class=\"form-control-static\">\n        <span\n          title=\"{{ 'Disabled' | translate }}\"\n          *ngIf=\"!tenant.supportUser?.enabled\"\n        >\n          <i\n            class=\"text-danger\"\n            c8yIcon=\"ban\"\n          ></i>\n          {{ 'Disabled' | translate }}\n        </span>\n        <span\n          title=\"{{ 'Enabled' | translate }}\"\n          *ngIf=\"tenant.supportUser?.enabled\"\n        >\n          <i\n            class=\"text-success\"\n            c8yIcon=\"check-circle\"\n          ></i>\n          {{ 'Enabled' | translate }}\n        </span>\n      </p>\n    </div>\n  </div>\n  <div class=\"form-group\" data-cy=\"c8y-support-user-access--activeRequestCount\">\n    <label>{{ 'Active requests count' | translate }}</label>\n\n    <p class=\"form-control-static\">\n      <span *ngIf=\"tenant.supportUser?.activeRequestCount\">\n        <span class=\"badge badge-danger\">\n          {{ tenant.supportUser?.activeRequestCount }}\n        </span>\n      </span>\n      <span *ngIf=\"!tenant.supportUser?.enabled && tenant.supportUser?.activeRequestCount === 0\">\n        {{ 'No active requests' | translate }}\n      </span>\n      <span *ngIf=\"tenant.supportUser?.enabled && tenant.supportUser?.activeRequestCount === 0\">\n        {{ 'Not applicable' | translate }}\n      </span>\n    </p>\n  </div>\n  <div\n    class=\"form-group\"\n    *ngIf=\"tenant.supportUser?.enabled\"\n  >\n    <label>{{ 'Expiry date' | translate }}</label>\n    <div>\n      <p class=\"form-control-static\">\n        <span *ngIf=\"tenant.supportUser?.expiryDate\">\n          {{ tenant.supportUser?.expiryDate | c8yDate: 'medium' }}\n        </span>\n        <span *ngIf=\"!tenant.supportUser?.expiryDate\">{{ 'No limit' | translate }}</span>\n      </p>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DatePipe, name: "c8yDate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupportUserAccessComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-support-user-access', standalone: true, imports: [CommonModule, C8yTranslatePipe], template: "<div class=\"card-header separator sticky-top large-padding\">\n  <div class=\"card-title fit-w\">\n    <i\n      class=\"c8y-icon c8y-icon-c8y-support\"\n      [ngClass]=\"{ 'c8y-icon-duocolor': tenant.supportUser?.enabled }\"\n    ></i>\n    {{ 'Support user access' | translate }}\n  </div>\n  <ng-container *ngIf=\"tenant.supportUser?.enabled && supportUserLogin && isTopTenant\">\n    <a\n      class=\"btn btn-default btn-xs\"\n      title=\"{{ 'Log in' | translate }}\"\n      href=\"//{{ tenant.domain }}/apps/administration/?user={{ supportUserLogin }}\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      <i c8yIcon=\"external-link\"></i>\n      {{ 'Log in' | translate }}\n    </a>\n  </ng-container>\n</div>\n<div class=\"card-block large-padding\">\n  <div class=\"form-group\">\n    <label>{{ 'Status' | translate }}</label>\n    <div>\n      <p class=\"form-control-static\">\n        <span\n          title=\"{{ 'Disabled' | translate }}\"\n          *ngIf=\"!tenant.supportUser?.enabled\"\n        >\n          <i\n            class=\"text-danger\"\n            c8yIcon=\"ban\"\n          ></i>\n          {{ 'Disabled' | translate }}\n        </span>\n        <span\n          title=\"{{ 'Enabled' | translate }}\"\n          *ngIf=\"tenant.supportUser?.enabled\"\n        >\n          <i\n            class=\"text-success\"\n            c8yIcon=\"check-circle\"\n          ></i>\n          {{ 'Enabled' | translate }}\n        </span>\n      </p>\n    </div>\n  </div>\n  <div class=\"form-group\" data-cy=\"c8y-support-user-access--activeRequestCount\">\n    <label>{{ 'Active requests count' | translate }}</label>\n\n    <p class=\"form-control-static\">\n      <span *ngIf=\"tenant.supportUser?.activeRequestCount\">\n        <span class=\"badge badge-danger\">\n          {{ tenant.supportUser?.activeRequestCount }}\n        </span>\n      </span>\n      <span *ngIf=\"!tenant.supportUser?.enabled && tenant.supportUser?.activeRequestCount === 0\">\n        {{ 'No active requests' | translate }}\n      </span>\n      <span *ngIf=\"tenant.supportUser?.enabled && tenant.supportUser?.activeRequestCount === 0\">\n        {{ 'Not applicable' | translate }}\n      </span>\n    </p>\n  </div>\n  <div\n    class=\"form-group\"\n    *ngIf=\"tenant.supportUser?.enabled\"\n  >\n    <label>{{ 'Expiry date' | translate }}</label>\n    <div>\n      <p class=\"form-control-static\">\n        <span *ngIf=\"tenant.supportUser?.expiryDate\">\n          {{ tenant.supportUser?.expiryDate | c8yDate: 'medium' }}\n        </span>\n        <span *ngIf=\"!tenant.supportUser?.expiryDate\">{{ 'No limit' | translate }}</span>\n      </p>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.TenantUiService }, { type: i1.AppStateService }, { type: i1.Permissions }], propDecorators: { tenant: [{
+                type: Input
+            }] } });
+
+const { ACTIONS: ACTIONS$2, COMPONENTS: COMPONENTS$2, EVENTS: EVENTS$2, RESULTS: RESULTS$2 } = PRODUCT_EXPERIENCE_TENANT_MANAGEMENT;
+class TenantFormComponent {
+    constructor(tenantPoliciesServiceProvider, tenantService, tenantUiService, location, alertService, activatedRoute, translateService, gainsightService) {
+        this.tenantPoliciesServiceProvider = tenantPoliciesServiceProvider;
+        this.tenantService = tenantService;
+        this.tenantUiService = tenantUiService;
+        this.location = location;
+        this.alertService = alertService;
+        this.activatedRoute = activatedRoute;
+        this.translateService = translateService;
+        this.gainsightService = gainsightService;
+        this.MANAGEMENT_TENANT_NAME = this.tenantUiService.MANAGEMENT;
+        this.tenant = null;
+        this.tenantPolicyNone = { name: this.translateService.instant(gettext('None')) };
+        this.saveInProgress = false;
+        this.showPasswordComponent = false;
+        this.tenantForm = new FormGroup({});
+        this.fieldDefinitions = { ...tenantFormInputsDefinitions };
+        this.initialized = false;
+    }
+    async ngOnInit() {
+        await this.getHost();
+        this.getTenantId();
+        await this.getTenant();
+        await this.checkIfIsEnterpriseEdition();
+        this.initialized = true;
+        if (!this.isNew) {
+            this.sendGainsightEvent(ACTIONS$2.TENANT_PROPERTIES_OPENED);
+        }
+        this.tenantForm.valueChanges.pipe(take(1)).subscribe(() => {
+            this.sendGainsightEvent(this.isNew
+                ? ACTIONS$2.TENANT_CREATION_STARTED_FILLING
+                : ACTIONS$2.TENANT_PROPERTIES_STARTED_CHANGING);
+        });
+    }
+    async onTenantPolicyChange() {
+        const passwordSettings = await this.tenantUiService.getPasswordStrengthSettings();
+        this.tenantPolicy = find(this.tenantPolicies, {
+            id: this.tenantForm.controls.tenantPolicy.value.id
+        });
+        const enforcedOnSystemLevel = passwordSettings.enforceStrength;
+        const enforcedOnTenantLevel = passwordSettings.strengthValidity;
+        const enforcedOnTenantPolicyLevel = this.tenantPoliciesServiceProvider
+            ? await this.tenantPoliciesServiceProvider.doesEnforceStrongPassword(this.tenantPolicy)
+            : undefined;
+        if (this.isNew) {
+            this.passwordStrengthEnforced = enforcedOnSystemLevel || enforcedOnTenantPolicyLevel;
+        }
+        else {
+            this.passwordStrengthEnforced = enforcedOnSystemLevel || enforcedOnTenantLevel;
+        }
+    }
+    setForm() {
+        this.tenantForm.patchValue({
+            tenantId: this.tenant.id,
+            domain: this.tenant.domain,
+            companyName: this.tenant.company,
+            contactName: this.tenant.contactName,
+            contactPhone: this.tenant.contactPhone,
+            administratorEmail: this.tenant.adminEmail,
+            administratorUsername: this.tenant.adminName,
+            sendPasswordResetEmail: this.tenant.sendPasswordResetEmail,
+            allowCreateTenants: this.tenant.allowCreateTenants,
+            externalReference: this.tenant.customProperties.externalReference,
+            gainsightEnabled: this.tenant.customProperties.gainsightEnabled
+        });
+    }
+    getTenantId() {
+        this.tenantId = this.activatedRoute.snapshot.parent.data.contextData.id;
+        this.isNew = !this.tenantId;
+    }
+    async onSubmit() {
+        let tenantToBeSaved;
+        if (!this.isNew) {
+            const formRawValue = this.tenantForm.getRawValue();
+            const customProperties = {
+                ...this.tenant.customProperties,
+                externalReference: formRawValue.externalReference,
+                gainsightEnabled: formRawValue.gainsightEnabled
+            };
+            tenantToBeSaved = {
+                id: this.tenant.id,
+                company: formRawValue.companyName,
+                contactName: formRawValue.contactName,
+                contactPhone: formRawValue.contactPhone,
+                domain: formRawValue.domain,
+                status: this.tenant.status,
+                allowCreateTenants: this.tenantForm.value.allowCreateTenants,
+                customProperties: customProperties
+            };
+        }
+        else {
+            tenantToBeSaved = {
+                adminEmail: this.tenantForm.value.administratorEmail,
+                adminName: this.tenantForm.value.administratorUsername,
+                company: this.tenantForm.value.companyName,
+                contactName: this.tenantForm.value.contactName,
+                contactPhone: this.tenantForm.value.contactPhone,
+                domain: this.tenantForm.value.domain,
+                adminPass: this.tenantForm.value.password,
+                sendPasswordResetEmail: this.tenantForm.value.sendPasswordResetEmail,
+                tenantPolicyId: this.tenantForm.value.tenantPolicy?.id
+            };
+        }
+        if (this.isNew && this.host) {
+            tenantToBeSaved.domain = tenantToBeSaved.domain + this.host;
+        }
+        const t = cloneDeep(tenantToBeSaved);
+        if (t.storageLimitPerDevice === undefined) {
+            t.storageLimitPerDevice = 0;
+        }
+        this.setSaveInProgress(true);
+        try {
+            let savedTenant;
+            if (this.isNew) {
+                savedTenant = (await this.tenantService.create(t)).data;
+                if (this.tenantForm.value.allowCreateTenants) {
+                    assign(savedTenant, { allowCreateTenants: this.tenantForm.value.allowCreateTenants });
+                    await this.tenantService.update(savedTenant);
+                }
+            }
+            else {
+                savedTenant = (await this.tenantService.update(t)).data;
+            }
+            this.sendGainsightEvent(this.isNew ? ACTIONS$2.TENANT_CREATION_SAVED : ACTIONS$2.TENANT_PROPERTIES_SAVED, { result: RESULTS$2.SUCCESS });
+            this.onSave(savedTenant, this.tenantForm);
+        }
+        catch (error) {
+            this.alertService.addServerFailure(error);
+            this.sendGainsightEvent(this.isNew ? ACTIONS$2.TENANT_CREATION_SAVED : ACTIONS$2.TENANT_PROPERTIES_SAVED, { result: RESULTS$2.FAILURE, error });
+        }
+        finally {
+            this.setSaveInProgress(false);
+        }
+    }
+    onSave(tenant, form) {
+        if (this.isNew) {
+            setTimeout(() => {
+                this.location.go(`/tenants/${tenant.id}`);
+                location.reload();
+            }, 2000);
+            this.alertService.success(gettext('Tenant saved.'));
+        }
+        assign(this.tenant, tenant);
+        this.alertService.success(gettext('Tenant saved.'));
+        form.markAsPristine();
+    }
+    setSaveInProgress(value) {
+        this.saveInProgress = value;
+    }
+    cancel() {
+        this.location.go('tenants');
+    }
+    shouldDisableSave() {
+        const disabled = !this.tenantForm.valid || !this.tenantForm.dirty || this.saveInProgress;
+        if (this.showPasswordComponent) {
+            if (this.passwordForm) {
+                return disabled || !this.passwordForm.valid;
+            }
+            else {
+                return true;
+            }
+        }
+        else {
+            return disabled;
+        }
+    }
+    onNewPasswordChanged(newPassword) {
+        this.tenantForm.addControl('password', new FormControl(newPassword.password));
+    }
+    onCheckboxChange(inputField) {
+        if (inputField === 'sendPasswordResetEmail') {
+            this.showPasswordComponent = !this.tenantForm.value.sendPasswordResetEmail;
+            this.removePasswordControl(this.showPasswordComponent);
+        }
+    }
+    setDisabledState() {
+        if (!this.isNew) {
+            this.tenantForm.controls.tenantId.disable();
+            this.tenantForm.controls.domain.disable();
+            this.tenantForm.controls.administratorEmail.disable();
+            this.tenantForm.controls.administratorUsername.disable();
+        }
+    }
+    async shouldShowSubtenantCheckbox() {
+        const currentTenantIsManagement = await this.tenantUiService.isManagementTenant();
+        const editedTenantIsChildOfManagement = this.tenant && this.tenant.parent === this.MANAGEMENT_TENANT_NAME;
+        return currentTenantIsManagement && (editedTenantIsChildOfManagement || this.isNew);
+    }
+    removePasswordControl(passwordComponentShown) {
+        if (!passwordComponentShown) {
+            this.tenantForm.removeControl('password');
+        }
+    }
+    async getTenant() {
+        if (this.tenantId && this.tenantId !== 'new') {
+            const detailedTenant = (await this.tenantService.detail(this.tenantId)).data;
+            this.title = detailedTenant.company;
+            this.onTenant(detailedTenant);
+            await this.generateForm();
+            this.setForm();
+            this.setDisabledState();
+        }
+        else {
+            this.title = this.translateService.instant(gettext('New tenant'));
+            await this.generateForm();
+            await this.loadTenantPolicies();
+        }
+    }
+    async loadTenantPolicies() {
+        if (this.tenantPoliciesServiceProvider) {
+            this.onTenantPolicies(await this.tenantPoliciesServiceProvider.list());
+        }
+    }
+    async getHost() {
+        const currentTenant = await this.tenantService.current();
+        this.host = `.${currentTenant.data.domainName.split('.').slice(1).join('.')}`;
+    }
+    async checkIfIsEnterpriseEdition() {
+        this.isEnterpriseEditionTenant = await this.tenantUiService.isEnterpriseTenant();
+    }
+    onTenantPolicies(tenantPolicies) {
+        this.tenantPolicies = [this.tenantPolicyNone, ...tenantPolicies];
+    }
+    onTenant(tenant = {}) {
+        this.tenant = tenant;
+    }
+    async generateForm() {
+        const shouldShowSubtenantCheckbox = await this.shouldShowSubtenantCheckbox();
+        const gainsightAvailable = !!(await this.gainsightService.getGainsightKey());
+        if (!shouldShowSubtenantCheckbox) {
+            delete this.fieldDefinitions.allowCreateTenants;
+        }
+        if (!this.isNew) {
+            delete this.fieldDefinitions.sendPasswordResetEmail;
+        }
+        if (this.isNew || (this.host && this.isEnterpriseEditionTenant)) {
+            delete this.fieldDefinitions.tenantID;
+        }
+        if (!this.isNew && !this.host) {
+            delete this.fieldDefinitions.domain;
+        }
+        if (this.isNew || !gainsightAvailable) {
+            delete this.fieldDefinitions.gainsightEnabled;
+        }
+        if (this.isNew) {
+            delete this.fieldDefinitions.externalReference;
+        }
+        for (const field of Object.values(this.fieldDefinitions)) {
+            this.tenantForm.addControl(field.id, new FormControl(field.defaultValue, field.validators));
+        }
+        this.fieldKeys = Object.keys(this.fieldDefinitions);
+    }
+    sendGainsightEvent(action, props = {}) {
+        this.gainsightService.triggerEvent(EVENTS$2.TENANT_MANAGEMENT, {
+            component: COMPONENTS$2.TENANT_FORM,
+            action,
+            ...props
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantFormComponent, deps: [{ token: i1$2.Ng1TenantPoliciesService, optional: true }, { token: i1$1.TenantService }, { token: i1.TenantUiService }, { token: i4.Location }, { token: i1.AlertService }, { token: i5$1.ActivatedRoute }, { token: i3.TranslateService }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TenantFormComponent, selector: "c8y-tenant-form", viewQueries: [{ propertyName: "passwordForm", first: true, predicate: ["passwordForm"], descendants: true }], ngImport: i0, template: "<c8y-title *ngIf=\"title\">\n  {{ title }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Tenants' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n    [path]=\"'/tenants'\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<form\n  [formGroup]=\"tenantForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"card content-fullpage d-grid grid__col--8-4--md\">\n    <div class=\"inner-scroll bg-level-0\">\n      <div class=\"card-header separator large-padding sticky-top\">\n        <div\n          class=\"card-title\"\n          translate\n        >\n          Identification\n        </div>\n      </div>\n\n      <div>\n        <div\n          class=\"card-block\"\n          *ngIf=\"!initialized\"\n        >\n          <c8y-loading></c8y-loading>\n        </div>\n\n        <div\n          class=\"card-block\"\n          *ngIf=\"initialized\"\n        >\n          <ng-container *ngFor=\"let key of fieldKeys\">\n            <ng-container *ngIf=\"fieldDefinitions[key].type === 'text'\">\n              <ng-container\n                *ngTemplateOutlet=\"textField; context: { $implicit: fieldDefinitions[key] }\"\n              ></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"fieldDefinitions[key].type === 'number'\">\n              <ng-container\n                *ngTemplateOutlet=\"numberField; context: { $implicit: fieldDefinitions[key] }\"\n              ></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"fieldDefinitions[key].type === 'checkbox'\">\n              <ng-container\n                *ngTemplateOutlet=\"checkboxField; context: { $implicit: fieldDefinitions[key] }\"\n              ></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"fieldDefinitions[key].type === 'select'\">\n              <ng-container\n                *ngTemplateOutlet=\"selectField; context: { $implicit: fieldDefinitions[key] }\"\n              ></ng-container>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"inner-scroll bg-level-1\"\n      *ngIf=\"!isNew && tenant\"\n    >\n      <c8y-support-user-access [tenant]=\"tenant\"></c8y-support-user-access>\n    </div>\n\n    <!-- FOOTER CARD -->\n    <div\n      class=\"card-footer separator large-padding grid__col--fullspan\"\n      *ngIf=\"initialized\"\n    >\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ 'Cancel' | translate }}\"\n        type=\"button\"\n        [routerLink]=\"['/tenants']\"\n        data-cy=\"c8y-tenant-form--cancelButton\"\n      >\n        {{ 'Cancel' | translate }}\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        title=\"{{ 'Save' | translate }}\"\n        type=\"submit\"\n        [disabled]=\"shouldDisableSave()\"\n        data-cy=\"c8y-tenant-form--saveButton\"\n      >\n        {{ 'Save' | translate }}\n      </button>\n    </div>\n  </div>\n\n  <!-- NG TEMPLATES -->\n  <ng-template\n    #textField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"text\"\n          [id]=\"fieldDefinition.id\"\n          [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n          [formControlName]=\"fieldDefinition.id\"\n          [attr.data-cy]=\"'c8y-tenant-form--' + fieldDefinition.id\"\n        />\n        <span\n          class=\"input-group-addon\"\n          *ngIf=\"fieldDefinition.id === 'domain' && host && isNew\"\n        >\n          {{ host }}\n        </span>\n      </div>\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #numberField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"number\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n        [attr.data-cy]=\"'c8y-tenant-form--' + fieldDefinition.id\"\n      />\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #checkboxField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label\n        class=\"c8y-checkbox\"\n        [title]=\"fieldDefinition.label | translate\"\n        [for]=\"fieldDefinition.id\"\n      >\n        <input\n          type=\"checkbox\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n          (change)=\"onCheckboxChange(fieldDefinition.id)\"\n          [attr.data-cy]=\"'c8y-tenant-form--' + fieldDefinition.id\"\n        />\n        <span></span>\n        <span>{{ fieldDefinition.label | translate }}</span>\n      </label>\n    </c8y-form-group>\n    <form\n      #passwordForm=\"ngForm\"\n      *ngIf=\"showPasswordComponent && fieldDefinition.id === 'sendPasswordResetEmail'\"\n    >\n      <c8y-new-password\n        [showChangePasswordButton]=\"false\"\n        [requireStrongPassword]=\"passwordStrengthEnforced\"\n        (password)=\"onNewPasswordChanged($event)\"\n      ></c8y-new-password>\n    </form>\n  </ng-template>\n\n  <ng-template\n    #selectField\n    let-fieldDefinition\n  >\n    <c8y-form-group *ngIf=\"tenantPolicies && tenantPolicies.length > 0\">\n      <label>{{ fieldDefinition.label | translate }}</label>\n      <div class=\"c8y-select-wrapper\">\n        <select\n          class=\"form-control\"\n          title=\"{{ fieldDefinition.label | translate }}\"\n          name=\"tenantPolicy\"\n          (change)=\"onTenantPolicyChange()\"\n          formControlName=\"tenantPolicy\"\n          [attr.data-cy]=\"'c8y-tenant-form--' + fieldDefinition.id\"\n        >\n          <option\n            *ngFor=\"let tenantPolicy of tenantPolicies\"\n            [ngValue]=\"tenantPolicy\"\n          >\n            {{ tenantPolicy.name }}\n          </option>\n        </select>\n        <span></span>\n      </div>\n    </c8y-form-group>\n  </ng-template>\n</form>\n", dependencies: [{ kind: "component", type: i1.BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: i1.BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "component", type: i1.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: i1.NewPasswordComponent, selector: "c8y-new-password", inputs: ["showChangePasswordButton", "requireStrongPassword"], outputs: ["password"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i1.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: SupportUserAccessComponent, selector: "c8y-support-user-access", inputs: ["tenant"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-tenant-form', template: "<c8y-title *ngIf=\"title\">\n  {{ title }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Tenants' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n    [path]=\"'/tenants'\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<form\n  [formGroup]=\"tenantForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"card content-fullpage d-grid grid__col--8-4--md\">\n    <div class=\"inner-scroll bg-level-0\">\n      <div class=\"card-header separator large-padding sticky-top\">\n        <div\n          class=\"card-title\"\n          translate\n        >\n          Identification\n        </div>\n      </div>\n\n      <div>\n        <div\n          class=\"card-block\"\n          *ngIf=\"!initialized\"\n        >\n          <c8y-loading></c8y-loading>\n        </div>\n\n        <div\n          class=\"card-block\"\n          *ngIf=\"initialized\"\n        >\n          <ng-container *ngFor=\"let key of fieldKeys\">\n            <ng-container *ngIf=\"fieldDefinitions[key].type === 'text'\">\n              <ng-container\n                *ngTemplateOutlet=\"textField; context: { $implicit: fieldDefinitions[key] }\"\n              ></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"fieldDefinitions[key].type === 'number'\">\n              <ng-container\n                *ngTemplateOutlet=\"numberField; context: { $implicit: fieldDefinitions[key] }\"\n              ></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"fieldDefinitions[key].type === 'checkbox'\">\n              <ng-container\n                *ngTemplateOutlet=\"checkboxField; context: { $implicit: fieldDefinitions[key] }\"\n              ></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"fieldDefinitions[key].type === 'select'\">\n              <ng-container\n                *ngTemplateOutlet=\"selectField; context: { $implicit: fieldDefinitions[key] }\"\n              ></ng-container>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"inner-scroll bg-level-1\"\n      *ngIf=\"!isNew && tenant\"\n    >\n      <c8y-support-user-access [tenant]=\"tenant\"></c8y-support-user-access>\n    </div>\n\n    <!-- FOOTER CARD -->\n    <div\n      class=\"card-footer separator large-padding grid__col--fullspan\"\n      *ngIf=\"initialized\"\n    >\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ 'Cancel' | translate }}\"\n        type=\"button\"\n        [routerLink]=\"['/tenants']\"\n        data-cy=\"c8y-tenant-form--cancelButton\"\n      >\n        {{ 'Cancel' | translate }}\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        title=\"{{ 'Save' | translate }}\"\n        type=\"submit\"\n        [disabled]=\"shouldDisableSave()\"\n        data-cy=\"c8y-tenant-form--saveButton\"\n      >\n        {{ 'Save' | translate }}\n      </button>\n    </div>\n  </div>\n\n  <!-- NG TEMPLATES -->\n  <ng-template\n    #textField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <div class=\"input-group\">\n        <input\n          class=\"form-control\"\n          type=\"text\"\n          [id]=\"fieldDefinition.id\"\n          [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n          [formControlName]=\"fieldDefinition.id\"\n          [attr.data-cy]=\"'c8y-tenant-form--' + fieldDefinition.id\"\n        />\n        <span\n          class=\"input-group-addon\"\n          *ngIf=\"fieldDefinition.id === 'domain' && host && isNew\"\n        >\n          {{ host }}\n        </span>\n      </div>\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #numberField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"number\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n        [attr.data-cy]=\"'c8y-tenant-form--' + fieldDefinition.id\"\n      />\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #checkboxField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label\n        class=\"c8y-checkbox\"\n        [title]=\"fieldDefinition.label | translate\"\n        [for]=\"fieldDefinition.id\"\n      >\n        <input\n          type=\"checkbox\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n          (change)=\"onCheckboxChange(fieldDefinition.id)\"\n          [attr.data-cy]=\"'c8y-tenant-form--' + fieldDefinition.id\"\n        />\n        <span></span>\n        <span>{{ fieldDefinition.label | translate }}</span>\n      </label>\n    </c8y-form-group>\n    <form\n      #passwordForm=\"ngForm\"\n      *ngIf=\"showPasswordComponent && fieldDefinition.id === 'sendPasswordResetEmail'\"\n    >\n      <c8y-new-password\n        [showChangePasswordButton]=\"false\"\n        [requireStrongPassword]=\"passwordStrengthEnforced\"\n        (password)=\"onNewPasswordChanged($event)\"\n      ></c8y-new-password>\n    </form>\n  </ng-template>\n\n  <ng-template\n    #selectField\n    let-fieldDefinition\n  >\n    <c8y-form-group *ngIf=\"tenantPolicies && tenantPolicies.length > 0\">\n      <label>{{ fieldDefinition.label | translate }}</label>\n      <div class=\"c8y-select-wrapper\">\n        <select\n          class=\"form-control\"\n          title=\"{{ fieldDefinition.label | translate }}\"\n          name=\"tenantPolicy\"\n          (change)=\"onTenantPolicyChange()\"\n          formControlName=\"tenantPolicy\"\n          [attr.data-cy]=\"'c8y-tenant-form--' + fieldDefinition.id\"\n        >\n          <option\n            *ngFor=\"let tenantPolicy of tenantPolicies\"\n            [ngValue]=\"tenantPolicy\"\n          >\n            {{ tenantPolicy.name }}\n          </option>\n        </select>\n        <span></span>\n      </div>\n    </c8y-form-group>\n  </ng-template>\n</form>\n" }]
+        }], ctorParameters: () => [{ type: i1$2.Ng1TenantPoliciesService, decorators: [{
+                    type: Optional
+                }] }, { type: i1$1.TenantService }, { type: i1.TenantUiService }, { type: i4.Location }, { type: i1.AlertService }, { type: i5$1.ActivatedRoute }, { type: i3.TranslateService }, { type: i1.GainsightService }], propDecorators: { passwordForm: [{
+                type: ViewChild,
+                args: ['passwordForm']
+            }] } });
 
 const defaultFilters = {
     query: "(type eq 'c8y_JsonSchema') and (appliesTo.TENANTS eq true)",
@@ -519,12 +969,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class CustomPropertyFieldComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomPropertyFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CustomPropertyFieldComponent, isStandalone: true, selector: "c8y-custom-property-field", inputs: { fieldDefinition: "fieldDefinition", form: "form" }, ngImport: i0, template: "<ng-container *ngIf=\"form && fieldDefinition\">\n  <ng-container [ngSwitch]=\"fieldDefinition.type\">\n    <ng-container *ngSwitchCase=\"'boolean'\">\n      <c8y-form-group [formGroup]=\"form\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"fieldDefinition.label | translate\"\n          [for]=\"fieldDefinition.id\"\n        >\n          <input\n            type=\"checkbox\"\n            [id]=\"fieldDefinition.id\"\n            [formControlName]=\"fieldDefinition.id\"\n          />\n          <span></span>\n          <span>{{ fieldDefinition.label | translate }}</span>\n        </label>\n      </c8y-form-group>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'number'\">\n      <c8y-form-group [formGroup]=\"form\">\n        <label [for]=\"fieldDefinition.id\">\n          {{ fieldDefinition.label | translate }}\n        </label>\n        <input\n          class=\"form-control\"\n          type=\"number\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n      </c8y-form-group>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'integer'\">\n      <c8y-form-group [formGroup]=\"form\">\n        <label [for]=\"fieldDefinition.id\">\n          {{ fieldDefinition.label | translate }}\n        </label>\n        <input\n          class=\"form-control\"\n          type=\"number\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n      </c8y-form-group>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'string'\">\n      <c8y-form-group\n        *ngIf=\"!fieldDefinition.format\"\n        [formGroup]=\"form\"\n      >\n        <label [for]=\"fieldDefinition.id\">\n          {{ fieldDefinition.label | translate }}\n        </label>\n        <input\n          class=\"form-control\"\n          type=\"text\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n      </c8y-form-group>\n\n      <c8y-form-group\n        *ngIf=\"fieldDefinition.format === 'datetime'\"\n        [formGroup]=\"form\"\n      >\n        <label [for]=\"fieldDefinition.id\">\n          {{ fieldDefinition.label | translate }}\n        </label>\n        <c8y-date-time-picker\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n          data-cy=\"c8y-custom-property-field--date-time-picker\"\n        ></c8y-date-time-picker>\n      </c8y-form-group>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i1.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CustomPropertyFieldComponent, isStandalone: true, selector: "c8y-custom-property-field", inputs: { fieldDefinition: "fieldDefinition", form: "form" }, ngImport: i0, template: "<ng-container *ngIf=\"form && fieldDefinition\">\n  <ng-container [ngSwitch]=\"fieldDefinition.type\">\n    <ng-container *ngSwitchCase=\"'boolean'\">\n      <c8y-form-group [formGroup]=\"form\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"fieldDefinition.label | translate\"\n          [for]=\"fieldDefinition.id\"\n        >\n          <input\n            type=\"checkbox\"\n            [id]=\"fieldDefinition.id\"\n            [formControlName]=\"fieldDefinition.id\"\n          />\n          <span></span>\n          <span>{{ fieldDefinition.label | translate }}</span>\n        </label>\n      </c8y-form-group>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'number'\">\n      <c8y-form-group [formGroup]=\"form\">\n        <label [for]=\"fieldDefinition.id\">\n          {{ fieldDefinition.label | translate }}\n        </label>\n        <input\n          class=\"form-control\"\n          type=\"number\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n      </c8y-form-group>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'integer'\">\n      <c8y-form-group [formGroup]=\"form\">\n        <label [for]=\"fieldDefinition.id\">\n          {{ fieldDefinition.label | translate }}\n        </label>\n        <input\n          class=\"form-control\"\n          type=\"number\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n      </c8y-form-group>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'string'\">\n      <c8y-form-group\n        *ngIf=\"!fieldDefinition.format\"\n        [formGroup]=\"form\"\n      >\n        <label [for]=\"fieldDefinition.id\">\n          {{ fieldDefinition.label | translate }}\n        </label>\n        <input\n          class=\"form-control\"\n          type=\"text\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n      </c8y-form-group>\n\n      <c8y-form-group\n        *ngIf=\"fieldDefinition.format === 'datetime'\"\n        [formGroup]=\"form\"\n      >\n        <label [for]=\"fieldDefinition.id\">\n          {{ fieldDefinition.label | translate }}\n        </label>\n        <c8y-date-time-picker\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n          data-cy=\"c8y-custom-property-field--date-time-picker\"\n        ></c8y-date-time-picker>\n      </c8y-form-group>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule$1 }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i1.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomPropertyFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-custom-property-field', standalone: true, imports: [
-                        CommonModule,
+                        CommonModule$1,
                         C8yTranslatePipe,
                         FormGroupComponent,
                         FormsModule,
@@ -537,12 +987,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+const { ACTIONS: ACTIONS$1, EVENTS: EVENTS$1, COMPONENTS: COMPONENTS$1, RESULTS: RESULTS$1 } = PRODUCT_EXPERIENCE_TENANT_MANAGEMENT;
 class CustomPropertiesComponent {
-    constructor(tenantService, alertService, activatedRoute, customPropertiesService) {
+    constructor(tenantService, alertService, activatedRoute, customPropertiesService, gainsightService) {
         this.tenantService = tenantService;
         this.alertService = alertService;
         this.activatedRoute = activatedRoute;
         this.customPropertiesService = customPropertiesService;
+        this.gainsightService = gainsightService;
         this.customPropsForm = new FormGroup({});
         this.tenant = null;
         this.initialized = false;
@@ -554,6 +1006,10 @@ class CustomPropertiesComponent {
         this.fieldDefinitions = fields;
         this.applyValuesFromTenant();
         this.initialized = true;
+        this.sendGainsightEvent(ACTIONS$1.TENANT_CUSTOM_PROPERTIES_OPENED);
+        this.customPropsForm.valueChanges.pipe(take(1)).subscribe(() => {
+            this.sendGainsightEvent(ACTIONS$1.TENANT_CUSTOM_PROPERTIES_STARTED_CHANGING);
+        });
     }
     async onSubmit() {
         if (this.customPropsForm.invalid || !this.tenant) {
@@ -569,9 +1025,14 @@ class CustomPropertiesComponent {
         try {
             await this.tenantService.update(updatedTenant);
             this.alertService.success(gettext('Custom properties values saved.'));
+            this.sendGainsightEvent(ACTIONS$1.TENANT_CUSTOM_PROPERTIES_SAVED, { result: RESULTS$1.SUCCESS });
         }
         catch (error) {
             this.alertService.addServerFailure(error);
+            this.sendGainsightEvent(ACTIONS$1.TENANT_CUSTOM_PROPERTIES_SAVED, {
+                result: RESULTS$1.FAILURE,
+                error
+            });
         }
     }
     async loadTenantDetails() {
@@ -597,21 +1058,29 @@ class CustomPropertiesComponent {
         });
         return dirtyValues;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomPropertiesComponent, deps: [{ token: i1$1.TenantService }, { token: i1.AlertService }, { token: i3$1.ActivatedRoute }, { token: CustomPropertiesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CustomPropertiesComponent, isStandalone: true, selector: "c8y-custom-properties", ngImport: i0, template: "<c8y-title *ngIf=\"tenant\">\n  {{ tenant.company }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Tenants' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n    [path]=\"'/tenants'\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<ng-container>\n  <form\n    [formGroup]=\"customPropsForm\"\n    (ngSubmit)=\"onSubmit()\"\n  >\n    <div class=\"card card--fullpage m-b-0\">\n      <div class=\"card-header separator\">\n        <div\n          class=\"card-title\"\n          translate\n        >\n          Custom properties\n        </div>\n      </div>\n\n      <div class=\"inner-scroll\">\n        <div\n          class=\"card-block\"\n          *ngIf=\"!initialized\"\n        >\n          <c8y-loading></c8y-loading>\n        </div>\n\n        <c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#custom-properties\"></c8y-help>\n\n        <!-- empty state -->\n        <c8y-ui-empty-state\n          [icon]=\"'property-script'\"\n          [title]=\"'No custom properties to display.' | translate\"\n          [subtitle]=\"'Add a new tenant property in Properties library.' | translate\"\n          *ngIf=\"fieldDefinitions?.length === 0 && initialized\"\n        >\n          <p c8y-guide-docs>\n            <small translate>\n              Find out more in the\n              <a c8y-guide-href=\"/docs/enterprise-tenant/managing-tenants/#custom-properties\">\n                User guide\n              </a>\n              .\n            </small>\n          </p>\n        </c8y-ui-empty-state>\n\n        <div\n          class=\"card-block\"\n          *ngIf=\"initialized\"\n        >\n          <ng-container *ngFor=\"let field of fieldDefinitions\">\n            <c8y-custom-property-field\n              [fieldDefinition]=\"field\"\n              [form]=\"customPropsForm\"\n            ></c8y-custom-property-field>\n          </ng-container>\n        </div>\n      </div>\n\n      <div\n        class=\"card-footer separator\"\n        *ngIf=\"initialized\"\n      >\n        <button\n          class=\"btn btn-default\"\n          type=\"button\"\n          [routerLink]=\"['/tenants']\"\n          translate\n          data-cy=\"custom-properties--cancel-button\"\n        >\n          Cancel\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          type=\"submit\"\n          [disabled]=\"!(!customPropsForm.invalid && customPropsForm.dirty)\"\n          translate\n          data-cy=\"custom-properties--save-button\"\n        >\n          Save\n        </button>\n      </div>\n    </div>\n  </form>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: i1.BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "component", type: i1.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: i1.GuideHrefDirective, selector: "[c8y-guide-href]", inputs: ["c8y-guide-href"] }, { kind: "component", type: i1.GuideDocsComponent, selector: "[c8y-guide-docs]" }, { kind: "component", type: i1.HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CustomPropertyFieldComponent, selector: "c8y-custom-property-field", inputs: ["fieldDefinition", "form"] }] }); }
+    sendGainsightEvent(action, props = {}) {
+        this.gainsightService.triggerEvent(EVENTS$1.TENANT_MANAGEMENT, {
+            component: COMPONENTS$1.TENANT_CUSTOM_PROPERTIES,
+            action,
+            ...props
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomPropertiesComponent, deps: [{ token: i1$1.TenantService }, { token: i1.AlertService }, { token: i5$1.ActivatedRoute }, { token: CustomPropertiesService }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CustomPropertiesComponent, isStandalone: true, selector: "c8y-custom-properties", ngImport: i0, template: "<c8y-title *ngIf=\"tenant\">\n  {{ tenant.company }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Tenants' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n    [path]=\"'/tenants'\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<ng-container>\n  <form\n    [formGroup]=\"customPropsForm\"\n    (ngSubmit)=\"onSubmit()\"\n  >\n    <div class=\"card card--fullpage m-b-0\">\n      <div class=\"card-header separator\">\n        <div\n          class=\"card-title\"\n          translate\n        >\n          Custom properties\n        </div>\n      </div>\n\n      <div class=\"inner-scroll\">\n        <div\n          class=\"card-block\"\n          *ngIf=\"!initialized\"\n        >\n          <c8y-loading></c8y-loading>\n        </div>\n\n        <c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#custom-properties\"></c8y-help>\n\n        <!-- empty state -->\n        <c8y-ui-empty-state\n          [icon]=\"'property-script'\"\n          [title]=\"'No custom properties to display.' | translate\"\n          [subtitle]=\"'Add a new tenant property in Properties library.' | translate\"\n          *ngIf=\"fieldDefinitions?.length === 0 && initialized\"\n        >\n          <p c8y-guide-docs>\n            <small translate>\n              Find out more in the\n              <a c8y-guide-href=\"/docs/enterprise-tenant/managing-tenants/#custom-properties\">\n                User guide\n              </a>\n              .\n            </small>\n          </p>\n        </c8y-ui-empty-state>\n\n        <div\n          class=\"card-block\"\n          *ngIf=\"initialized\"\n        >\n          <ng-container *ngFor=\"let field of fieldDefinitions\">\n            <c8y-custom-property-field\n              [fieldDefinition]=\"field\"\n              [form]=\"customPropsForm\"\n            ></c8y-custom-property-field>\n          </ng-container>\n        </div>\n      </div>\n\n      <div\n        class=\"card-footer separator\"\n        *ngIf=\"initialized\"\n      >\n        <button\n          class=\"btn btn-default\"\n          type=\"button\"\n          [routerLink]=\"['/tenants']\"\n          translate\n          data-cy=\"custom-properties--cancel-button\"\n        >\n          Cancel\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          type=\"submit\"\n          [disabled]=\"!(!customPropsForm.invalid && customPropsForm.dirty)\"\n          translate\n          data-cy=\"custom-properties--save-button\"\n        >\n          Save\n        </button>\n      </div>\n    </div>\n  </form>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule$1 }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: i1.BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "component", type: i1.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: i1.GuideHrefDirective, selector: "[c8y-guide-href]", inputs: ["c8y-guide-href"] }, { kind: "component", type: i1.GuideDocsComponent, selector: "[c8y-guide-docs]" }, { kind: "component", type: i1.HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CustomPropertyFieldComponent, selector: "c8y-custom-property-field", inputs: ["fieldDefinition", "form"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomPropertiesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-custom-properties', standalone: true, imports: [
-                        CommonModule,
+                        CommonModule$1,
                         ReactiveFormsModule,
                         FormsModule,
                         CoreModule,
                         RouterLink,
                         CustomPropertyFieldComponent
                     ], template: "<c8y-title *ngIf=\"tenant\">\n  {{ tenant.company }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Tenants' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n    [path]=\"'/tenants'\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<ng-container>\n  <form\n    [formGroup]=\"customPropsForm\"\n    (ngSubmit)=\"onSubmit()\"\n  >\n    <div class=\"card card--fullpage m-b-0\">\n      <div class=\"card-header separator\">\n        <div\n          class=\"card-title\"\n          translate\n        >\n          Custom properties\n        </div>\n      </div>\n\n      <div class=\"inner-scroll\">\n        <div\n          class=\"card-block\"\n          *ngIf=\"!initialized\"\n        >\n          <c8y-loading></c8y-loading>\n        </div>\n\n        <c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#custom-properties\"></c8y-help>\n\n        <!-- empty state -->\n        <c8y-ui-empty-state\n          [icon]=\"'property-script'\"\n          [title]=\"'No custom properties to display.' | translate\"\n          [subtitle]=\"'Add a new tenant property in Properties library.' | translate\"\n          *ngIf=\"fieldDefinitions?.length === 0 && initialized\"\n        >\n          <p c8y-guide-docs>\n            <small translate>\n              Find out more in the\n              <a c8y-guide-href=\"/docs/enterprise-tenant/managing-tenants/#custom-properties\">\n                User guide\n              </a>\n              .\n            </small>\n          </p>\n        </c8y-ui-empty-state>\n\n        <div\n          class=\"card-block\"\n          *ngIf=\"initialized\"\n        >\n          <ng-container *ngFor=\"let field of fieldDefinitions\">\n            <c8y-custom-property-field\n              [fieldDefinition]=\"field\"\n              [form]=\"customPropsForm\"\n            ></c8y-custom-property-field>\n          </ng-container>\n        </div>\n      </div>\n\n      <div\n        class=\"card-footer separator\"\n        *ngIf=\"initialized\"\n      >\n        <button\n          class=\"btn btn-default\"\n          type=\"button\"\n          [routerLink]=\"['/tenants']\"\n          translate\n          data-cy=\"custom-properties--cancel-button\"\n        >\n          Cancel\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          type=\"submit\"\n          [disabled]=\"!(!customPropsForm.invalid && customPropsForm.dirty)\"\n          translate\n          data-cy=\"custom-properties--save-button\"\n        >\n          Save\n        </button>\n      </div>\n    </div>\n  </form>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.TenantService }, { type: i1.AlertService }, { type: i3$1.ActivatedRoute }, { type: CustomPropertiesService }] });
+        }], ctorParameters: () => [{ type: i1$1.TenantService }, { type: i1.AlertService }, { type: i5$1.ActivatedRoute }, { type: CustomPropertiesService }, { type: i1.GainsightService }] });
 
+const MAX_DEVICE_STORAGE_LIMIT_MiB = Math.round(Number.MAX_SAFE_INTEGER / 1024 / 1024);
 /**
  * Define all hardTyped custom properties, and their configuration in one place.
  *
@@ -619,15 +1088,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * while still benefiting from hard typing, thanks to "satisfies" keyword
  */
 const tenantLimitsCustomPropertiesDefinition = {
-    //TODO: External reference - going to be moved to the Properties tab.
-    externalReference: {
-        id: 'externalReference',
-        validators: [],
-        defaultValue: null,
-        type: 'text',
-        label: gettext$1('External reference'),
-        placeholder: gettext$1('e.g. REF12345`reference number`')
-    },
     limitDevicesNumber: {
         id: 'limit.devices.number',
         validators: [Validators.min(0)],
@@ -691,52 +1151,66 @@ const tenantLimitsCustomPropertiesDefinition = {
         placeholder: gettext$1('e.g. {{ example }}'),
         placeholderArgs: { example: 100 }
     },
-    // TODO: Gainsight checkbox - going to be moved to the Properties tab.
-    gainsightEnabled: {
-        id: 'gainsightEnabled',
-        validators: [],
-        defaultValue: false,
-        type: 'checkbox',
-        label: gettext$1('Enable Gainsight product experience tracking')
+    deviceStorageLimitMiB: {
+        id: 'deviceStorageLimitMiB',
+        validators: [Validators.min(0), Validators.max(MAX_DEVICE_STORAGE_LIMIT_MiB)],
+        defaultValue: 0,
+        type: 'number',
+        label: gettext$1('Storage limit per device (MiB)'),
+        placeholder: gettext$1('e.g. {{ example }}'),
+        placeholderArgs: { example: 100 }
     }
 };
 const tenantLimitsCustomProperties = tenantLimitsCustomPropertiesDefinition;
 
+const { ACTIONS, EVENTS, COMPONENTS, RESULTS } = PRODUCT_EXPERIENCE_TENANT_MANAGEMENT;
 class TenantLimitsComponent {
-    constructor(tenantService, tenantOptionsService, alertService, activatedRoute, applicationService) {
+    constructor(tenantService, alertService, activatedRoute, applicationService, options, gainsightService) {
         this.tenantService = tenantService;
-        this.tenantOptionsService = tenantOptionsService;
         this.alertService = alertService;
         this.activatedRoute = activatedRoute;
         this.applicationService = applicationService;
+        this.options = options;
+        this.gainsightService = gainsightService;
         this.fieldDefinitions = { ...tenantLimitsCustomProperties };
         this.limitsForm = new FormGroup({});
         this.tenant = null;
         this.initialized = false;
+        this.deviceStorageLimitInfoMessage = gettext('Default: 0 (unlimited storage)');
     }
     async ngOnInit() {
         await this.loadTenantDetails();
         await this.setupConditionalFields();
         this.generateForm();
         this.initialized = true;
+        this.sendGainsightEvent(ACTIONS.TENANT_LIMITS_OPENED);
     }
     async onSubmit() {
         if (this.limitsForm.invalid || !this.tenant) {
             return;
         }
+        const { deviceStorageLimitMiB, ...customProperties } = this.getDirtyValues();
         const updatedTenant = {
             ...this.tenant,
             customProperties: {
                 ...this.tenant.customProperties,
-                ...this.getDirtyValues()
+                ...customProperties
             }
         };
+        if (this.storageLimitFeatureEnabled) {
+            updatedTenant.storageLimitPerDevice = (deviceStorageLimitMiB || 0) * 1024 * 1024;
+        }
+        else {
+            updatedTenant.storageLimitPerDevice = 0;
+        }
         try {
             await this.tenantService.update(updatedTenant);
             this.alertService.success(gettext('Limit values saved.'));
+            this.sendGainsightEvent(ACTIONS.TENANT_LIMITS_SAVED, { result: RESULTS.SUCCESS });
         }
         catch (error) {
             this.alertService.addServerFailure(error);
+            this.sendGainsightEvent(ACTIONS.TENANT_LIMITS_SAVED, { result: RESULTS.FAILURE, error });
         }
     }
     async loadTenantDetails() {
@@ -756,15 +1230,15 @@ class TenantLimitsComponent {
             })).data;
             const cepModuleEnabled = apps.some(app => app.name === 'cep' || app.contextPath === 'cep');
             const dataBrokerModuleEnabled = apps.some(app => app.name === 'feature-broker' || app.contextPath === 'feature-broker');
-            const gainsightAvailable = await this.isGainsightAvailable();
+            this.storageLimitFeatureEnabled = this.options.storageLimitationFeatureEnabled;
             if (!cepModuleEnabled) {
                 delete this.fieldDefinitions.cepServerQueueLimit;
             }
             if (!dataBrokerModuleEnabled) {
                 delete this.fieldDefinitions.dataBrokerQueueLimit;
             }
-            if (!gainsightAvailable) {
-                delete this.fieldDefinitions.gainsightEnabled;
+            if (!this.storageLimitFeatureEnabled) {
+                delete this.fieldDefinitions.deviceStorageLimitMiB;
             }
             this.fieldKeys = Object.keys(this.fieldDefinitions);
         }
@@ -772,27 +1246,19 @@ class TenantLimitsComponent {
             this.alertService.addServerFailure(ex);
         }
     }
-    async isGainsightAvailable() {
-        if (get(window, 'C8Y_APP.gainsightKey')) {
-            return true;
-        }
-        try {
-            const res = await this.tenantOptionsService.detail({
-                category: 'configuration',
-                key: 'system.gainsight.api.key'
-            });
-            return !!res.data.value;
-        }
-        catch (error) {
-            return false;
-        }
-    }
     generateForm() {
         for (const field of Object.values(tenantLimitsCustomProperties)) {
             this.limitsForm.addControl(field.id, new FormControl(field.defaultValue, field.validators));
         }
         const customProps = this.tenant?.customProperties || {};
         this.limitsForm.patchValue(customProps);
+        if (this.storageLimitFeatureEnabled) {
+            const deviceStorageLimitMiB = (this.tenant?.storageLimitPerDevice || 0) / 1024 / 1024;
+            this.limitsForm.patchValue({ deviceStorageLimitMiB });
+        }
+        this.limitsForm.valueChanges.pipe(take(1)).subscribe(() => {
+            this.sendGainsightEvent(ACTIONS.TENANT_LIMITS_STARTED_CHANGING);
+        });
     }
     getDirtyValues() {
         const dirtyValues = {};
@@ -804,13 +1270,36 @@ class TenantLimitsComponent {
         });
         return dirtyValues;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantLimitsComponent, deps: [{ token: i1$1.TenantService }, { token: i1$1.TenantOptionsService }, { token: i1.AlertService }, { token: i3$1.ActivatedRoute }, { token: i1$1.ApplicationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TenantLimitsComponent, isStandalone: true, selector: "c8y-tenant-limits", ngImport: i0, template: "<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Tenants' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n    [path]=\"'/tenants'\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<form\n  [formGroup]=\"limitsForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"card card--fullpage m-b-0\">\n    <div class=\"card-header separator\">\n      <div\n        class=\"card-title\"\n        translate\n      >\n        Limits\n      </div>\n    </div>\n\n    <c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#setting-limits\"></c8y-help>\n\n    <div class=\"inner-scroll\">\n      <div\n        class=\"card-block\"\n        *ngIf=\"!initialized\"\n      >\n        <c8y-loading></c8y-loading>\n      </div>\n\n      <div\n        class=\"card-block\"\n        *ngIf=\"initialized\"\n      >\n        <ng-container *ngFor=\"let key of fieldKeys\">\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'text'\">\n            <ng-container\n              *ngTemplateOutlet=\"textField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'number'\">\n            <ng-container\n              *ngTemplateOutlet=\"numberField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'checkbox'\">\n            <ng-container\n              *ngTemplateOutlet=\"checkboxField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n\n    <div\n      class=\"card-footer separator\"\n      *ngIf=\"initialized\"\n    >\n      <button\n        class=\"btn btn-default\"\n        type=\"button\"\n        [routerLink]=\"['/tenants']\"\n        translate\n      >\n        Cancel\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        type=\"submit\"\n        [disabled]=\"limitsForm.invalid\"\n        translate\n      >\n        Save\n      </button>\n    </div>\n  </div>\n\n  <ng-template\n    #textField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n      />\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #numberField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"number\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n      />\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #checkboxField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label\n        class=\"c8y-checkbox\"\n        [title]=\"fieldDefinition.label | translate\"\n        [for]=\"fieldDefinition.id\"\n      >\n        <input\n          type=\"checkbox\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n        <span></span>\n        <span>{{ fieldDefinition.label | translate }}</span>\n      </label>\n    </c8y-form-group>\n  </ng-template>\n</form>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i1.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: i1.BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "component", type: i1.HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    sendGainsightEvent(action, props = {}) {
+        this.gainsightService.triggerEvent(EVENTS.TENANT_MANAGEMENT, {
+            component: COMPONENTS.TENANT_LIMITS,
+            action,
+            ...props
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantLimitsComponent, deps: [{ token: i1$1.TenantService }, { token: i1.AlertService }, { token: i5$1.ActivatedRoute }, { token: i1$1.ApplicationService }, { token: i1.OptionsService }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TenantLimitsComponent, isStandalone: true, selector: "c8y-tenant-limits", ngImport: i0, template: "<c8y-title *ngIf=\"tenant\">\n  {{ tenant.company }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Tenants' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n    [path]=\"'/tenants'\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<form\n  [formGroup]=\"limitsForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"card card--fullpage m-b-0\">\n    <div class=\"card-header separator\">\n      <div\n        class=\"card-title\"\n        translate\n      >\n        Limits\n      </div>\n    </div>\n\n    <c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#setting-limits\"></c8y-help>\n\n    <div class=\"inner-scroll\">\n      <div\n        class=\"card-block\"\n        *ngIf=\"!initialized\"\n      >\n        <c8y-loading></c8y-loading>\n      </div>\n\n      <div\n        class=\"card-block\"\n        *ngIf=\"initialized\"\n      >\n        <ng-container *ngFor=\"let key of fieldKeys\">\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'text'\">\n            <ng-container\n              *ngTemplateOutlet=\"textField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'number'\">\n            <ng-container\n              *ngTemplateOutlet=\"numberField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'checkbox'\">\n            <ng-container\n              *ngTemplateOutlet=\"checkboxField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n\n    <div\n      class=\"card-footer separator\"\n      *ngIf=\"initialized\"\n    >\n      <button\n        class=\"btn btn-default\"\n        type=\"button\"\n        [routerLink]=\"['/tenants']\"\n        translate\n      >\n        Cancel\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        type=\"submit\"\n        [disabled]=\"limitsForm.invalid\"\n        translate\n      >\n        Save\n      </button>\n    </div>\n  </div>\n\n  <ng-template\n    #textField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n      />\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #numberField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"number\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n      />\n      <ng-container\n        *ngIf=\"\n          fieldDefinitions.deviceStorageLimitMiB &&\n          fieldDefinitions.deviceStorageLimitMiB.id === fieldDefinition.id &&\n          limitsForm.controls[fieldDefinition.id] as control\n        \"\n      >\n        <div\n          class=\"icon-flex\"\n          *ngIf=\"!control.dirty || (control.dirty && !control.errors)\"\n        >\n          <p class=\"help-block\">\n            <i\n              class=\"text-info m-r-4\"\n              c8yIcon=\"info-circle\"\n            ></i>\n            <span>{{ deviceStorageLimitInfoMessage | translate }}</span>\n          </p>\n        </div>\n      </ng-container>\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #checkboxField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label\n        class=\"c8y-checkbox\"\n        [title]=\"fieldDefinition.label | translate\"\n        [for]=\"fieldDefinition.id\"\n      >\n        <input\n          type=\"checkbox\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n        <span></span>\n        <span>{{ fieldDefinition.label | translate }}</span>\n      </label>\n    </c8y-form-group>\n  </ng-template>\n</form>\n", dependencies: [{ kind: "ngmodule", type: CommonModule$1 }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i1.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: i1.BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "component", type: i1.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: i1.HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantLimitsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-tenant-limits', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormsModule, CoreModule, RouterLink], template: "<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Tenants' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n    [path]=\"'/tenants'\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<form\n  [formGroup]=\"limitsForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"card card--fullpage m-b-0\">\n    <div class=\"card-header separator\">\n      <div\n        class=\"card-title\"\n        translate\n      >\n        Limits\n      </div>\n    </div>\n\n    <c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#setting-limits\"></c8y-help>\n\n    <div class=\"inner-scroll\">\n      <div\n        class=\"card-block\"\n        *ngIf=\"!initialized\"\n      >\n        <c8y-loading></c8y-loading>\n      </div>\n\n      <div\n        class=\"card-block\"\n        *ngIf=\"initialized\"\n      >\n        <ng-container *ngFor=\"let key of fieldKeys\">\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'text'\">\n            <ng-container\n              *ngTemplateOutlet=\"textField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'number'\">\n            <ng-container\n              *ngTemplateOutlet=\"numberField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'checkbox'\">\n            <ng-container\n              *ngTemplateOutlet=\"checkboxField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n\n    <div\n      class=\"card-footer separator\"\n      *ngIf=\"initialized\"\n    >\n      <button\n        class=\"btn btn-default\"\n        type=\"button\"\n        [routerLink]=\"['/tenants']\"\n        translate\n      >\n        Cancel\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        type=\"submit\"\n        [disabled]=\"limitsForm.invalid\"\n        translate\n      >\n        Save\n      </button>\n    </div>\n  </div>\n\n  <ng-template\n    #textField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n      />\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #numberField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"number\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n      />\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #checkboxField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label\n        class=\"c8y-checkbox\"\n        [title]=\"fieldDefinition.label | translate\"\n        [for]=\"fieldDefinition.id\"\n      >\n        <input\n          type=\"checkbox\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n        <span></span>\n        <span>{{ fieldDefinition.label | translate }}</span>\n      </label>\n    </c8y-form-group>\n  </ng-template>\n</form>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.TenantService }, { type: i1$1.TenantOptionsService }, { type: i1.AlertService }, { type: i3$1.ActivatedRoute }, { type: i1$1.ApplicationService }] });
+            args: [{ selector: 'c8y-tenant-limits', standalone: true, imports: [CommonModule$1, ReactiveFormsModule, FormsModule, CoreModule, RouterLink], template: "<c8y-title *ngIf=\"tenant\">\n  {{ tenant.company }}\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Tenants' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-layers'\"\n    [label]=\"'Subtenants' | translate\"\n    [path]=\"'/tenants'\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<form\n  [formGroup]=\"limitsForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"card card--fullpage m-b-0\">\n    <div class=\"card-header separator\">\n      <div\n        class=\"card-title\"\n        translate\n      >\n        Limits\n      </div>\n    </div>\n\n    <c8y-help src=\"/docs/enterprise-tenant/managing-tenants/#setting-limits\"></c8y-help>\n\n    <div class=\"inner-scroll\">\n      <div\n        class=\"card-block\"\n        *ngIf=\"!initialized\"\n      >\n        <c8y-loading></c8y-loading>\n      </div>\n\n      <div\n        class=\"card-block\"\n        *ngIf=\"initialized\"\n      >\n        <ng-container *ngFor=\"let key of fieldKeys\">\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'text'\">\n            <ng-container\n              *ngTemplateOutlet=\"textField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'number'\">\n            <ng-container\n              *ngTemplateOutlet=\"numberField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"fieldDefinitions[key].type === 'checkbox'\">\n            <ng-container\n              *ngTemplateOutlet=\"checkboxField; context: { $implicit: fieldDefinitions[key] }\"\n            ></ng-container>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n\n    <div\n      class=\"card-footer separator\"\n      *ngIf=\"initialized\"\n    >\n      <button\n        class=\"btn btn-default\"\n        type=\"button\"\n        [routerLink]=\"['/tenants']\"\n        translate\n      >\n        Cancel\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        type=\"submit\"\n        [disabled]=\"limitsForm.invalid\"\n        translate\n      >\n        Save\n      </button>\n    </div>\n  </div>\n\n  <ng-template\n    #textField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n      />\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #numberField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label [for]=\"fieldDefinition.id\">\n        {{ fieldDefinition.label | translate: fieldDefinition.labelArgs }}\n      </label>\n      <input\n        class=\"form-control\"\n        type=\"number\"\n        [id]=\"fieldDefinition.id\"\n        [placeholder]=\"fieldDefinition.placeholder | translate: fieldDefinition.placeholderArgs\"\n        [formControlName]=\"fieldDefinition.id\"\n      />\n      <ng-container\n        *ngIf=\"\n          fieldDefinitions.deviceStorageLimitMiB &&\n          fieldDefinitions.deviceStorageLimitMiB.id === fieldDefinition.id &&\n          limitsForm.controls[fieldDefinition.id] as control\n        \"\n      >\n        <div\n          class=\"icon-flex\"\n          *ngIf=\"!control.dirty || (control.dirty && !control.errors)\"\n        >\n          <p class=\"help-block\">\n            <i\n              class=\"text-info m-r-4\"\n              c8yIcon=\"info-circle\"\n            ></i>\n            <span>{{ deviceStorageLimitInfoMessage | translate }}</span>\n          </p>\n        </div>\n      </ng-container>\n    </c8y-form-group>\n  </ng-template>\n\n  <ng-template\n    #checkboxField\n    let-fieldDefinition\n  >\n    <c8y-form-group>\n      <label\n        class=\"c8y-checkbox\"\n        [title]=\"fieldDefinition.label | translate\"\n        [for]=\"fieldDefinition.id\"\n      >\n        <input\n          type=\"checkbox\"\n          [id]=\"fieldDefinition.id\"\n          [formControlName]=\"fieldDefinition.id\"\n        />\n        <span></span>\n        <span>{{ fieldDefinition.label | translate }}</span>\n      </label>\n    </c8y-form-group>\n  </ng-template>\n</form>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.TenantService }, { type: i1.AlertService }, { type: i5$1.ActivatedRoute }, { type: i1$1.ApplicationService }, { type: i1.OptionsService }, { type: i1.GainsightService }] });
+
+class ExistingTenantGuard {
+    /**
+     * Checks if the current route is displayed for an existing tenant.
+     *
+     * @returns `true` if visiting a route for an existing tenant.
+     */
+    canActivate(route) {
+        return route.params.id !== 'new';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExistingTenantGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExistingTenantGuard }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExistingTenantGuard, decorators: [{
+            type: Injectable
+        }] });
 
 class TenantsModule {
     static config(config = {}) {
@@ -827,24 +1316,39 @@ class TenantsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TenantsModule, declarations: [TenantListComponent,
             CreationTimeFilteringFormRendererComponent,
-            StatusFilteringFormRendererComponent], imports: [RouterModule, BsDatepickerModule, CoreModule] }); }
+            StatusFilteringFormRendererComponent,
+            TenantFormComponent], imports: [BsDatepickerModule, CoreModule, RouterModule, SupportUserAccessComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantsModule, providers: [
             TenantListGuard,
+            ExistingTenantGuard,
             hookNavigator(TenantsNavigationFactory),
-            hookRoute({
-                path: 'tenants',
-                icon: 'c8y-layers',
-                component: TenantListComponent,
-                canActivate: [TenantListGuard]
-            }),
             hookRoute([
+                {
+                    path: 'tenants',
+                    icon: 'c8y-layers',
+                    component: TenantListComponent,
+                    canActivate: [TenantListGuard]
+                },
+                {
+                    path: 'tenants/new',
+                    component: TenantFormComponent
+                },
+                {
+                    path: 'properties',
+                    component: TenantFormComponent,
+                    icon: 'new-property',
+                    label: gettext('Properties'),
+                    context: ViewContext.Tenant,
+                    priority: 10000
+                },
                 {
                     path: 'custom_properties',
                     component: CustomPropertiesComponent,
                     icon: 'property-script',
                     label: gettext('Custom properties'),
                     context: ViewContext.Tenant,
-                    priority: 4
+                    priority: 4,
+                    canActivate: [ExistingTenantGuard]
                 },
                 {
                     path: 'limits',
@@ -852,38 +1356,54 @@ class TenantsModule {
                     icon: 'sliders',
                     label: gettext('Limits'),
                     context: ViewContext.Tenant,
-                    priority: 3
+                    priority: 3,
+                    canActivate: [ExistingTenantGuard]
                 }
             ])
-        ], imports: [RouterModule, BsDatepickerModule, CoreModule] }); }
+        ], imports: [BsDatepickerModule, CoreModule, RouterModule, SupportUserAccessComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [RouterModule, BsDatepickerModule, CoreModule],
+                    imports: [BsDatepickerModule, CoreModule, RouterModule, SupportUserAccessComponent],
                     exports: [],
                     declarations: [
                         TenantListComponent,
                         CreationTimeFilteringFormRendererComponent,
-                        StatusFilteringFormRendererComponent
+                        StatusFilteringFormRendererComponent,
+                        TenantFormComponent
                     ],
                     providers: [
                         TenantListGuard,
+                        ExistingTenantGuard,
                         hookNavigator(TenantsNavigationFactory),
-                        hookRoute({
-                            path: 'tenants',
-                            icon: 'c8y-layers',
-                            component: TenantListComponent,
-                            canActivate: [TenantListGuard]
-                        }),
                         hookRoute([
+                            {
+                                path: 'tenants',
+                                icon: 'c8y-layers',
+                                component: TenantListComponent,
+                                canActivate: [TenantListGuard]
+                            },
+                            {
+                                path: 'tenants/new',
+                                component: TenantFormComponent
+                            },
+                            {
+                                path: 'properties',
+                                component: TenantFormComponent,
+                                icon: 'new-property',
+                                label: gettext('Properties'),
+                                context: ViewContext.Tenant,
+                                priority: 10000
+                            },
                             {
                                 path: 'custom_properties',
                                 component: CustomPropertiesComponent,
                                 icon: 'property-script',
                                 label: gettext('Custom properties'),
                                 context: ViewContext.Tenant,
-                                priority: 4
+                                priority: 4,
+                                canActivate: [ExistingTenantGuard]
                             },
                             {
                                 path: 'limits',
@@ -891,7 +1411,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 icon: 'sliders',
                                 label: gettext('Limits'),
                                 context: ViewContext.Tenant,
-                                priority: 3
+                                priority: 3,
+                                canActivate: [ExistingTenantGuard]
                             }
                         ])
                     ]
@@ -902,5 +1423,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CreationTimeFilteringFormRendererComponent, CustomPropertiesComponent, StatusFilteringFormRendererComponent, TENANTS_MODULE_CONFIG, TenantListComponent, TenantListGuard, TenantsModule, TenantsNavigationFactory };
+export { CreationTimeFilteringFormRendererComponent, CustomPropertiesComponent, PRODUCT_EXPERIENCE_TENANT_MANAGEMENT, StatusFilteringFormRendererComponent, SupportUserAccessComponent, TENANTS_MODULE_CONFIG, TenantFormComponent, TenantListComponent, TenantListGuard, TenantsModule, TenantsNavigationFactory };
 //# sourceMappingURL=c8y-ngx-components-tenants.mjs.map