@c8y/ngx-components 1023.14.103 → 1023.14.111

package/fesm2022/c8y-ngx-components.mjs

@@ -4131,7 +4131,7 @@ class AssetTypesRealtimeService {
      */
     getIcon$(type) {
         const assetType = this.getAssetTypeByName$(type);
-        return assetType.pipe(map(assetType => assetType?.c8y_IsAssetType?.icon?.name || this.DEFAULT_ASSET_ICON));
+        return assetType.pipe(map(assetType => assetType?.icon?.name || assetType?.c8y_IsAssetType?.icon?.name || this.DEFAULT_ASSET_ICON));
     }
     /**
      * Refreshes the asset types cache
@@ -4149,8 +4149,12 @@ class AssetTypesRealtimeService {
      */
     async getAssetTypes() {
         const assetTypesCache = {};
-        const { data } = await this.inventory.list({
-            fragmentType: 'c8y_IsAssetType',
+        const query = {
+            __filter: {
+                __or: [{ type: 'c8y_AssetDefinition' }, { __has: 'c8y_IsAssetType' }]
+            }
+        };
+        const { data } = await this.inventory.listQuery(query, {
             withChildren: false,
             pageSize: 2000
         });
@@ -4249,8 +4253,8 @@ class GroupService {
         this.dataBrokerSourceFragmentInactive = `_${GroupFragment.dataBrokerSourceFragment}`;
     }
     /**
-     * Finds an icon based on the contents of a managed object.
-     * It takes into account factors such as type, and specific fragments.
+     * Finds an icon based on the asset type; if none is found, it looks for an asset-specific icon,
+     * and if that is also unavailable, it uses the default icon.
      * @param mo Managed object to be checked.
      * @param open Determines whether the method should return an alternative icon showing the open state.
      * @param fallbackIcon If no icon is found, this icon is returned.
@@ -4258,8 +4262,13 @@ class GroupService {
      */
     async getIcon(mo, open = false, fallbackIcon) {
         const genericMoType = this.determineMoType(mo);
+        const defaultIcon = 'c8y-enterprise';
         if (genericMoType === 'asset') {
-            return await this.getAssetCustomIcon(mo.type);
+            const icon = await this.getAssetCustomIcon(mo.type);
+            if (icon === defaultIcon && mo.icon && mo.icon.name !== '') {
+                return mo.icon.name;
+            }
+            return icon;
         }
         if (fallbackIcon && genericMoType === 'other') {
             return fallbackIcon;
@@ -14752,6 +14761,8 @@ class ConfirmModalComponent {
     constructor(modal) {
         this.modal = modal;
         this.status = Status.INFO;
+        this.requireCodeVerification = false;
+        this.confirmString = '';
         this._labels = {
             ok: 'OK',
             cancel: 'Cancel'
@@ -14762,6 +14773,9 @@ class ConfirmModalComponent {
                 this.modal.hide();
             };
             this.close = () => {
+                if (this.requireCodeVerification && !this.canConfirmWithCode()) {
+                    return;
+                }
                 resolve(isEmpty(this.confirmOptions)
                     ? true
                     : {
@@ -14772,6 +14786,11 @@ class ConfirmModalComponent {
             };
         });
     }
+    ngOnInit() {
+        if (this.requireCodeVerification) {
+            this.code = this.generateRandomCode();
+        }
+    }
     get classIcon() {
         return `dlt-c8y-icon-${statusIcons[this.status]}`;
     }
@@ -14785,12 +14804,26 @@ class ConfirmModalComponent {
         const doc = new DOMParser().parseFromString(str, 'text/html');
         return Array.from(doc.body.childNodes).some(node => node.nodeType === Node.ELEMENT_NODE);
     }
+    canConfirmWithCode() {
+        return this.confirmString === this.code;
+    }
+    get isOkButtonDisabled() {
+        if (this.requireCodeVerification) {
+            return !this.canConfirmWithCode();
+        }
+        return false;
+    }
+    generateRandomCode() {
+        // no l, I, 0, O chars to prevent confusion:
+        const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZabcdefhijkmnoprstuvwxyz123456789';
+        return Array.from({ length: 5 }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfirmModalComponent, deps: [{ token: i1$7.BsModalRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ConfirmModalComponent, isStandalone: true, selector: "c8y-confirm-modal", inputs: { title: "title", body: "body", confirmOptions: "confirmOptions", status: "status", labels: "labels" }, ngImport: i0, template: "<div\n  class=\"c8y-prompt alert\"\n  [ngClass]=\"[classAlert]\"\n  data-cy=\"prompt-alert\"\n>\n  @if (title) {\n    <h3 class=\"m-b-16 d-flex a-i-center\">\n      <i\n        class=\"dlt-c8y-icon\"\n        [ngClass]=\"[classIcon]\"\n      ></i>\n      <span id=\"modal-title\">{{ title | translate }}</span>\n    </h3>\n  }\n  <div id=\"modal-body\">\n    @if (!isHtml(body)) {\n      <p class=\"text-break-word m-b-16\">\n        {{ body | translate }}\n      </p>\n    }\n    @if (isHtml(body)) {\n      <div\n        class=\"text-break-word m-b-16\"\n        [innerHTML]=\"body | translate\"\n      ></div>\n    }\n    @for (co of confirmOptions | showIfFilter | async | keyvalue; track co) {\n      <div class=\"c8y-checkbox plain m-b-8\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"co.value.text | translate\"\n        >\n          <input\n            type=\"checkbox\"\n            [checked]=\"co.value.checked\"\n            (change)=\"co.value.checked = !co.value.checked\"\n            [disabled]=\"confirmOptions[co.value.disabledByKey]?.checked\"\n          />\n          <span></span>\n          <span>{{ co.value.text | translate }}</span>\n        </label>\n      </div>\n    }\n    <ng-content></ng-content>\n  </div>\n  <div class=\"alert-footer\">\n    @if (labels.cancel !== null) {\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ labels.cancel | translate }}\"\n        type=\"button\"\n        (click)=\"dismiss()\"\n        data-cy=\"c8y-confirm-modal--cancel\"\n      >\n        {{ labels.cancel | translate }}\n      </button>\n    }\n    <button\n      class=\"btn btn-primary m-t-xs-8\"\n      title=\"{{ labels.ok | translate }}\"\n      type=\"button\"\n      (click)=\"close()\"\n      data-cy=\"c8y-confirm-modal--ok\"\n    >\n      {{ labels.ok | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: ShowIfFilterPipe, name: "showIfFilter" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ConfirmModalComponent, isStandalone: true, selector: "c8y-confirm-modal", inputs: { title: "title", body: "body", confirmOptions: "confirmOptions", status: "status", requireCodeVerification: "requireCodeVerification", labels: "labels" }, ngImport: i0, template: "<div\n  class=\"c8y-prompt alert\"\n  [ngClass]=\"[classAlert]\"\n  data-cy=\"prompt-alert\"\n>\n  @if (title) {\n    <h3 class=\"m-b-16 d-flex a-i-center\">\n      <i\n        class=\"dlt-c8y-icon\"\n        [ngClass]=\"[classIcon]\"\n      ></i>\n      <span id=\"modal-title\">{{ title | translate }}</span>\n    </h3>\n  }\n  <div id=\"modal-body\">\n    @if (!isHtml(body)) {\n      <p class=\"text-break-word m-b-16\">\n        {{ body | translate }}\n      </p>\n    }\n    @if (isHtml(body)) {\n      <div\n        class=\"text-break-word m-b-16\"\n        [innerHTML]=\"body | translate\"\n      ></div>\n    }\n    @for (co of confirmOptions | showIfFilter | async | keyvalue; track co) {\n      <div class=\"c8y-checkbox plain m-b-8\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"co.value.text | translate\"\n        >\n          <input\n            type=\"checkbox\"\n            [checked]=\"co.value.checked\"\n            (change)=\"co.value.checked = !co.value.checked\"\n            [disabled]=\"confirmOptions[co.value.disabledByKey]?.checked\"\n          />\n          <span></span>\n          <span>{{ co.value.text | translate }}</span>\n        </label>\n      </div>\n    }\n    @if (requireCodeVerification) {\n      <p class=\"text-break-word m-b-16\">\n        <code>{{ code }}</code>\n      </p>\n      <form (submit)=\"$event.preventDefault()\">\n        <div class=\"form-group\">\n          <label for=\"confirmString\">\n            {{ 'Confirm:' | translate }}\n          </label>\n          <input\n            class=\"form-control\"\n            id=\"confirmString\"\n            placeholder=\"{{ 'Type here' | translate }}\"\n            name=\"confirmString\"\n            type=\"text\"\n            autocomplete=\"off\"\n            [(ngModel)]=\"confirmString\"\n          />\n        </div>\n      </form>\n    }\n    <ng-content></ng-content>\n  </div>\n  <div class=\"alert-footer\">\n    @if (labels.cancel !== null) {\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ labels.cancel | translate }}\"\n        type=\"button\"\n        (click)=\"dismiss()\"\n        data-cy=\"c8y-confirm-modal--cancel\"\n      >\n        {{ labels.cancel | translate }}\n      </button>\n    }\n    <button\n      class=\"btn btn-primary m-t-xs-8\"\n      title=\"{{ labels.ok | translate }}\"\n      type=\"button\"\n      (click)=\"close()\"\n      data-cy=\"c8y-confirm-modal--ok\"\n      [disabled]=\"isOkButtonDisabled\"\n    >\n      {{ labels.ok | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$8.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: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$8.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: ShowIfFilterPipe, name: "showIfFilter" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfirmModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-confirm-modal', standalone: true, imports: [NgClass, C8yTranslatePipe, AsyncPipe, KeyValuePipe, ShowIfFilterPipe], template: "<div\n  class=\"c8y-prompt alert\"\n  [ngClass]=\"[classAlert]\"\n  data-cy=\"prompt-alert\"\n>\n  @if (title) {\n    <h3 class=\"m-b-16 d-flex a-i-center\">\n      <i\n        class=\"dlt-c8y-icon\"\n        [ngClass]=\"[classIcon]\"\n      ></i>\n      <span id=\"modal-title\">{{ title | translate }}</span>\n    </h3>\n  }\n  <div id=\"modal-body\">\n    @if (!isHtml(body)) {\n      <p class=\"text-break-word m-b-16\">\n        {{ body | translate }}\n      </p>\n    }\n    @if (isHtml(body)) {\n      <div\n        class=\"text-break-word m-b-16\"\n        [innerHTML]=\"body | translate\"\n      ></div>\n    }\n    @for (co of confirmOptions | showIfFilter | async | keyvalue; track co) {\n      <div class=\"c8y-checkbox plain m-b-8\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"co.value.text | translate\"\n        >\n          <input\n            type=\"checkbox\"\n            [checked]=\"co.value.checked\"\n            (change)=\"co.value.checked = !co.value.checked\"\n            [disabled]=\"confirmOptions[co.value.disabledByKey]?.checked\"\n          />\n          <span></span>\n          <span>{{ co.value.text | translate }}</span>\n        </label>\n      </div>\n    }\n    <ng-content></ng-content>\n  </div>\n  <div class=\"alert-footer\">\n    @if (labels.cancel !== null) {\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ labels.cancel | translate }}\"\n        type=\"button\"\n        (click)=\"dismiss()\"\n        data-cy=\"c8y-confirm-modal--cancel\"\n      >\n        {{ labels.cancel | translate }}\n      </button>\n    }\n    <button\n      class=\"btn btn-primary m-t-xs-8\"\n      title=\"{{ labels.ok | translate }}\"\n      type=\"button\"\n      (click)=\"close()\"\n      data-cy=\"c8y-confirm-modal--ok\"\n    >\n      {{ labels.ok | translate }}\n    </button>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'c8y-confirm-modal', standalone: true, imports: [NgClass, C8yTranslatePipe, AsyncPipe, KeyValuePipe, ShowIfFilterPipe, FormsModule$1], template: "<div\n  class=\"c8y-prompt alert\"\n  [ngClass]=\"[classAlert]\"\n  data-cy=\"prompt-alert\"\n>\n  @if (title) {\n    <h3 class=\"m-b-16 d-flex a-i-center\">\n      <i\n        class=\"dlt-c8y-icon\"\n        [ngClass]=\"[classIcon]\"\n      ></i>\n      <span id=\"modal-title\">{{ title | translate }}</span>\n    </h3>\n  }\n  <div id=\"modal-body\">\n    @if (!isHtml(body)) {\n      <p class=\"text-break-word m-b-16\">\n        {{ body | translate }}\n      </p>\n    }\n    @if (isHtml(body)) {\n      <div\n        class=\"text-break-word m-b-16\"\n        [innerHTML]=\"body | translate\"\n      ></div>\n    }\n    @for (co of confirmOptions | showIfFilter | async | keyvalue; track co) {\n      <div class=\"c8y-checkbox plain m-b-8\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"co.value.text | translate\"\n        >\n          <input\n            type=\"checkbox\"\n            [checked]=\"co.value.checked\"\n            (change)=\"co.value.checked = !co.value.checked\"\n            [disabled]=\"confirmOptions[co.value.disabledByKey]?.checked\"\n          />\n          <span></span>\n          <span>{{ co.value.text | translate }}</span>\n        </label>\n      </div>\n    }\n    @if (requireCodeVerification) {\n      <p class=\"text-break-word m-b-16\">\n        <code>{{ code }}</code>\n      </p>\n      <form (submit)=\"$event.preventDefault()\">\n        <div class=\"form-group\">\n          <label for=\"confirmString\">\n            {{ 'Confirm:' | translate }}\n          </label>\n          <input\n            class=\"form-control\"\n            id=\"confirmString\"\n            placeholder=\"{{ 'Type here' | translate }}\"\n            name=\"confirmString\"\n            type=\"text\"\n            autocomplete=\"off\"\n            [(ngModel)]=\"confirmString\"\n          />\n        </div>\n      </form>\n    }\n    <ng-content></ng-content>\n  </div>\n  <div class=\"alert-footer\">\n    @if (labels.cancel !== null) {\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ labels.cancel | translate }}\"\n        type=\"button\"\n        (click)=\"dismiss()\"\n        data-cy=\"c8y-confirm-modal--cancel\"\n      >\n        {{ labels.cancel | translate }}\n      </button>\n    }\n    <button\n      class=\"btn btn-primary m-t-xs-8\"\n      title=\"{{ labels.ok | translate }}\"\n      type=\"button\"\n      (click)=\"close()\"\n      data-cy=\"c8y-confirm-modal--ok\"\n      [disabled]=\"isOkButtonDisabled\"\n    >\n      {{ labels.ok | translate }}\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$7.BsModalRef }], propDecorators: { title: [{
                 type: Input
             }], body: [{
@@ -14799,6 +14832,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], status: [{
                 type: Input
+            }], requireCodeVerification: [{
+                type: Input
             }], labels: [{
                 type: Input
             }] } });
@@ -14836,7 +14871,7 @@ class CookieBannerPreferencesModalComponent {
         return this.cookieBannerService.getCookieDescription(cookieType);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CookieBannerPreferencesModalComponent, deps: [{ token: CookieBannerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CookieBannerPreferencesModalComponent, isStandalone: true, selector: "c8y-cookie-banner-preferences-modal", viewQueries: [{ propertyName: "modalRef", first: true, predicate: ["modalRef"], descendants: true }], ngImport: i0, template: "<c8y-confirm-modal [title]=\"title\" [status]=\"status\" [labels]=\"labels\" #modalRef>\n\n  <div *ngFor=\"let item of configCookiePreferencesList\" class=\"row p-t-8 p-b-8 separator-top\">\n    <div class=\"col-xs-2\">\n      <div class=\"text-center\">\n        <label class=\"c8y-switch\">\n          <input\n            name=\"{{ item.name }}\"\n            type=\"checkbox\"\n            [(ngModel)]=\"item.value\"\n            [disabled]=\"item.isReadonly\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </div>\n    <div class=\"col-xs-10\">\n      <h4 class=\"text-medium\">\n        {{ item.name | translate | humanize }}\n      </h4>\n      <p>\n        {{ getCookieDescription(item.name) | translate }}\n      </p>\n    </div>\n  </div>\n</c8y-confirm-modal>\n", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "c8y-confirm-modal", inputs: ["title", "body", "confirmOptions", "status", "labels"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: HumanizePipe, name: "humanize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CookieBannerPreferencesModalComponent, isStandalone: true, selector: "c8y-cookie-banner-preferences-modal", viewQueries: [{ propertyName: "modalRef", first: true, predicate: ["modalRef"], descendants: true }], ngImport: i0, template: "<c8y-confirm-modal [title]=\"title\" [status]=\"status\" [labels]=\"labels\" #modalRef>\n\n  <div *ngFor=\"let item of configCookiePreferencesList\" class=\"row p-t-8 p-b-8 separator-top\">\n    <div class=\"col-xs-2\">\n      <div class=\"text-center\">\n        <label class=\"c8y-switch\">\n          <input\n            name=\"{{ item.name }}\"\n            type=\"checkbox\"\n            [(ngModel)]=\"item.value\"\n            [disabled]=\"item.isReadonly\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </div>\n    <div class=\"col-xs-10\">\n      <h4 class=\"text-medium\">\n        {{ item.name | translate | humanize }}\n      </h4>\n      <p>\n        {{ getCookieDescription(item.name) | translate }}\n      </p>\n    </div>\n  </div>\n</c8y-confirm-modal>\n", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "c8y-confirm-modal", inputs: ["title", "body", "confirmOptions", "status", "requireCodeVerification", "labels"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: HumanizePipe, name: "humanize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CookieBannerPreferencesModalComponent, decorators: [{
             type: Component,
@@ -15662,6 +15697,7 @@ class ModalModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalModule, imports: [ModalModule$1.forRoot(),
             CommonModule,
             PopoverModule.forRoot(),
+            ConfirmModalComponent,
             PopoverConfirmComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalModule, decorators: [{
@@ -19813,14 +19849,22 @@ class ModalService {
      * @param labels The labels to use. Default: { ok: 'Confirm', cancel: 'Cancel'}
      * @param confirmOptions Selection options to display as checkbox list.
      * @param productExperienceEvent Additional data to attach to custom product experience events.
+     * @param requireCodeVerification Whether to require user to retype a random code for confirmation.
      */
-    async confirm(title, body, status = Status.INFO, labels = {}, confirmOptions = {}, productExperienceEvent = { eventName: 'confirmModal' }) {
+    async confirm(title, body, status = Status.INFO, labels = {}, confirmOptions = {}, productExperienceEvent = { eventName: 'confirmModal' }, requireCodeVerification = false) {
         const modalLabels = {
             ok: labels.ok || gettext$1('Confirm'),
             cancel: labels.cancel || gettext$1('Cancel')
         };
         const modalRef = this.modalService.show(ConfirmModalComponent, {
-            initialState: { title, body, labels: modalLabels, status, confirmOptions },
+            initialState: {
+                title,
+                body,
+                labels: modalLabels,
+                status,
+                confirmOptions,
+                requireCodeVerification
+            },
             ariaDescribedby: 'modal-body',
             ariaLabelledBy: 'modal-title',
             ignoreBackdropClick: true
@@ -37953,7 +37997,7 @@ class AssetTypesService {
      */
     getIcon(type) {
         const assetType = this.getAssetTypeByName(type);
-        return assetType?.c8y_IsAssetType?.icon?.name || this.DEFAULT_ASSET_ICON;
+        return (assetType?.c8y_IsAssetType?.icon?.name || assetType?.icon?.name || this.DEFAULT_ASSET_ICON);
     }
     /**
      * Add an asset type to the local cache.