@tuki-io/tuki-widgets 0.0.134 → 0.0.136

package/fesm2015/tuki-io-tuki-widgets-users-list.mjs

@@ -0,0 +1,2098 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Inject, Injectable, EventEmitter, Input, Output, ViewChild, NgModule } from '@angular/core';
+import * as i11$1 from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i2 from '@angular/common';
+import { Subject, of, forkJoin, BehaviorSubject, Observable } from 'rxjs';
+import * as i7 from '@angular/forms';
+import { FormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { map } from 'rxjs/operators';
+import * as i1$1 from '@angular/common/http';
+import { HttpHeaders, HttpClientModule } from '@angular/common/http';
+import * as i8 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i9 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i10$1 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i12$1 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i4 from '@angular/material/core';
+import { MatNativeDateModule } from '@angular/material/core';
+import * as i5 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i6 from '@angular/material/paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import * as Big from 'big.js';
+import * as i10 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i11 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i12 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i14 from '@angular/material/stepper';
+import { MatStepperModule } from '@angular/material/stepper';
+import * as i7$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i16 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
+import * as i6$1 from '@angular/material/divider';
+import { BrowserModule } from '@angular/platform-browser';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatListModule } from '@angular/material/list';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatTreeModule } from '@angular/material/tree';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatCardModule } from '@angular/material/card';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatIconModule } from '@angular/material/icon';
+
+class UserListConfirmDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.confirmButtonText = 'OK';
+        this.message = '';
+        this.title = '';
+    }
+    ngOnInit() {
+        this.confirmButtonText = this.data.confirmButtonText || '';
+        this.message = this.data.message || '';
+        this.title = this.data.title || '';
+    }
+    onClose(val) {
+        this.dialogRef.close(val);
+    }
+}
+UserListConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserListConfirmDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+UserListConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UserListConfirmDialogComponent, selector: "app-info-dialog", ngImport: i0, template: "<div id=\"info-dialog\" class=\"app-dialog\" aria-labelledby=\"info-dialog-label\" role=\"dialog\">\r\n  <h3 *ngIf=\"title\" class=\"app-dialog-title\">{{title}}</h3>\r\n  <div mat-dialog-content *ngIf=\"message\" class=\"app-dialog-content\">\r\n    <div class=\"move_user_popup_icon\"></div>\r\n    <div class=\"dialog-content-message\" [innerHTML]=\"message\"></div>\r\n  </div>\r\n  <div mat-dialog-actions class=\"flex-gap-container\">\r\n    <button class=\"app-dialog-button app-dialog-cancel-button\" (click)=\"onClose(false)\">\r\n      Cancel\r\n    </button>\r\n    <button class=\"app-dialog-button app-dialog-confirm-button\" (click)=\"onClose(true)\">\r\n      {{confirmButtonText}}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";#info-dialog{min-height:150px;width:400px;box-sizing:border-box;position:relative;padding:0 0 30px}#info-dialog .fa{font-size:35px;margin:0 auto 20px;display:block;text-align:center;color:#009fdb;cursor:default}.scroll-content{overflow-y:auto;margin:auto;max-height:150px;width:100%}.app-dialog{font-family:Inter,Inter,sans-serif}.app-dialog .app-dialog-title{text-align:center;font-weight:600;font-size:16px;font-family:Inter,Inter,sans-serif;margin:0 0 24px}.app-dialog .flex-gap-container{gap:16px;position:absolute;right:0;gap:15px;display:flex}.app-dialog .app-dialog-content{color:#000000b3;font-size:14px;margin:0 auto 15px}.move_user_popup_icon{display:block;height:30xp;margin:auto}.mat-dialog-actions{margin:0;bottom:-20px}.dialog-content-message{font-weight:500}.dialog-content-message p{padding:15px 0 0}.mat-dialog-content{padding:0}.app-dialog-button{height:32px;padding:10px 12px;text-align:center;border-radius:50px;box-shadow:none;line-height:11px;border:none;font-size:14px;font-family:Inter,Inter,sans-serif;cursor:pointer}.app-dialog-cancel-button{border:1px solid rgba(0,0,0,.5);color:#000;background:white}.app-dialog-confirm-button{background:black;color:#fff}.move_user_popup_icon{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%22170%22 height%3D%2292%22 viewBox%3D%220 0 170 92%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg clip-path%3D%22url(%23clip0_1542_78221)%22%3E%0D%3Cpath d%3D%22M110.843 14.284C112.49 18.534 116.58 23.8465 122.052 23.8465C133.74 23.8465 141.177 6.31523 144.737 2.96836M103.99 17.6309C104.096 18.1621 104.521 18.534 105.052 18.534H107.337C107.868 18.534 108.293 18.1621 108.399 17.6309L108.718 15.8246C109.568 15.4527 110.312 14.9215 110.896 14.2309C111.321 13.7527 111.693 13.1684 111.958 12.5309L113.765 12.2121C114.296 12.1059 114.668 11.6809 114.668 11.1496V8.70586C114.668 8.17461 114.296 7.74961 113.765 7.64336L111.958 7.32461C111.321 5.89023 110.152 4.72148 108.718 4.08398L108.399 2.27773C108.293 1.74648 107.868 1.37461 107.337 1.37461H104.893C104.362 1.37461 103.937 1.74648 103.83 2.27773L103.512 4.08398C102.077 4.72148 100.908 5.89023 100.271 7.32461L98.4646 7.64336C97.9334 7.74961 97.5615 8.17461 97.5615 8.70586V11.6809C97.5615 12.2121 97.9334 12.6371 98.4646 12.7434L99.899 12.9559C100.43 13.0621 100.802 13.4871 100.802 14.0184V16.4621C100.802 16.9934 100.43 17.4184 99.899 17.5246L97.349 17.9496C96.9772 18.0027 96.6584 18.2684 96.499 18.6402C96.0209 20.1809 95.1709 21.5621 94.1084 22.7309C93.8428 22.9965 93.7897 23.4215 93.8959 23.7934L94.799 26.184C94.9584 26.6621 94.799 27.1934 94.3209 27.459L92.1959 28.6809C91.7709 28.9465 91.1865 28.8402 90.8678 28.4152L89.2209 26.4496C88.9553 26.1309 88.5834 26.0246 88.2115 26.0777C87.4678 26.2371 86.6709 26.3434 85.874 26.3434C85.0771 26.3434 84.2803 26.2371 83.5365 26.0777C83.1647 25.9715 82.7396 26.1309 82.5271 26.4496L80.8803 28.4152C80.5615 28.8402 79.9772 28.8934 79.5522 28.6809L77.4272 27.459C77.0022 27.1934 76.7897 26.6621 76.949 26.184L77.8522 23.7934C78.0115 23.4215 77.9053 22.9965 77.6396 22.7309C76.5771 21.5621 75.7803 20.1809 75.249 18.6402C75.1428 18.2684 74.824 18.0027 74.399 17.9496L71.849 17.5246C71.3178 17.4184 70.9459 16.9934 70.9459 16.4621V14.0184C70.9459 13.4871 71.3178 13.0621 71.849 12.9559L74.399 12.5309C74.7709 12.4777 75.0896 12.2121 75.249 11.8402C75.7271 10.2996 76.5771 8.91836 77.6396 7.74961C77.9053 7.48398 77.9584 7.05898 77.8522 6.68711L76.949 4.29648C76.7897 3.81836 76.949 3.28711 77.4272 3.02148L79.5522 1.79961C79.9772 1.53398 80.5615 1.64023 80.8803 2.06523L82.5271 4.03086C82.7928 4.34961 83.1647 4.45586 83.5365 4.40273C84.2803 4.24336 85.0771 4.13711 85.874 4.13711C86.6709 4.13711 87.4678 4.24336 88.2115 4.40273C88.5834 4.50898 89.0084 4.34961 89.2209 4.03086L90.8678 2.06523C91.1865 1.64023 91.7709 1.58711 92.1959 1.79961L94.3209 3.02148C94.7459 3.28711 94.9584 3.81836 94.799 4.29648L94.0022 6.68711C93.8959 7.05898 94.0022 7.48398 94.2678 7.74961M38.0615 85.4184H31.6865V55.6684C29.5084 55.6684 27.3303 54.8184 25.6834 53.1715C24.0365 51.5246 23.1865 49.3465 23.1865 47.1684H10.4365L18.9365 30.1684L25.6834 41.1652C28.9771 37.8715 34.3959 37.8715 37.6896 41.1652C40.8771 44.3527 40.9834 49.4527 38.0615 52.7996C37.849 53.0121 37.849 53.3309 38.0615 53.5434L47.5178 62.9996C46.0303 65.4434 46.349 68.684 48.474 70.809C49.2709 71.6059 50.2803 72.1902 51.3428 72.4559L51.9803 74.9527C52.2459 76.0152 53.7865 76.0152 54.0522 74.9527L54.6897 72.4559C55.9115 72.1371 57.0272 71.4465 57.8772 70.4371C59.8428 68.0996 59.8959 64.5934 57.9303 62.2559C55.8584 59.759 52.299 59.2809 49.6959 60.8746L42.1521 53.3309M59.3115 82.2309H57.1865V80.1059C57.1865 79.5215 56.7084 79.0434 56.124 79.0434H49.749C49.1646 79.0434 48.6865 79.5215 48.6865 80.1059V82.2309H47.624C47.0396 82.2309 46.5615 82.709 46.5615 83.2934V84.3559C46.5615 84.9402 47.0396 85.4184 47.624 85.4184H82.6865C84.4396 85.4184 85.874 86.8527 85.874 88.6059C85.874 90.4121 84.2272 91.7934 82.3678 91.7934C75.4615 91.634 69.9365 86.0027 69.9365 79.0434C69.9365 74.2621 69.9365 72.6684 69.9365 72.6684H66.749C66.1646 72.6684 65.6865 72.1902 65.6865 71.6059V56.7309C65.6865 56.1465 66.1646 55.6684 66.749 55.6684H69.9365C69.9365 53.0121 68.874 52.4809 68.874 50.3559C68.874 48.6027 70.3084 47.1684 72.0615 47.1684C73.8146 47.1684 75.249 48.6027 75.249 50.3559C75.249 52.4809 74.1865 53.0121 74.1865 55.6684H92.249C92.8334 55.6684 93.3115 56.1465 93.3115 56.7309V71.6059C93.3115 72.1902 92.8334 72.6684 92.249 72.6684H89.0615C89.0615 74.4215 87.6271 75.8559 85.874 75.8559C84.1209 75.8559 82.6865 74.4215 82.6865 72.6684C82.6865 70.9152 84.1209 69.4809 85.874 69.4809V26.4496M60.374 78.5121L62.499 76.9184M58.249 75.8559L59.3115 73.1996M68.874 59.9184H75.249M68.874 63.1059H75.249M68.874 66.2934H75.249M135.333 77.4496L127.683 85.0996C127.471 85.3121 127.205 85.4184 126.94 85.4184H100.802C100.218 85.4184 99.7397 84.9402 99.7397 84.3559V35.4809C99.7397 34.8965 100.218 34.4184 100.802 34.4184H136.927C137.512 34.4184 137.99 34.8965 137.99 35.4809V62.0434H132.943C132.199 62.0434 131.615 62.6277 131.615 63.3715C131.615 64.1152 132.199 64.6996 132.943 64.6996H149.412C150.155 64.6996 150.74 64.1152 150.74 63.3715C150.74 62.6277 150.155 62.0434 149.412 62.0434H142.24M126.249 81.6996V74.7934C126.249 74.209 126.727 73.7309 127.312 73.7309H136.874C137.458 73.7309 137.937 73.2527 137.937 72.6684V68.4184M103.937 44.9902L105.371 43.5559C106.646 42.2809 108.877 43.184 108.877 44.9902C108.877 46.7965 111.108 47.7527 112.383 46.4246L115.305 43.5027C116.58 42.2277 118.812 43.1309 118.812 44.9371C118.812 46.7434 121.043 47.6996 122.318 46.3715L125.24 43.4496C126.515 42.1746 128.746 43.0777 128.746 44.884C128.746 46.6902 130.977 47.6465 132.252 46.3184L133.687 44.884M103.937 54.5527L105.371 53.1184C106.646 51.8434 108.877 52.7465 108.877 54.5527C108.877 56.359 111.108 57.3152 112.383 55.9871L115.305 53.0652C116.58 51.7902 118.812 52.6934 118.812 54.4996C118.812 56.3059 121.043 57.2621 122.318 55.934L125.24 53.0121C126.515 51.7371 128.746 52.6402 128.746 54.4465C128.746 56.2527 130.977 57.209 132.252 55.8809L133.687 54.4465M103.937 64.1152L105.371 62.6809C106.646 61.4059 108.877 62.309 108.877 64.1152C108.877 65.9215 111.108 66.8777 112.383 65.5496L115.305 62.6277C116.58 61.3527 118.812 62.2559 118.812 64.0621C118.812 65.8684 121.043 66.8246 122.318 65.4965L123.699 64.1152M148.562 64.6996V66.2934C148.562 66.8777 148.083 67.3559 147.499 67.3559H143.249M131.562 63.4246H129.437M150.687 8.91836L142.505 17.0996C142.293 17.3121 142.187 17.5777 142.187 17.8434V62.0434M148.03 17.0465C148.88 17.3121 149.783 17.4715 150.687 17.4715C152.865 17.4715 155.043 16.6215 156.69 14.9746C159.983 11.6809 159.983 6.26211 156.69 2.96836C153.396 -0.325391 147.977 -0.325391 144.683 2.96836C143.037 4.61523 142.187 6.79336 142.187 8.97148C142.187 11.1496 143.037 13.3277 144.683 14.9746M92.249 15.2934C92.249 18.8142 89.3948 21.6684 85.874 21.6684C82.3532 21.6684 79.499 18.8142 79.499 15.2934C79.499 11.7725 82.3532 8.91836 85.874 8.91836C89.3948 8.91836 92.249 11.7725 92.249 15.2934ZM108.187 9.98086C108.187 11.1545 107.235 12.1059 106.062 12.1059C104.888 12.1059 103.937 11.1545 103.937 9.98086C103.937 8.80725 104.888 7.85586 106.062 7.85586C107.235 7.85586 108.187 8.80725 108.187 9.98086Z%22 stroke%3D%22url(%23paint0_linear_1542_78221)%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fg%3E%0D%3Cdefs%3E%0D%3ClinearGradient id%3D%22paint0_linear_1542_78221%22 x1%3D%2284.7982%22 y1%3D%220.498047%22 x2%3D%2284.7982%22 y2%3D%2291.7934%22 gradientUnits%3D%22userSpaceOnUse%22%3E%0D%3Cstop stop-color%3D%22%2393C437%22%2F%3E%0D%3Cstop offset%3D%221%22 stop-color%3D%22%23279BE8%22%2F%3E%0D%3C%2FlinearGradient%3E%0D%3CclipPath id%3D%22clip0_1542_78221%22%3E%0D%3Crect width%3D%22170%22 height%3D%2292%22 fill%3D%22white%22%2F%3E%0D%3C%2FclipPath%3E%0D%3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D\");display:block;height:100px;margin:auto;background-repeat:no-repeat;background-position:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserListConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-info-dialog', encapsulation: ViewEncapsulation.None, template: "<div id=\"info-dialog\" class=\"app-dialog\" aria-labelledby=\"info-dialog-label\" role=\"dialog\">\r\n  <h3 *ngIf=\"title\" class=\"app-dialog-title\">{{title}}</h3>\r\n  <div mat-dialog-content *ngIf=\"message\" class=\"app-dialog-content\">\r\n    <div class=\"move_user_popup_icon\"></div>\r\n    <div class=\"dialog-content-message\" [innerHTML]=\"message\"></div>\r\n  </div>\r\n  <div mat-dialog-actions class=\"flex-gap-container\">\r\n    <button class=\"app-dialog-button app-dialog-cancel-button\" (click)=\"onClose(false)\">\r\n      Cancel\r\n    </button>\r\n    <button class=\"app-dialog-button app-dialog-confirm-button\" (click)=\"onClose(true)\">\r\n      {{confirmButtonText}}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";#info-dialog{min-height:150px;width:400px;box-sizing:border-box;position:relative;padding:0 0 30px}#info-dialog .fa{font-size:35px;margin:0 auto 20px;display:block;text-align:center;color:#009fdb;cursor:default}.scroll-content{overflow-y:auto;margin:auto;max-height:150px;width:100%}.app-dialog{font-family:Inter,Inter,sans-serif}.app-dialog .app-dialog-title{text-align:center;font-weight:600;font-size:16px;font-family:Inter,Inter,sans-serif;margin:0 0 24px}.app-dialog .flex-gap-container{gap:16px;position:absolute;right:0;gap:15px;display:flex}.app-dialog .app-dialog-content{color:#000000b3;font-size:14px;margin:0 auto 15px}.move_user_popup_icon{display:block;height:30xp;margin:auto}.mat-dialog-actions{margin:0;bottom:-20px}.dialog-content-message{font-weight:500}.dialog-content-message p{padding:15px 0 0}.mat-dialog-content{padding:0}.app-dialog-button{height:32px;padding:10px 12px;text-align:center;border-radius:50px;box-shadow:none;line-height:11px;border:none;font-size:14px;font-family:Inter,Inter,sans-serif;cursor:pointer}.app-dialog-cancel-button{border:1px solid rgba(0,0,0,.5);color:#000;background:white}.app-dialog-confirm-button{background:black;color:#fff}.move_user_popup_icon{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%22170%22 height%3D%2292%22 viewBox%3D%220 0 170 92%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg clip-path%3D%22url(%23clip0_1542_78221)%22%3E%0D%3Cpath d%3D%22M110.843 14.284C112.49 18.534 116.58 23.8465 122.052 23.8465C133.74 23.8465 141.177 6.31523 144.737 2.96836M103.99 17.6309C104.096 18.1621 104.521 18.534 105.052 18.534H107.337C107.868 18.534 108.293 18.1621 108.399 17.6309L108.718 15.8246C109.568 15.4527 110.312 14.9215 110.896 14.2309C111.321 13.7527 111.693 13.1684 111.958 12.5309L113.765 12.2121C114.296 12.1059 114.668 11.6809 114.668 11.1496V8.70586C114.668 8.17461 114.296 7.74961 113.765 7.64336L111.958 7.32461C111.321 5.89023 110.152 4.72148 108.718 4.08398L108.399 2.27773C108.293 1.74648 107.868 1.37461 107.337 1.37461H104.893C104.362 1.37461 103.937 1.74648 103.83 2.27773L103.512 4.08398C102.077 4.72148 100.908 5.89023 100.271 7.32461L98.4646 7.64336C97.9334 7.74961 97.5615 8.17461 97.5615 8.70586V11.6809C97.5615 12.2121 97.9334 12.6371 98.4646 12.7434L99.899 12.9559C100.43 13.0621 100.802 13.4871 100.802 14.0184V16.4621C100.802 16.9934 100.43 17.4184 99.899 17.5246L97.349 17.9496C96.9772 18.0027 96.6584 18.2684 96.499 18.6402C96.0209 20.1809 95.1709 21.5621 94.1084 22.7309C93.8428 22.9965 93.7897 23.4215 93.8959 23.7934L94.799 26.184C94.9584 26.6621 94.799 27.1934 94.3209 27.459L92.1959 28.6809C91.7709 28.9465 91.1865 28.8402 90.8678 28.4152L89.2209 26.4496C88.9553 26.1309 88.5834 26.0246 88.2115 26.0777C87.4678 26.2371 86.6709 26.3434 85.874 26.3434C85.0771 26.3434 84.2803 26.2371 83.5365 26.0777C83.1647 25.9715 82.7396 26.1309 82.5271 26.4496L80.8803 28.4152C80.5615 28.8402 79.9772 28.8934 79.5522 28.6809L77.4272 27.459C77.0022 27.1934 76.7897 26.6621 76.949 26.184L77.8522 23.7934C78.0115 23.4215 77.9053 22.9965 77.6396 22.7309C76.5771 21.5621 75.7803 20.1809 75.249 18.6402C75.1428 18.2684 74.824 18.0027 74.399 17.9496L71.849 17.5246C71.3178 17.4184 70.9459 16.9934 70.9459 16.4621V14.0184C70.9459 13.4871 71.3178 13.0621 71.849 12.9559L74.399 12.5309C74.7709 12.4777 75.0896 12.2121 75.249 11.8402C75.7271 10.2996 76.5771 8.91836 77.6396 7.74961C77.9053 7.48398 77.9584 7.05898 77.8522 6.68711L76.949 4.29648C76.7897 3.81836 76.949 3.28711 77.4272 3.02148L79.5522 1.79961C79.9772 1.53398 80.5615 1.64023 80.8803 2.06523L82.5271 4.03086C82.7928 4.34961 83.1647 4.45586 83.5365 4.40273C84.2803 4.24336 85.0771 4.13711 85.874 4.13711C86.6709 4.13711 87.4678 4.24336 88.2115 4.40273C88.5834 4.50898 89.0084 4.34961 89.2209 4.03086L90.8678 2.06523C91.1865 1.64023 91.7709 1.58711 92.1959 1.79961L94.3209 3.02148C94.7459 3.28711 94.9584 3.81836 94.799 4.29648L94.0022 6.68711C93.8959 7.05898 94.0022 7.48398 94.2678 7.74961M38.0615 85.4184H31.6865V55.6684C29.5084 55.6684 27.3303 54.8184 25.6834 53.1715C24.0365 51.5246 23.1865 49.3465 23.1865 47.1684H10.4365L18.9365 30.1684L25.6834 41.1652C28.9771 37.8715 34.3959 37.8715 37.6896 41.1652C40.8771 44.3527 40.9834 49.4527 38.0615 52.7996C37.849 53.0121 37.849 53.3309 38.0615 53.5434L47.5178 62.9996C46.0303 65.4434 46.349 68.684 48.474 70.809C49.2709 71.6059 50.2803 72.1902 51.3428 72.4559L51.9803 74.9527C52.2459 76.0152 53.7865 76.0152 54.0522 74.9527L54.6897 72.4559C55.9115 72.1371 57.0272 71.4465 57.8772 70.4371C59.8428 68.0996 59.8959 64.5934 57.9303 62.2559C55.8584 59.759 52.299 59.2809 49.6959 60.8746L42.1521 53.3309M59.3115 82.2309H57.1865V80.1059C57.1865 79.5215 56.7084 79.0434 56.124 79.0434H49.749C49.1646 79.0434 48.6865 79.5215 48.6865 80.1059V82.2309H47.624C47.0396 82.2309 46.5615 82.709 46.5615 83.2934V84.3559C46.5615 84.9402 47.0396 85.4184 47.624 85.4184H82.6865C84.4396 85.4184 85.874 86.8527 85.874 88.6059C85.874 90.4121 84.2272 91.7934 82.3678 91.7934C75.4615 91.634 69.9365 86.0027 69.9365 79.0434C69.9365 74.2621 69.9365 72.6684 69.9365 72.6684H66.749C66.1646 72.6684 65.6865 72.1902 65.6865 71.6059V56.7309C65.6865 56.1465 66.1646 55.6684 66.749 55.6684H69.9365C69.9365 53.0121 68.874 52.4809 68.874 50.3559C68.874 48.6027 70.3084 47.1684 72.0615 47.1684C73.8146 47.1684 75.249 48.6027 75.249 50.3559C75.249 52.4809 74.1865 53.0121 74.1865 55.6684H92.249C92.8334 55.6684 93.3115 56.1465 93.3115 56.7309V71.6059C93.3115 72.1902 92.8334 72.6684 92.249 72.6684H89.0615C89.0615 74.4215 87.6271 75.8559 85.874 75.8559C84.1209 75.8559 82.6865 74.4215 82.6865 72.6684C82.6865 70.9152 84.1209 69.4809 85.874 69.4809V26.4496M60.374 78.5121L62.499 76.9184M58.249 75.8559L59.3115 73.1996M68.874 59.9184H75.249M68.874 63.1059H75.249M68.874 66.2934H75.249M135.333 77.4496L127.683 85.0996C127.471 85.3121 127.205 85.4184 126.94 85.4184H100.802C100.218 85.4184 99.7397 84.9402 99.7397 84.3559V35.4809C99.7397 34.8965 100.218 34.4184 100.802 34.4184H136.927C137.512 34.4184 137.99 34.8965 137.99 35.4809V62.0434H132.943C132.199 62.0434 131.615 62.6277 131.615 63.3715C131.615 64.1152 132.199 64.6996 132.943 64.6996H149.412C150.155 64.6996 150.74 64.1152 150.74 63.3715C150.74 62.6277 150.155 62.0434 149.412 62.0434H142.24M126.249 81.6996V74.7934C126.249 74.209 126.727 73.7309 127.312 73.7309H136.874C137.458 73.7309 137.937 73.2527 137.937 72.6684V68.4184M103.937 44.9902L105.371 43.5559C106.646 42.2809 108.877 43.184 108.877 44.9902C108.877 46.7965 111.108 47.7527 112.383 46.4246L115.305 43.5027C116.58 42.2277 118.812 43.1309 118.812 44.9371C118.812 46.7434 121.043 47.6996 122.318 46.3715L125.24 43.4496C126.515 42.1746 128.746 43.0777 128.746 44.884C128.746 46.6902 130.977 47.6465 132.252 46.3184L133.687 44.884M103.937 54.5527L105.371 53.1184C106.646 51.8434 108.877 52.7465 108.877 54.5527C108.877 56.359 111.108 57.3152 112.383 55.9871L115.305 53.0652C116.58 51.7902 118.812 52.6934 118.812 54.4996C118.812 56.3059 121.043 57.2621 122.318 55.934L125.24 53.0121C126.515 51.7371 128.746 52.6402 128.746 54.4465C128.746 56.2527 130.977 57.209 132.252 55.8809L133.687 54.4465M103.937 64.1152L105.371 62.6809C106.646 61.4059 108.877 62.309 108.877 64.1152C108.877 65.9215 111.108 66.8777 112.383 65.5496L115.305 62.6277C116.58 61.3527 118.812 62.2559 118.812 64.0621C118.812 65.8684 121.043 66.8246 122.318 65.4965L123.699 64.1152M148.562 64.6996V66.2934C148.562 66.8777 148.083 67.3559 147.499 67.3559H143.249M131.562 63.4246H129.437M150.687 8.91836L142.505 17.0996C142.293 17.3121 142.187 17.5777 142.187 17.8434V62.0434M148.03 17.0465C148.88 17.3121 149.783 17.4715 150.687 17.4715C152.865 17.4715 155.043 16.6215 156.69 14.9746C159.983 11.6809 159.983 6.26211 156.69 2.96836C153.396 -0.325391 147.977 -0.325391 144.683 2.96836C143.037 4.61523 142.187 6.79336 142.187 8.97148C142.187 11.1496 143.037 13.3277 144.683 14.9746M92.249 15.2934C92.249 18.8142 89.3948 21.6684 85.874 21.6684C82.3532 21.6684 79.499 18.8142 79.499 15.2934C79.499 11.7725 82.3532 8.91836 85.874 8.91836C89.3948 8.91836 92.249 11.7725 92.249 15.2934ZM108.187 9.98086C108.187 11.1545 107.235 12.1059 106.062 12.1059C104.888 12.1059 103.937 11.1545 103.937 9.98086C103.937 8.80725 104.888 7.85586 106.062 7.85586C107.235 7.85586 108.187 8.80725 108.187 9.98086Z%22 stroke%3D%22url(%23paint0_linear_1542_78221)%22 stroke-width%3D%221.5%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fg%3E%0D%3Cdefs%3E%0D%3ClinearGradient id%3D%22paint0_linear_1542_78221%22 x1%3D%2284.7982%22 y1%3D%220.498047%22 x2%3D%2284.7982%22 y2%3D%2291.7934%22 gradientUnits%3D%22userSpaceOnUse%22%3E%0D%3Cstop stop-color%3D%22%2393C437%22%2F%3E%0D%3Cstop offset%3D%221%22 stop-color%3D%22%23279BE8%22%2F%3E%0D%3C%2FlinearGradient%3E%0D%3CclipPath id%3D%22clip0_1542_78221%22%3E%0D%3Crect width%3D%22170%22 height%3D%2292%22 fill%3D%22white%22%2F%3E%0D%3C%2FclipPath%3E%0D%3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D\");display:block;height:100px;margin:auto;background-repeat:no-repeat;background-position:center}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i1.MatDialogRef }, { type: InfoDialogConfig, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }];
+    } });
+class InfoDialogConfig {
+}
+
+const getSavableData = (model, exclude) => {
+    let result = Object.keys(model);
+    if (exclude && exclude.length) {
+        result = result.filter(key => !exclude.some(item => item === key));
+    }
+    return result.reduce((result, key) => {
+        if (model[key] instanceof Array && model[key].length && model[key][0].getSavableData) {
+            result[key] = model[key].map((item) => item.getSavableData());
+        }
+        else if (model[key] instanceof Object && model[key].getSavableData) {
+            result[key] = model[key].getSavableData();
+        }
+        else {
+            result[key] = model[key];
+        }
+        return result;
+    }, {});
+};
+const filterOptions = (options, query, shownValue, field) => {
+    if (!options) {
+        return [];
+    }
+    if (!query) {
+        return options;
+    }
+    return options.filter(option => {
+        return (field ? String(option[field]).toLowerCase().includes(String(query).toLowerCase()) :
+            String(option).toLowerCase().includes(String(query).toLowerCase()) ||
+                (shownValue && shownValue === option));
+    });
+};
+
+const API = {
+    USER_TOKEN: '/api/provision/:siteId/users/:userId/token',
+    UPDATE_USER_FIELDS: '/api/provision/:siteId/userFields/:token',
+    PERSIST_USER_CACHE: '/api/provision/:siteId/saveUser/:token',
+    USER_BY_ID: '/api/provision/:siteId/users/:userId',
+    QUICK_USERS_SEARCH: "/api/search/quickusers",
+    DELETE_USER: "/api/search/quickusers",
+    MOVE_USER: "/api/migration/webex/singlemigration/features/PERSON",
+    AVAILABLE_DN_IN_RANGES: "/api/sites/:siteId/available-dn-in-ranges",
+    DELETE_LINE: "/api/provision/:siteId/deleteLine/:pkid/:token",
+    DISASSOCIATE_LINE: "/api/provision/:siteId/:deviceName/deleteLineAssociation/:linePkid/:token",
+    CHECK_DELETE_LINE: "/api/provision/:siteId/checklinedeletion",
+    ASSOCIATE_LINE: "/api/provision/:siteId/:deviceName/createLineAssociation/:token",
+    CHECK_DESTINATION_NUMBER: "/api/provision/:siteId/check-dn",
+    UPDATE_LINE_FIELDS: "/api/provision/:siteId/lineFields/:pkid/:token",
+    UPDATE_DEVICE_FIELDS: "/api/provision/:siteId/deviceFields/:deviceName/:token",
+    WEBEX_USERS: "/api/webex/provisioning/customers/:customerId/users",
+    MIGRATED_USERS: "/api/search/migratedusers",
+    REVERT_WEBEX_USER: "/api/webex/provisioning/customers/:customerId/persons/:webexUUID/revertmigration",
+    PHONE_NUMBERS: "/api/search/webex/customers/:customerId/locations/:locationId/phonenumbers",
+    GET_LOCATIONS: "/api/search/webex/customers/:customerId/locations",
+    PREPARE_PERSON_MIGRATION: "/api/migration/webex/preparepersonmigration",
+    MIGRATION_FORM: "/api/search/webex/customers/:customerId/migrationforms/:formId",
+    START_MIGRATION: "/api/migration/webex/startpersonmigration"
+};
+const REGEX_PATTERN = {
+    EMAIL: '^(([^<>()\\[\\]\\\\.,;:\\s@"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@"]+)*)|(".+"))' +
+        '@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,62}[a-zA-Z0-9])' +
+        '?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,62}[a-zA-Z0-9])?)*$'
+};
+const PAGINATION_DEFAULTS = {
+    SIZE: 10,
+    INDEX: 0
+};
+const PAGINATION_SIZE_OPTIONS = [
+    10,
+    50,
+    100,
+    500
+];
+const CUCS_TO_IGNORE = [
+    189,
+    194,
+    191,
+    190
+];
+const CUCMS_TO_IGNORE = [
+    249,
+    255,
+    251,
+    250
+];
+const MAX_INTEGER = 2147483647;
+
+class SimplifiedUser {
+    constructor(user) {
+        if (user) {
+            this.userid = user.userid;
+            this.email = user.email;
+            this.firstName = user.firstName;
+            this.lastName = user.lastName;
+            this.token = user.token;
+        }
+        this.initForm();
+    }
+    initForm() {
+        const formBuilder = new FormBuilder();
+        const formSettings = {
+            userid: [{ value: this.userid || '', disabled: true }, [Validators.required, Validators.maxLength(128)]],
+            email: [{ value: this.email || '', disabled: true }, [
+                    Validators.pattern(REGEX_PATTERN.EMAIL),
+                    Validators.required
+                ]],
+            firstName: [{ value: this.firstName || '', disabled: true }],
+            lastName: [{ value: this.lastName || '', disabled: true }, Validators.required],
+        };
+        this.form = formBuilder.group(formSettings);
+    }
+    toggleEditMode() {
+        this.editMode = !this.editMode;
+        ['userid', 'email', 'firstName', 'lastName'].forEach(token => {
+            var _a, _b;
+            if (this.editMode) {
+                (_a = this.form.get(token)) === null || _a === void 0 ? void 0 : _a.enable();
+            }
+            else {
+                (_b = this.form.get(token)) === null || _b === void 0 ? void 0 : _b.disable();
+            }
+        });
+    }
+    getSavableData() {
+        const excludedFields = ['form', 'editMode', 'viewMode', 'token', 'hasModifiedCache'];
+        return getSavableData(this, excludedFields);
+    }
+    equal(userToCompare) {
+        if (!userToCompare) {
+            return false;
+        }
+        return JSON.stringify(this.getSavableData()) === JSON.stringify(userToCompare.getSavableData());
+    }
+}
+
+class UtilsService {
+    static sortSortArrayByProperty(array, sortBy) {
+        if (!array) {
+            return null;
+        }
+        return array.sort((a, b) => {
+            if (!a[sortBy] && !b[sortBy]) {
+                return 0;
+            }
+            if (a[sortBy] && !b[sortBy]) {
+                return 1;
+            }
+            if (!a[sortBy] && b[sortBy]) {
+                return -1;
+            }
+            const positionA = a[sortBy];
+            const positionB = b[sortBy];
+            return (positionA < positionB) ? -1 : (positionA > positionB) ? 1 : 0;
+        });
+    }
+    static diff(origObject, updatedObj, path, keysToIgnore) {
+        let result = [];
+        if (Object.is(origObject, updatedObj)) {
+            return undefined;
+        }
+        if (!updatedObj || typeof updatedObj !== 'object') {
+            return updatedObj;
+        }
+        const concat = Array.from(new Set([...Object.keys(origObject || {}), ...Object.keys(updatedObj || {})]));
+        const filter = keysToIgnore ? concat.filter(key => !keysToIgnore.includes(key)) : concat;
+        filter
+            .forEach(key => {
+            if (typeof updatedObj[key] === 'object' && typeof origObject[key] === 'object') {
+                if (UtilsService.differs(updatedObj[key], origObject[key])) {
+                    const newPath = `${path}${path ? '.' : ''}${key}`;
+                    const values = UtilsService.diff(origObject[key], updatedObj[key], newPath, keysToIgnore);
+                    if (values !== undefined) {
+                        result = [...result, ...values];
+                    }
+                }
+            }
+            else if (updatedObj && !origObject || updatedObj[key] !== origObject[key] && !Object.is(origObject[key], updatedObj[key])) {
+                const value = updatedObj ? UtilsService.formatIfEmpty(updatedObj[key]) : null;
+                result.push(`${path}${path ? '.' : ''}${key}=${value}`);
+            }
+        });
+        return result;
+    }
+    static formatIfEmpty(value) {
+        if (value) {
+            return value;
+        }
+        switch (typeof value) {
+            case 'boolean':
+                return value;
+            case 'string':
+                return '';
+            default:
+                return null;
+        }
+    }
+    static differs(obj1, obj2) {
+        return JSON.stringify(obj1) !== JSON.stringify(obj2);
+    }
+}
+UtilsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+UtilsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilsService, decorators: [{
+            type: Injectable
+        }] });
+
+class APIService {
+    constructor(httpClient) {
+        this.httpClient = httpClient;
+        this.apiUrl = window.location.protocol + '//' + window.location.hostname + '/dcp';
+    }
+    fetch(url, params = {}, cache) {
+        const headers = this.getHeaders(cache);
+        return this.httpClient.get(this.apiUrl + url, { params: this.prepareEncodedParams(params), headers });
+    }
+    post(url, body, params = {}) {
+        body = body || null;
+        const headers = this.getHeaders();
+        return this.httpClient.post(this.apiUrl + url, body, { params: this.prepareEncodedParams(params), headers });
+    }
+    // use when response extended data is necessary:
+    postExtended(url, body = null, params = {}, headers = {}) {
+        headers = headers || this.getHeaders();
+        return this.httpClient.post(this.apiUrl + url, body, {
+            headers,
+            observe: 'response',
+            params: this.prepareEncodedParams(params)
+        });
+    }
+    put(url, body = null, params = {}) {
+        const headers = this.getHeaders();
+        return this.httpClient.put(this.apiUrl + url, body, { headers, params: this.prepareEncodedParams(params) });
+    }
+    delete(url, params = {}) {
+        const headers = this.getHeaders();
+        return this.httpClient.delete(this.apiUrl + url, { headers, params: this.prepareEncodedParams(params) });
+    }
+    fetchPagination(url, pageSize, pageNumber, additionalParams = {}, cache) {
+        const copyAdditionalParams = JSON.parse(JSON.stringify(additionalParams));
+        const params = Object.assign(copyAdditionalParams, { size: pageSize.toString(), page: pageNumber.toString() });
+        return this.fetch(url, params, cache);
+    }
+    prepareEncodedParams(params) {
+        const result = {};
+        if (!params) {
+            return {};
+        }
+        for (const key of Object.keys(params)) {
+            if (params[key]) {
+                const stringParam = params[key].toString();
+                result[key] = stringParam.includes('+') ? encodeURIComponent(stringParam) : stringParam;
+            }
+        }
+        return result;
+    }
+    getHeaders(cache) {
+        let headers = new HttpHeaders();
+        if (cache) {
+            headers = headers.append('_Cache', 'true ');
+        }
+        const token = this.token || this.getParameterByName('token');
+        headers = headers.append('Authorization', 'Bearer ' + token);
+        return headers;
+    }
+    getParameterByName(name, url = window.location.href) {
+        name = name.replace(/[\[\]]/g, '\\$&');
+        var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url);
+        if (!results)
+            return null;
+        if (!results[2])
+            return '';
+        return decodeURIComponent(results[2].replace(/\+/g, ' '));
+    }
+}
+APIService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: APIService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+APIService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: APIService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: APIService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
+
+class ApiWebexService extends APIService {
+    constructor(httpClient) {
+        super(httpClient);
+        //this.apiUrl = window.location.protocol + "//"+ window.location.hostname + environment.apiAuthUrl;
+        this.apiUrl = 'https://webex.car-west.net/webex';
+        // this.apiUrl = 'https://staging.tuki.io/webex';
+    }
+}
+ApiWebexService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ApiWebexService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+ApiWebexService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ApiWebexService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ApiWebexService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
+
+class UserService {
+    constructor(apiService, apiWebexService) {
+        this.apiService = apiService;
+        this.apiWebexService = apiWebexService;
+        this.siteId = -1;
+        this.userId = '';
+        this.userIdExistPending = false;
+        this.hasExistedUserId = false;
+        this.moveUserPending = false;
+        this.userMoved$ = new Subject();
+    }
+    ngOnInit() {
+        console.log(this.siteId);
+    }
+    fetchUserToken(siteId, userId) {
+        this.siteId = siteId;
+        this.userId = userId;
+        return this.apiService.fetch(API.USER_TOKEN.replace(':siteId', String(this.siteId)).replace(':userId', encodeURIComponent(encodeURIComponent(userId))))
+            .pipe(map((result) => {
+            const token = Object.keys(result)[0];
+            this.setSimplifiedUser(Object.values(result)[0], token);
+        }));
+        // .pipe(this.handleError(false, true));
+    }
+    updateUserFields(body) {
+        var _a;
+        if (!this.userId || !this.siteId || !((_a = this.user) === null || _a === void 0 ? void 0 : _a.token)) {
+            return;
+        }
+        return this.apiService.post(API.UPDATE_USER_FIELDS.replace(':siteId', String(this.siteId)).replace(':token', this.user.token), body);
+        // .pipe(this.handleError(false, true));
+    }
+    moveUserToMT(customerId, user) {
+        // return new Observable<boolean>(observer => {
+        //   setTimeout(() => {
+        //     observer.next(true);
+        //
+        //   }, 1000);
+        // });
+        return this.apiWebexService.post(API.MOVE_USER, this.getMoveUserBody(customerId, user));
+        // .pipe(this.handleError(true, true));
+    }
+    moveUserToDI(customerId, user) {
+        // return new Observable<boolean>(observer => {
+        //   setTimeout(() => {
+        //     observer.next(true);
+        //
+        //   }, 1000);
+        // });
+        const URL = API.REVERT_WEBEX_USER.replace(':customerId', customerId).replace(':webexUUID', String(user.webexUUID));
+        return this.apiWebexService.post(URL, this.getMoveUserBody(customerId, user));
+        // .pipe(this.handleError(true, true));
+    }
+    getMoveUserBody(customerId, user) {
+        return {
+            customerId: customerId,
+            entities: {
+                PERSON: [{ cucmId: user.cucmId, entityId: user.userid }]
+            }
+        };
+    }
+    deleteUser(siteId, userId) {
+        return this.apiService.delete(API.DELETE_USER.replace(':siteId', String(siteId)).replace(':userId', encodeURIComponent(encodeURIComponent(userId))));
+        // .pipe(this.handleError(true, true));
+    }
+    fetchUserById(id) {
+        this.userIdExistPending = true;
+        return this.apiService.fetch(API.USER_BY_ID.replace(':siteId', String(this.siteId)).replace(':userId', encodeURIComponent(encodeURIComponent(id))))
+            .pipe(map(result => {
+            this.userIdExistPending = false;
+            return result;
+        }));
+    }
+    persistCacheChanges() {
+        const params = {
+            excludeDeviceExtraOptions: true
+        };
+        return this.processUserChangesToCache()
+            .pipe(map((result) => {
+            return this.apiService.post(API.PERSIST_USER_CACHE.replace(':siteId', String(this.siteId)).replace(':token', this.user.token), {}, params)
+                .subscribe(() => {
+            });
+            // .pipe(map((user) => {
+            //   // this.setUser(user, false, this.user.token);
+            //   this.user.hasModifiedCache = false;
+            // }))
+            // .pipe(this.handleError(true, true));
+        }));
+    }
+    processUserChangesToCache() {
+        const calls = [];
+        const body = UtilsService.diff(this.originUser.getSavableData(), this.user.getSavableData(), 'user');
+        if (body) {
+            calls.push(this.updateUserFields(body));
+        }
+        if (!(calls === null || calls === void 0 ? void 0 : calls.length)) {
+            return of(this.user);
+        }
+        return forkJoin(calls)
+            .pipe(map((responses) => {
+            // ApiUserResponse
+            this.handleSaveUserResponse(responses);
+        }));
+        // .pipe(this.handleError(false, true));
+    }
+    hasUnsavedChanges() {
+        return !this.user.equal(this.originUser);
+    }
+    setSimplifiedUser(user, token) {
+        this.user = new SimplifiedUser(user);
+        const copiedUser = JSON.parse(JSON.stringify(user));
+        this.originUser = new SimplifiedUser(copiedUser);
+        this.user.token = this.user.token || token;
+        this.originUser.token = this.originUser.token || token;
+    }
+    handleSaveUserResponse(responses) {
+        if (!(responses === null || responses === void 0 ? void 0 : responses.length)) {
+            return;
+        }
+        for (let len = responses.length, i = len - 1; i >= 0; i--) {
+            if (responses[i] && responses[i].currentUpdatedUser) {
+                // this.setUser(responses[i].currentUpdatedUser, false, this.user.token);
+                this.user.hasModifiedCache = true;
+                return;
+            }
+        }
+    }
+}
+UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserService, deps: [{ token: APIService }, { token: ApiWebexService }], target: i0.ɵɵFactoryTarget.Injectable });
+UserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: APIService }, { type: ApiWebexService }]; } });
+
+const TTL_DEFAULT = 30000;
+const TTL_LONG_DEFAULT = 45000;
+var NotificationType;
+(function (NotificationType) {
+    NotificationType["info"] = "info";
+    NotificationType["error"] = "error";
+    NotificationType["success"] = "success";
+    NotificationType["warning"] = "warning";
+})(NotificationType || (NotificationType = {}));
+class Notification {
+    constructor(data) {
+        this.ttl = TTL_DEFAULT;
+        Object.assign(this, data || {});
+        if (this.ttl === undefined) {
+            this.ttl = this.message && this.message.length && this.message.length < 80 ? TTL_DEFAULT : TTL_LONG_DEFAULT;
+        }
+    }
+    isInfo() {
+        return this.type === NotificationType.info;
+    }
+    isError() {
+        return this.type === NotificationType.error;
+    }
+    isSuccess() {
+        return this.type === NotificationType.success;
+    }
+    isWarning() {
+        return this.type === NotificationType.warning;
+    }
+}
+
+const SUCCESS_TIME = 5000;
+const INACTIVE_SESSION_MESSAGE = 'Your session was lost due to inactivity. Please login again';
+const INACTIVE_SESSION = 'SESSION_INACTIVE';
+class NotificationService {
+    constructor() {
+        this.listChange = new Subject();
+        this.max = 0;
+        this.list = [];
+    }
+    error(message, ttl) {
+        this.notify('error', message, ttl);
+    }
+    success(message, ttl) {
+        this.notify('success', message, (!ttl) ? SUCCESS_TIME : ttl);
+    }
+    warning(message, ttl) {
+        this.notify('warning', message, ttl);
+    }
+    info(message, ttl) {
+        this.notify('info', message, ttl);
+    }
+    notify(type, message, ttl) {
+        const found = this.list.find((n) => n.message === message);
+        if (found) {
+            this.remove(found);
+        }
+        const notification = new Notification({
+            id: ++this.max,
+            type, message, ttl
+        });
+        if (notification.ttl > 0) {
+            notification.timerId = setTimeout(() => this.remove(notification, true), notification.ttl);
+        }
+        this.list.push(notification);
+        this.listChange.next(this.list);
+    }
+    remove(notification, auto) {
+        if (!auto && notification.timerId) {
+            // clear timeout in case of manual remove
+            clearInterval(notification.timerId);
+        }
+        this.list = this.list.filter(n => n.id !== notification.id);
+        this.listChange.next(this.list);
+    }
+    removeInactiveSessionError() {
+        if (!this.list || !this.list.length) {
+            return;
+        }
+        this.list = this.list.filter(n => n.message !== INACTIVE_SESSION_MESSAGE && n.message !== INACTIVE_SESSION);
+        this.listChange.next(this.list);
+    }
+}
+NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+class ListUser {
+    constructor(user, roleName) {
+        this.devices = [];
+        this.deviceProfiles = [];
+        this.isMigrated = false;
+        if (user) {
+            Object.assign(this, user);
+        }
+        if (roleName) {
+            this.roleName = roleName;
+        }
+    }
+}
+
+class RemoveKynFromIBMService {
+    constructor() {
+    }
+    removeCUCMS(date, customerId) {
+        if (customerId === 8) {
+            return date.filter((val) => !CUCMS_TO_IGNORE.includes(Math.round(val.cucmId)));
+        }
+        return date;
+    }
+    removeCUCS(date, customerId) {
+        if (customerId === 8) {
+            return date.filter((val) => !CUCS_TO_IGNORE.includes(Math.round(val.cucId)));
+        }
+        return date;
+    }
+}
+RemoveKynFromIBMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveKynFromIBMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+RemoveKynFromIBMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveKynFromIBMService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveKynFromIBMService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+class UsersSearchService {
+    constructor(apiService, webexApiService, removeKynFromIBMService) {
+        this.apiService = apiService;
+        this.webexApiService = webexApiService;
+        this.removeKynFromIBMService = removeKynFromIBMService;
+        this.siteId = -1;
+        this.userId = '';
+        this.userIdExistPending = false;
+        this.hasExistedUserId = false;
+        this.pageSize = PAGINATION_DEFAULTS.SIZE;
+        this.pageIndex = PAGINATION_DEFAULTS.SIZE;
+        this.pageSizeOptions = PAGINATION_SIZE_OPTIONS;
+        this.foundUsers$ = new BehaviorSubject(null);
+    }
+    getAllRegularUsers(searchParams) {
+        const params = searchParams || { customerid: this.customerId, siteid: this.siteId };
+        return this.apiService.fetchPagination(API.QUICK_USERS_SEARCH, MAX_INTEGER, 0, params)
+            .pipe(map((res) => {
+            var _a;
+            const users = res.pageData && res.pageData.length ? res.pageData
+                .map(user => new ListUser(user, user.webexUUID ? '' : 'Dedicated Instance Calling User')) : [];
+            if ((_a = this.migratedUsersIds) === null || _a === void 0 ? void 0 : _a.length) {
+                this.setMigratedPropToUsers(users);
+            }
+            return users;
+        }));
+    }
+    getPagination() {
+        return {
+            total: this.total,
+            pageSizeOptions: this.pageSizeOptions,
+            pageSize: this.pageSize,
+            pageIndex: this.pageIndex
+        };
+    }
+    setDefaultValues() {
+        this.total = 0;
+        this.pageSize = PAGINATION_DEFAULTS.SIZE;
+        this.pageIndex = PAGINATION_DEFAULTS.INDEX;
+        this.pageSizeOptions = PAGINATION_SIZE_OPTIONS;
+    }
+    quickRegularUsersSearch(searchParams, isMigratedUsersOnly, pageSize) {
+        console.log('searchParams = ', searchParams);
+        this.searchParams = searchParams || { customerid: this.customerId, siteid: this.siteId };
+        // this.searchParams['provisionType'] = 'CUCM';
+        return this.apiService.fetchPagination(API.QUICK_USERS_SEARCH, this.pageSize, pageSize || this.pageIndex, this.searchParams)
+            .pipe(map((res) => {
+            var _a;
+            // this.totals = this.totals || {};
+            // this.totals['users'] = res.total;
+            // this.foundUsers$.next(this.removeKynFromIBMService.removeCUCMS(users, this.customerId));
+            if (!isMigratedUsersOnly) {
+                const users = res.pageData && res.pageData.length ? res.pageData
+                    .map(user => new ListUser(user)) : [];
+                if ((_a = this.migratedUsersIds) === null || _a === void 0 ? void 0 : _a.length) {
+                    this.setMigratedPropToUsers(users);
+                }
+                this.total = res.total;
+                this.foundUsers$.next(users);
+            }
+            else {
+                this.migratedUsersIds = res.pageData && res.pageData.length ? res.pageData
+                    .map(user => user.userid) : [];
+            }
+        }));
+        // .pipe(this.handleError(true));
+    }
+    quickWebexUsersSearch(searchParams, isMigratedUsersOnly, pageSize) {
+        this.searchParams = searchParams || { customerid: this.customerId, siteid: this.siteId };
+        // this.searchParams['provisionType'] = 'CUCM';
+        return this.webexApiService.fetchPagination(API.QUICK_USERS_SEARCH, this.pageSize, pageSize || this.pageIndex, this.searchParams)
+            .pipe(map((res) => {
+            var _a;
+            console.log('data: ', res);
+            if (!isMigratedUsersOnly) {
+                const users = res.pageData && res.pageData.length ? res.pageData
+                    .map(user => new ListUser(user)) : [];
+                if ((_a = this.migratedUsersIds) === null || _a === void 0 ? void 0 : _a.length) {
+                    this.setMigratedPropToUsers(users);
+                }
+                this.total = res.total;
+                this.foundUsers$.next(users);
+            }
+            else {
+                this.migratedUsersIds = res.pageData && res.pageData.length ? res.pageData
+                    .map(user => user.userid) : [];
+            }
+        }));
+        // .pipe(this.handleError(true));
+    }
+    getMigratedUsers(customerId) {
+        this.migratedUsers = [];
+        return of(this.migratedUsers);
+        // return this.webexApiService.fetch(API.WEBEX_USERS.replace(':customerId', String(customerId)), {})
+        //   .pipe(map((result: any) => {
+        //     if (result && result.length) {
+        //       this.migratedUsers = result.filter((user: any) => user.webexUUID && user.devices && user.devices.length);
+        //     }
+        //   }))
+    }
+    getMigratedWebexUsers(customerId) {
+        const params = { customerid: customerId, type: 'PERSON' };
+        return this.webexApiService.fetch(API.MIGRATED_USERS.replace(':customerId', String(customerId)), params, true)
+            .pipe(map((result) => {
+        }));
+    }
+    setMigratedPropToUsers(users) {
+        // users.forEach((user: any) => {
+        //   const migratedUser = this.migratedUsers.filter((migratedUser: any) => migratedUser.userid === user.email);
+        //   if (migratedUser && migratedUser[0]) {
+        //     user.roleName = '';
+        //     user.isMigrated = true;
+        //     user.status = 'Migrated';
+        //     user.webexUUID = migratedUser[0].webexUUID;
+        //   } else {
+        //     user.roleName = 'Dedicated Instance Calling user';
+        //     user.isMigrated = false;
+        //     user.status = 'Active';
+        //     user.webexUUID = null;
+        //   }
+        //   if (user.webexUUID) {
+        //     user.roleName = 'Dedicated Instance Calling user';
+        //   } else {
+        //     user.roleName = '';
+        //    }
+        // })
+        // console.log('users ttt', users);
+    }
+}
+UsersSearchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UsersSearchService, deps: [{ token: APIService }, { token: ApiWebexService }, { token: RemoveKynFromIBMService }], target: i0.ɵɵFactoryTarget.Injectable });
+UsersSearchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UsersSearchService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UsersSearchService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: APIService }, { type: ApiWebexService }, { type: RemoveKynFromIBMService }]; } });
+
+class PaginationComponent {
+    constructor() {
+        this.pageEmitter = new EventEmitter();
+        this.pageNumberChangeEmitter = new EventEmitter();
+        this.pageSizeOptions = PAGINATION_SIZE_OPTIONS;
+    }
+    ngOnInit() {
+    }
+    pageEvent(event) {
+        this.pageEmitter.emit(event);
+    }
+    changePerPageNumber(event) {
+        this.pageNumberChangeEmitter.emit(event.value);
+    }
+}
+PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PaginationComponent, selector: "app-pagination", inputs: { pagination: "pagination", showPageSizeOptions: "showPageSizeOptions", showRefreshButton: "showRefreshButton", lengthPending: "lengthPending" }, outputs: { pageEmitter: "pageEmitter", pageNumberChangeEmitter: "pageNumberChangeEmitter" }, ngImport: i0, template: "<div class=\"flex-box pagination\">\r\n  <div class=\"page-indexes-box\">\r\n    <mat-paginator\r\n      [id]=\"'commonPagination'\"\r\n      [hidePageSize]=\"true\"\r\n      [length]=\"pagination.total\"\r\n      [pageIndex]=\"pagination.pageIndex\"\r\n      [pageSize]=\"pagination.pageSize\"\r\n      [pageSizeOptions]=\"pagination.pageSizeOptions || [5, 10, 25, 100]\"\r\n      (page)=\"pageEvent($event)\">\r\n    </mat-paginator>\r\n    <mat-spinner class=\"length-spinner\" [diameter]=\"20\" mode=\"indeterminate\" *ngIf=\"lengthPending\">\r\n    </mat-spinner>\r\n  </div>\r\n\r\n  <div class=\"flex-box per-page-block\" style=\"justify-content: left;\" *ngIf=\"showPageSizeOptions\">\r\n    <div class=\"item_per_page\">Items per page:</div>\r\n    <div class=\"select-box select-page-size\">\r\n      <mat-select [(ngModel)]=\"pagination.pageSize\" (selectionChange)=\"changePerPageNumber($event)\" #page\r\n                  [id]=\"'commonPaginationSelect'\">\r\n        <mat-option *ngFor=\"let option of pageSizeOptions; let i = index;\" [id]=\"'paginationSelectOpt_' + i\" [value]=\"option\">{{option}}</mat-option>\r\n      </mat-select>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: [".search-header-refresh-icon{align-items:center;line-height:54px;margin-left:10px}button[mat-icon-button] i{font-size:18px}mat-spinner.length-spinner{position:absolute;right:120px}h3,.search-header-refresh-icon{float:left}.page-options,.mat-paginator{float:right}.per-page-block mat-form-field{width:70px!important}.per-page-block span{margin-right:20px}.pagination{display:flex;justify-content:flex-end}.select-page-size{width:60px;margin:0 0 0 15px;padding:0 10px}.item_per_page{line-height:35px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-pagination', template: "<div class=\"flex-box pagination\">\r\n  <div class=\"page-indexes-box\">\r\n    <mat-paginator\r\n      [id]=\"'commonPagination'\"\r\n      [hidePageSize]=\"true\"\r\n      [length]=\"pagination.total\"\r\n      [pageIndex]=\"pagination.pageIndex\"\r\n      [pageSize]=\"pagination.pageSize\"\r\n      [pageSizeOptions]=\"pagination.pageSizeOptions || [5, 10, 25, 100]\"\r\n      (page)=\"pageEvent($event)\">\r\n    </mat-paginator>\r\n    <mat-spinner class=\"length-spinner\" [diameter]=\"20\" mode=\"indeterminate\" *ngIf=\"lengthPending\">\r\n    </mat-spinner>\r\n  </div>\r\n\r\n  <div class=\"flex-box per-page-block\" style=\"justify-content: left;\" *ngIf=\"showPageSizeOptions\">\r\n    <div class=\"item_per_page\">Items per page:</div>\r\n    <div class=\"select-box select-page-size\">\r\n      <mat-select [(ngModel)]=\"pagination.pageSize\" (selectionChange)=\"changePerPageNumber($event)\" #page\r\n                  [id]=\"'commonPaginationSelect'\">\r\n        <mat-option *ngFor=\"let option of pageSizeOptions; let i = index;\" [id]=\"'paginationSelectOpt_' + i\" [value]=\"option\">{{option}}</mat-option>\r\n      </mat-select>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: [".search-header-refresh-icon{align-items:center;line-height:54px;margin-left:10px}button[mat-icon-button] i{font-size:18px}mat-spinner.length-spinner{position:absolute;right:120px}h3,.search-header-refresh-icon{float:left}.page-options,.mat-paginator{float:right}.per-page-block mat-form-field{width:70px!important}.per-page-block span{margin-right:20px}.pagination{display:flex;justify-content:flex-end}.select-page-size{width:60px;margin:0 0 0 15px;padding:0 10px}.item_per_page{line-height:35px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { pagination: [{
+                type: Input
+            }], showPageSizeOptions: [{
+                type: Input
+            }], showRefreshButton: [{
+                type: Input
+            }], lengthPending: [{
+                type: Input
+            }], pageEmitter: [{
+                type: Output
+            }], pageNumberChangeEmitter: [{
+                type: Output
+            }] } });
+
+class AppLoaderComponent {
+    constructor() {
+    }
+}
+AppLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AppLoaderComponent, selector: "app-loader", ngImport: i0, template: "<div class=\"overlay\">\n  <mat-progress-spinner\n    class=\"page-spinner\"\n    mode=\"indeterminate\"\n    [diameter]=\"70\"\n    strokeWidth=\"3\"></mat-progress-spinner>\n</div>\n", styles: [".overlay{position:fixed;width:100%;height:100%;inset:0;background-color:#fff3;z-index:200}.mat-progress-spinner circle,.mat-spinner circle{stroke:#000!important}\n"], dependencies: [{ kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-loader', encapsulation: ViewEncapsulation.None, template: "<div class=\"overlay\">\n  <mat-progress-spinner\n    class=\"page-spinner\"\n    mode=\"indeterminate\"\n    [diameter]=\"70\"\n    strokeWidth=\"3\"></mat-progress-spinner>\n</div>\n", styles: [".overlay{position:fixed;width:100%;height:100%;inset:0;background-color:#fff3;z-index:200}.mat-progress-spinner circle,.mat-spinner circle{stroke:#000!important}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+var EntityChangeType;
+(function (EntityChangeType) {
+    EntityChangeType["added"] = "added";
+    EntityChangeType["updated"] = "updated";
+    EntityChangeType["existing"] = "existing";
+    EntityChangeType["removed"] = "removed";
+    EntityChangeType["unassociated"] = "unassociated";
+})(EntityChangeType || (EntityChangeType = {}));
+var DnRangeType;
+(function (DnRangeType) {
+    DnRangeType["extension"] = "EXTENSION";
+    DnRangeType["cpg"] = "CPG";
+    DnRangeType["callpark"] = "CALLPARK";
+    DnRangeType["huntgroup"] = "HUNTGROUP";
+    DnRangeType["meetme"] = "MEETME";
+    DnRangeType["did"] = "DID";
+})(DnRangeType || (DnRangeType = {}));
+
+class DnsService {
+    constructor(apiService, apiWebexService) {
+        this.apiService = apiService;
+        this.apiWebexService = apiWebexService;
+        this.availableNumbers = {};
+        this.phoneNumbers = [];
+    }
+    getNumberRange(siteId, routePartition, withdids, from, pageSize) {
+        var _a;
+        // @ts-ignore
+        if ((_a = this.availableNumbers[routePartition]) === null || _a === void 0 ? void 0 : _a.length) {
+            return new Observable(observer => {
+                // @ts-ignore
+                observer.next(this.availableNumbers[routePartition]);
+            });
+        }
+        this.availableDidPatternsMappedToDn = {};
+        pageSize = pageSize ? pageSize : 20;
+        const params = { dntype: DnRangeType.extension, routepartition: routePartition, size: pageSize, page: 0 };
+        if (withdids) {
+            // @ts-ignore
+            params['withdids'] = 'true';
+        }
+        if (from) {
+            // @ts-ignore
+            params['from'] = from;
+        }
+        // @ts-ignore
+        this.availableNumbers[routePartition] = this.availableNumbers[routePartition] || [];
+        return this.apiService.fetch(API.AVAILABLE_DN_IN_RANGES.replace(':siteId', siteId), params)
+            .pipe(map((res) => {
+            res.availableNumberList.forEach((availableNumber) => {
+                this.setAvailableDidMappedToDn(availableNumber);
+                // @ts-ignore
+                this.availableNumbers[routePartition] = [...this.availableNumbers[routePartition], ...this.getUnwrapNumberRange(availableNumber)];
+            });
+        }));
+        // .pipe(this.handleError(true, false));
+    }
+    setAvailableDidMappedToDn(availableNumber) {
+        if (availableNumber.unUsedNumbersWithDids && availableNumber.unUsedNumbersWithDids.length) {
+            availableNumber.unUsedNumbersWithDids.forEach((numberWithDids) => {
+                const dn = numberWithDids['unUsedNumber'];
+                this.availableDidPatternsMappedToDn[dn] = [{}];
+                if (numberWithDids['translationPatternList'] && numberWithDids['translationPatternList'].length > 0) {
+                    this.availableDidPatternsMappedToDn[dn] = numberWithDids['translationPatternList'];
+                    this.availableDidPatternsMappedToDn[dn][0]['mappedDids'] = [{}];
+                    if (numberWithDids['mappedDids'] && numberWithDids['mappedDids'].length > 0) {
+                        this.availableDidPatternsMappedToDn[dn][0]['mappedDids'] = numberWithDids['mappedDids'];
+                    }
+                }
+                this.availableDidPatternsMappedToDn[dn][0]['vm'] = numberWithDids['vm'];
+            });
+        }
+    }
+    getUnwrapNumberRange(availableNumber) {
+        let unwrapNumberRange = this.unwrapNumberRange(availableNumber.phoneNumberRange.from, availableNumber.phoneNumberRange.to)
+            .map((unwrappedNumber) => {
+            const dn = availableNumber.phoneNumberRange.prefix + unwrappedNumber;
+            let str = dn;
+            if (this.availableDidPatternsMappedToDn[dn] && this.availableDidPatternsMappedToDn[dn].length > 0) {
+                if (this.availableDidPatternsMappedToDn[dn][0]['mappedDids'] && this.availableDidPatternsMappedToDn[dn][0]['mappedDids'].length > 0) {
+                    str += '        DID:  ' + (this.availableDidPatternsMappedToDn[dn][0]['mappedDids'].length > 1 ? 'multiple' :
+                        this.availableDidPatternsMappedToDn[dn][0]['mappedDids'][0]);
+                }
+                if (this.availableDidPatternsMappedToDn[dn][0]['vm']) {
+                    str += '        In Use - VM';
+                }
+            }
+            return str;
+        });
+        unwrapNumberRange = unwrapNumberRange.filter((unwrappedNumber) => !availableNumber.usedNumbers.includes(unwrappedNumber));
+        return unwrapNumberRange;
+    }
+    unwrapNumberRange(start, end) {
+        const regExp = /(^0+)/;
+        let leadingZeros = '';
+        const matches = start.match(regExp);
+        if (matches) {
+            leadingZeros = matches[1];
+        }
+        const startNumeric = new Big(start);
+        const endNumeric = new Big(end);
+        // @ts-ignore
+        return Array.from({ length: (endNumeric.minus(startNumeric).plus(new Big(1)).toFixed(0)) }, (v, k) => {
+            const number = String(startNumeric.plus(new Big(k)).toFixed(0));
+            if ((leadingZeros + number).length > start.length) {
+                leadingZeros = leadingZeros.substr(1);
+            }
+            return leadingZeros + number;
+        });
+    }
+    fetchPhoneNumbers(customerId, locationId) {
+        const params = {
+            available: true,
+            numberType: 'NUMBER'
+        };
+        return this.apiWebexService.fetch(API.PHONE_NUMBERS.replace(':customerId', String(customerId)).replace(':locationId', locationId), params)
+            .pipe(map((result) => {
+            if (result === null || result === void 0 ? void 0 : result.length) {
+                this.phoneNumbers = result.map((item) => item.phoneNumber);
+            }
+            return result;
+        }));
+    }
+}
+DnsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DnsService, deps: [{ token: APIService }, { token: ApiWebexService }], target: i0.ɵɵFactoryTarget.Injectable });
+DnsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DnsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DnsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: APIService }, { type: ApiWebexService }]; } });
+
+class AppLocation {
+    constructor(props) {
+        this.id = '';
+        this.name = '';
+        this.timeZone = '';
+        this.address = new LocationAddress();
+        if (props) {
+            this.id = props.id || '';
+            this.name = props.name || '';
+            this.timeZone = props.timeZone || '';
+            this.address = new LocationAddress(props.address);
+        }
+    }
+}
+class LocationAddress {
+    constructor(props) {
+        this.country = '';
+        this.countryName = '';
+        this.state = '';
+        this.city = '';
+        this.postalCode = '';
+        this.address1 = '';
+        this.address2 = '';
+        if (props) {
+            ['country', 'countryName', 'state', 'city', 'postalCode', 'address1', 'address2'].forEach(token => {
+                // @ts-ignore
+                this[token] = props[token] || '';
+            });
+        }
+    }
+}
+
+class PrepareMigrationData {
+    constructor(data, originData) {
+        var _a, _b, _c, _d;
+        this.customerId = 0;
+        this.siteId = 0;
+        this.cucmId = 0;
+        this.entityId = '';
+        this.devices = [];
+        this.softDevices = [];
+        this.notSupportedDevices = [];
+        this.primaryExtension = '';
+        this.newExtension = '';
+        this.removeExtension = false;
+        this.primaryPhoneNumber = '';
+        this.newPhoneNumber = '';
+        this.removePhoneNumber = false;
+        this.newLocation = null;
+        this.newLocationName = '';
+        this.phoneNumberWithExtension = [];
+        this.moveType = new MoveType();
+        this.errors = [];
+        this.pending = false;
+        this.isConfirm = false;
+        if (data) {
+            this.customerId = data.customerId;
+            this.siteId = data.siteId;
+            this.cucmId = data.cucmId;
+            this.entityId = data.entityId;
+            this.primaryExtension = data.primaryExtension || '';
+            this.primaryPhoneNumber = data.primaryPhoneNumber || '';
+            this.newLocation = (originData === null || originData === void 0 ? void 0 : originData.newLocation) || new AppLocation(data.newLocation) || this.newLocation;
+            this.errors = data.errors;
+            this.phoneNumberWithExtension = ((_a = data.phoneNumberWithExtension) === null || _a === void 0 ? void 0 : _a.length) ? data.phoneNumberWithExtension.map((item) => new PhoneNumberWithExtension(item)) : [];
+            this.devices = ((_b = data.devices) === null || _b === void 0 ? void 0 : _b.length) ? data.devices.map((deviceData) => new PrepareMigrationDevice(deviceData, true, false, true)) : [];
+            this.softDevices = ((_c = data.softDevices) === null || _c === void 0 ? void 0 : _c.length) ? data.softDevices.map((deviceData) => new PrepareMigrationDevice(deviceData, true, true, true)) : [];
+            this.notSupportedDevices = ((_d = data.notSupportedDevices) === null || _d === void 0 ? void 0 : _d.length) ? data.notSupportedDevices.map((deviceData) => new PrepareMigrationDevice(deviceData, false, true, false)) : [];
+        }
+        if (originData) {
+            this.moveType = originData.moveType;
+        }
+    }
+    eligibleDevicesSize() {
+        return this.devices.length + this.softDevices.length;
+    }
+    getSavableData() {
+        return getSavableData(this, ['pending', 'isConfirm']);
+    }
+}
+class PrepareMigrationDevice {
+    constructor(data, toMigrate, isToMigrateDisabled, isEligible) {
+        var _a, _b, _c, _d, _e, _f;
+        this.toMigrate = false;
+        this.isToMigrateDisabled = false;
+        this.isEligible = false;
+        this.name = '';
+        if (data) {
+            this.id = (_a = data.id) !== null && _a !== void 0 ? _a : null;
+            this.mac = data.mac;
+            this.name = data.name;
+            this.product = data.product;
+            this.model = data.model;
+            this.cisUuid = (_b = data.cisUuid) !== null && _b !== void 0 ? _b : null;
+            this.deviceId = (_c = data.deviceId) !== null && _c !== void 0 ? _c : null;
+            this.personId = (_d = data.personId) !== null && _d !== void 0 ? _d : null;
+            this.workspaceId = (_e = data.workspaceId) !== null && _e !== void 0 ? _e : null;
+            this.locationId = (_f = data.locationId) !== null && _f !== void 0 ? _f : null;
+        }
+        this.toMigrate = toMigrate || this.toMigrate;
+        this.isToMigrateDisabled = isToMigrateDisabled || this.isToMigrateDisabled;
+        this.isEligible = isEligible || this.isEligible;
+    }
+    getSavableData() {
+        const excludedFields = ['toMigrate', 'isToMigrateDisabled'];
+        return getSavableData(this, excludedFields);
+    }
+}
+class PhoneNumberWithExtension {
+    constructor(item) {
+        this.extension = '';
+        this.phoneNumber = '';
+        this.extension = item.extension;
+        this.phoneNumber = item.phoneNumber;
+    }
+    getSavableData() {
+        const excludedFields = ['form'];
+        return getSavableData(this, excludedFields);
+    }
+}
+class PrepareMigrationBody {
+    constructor(userList, customerId, locationId) {
+        this.customerId = 0;
+        this.locationId = '';
+        this.customerId = customerId || this.customerId;
+        this.locationId = locationId || this.locationId;
+        this.entities = new PrepareMigrationEntity(userList.cucmId, userList.userid);
+    }
+    getSavableData() {
+        return getSavableData(this);
+    }
+}
+class PrepareMigrationEntity {
+    constructor(cucmId, entityId) {
+        this.PERSON = [];
+        this.PERSON.push(new PersonMigrationEntity(cucmId, entityId));
+    }
+    getSavableData() {
+        const excludedFields = ['form'];
+        return getSavableData(this, excludedFields);
+    }
+}
+class PersonMigrationEntity {
+    constructor(cucmId, entityId) {
+        this.entityId = '';
+        this.cucmId = cucmId;
+        this.entityId = entityId || this.entityId;
+    }
+    getSavableData() {
+        const excludedFields = ['form'];
+        return getSavableData(this, excludedFields);
+    }
+}
+class MigrationData {
+    constructor(data) {
+        var _a;
+        this.customerId = 0;
+        this.siteId = 0;
+        this.cucmId = 0;
+        this.entityId = '';
+        this.primaryExtension = '';
+        this.primaryPhoneNumber = '';
+        this.devices = [];
+        this.phoneNumberWithExtension = [];
+        this.customerId = data.customerId;
+        this.siteId = data.siteId;
+        this.cucmId = data.cucmId;
+        this.entityId = data.entityId;
+        if (data.newExtension) {
+            this.primaryExtension = data.newExtension;
+        }
+        else if (data.removeExtension) {
+            this.primaryExtension = null;
+        }
+        else {
+            this.primaryExtension = data.primaryExtension;
+        }
+        if (data.newPhoneNumber) {
+            this.primaryPhoneNumber = data.newPhoneNumber;
+        }
+        else if (data.removePhoneNumber) {
+            this.primaryPhoneNumber = null;
+        }
+        else {
+            this.primaryPhoneNumber = data.primaryPhoneNumber;
+        }
+        this.phoneNumberWithExtension = data.phoneNumberWithExtension;
+        if ((_a = data.devices) === null || _a === void 0 ? void 0 : _a.length) {
+            data.devices.map(device => {
+                if (device.toMigrate && device.mac) {
+                    this.devices.push(device.mac);
+                }
+            });
+        }
+    }
+    getSavableData() {
+        const excludedFields = ['form'];
+        return getSavableData(this, excludedFields);
+    }
+}
+class MoveType {
+    constructor(data) {
+        this.phoneNumber = '1';
+        this.extension = '1';
+        if (data) {
+            this.phoneNumber = data.phoneNumber;
+            this.extension = data.extension;
+        }
+    }
+}
+
+class SiteSettingsService {
+    constructor(apiWebexService) {
+        this.apiWebexService = apiWebexService;
+        this.locations = [];
+    }
+    getLocations(customerId) {
+        return this.apiWebexService.fetch(API.GET_LOCATIONS.replace(':customerId', String(customerId)), {})
+            .pipe(map((result) => {
+            if (result && result.length) {
+                this.locations = result.map((location) => new AppLocation(location));
+            }
+            return result;
+        }));
+    }
+}
+SiteSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SiteSettingsService, deps: [{ token: ApiWebexService }], target: i0.ɵɵFactoryTarget.Injectable });
+SiteSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SiteSettingsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SiteSettingsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: ApiWebexService }]; } });
+
+class MoveUserService {
+    constructor(apiService, apiWebexService) {
+        this.apiService = apiService;
+        this.apiWebexService = apiWebexService;
+    }
+    resetMigrationDataForNewLocation() {
+        this.prepareMigrationData.newExtension = '';
+        this.prepareMigrationData.newPhoneNumber = '';
+        this.prepareMigrationData.newExtension = '';
+    }
+    setOriginPrepareMigrationData() {
+        const data = JSON.parse(JSON.stringify(this.prepareMigrationData.getSavableData()));
+        this.originPrepareMigrationData = new PrepareMigrationData(data);
+    }
+    fetchPrepareMigrationData(data) {
+        return this.apiWebexService.post(API.PREPARE_PERSON_MIGRATION, data.getSavableData())
+            .pipe(map((result) => {
+            if (result) {
+                this.prepareMigrationData = new PrepareMigrationData(result, this.originPrepareMigrationData);
+            }
+            return result;
+        }));
+        // .pipe(this.handleError(false, true));
+    }
+    startMigration(data) {
+        /* return new Observable<boolean>(observer => {
+           setTimeout(() => {
+             observer.next(true);
+     
+           }, 2000);
+         });*/
+        return this.apiWebexService.post(API.START_MIGRATION, data.getSavableData())
+            .pipe(map((result) => {
+            if (data) {
+                this.prepareMigrationData = new PrepareMigrationData(data);
+            }
+        }));
+        // .pipe(this.handleError(false, true));
+    }
+}
+MoveUserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MoveUserService, deps: [{ token: APIService }, { token: ApiWebexService }], target: i0.ɵɵFactoryTarget.Injectable });
+MoveUserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MoveUserService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MoveUserService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: APIService }, { type: ApiWebexService }]; } });
+
+class DeviceMoveUserWizardComponent {
+    get moveUserPending() {
+        return this.userService.moveUserPending;
+    }
+    get locations() {
+        return this.siteSettingsService.locations;
+    }
+    constructor(dnsService, userService, siteSettingsService) {
+        this.dnsService = dnsService;
+        this.userService = userService;
+        this.siteSettingsService = siteSettingsService;
+    }
+    ngOnInit() {
+    }
+    onMigrateDeviceChecked(event) {
+    }
+    resetMoveTypePhoneNUmber() {
+        this.dnsService.phoneNumbers = [];
+    }
+}
+DeviceMoveUserWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DeviceMoveUserWizardComponent, deps: [{ token: DnsService }, { token: UserService }, { token: SiteSettingsService }], target: i0.ɵɵFactoryTarget.Component });
+DeviceMoveUserWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DeviceMoveUserWizardComponent, selector: "app-device-move-user-wizard", inputs: { device: "device" }, ngImport: i0, template: "<form>\r\n  <div class=\"device-item-panel-container\">\r\n    <div class=\"device-left\">\r\n      <div\r\n        class=\"device-migration-status\"\r\n        [ngClass]=\"{'--checked':  device.toMigrate}\"\r\n      >\r\n        <mat-checkbox\r\n          class=\"rounded\"\r\n          [checked]=\"device.toMigrate\"\r\n        ></mat-checkbox>\r\n      </div>\r\n    </div>\r\n    <div class=\"device-right\">\r\n      <div class=\"device-header\">\r\n        <div class=\"device-name\">{{ device.name }}</div>\r\n        <div class=\"device-migrate\" *ngIf=\"device.isEligible\">\r\n          <mat-checkbox name=\"toMigrate\"\r\n            [(ngModel)]=\"device.toMigrate\"\r\n          >Migrate this device</mat-checkbox>\r\n        </div>\r\n      </div>\r\n      <mat-divider></mat-divider>\r\n      <div class=\"device-info\">\r\n        <div *ngIf=\"device.product\" class=\"device-info__item\">\r\n          <div class=\"key\">Device type</div>\r\n          <div class=\"value\">{{ device.product }}</div>\r\n        </div>\r\n        <div *ngIf=\"device.mac\" class=\"device-info__item\">\r\n          <div class=\"key\">MAC address</div>\r\n          <div class=\"value\">{{ device.mac }}</div>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".device-item-panel-container{display:flex;border:1px solid gray;border-radius:.5rem;margin-bottom:1.5rem;overflow:hidden}.device-migration-status{height:100%;padding:1rem;background-color:#ffebc2}.device-right{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 2rem}.device-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 7px}.device-header .device-name{font-size:18px;font-weight:700}.device-header .device-migrate{font-weight:700}.device-header .device-migrate .mat-checkbox ::ng-deep .mat-checkbox-label{margin-left:.4rem}.device-header .device-migrate ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#05f!important}.device-header .device-migrate ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,.device-header .device-migrate ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#05f!important}.device-header .device-migrate ::ng-deep .mat-checkbox.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#05f!important}.device-info{display:grid;grid-template-columns:auto auto;gap:2.5rem}.device-info__item{font-size:16px;font-weight:700}.device-info__item .key{margin:10px 0 0}.device-info__item .value{color:#a0a0a0}.--checked{background-color:#cef5eb}.mat-checkbox ::ng-deep .mat-checkbox-inner-container{width:20px;height:20px}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#185e46!important}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#185e46}::ng-deep .mat-checkbox.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#185e46!important}::ng-deep .rounded{pointer-events:none}::ng-deep .rounded .mat-checkbox-background,::ng-deep .rounded .mat-checkbox-frame{border-radius:50%!important}::ng-deep .mat-divider{display:block;margin:0;border-top-width:2px;border-top-style:solid}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DeviceMoveUserWizardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-device-move-user-wizard', template: "<form>\r\n  <div class=\"device-item-panel-container\">\r\n    <div class=\"device-left\">\r\n      <div\r\n        class=\"device-migration-status\"\r\n        [ngClass]=\"{'--checked':  device.toMigrate}\"\r\n      >\r\n        <mat-checkbox\r\n          class=\"rounded\"\r\n          [checked]=\"device.toMigrate\"\r\n        ></mat-checkbox>\r\n      </div>\r\n    </div>\r\n    <div class=\"device-right\">\r\n      <div class=\"device-header\">\r\n        <div class=\"device-name\">{{ device.name }}</div>\r\n        <div class=\"device-migrate\" *ngIf=\"device.isEligible\">\r\n          <mat-checkbox name=\"toMigrate\"\r\n            [(ngModel)]=\"device.toMigrate\"\r\n          >Migrate this device</mat-checkbox>\r\n        </div>\r\n      </div>\r\n      <mat-divider></mat-divider>\r\n      <div class=\"device-info\">\r\n        <div *ngIf=\"device.product\" class=\"device-info__item\">\r\n          <div class=\"key\">Device type</div>\r\n          <div class=\"value\">{{ device.product }}</div>\r\n        </div>\r\n        <div *ngIf=\"device.mac\" class=\"device-info__item\">\r\n          <div class=\"key\">MAC address</div>\r\n          <div class=\"value\">{{ device.mac }}</div>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n", styles: [".device-item-panel-container{display:flex;border:1px solid gray;border-radius:.5rem;margin-bottom:1.5rem;overflow:hidden}.device-migration-status{height:100%;padding:1rem;background-color:#ffebc2}.device-right{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 2rem}.device-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 7px}.device-header .device-name{font-size:18px;font-weight:700}.device-header .device-migrate{font-weight:700}.device-header .device-migrate .mat-checkbox ::ng-deep .mat-checkbox-label{margin-left:.4rem}.device-header .device-migrate ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#05f!important}.device-header .device-migrate ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,.device-header .device-migrate ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#05f!important}.device-header .device-migrate ::ng-deep .mat-checkbox.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#05f!important}.device-info{display:grid;grid-template-columns:auto auto;gap:2.5rem}.device-info__item{font-size:16px;font-weight:700}.device-info__item .key{margin:10px 0 0}.device-info__item .value{color:#a0a0a0}.--checked{background-color:#cef5eb}.mat-checkbox ::ng-deep .mat-checkbox-inner-container{width:20px;height:20px}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#185e46!important}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#185e46}::ng-deep .mat-checkbox.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#185e46!important}::ng-deep .rounded{pointer-events:none}::ng-deep .rounded .mat-checkbox-background,::ng-deep .rounded .mat-checkbox-frame{border-radius:50%!important}::ng-deep .mat-divider{display:block;margin:0;border-top-width:2px;border-top-style:solid}\n"] }]
+        }], ctorParameters: function () { return [{ type: DnsService }, { type: UserService }, { type: SiteSettingsService }]; }, propDecorators: { device: [{
+                type: Input
+            }] } });
+
+class DevicesMoveUserWizardTabComponent {
+    get prepareMigrationData() {
+        return this.moveUserService.prepareMigrationData;
+    }
+    constructor(moveUserService) {
+        this.moveUserService = moveUserService;
+    }
+    ngOnInit() {
+    }
+}
+DevicesMoveUserWizardTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DevicesMoveUserWizardTabComponent, deps: [{ token: MoveUserService }], target: i0.ɵɵFactoryTarget.Component });
+DevicesMoveUserWizardTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DevicesMoveUserWizardTabComponent, selector: "app-devices-move-user-tab", ngImport: i0, template: "<div *ngIf=\"prepareMigrationData.eligibleDevicesSize\"\r\n     class=\"devices-move-user-box eligible-devices-section\" >\r\n  <div class=\"section-title\">Eligible devices ({{ prepareMigrationData.eligibleDevicesSize() }})</div>\r\n  <div class=\"section-content\">\r\n    <div *ngIf=\"prepareMigrationData.devices?.length\" class=\"device-group\">\r\n      <div class=\"group-title\">IP Phones</div>\r\n      <ng-container *ngFor=\"let device of prepareMigrationData.devices\">\r\n        <app-device-move-user-wizard [device]=\"device\"></app-device-move-user-wizard>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"prepareMigrationData.softDevices?.length\" class=\"device-group\">\r\n      <div class=\"group-title\">Soft Devices</div>\r\n      <ng-container *ngFor=\"let device of prepareMigrationData.softDevices\">\r\n        <app-device-move-user-wizard [device]=\"device\"></app-device-move-user-wizard>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-divider *ngIf=\"prepareMigrationData.notSupportedDevices.length\"></mat-divider>\r\n<div *ngIf=\"prepareMigrationData.notSupportedDevices.length\" class=\"ineligible-devices-section\">\r\n  <div class=\"section-title\">Ineligible devices ({{ prepareMigrationData.notSupportedDevices.length }})</div>\r\n  <div class=\"section-content\">\r\n    <div class=\"device-group\">\r\n      <ng-container *ngFor=\"let device of prepareMigrationData.notSupportedDevices\">\r\n        <app-device-move-user-wizard [device]=\"device\"></app-device-move-user-wizard>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".eligible-devices-section,.ineligible-devices-section{display:flex;padding:1.5rem}.eligible-devices-section .section-title,.ineligible-devices-section .section-title{font-size:18px;font-weight:700;padding:0 .5rem;width:300px}.eligible-devices-section .section-content,.ineligible-devices-section .section-content{width:100%}.group-title{font-size:18px;font-weight:700;margin-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: DeviceMoveUserWizardComponent, selector: "app-device-move-user-wizard", inputs: ["device"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DevicesMoveUserWizardTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-devices-move-user-tab', template: "<div *ngIf=\"prepareMigrationData.eligibleDevicesSize\"\r\n     class=\"devices-move-user-box eligible-devices-section\" >\r\n  <div class=\"section-title\">Eligible devices ({{ prepareMigrationData.eligibleDevicesSize() }})</div>\r\n  <div class=\"section-content\">\r\n    <div *ngIf=\"prepareMigrationData.devices?.length\" class=\"device-group\">\r\n      <div class=\"group-title\">IP Phones</div>\r\n      <ng-container *ngFor=\"let device of prepareMigrationData.devices\">\r\n        <app-device-move-user-wizard [device]=\"device\"></app-device-move-user-wizard>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"prepareMigrationData.softDevices?.length\" class=\"device-group\">\r\n      <div class=\"group-title\">Soft Devices</div>\r\n      <ng-container *ngFor=\"let device of prepareMigrationData.softDevices\">\r\n        <app-device-move-user-wizard [device]=\"device\"></app-device-move-user-wizard>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-divider *ngIf=\"prepareMigrationData.notSupportedDevices.length\"></mat-divider>\r\n<div *ngIf=\"prepareMigrationData.notSupportedDevices.length\" class=\"ineligible-devices-section\">\r\n  <div class=\"section-title\">Ineligible devices ({{ prepareMigrationData.notSupportedDevices.length }})</div>\r\n  <div class=\"section-content\">\r\n    <div class=\"device-group\">\r\n      <ng-container *ngFor=\"let device of prepareMigrationData.notSupportedDevices\">\r\n        <app-device-move-user-wizard [device]=\"device\"></app-device-move-user-wizard>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".eligible-devices-section,.ineligible-devices-section{display:flex;padding:1.5rem}.eligible-devices-section .section-title,.ineligible-devices-section .section-title{font-size:18px;font-weight:700;padding:0 .5rem;width:300px}.eligible-devices-section .section-content,.ineligible-devices-section .section-content{width:100%}.group-title{font-size:18px;font-weight:700;margin-bottom:1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: MoveUserService }]; } });
+
+// for test only
+const LOCATION = 'Y2lzY29zcGFyazovL3VzL0xPQ0FUSU9OLzE2YjY0NjljLTBjZmQtNDJjMS1iOWJjLTUyN2FlZTNhN2RlOQ';
+class MoveUserStepperComponent {
+    get moveUserPending() {
+        return this.userService.moveUserPending;
+    }
+    get currentNumber() {
+        var _a, _b, _c;
+        if (((_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a.devices) === null || _b === void 0 ? void 0 : _b.length) && ((_c = this.user.devices[0]) === null || _c === void 0 ? void 0 : _c.lineAssociations) && this.user.devices[0].lineAssociations[0]) {
+            return this.user.devices[0].lineAssociations[0].directoryNumber.directoryNumber;
+        }
+        return '';
+    }
+    get locations() {
+        return this.siteSettingsService.locations;
+    }
+    get prepareMigrationData() {
+        return this.moveUserService.prepareMigrationData;
+    }
+    constructor(dnsService, userService, siteSettingsService, notificationService, moveUserService) {
+        this.dnsService = dnsService;
+        this.userService = userService;
+        this.siteSettingsService = siteSettingsService;
+        this.notificationService = notificationService;
+        this.moveUserService = moveUserService;
+        this.done = new EventEmitter();
+        this.runMoveUser = new EventEmitter();
+        this.cancel = new EventEmitter();
+        this.isLinear = false;
+        this.phoneNumberPending = false;
+        this.filteredLocations = [];
+        this.dataPending = false;
+    }
+    ngOnInit() {
+        this.moveUserService.prepareMigrationData = new PrepareMigrationData();
+        this.getData();
+    }
+    displayLocation(location) {
+        return (location === null || location === void 0 ? void 0 : location.name) || '';
+    }
+    onLocationAutocomplete(event) {
+        var _a;
+        const value = event.target.value;
+        if ((_a = this.locations) === null || _a === void 0 ? void 0 : _a.length) {
+            this.filteredLocations = filterOptions(this.locations, value || '', '', 'name');
+        }
+    }
+    onNumberAutocomplete() {
+        var _a;
+        if ((_a = this.dnsService.phoneNumbers) === null || _a === void 0 ? void 0 : _a.length) {
+            this.filteredPhoneNumbers = filterOptions(this.dnsService.phoneNumbers, this.prepareMigrationData.newPhoneNumber);
+        }
+    }
+    onMoveUser(stepper) {
+        this.stepper = stepper;
+        this.runMoveUser.emit();
+    }
+    onStepChange(event) {
+    }
+    selectPhoneNumberMigrationType(event) {
+        if (event.value && event.value === '2') {
+            this.getPhoneNumbers();
+        }
+        this.moveUserService.prepareMigrationData.removePhoneNumber = event.value && event.value === '3';
+    }
+    selectExtensionMigrationType(event) {
+        this.moveUserService.prepareMigrationData.removeExtension = event.value && event.value === '3';
+    }
+    onPhoneNumberChange(event) {
+        console.log('new phone number = ', this.prepareMigrationData.newPhoneNumber);
+    }
+    onLocationChange(event) {
+        this.moveUserService.prepareMigrationData.newLocation = event.option.value;
+        this.moveUserService.resetMigrationDataForNewLocation();
+        if (this.prepareMigrationData.moveType.phoneNumber === '2') {
+            this.getPhoneNumbers();
+        }
+        this.getPrepareUserData();
+    }
+    onExtensionChange(event) {
+        console.log('new newExtension = ', this.prepareMigrationData.newExtension);
+    }
+    getPhoneNumbers() {
+        var _a;
+        if (!((_a = this.prepareMigrationData.newLocation) === null || _a === void 0 ? void 0 : _a.id)) {
+            return;
+        }
+        this.phoneNumberPending = true;
+        this.dnsService.fetchPhoneNumbers(this.customerId, this.prepareMigrationData.newLocation.id)
+            .subscribe(() => {
+            this.phoneNumberPending = false;
+            this.filteredPhoneNumbers = this.dnsService.phoneNumbers.slice();
+        }, () => this.phoneNumberPending = false);
+    }
+    isNextFromSelectLocationDisabled() {
+        var _a, _b;
+        if (!((_b = (_a = this.prepareMigrationData) === null || _a === void 0 ? void 0 : _a.newLocation) === null || _b === void 0 ? void 0 : _b.id) || !this.prepareMigrationData.entityId) {
+            return true;
+        }
+        if (this.prepareMigrationData.moveType.phoneNumber === '2' && !this.prepareMigrationData.newPhoneNumber) {
+            return true;
+        }
+        if (this.prepareMigrationData.moveType.extension === '2' && !this.prepareMigrationData.newExtension) {
+            return true;
+        }
+        return false;
+    }
+    goNextStep(stepper) {
+    }
+    startMigration() {
+        const migrationData = new MigrationData(this.prepareMigrationData);
+        this.dataPending = true;
+        this.moveUserService.startMigration(migrationData)
+            .subscribe((result) => {
+            var _a, _b;
+            this.dataPending = false;
+            if ((_b = (_a = this.nextAfterMoveBtn) === null || _a === void 0 ? void 0 : _a._elementRef) === null || _b === void 0 ? void 0 : _b.nativeElement) {
+                this.nextAfterMoveBtn._elementRef.nativeElement.click();
+            }
+        }, () => {
+            this.dataPending = false;
+        });
+    }
+    getData() {
+        if (!this.user) {
+            return;
+        }
+        this.dataPending = true;
+        this.siteSettingsService.getLocations(this.customerId)
+            .subscribe(() => {
+            var _a;
+            if ((_a = this.locations) === null || _a === void 0 ? void 0 : _a.length) {
+                this.filteredLocations = this.locations.slice();
+            }
+            this.dataPending = false;
+        }, () => this.dataPending = false);
+    }
+    getPrepareUserData() {
+        var _a, _b;
+        if ((_b = (_a = this.prepareMigrationData) === null || _a === void 0 ? void 0 : _a.newLocation) === null || _b === void 0 ? void 0 : _b.id) {
+            this.moveUserService.setOriginPrepareMigrationData();
+            const prepareMigrationBody = new PrepareMigrationBody(this.user, this.customerId, this.prepareMigrationData.newLocation.id);
+            this.moveUserService.prepareMigrationData.pending = true;
+            this.moveUserService.fetchPrepareMigrationData(prepareMigrationBody)
+                .subscribe(() => {
+            }, () => {
+                this.moveUserService.prepareMigrationData.pending = false;
+                this.notificationService.error('Move user attempt is failed');
+            });
+        }
+    }
+    resetMoveTypePhoneNUmber() {
+        this.dnsService.phoneNumbers = [];
+    }
+}
+MoveUserStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MoveUserStepperComponent, deps: [{ token: DnsService }, { token: UserService }, { token: SiteSettingsService }, { token: NotificationService }, { token: MoveUserService }], target: i0.ɵɵFactoryTarget.Component });
+MoveUserStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MoveUserStepperComponent, selector: "app-move-user-stepper", inputs: { user: "user", customerId: "customerId" }, outputs: { done: "done", runMoveUser: "runMoveUser", cancel: "cancel" }, viewQueries: [{ propertyName: "nextAfterMoveBtn", first: true, predicate: ["nextAfterMoveBtn"], descendants: true }], ngImport: i0, template: "<app-loader *ngIf=\"prepareMigrationData.pending || moveUserPending || dataPending\"></app-loader>\r\n<div id=\"move-user-stepper\">\r\n  <mat-stepper *ngIf=\"prepareMigrationData?.moveType\" [linear]=\"isLinear\" labelPosition=\"bottom\" #stepper>\r\n    <mat-step>\r\n      <div class=\"step-title\">Step 1: Select location</div>\r\n      <!--      <form>-->\r\n      <ng-template matStepLabel>Select location</ng-template>\r\n      <form>\r\n        <div class=\"move-user-tab-content-box\">\r\n          <mat-label class=\"mat-label\">Select a new location</mat-label>\r\n          <mat-form-field class=\"app-autocomplete-input\" appearance=\"outline\">\r\n            <input placeholder=\"Select location\" [matAutocomplete]=\"auto\" matInput\r\n                   (input)=\"onLocationAutocomplete($event)\"/>\r\n            <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayLocation\"\r\n                              (optionSelected)=\"onLocationChange($event)\">\r\n              <mat-option *ngFor=\"let location of filteredLocations\" [value]=\"location\">\r\n                {{ location.name }}\r\n              </mat-option>\r\n            </mat-autocomplete>\r\n          </mat-form-field>\r\n          <div *ngIf=\"!dataPending && !locations.length\" class=\"mat-error\">\r\n            Locations are not available\r\n          </div>\r\n\r\n          <ng-container *ngIf=\"prepareMigrationData?.newLocation?.id\">\r\n            <mat-label class=\"mat-label\">Phone number</mat-label>\r\n            <mat-radio-group class=\"radio-group\" name=\"moveTypePhoneNumber\"\r\n                             [(ngModel)]=\"prepareMigrationData.moveType.phoneNumber\" name=\"phoneNumber\"\r\n                             (change)=\"selectPhoneNumberMigrationType($event)\">\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"1\"\r\n                color=\"primary\">\r\n                Keep current number\r\n                {{ prepareMigrationData.primaryPhoneNumber || currentNumber }}\r\n              </mat-radio-button>\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"2\"\r\n                color=\"primary\"\r\n                [disabled]=\"!prepareMigrationData.newLocation?.id\">\r\n                Select a new number\r\n              </mat-radio-button>\r\n\r\n              <div *ngIf=\"prepareMigrationData.moveType.phoneNumber === '2'\" class=\"select-container\">\r\n                <mat-progress-spinner *ngIf=\"phoneNumberPending\" class=\"field-spinner\" mode=\"indeterminate\"\r\n                                      [diameter]=\"70\" strokeWidth=\"3\"></mat-progress-spinner>\r\n\r\n                <mat-form-field class=\"app-autocomplete-input\" appearance=\"outline\">\r\n                  <input placeholder=\"Select number\" [(ngModel)]=\"prepareMigrationData.newPhoneNumber\"\r\n                         [matAutocomplete]=\"autoPh\" matInput name=\"newPhoneNumber\"\r\n                         (input)=\"onNumberAutocomplete()\"/>\r\n                  <mat-autocomplete #autoPh=\"matAutocomplete\" (optionSelected)=\"onPhoneNumberChange($event)\">\r\n                    <mat-option *ngFor=\"let number of filteredPhoneNumbers\" [value]=\"number\">\r\n                      {{ number }}\r\n                    </mat-option>\r\n                  </mat-autocomplete>\r\n                </mat-form-field>\r\n                <div *ngIf=\"!phoneNumberPending && !dnsService.phoneNumbers?.length\" class=\"mat-error\">\r\n                  Phone numbers are not available for this location\r\n                </div>\r\n              </div>\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"3\"\r\n                color=\"primary\"\r\n                [disabled]=\"prepareMigrationData.removeExtension\">\r\n                Remove number\r\n              </mat-radio-button>\r\n            </mat-radio-group>\r\n\r\n            <mat-label class=\"mat-label\">Extension</mat-label>\r\n            <mat-radio-group class=\"radio-group\" name=\"moveTypeExtension\"\r\n                             (change)=\"selectExtensionMigrationType($event)\"\r\n                             [(ngModel)]=\"prepareMigrationData.moveType.extension\">\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"1\"\r\n                color=\"primary\">\r\n                Keep current extension {{ prepareMigrationData.primaryExtension }}\r\n              </mat-radio-button>\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"2\"\r\n                color=\"primary\">\r\n                Select a new extension\r\n              </mat-radio-button>\r\n\r\n              <div *ngIf=\"prepareMigrationData.moveType.extension === '2'\" class=\"input-container\">\r\n                <mat-form-field appearance=\"outline\">\r\n                  <input\r\n                    matInput\r\n                    type=\"text\"\r\n                    name=\"newExtension\"\r\n                    (change)=\"onExtensionChange($event)\"\r\n                    [(ngModel)]=\"prepareMigrationData.newExtension\"\r\n                    [placeholder]=\"'Enter extension'\"\r\n                  />\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"3\"\r\n                color=\"primary\"\r\n                [disabled]=\"prepareMigrationData.removePhoneNumber\">Remove extension\r\n              </mat-radio-button>\r\n            </mat-radio-group>\r\n          </ng-container>\r\n        </div>\r\n      </form>\r\n\r\n      <div class=\"step-actions\">\r\n        <button mat-button class=\"webex-btn btn-next\" matStepperNext\r\n                [disabled]=\"isNextFromSelectLocationDisabled()\" (click)=\"goNextStep(stepper)\">\r\n          Next\r\n        </button>\r\n        <button mat-button class=\"webex-btn btn-cancel\" (click)=\"cancel.emit()\">Cancel</button>\r\n      </div>\r\n    </mat-step>\r\n    <mat-step [aria-labelledby]=\"'disabled_af'\">\r\n      <div class=\"step-title\">Step 2: Device eligibility check</div>\r\n      <ng-template matStepLabel>Device eligibility check</ng-template>\r\n      <div class=\"move-user-tab-content-box\">\r\n        <app-devices-move-user-tab></app-devices-move-user-tab>\r\n      </div>\r\n      <div class=\"step-actions\">\r\n        <button mat-button class=\"webex-btn btn-next\" matStepperNext (click)=\"goNextStep(stepper)\">\r\n          Next\r\n        </button>\r\n        <button mat-button class=\"webex-btn btn-cancel\" matStepperPrevious>\r\n          Previous\r\n        </button>\r\n      </div>\r\n    </mat-step>\r\n    <mat-step [aria-labelledby]=\"'disabled_af'\">\r\n      <div class=\"step-title\">Step 3: Validation</div>\r\n      <ng-template matStepLabel>Validation</ng-template>\r\n\r\n      <div class=\"devices-move-user-box\">\r\n        <mat-label class=\"mat-label\">Validation</mat-label>\r\n        <div *ngIf=\"!prepareMigrationData.errors?.length\">\r\n          <ng-container *ngTemplateOutlet=\"validationSuccess\">\r\n          </ng-container>\r\n        </div>\r\n        <div *ngIf=\"prepareMigrationData.errors?.length\">\r\n          <ng-container *ngTemplateOutlet=\"validationFailed\">\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n      <button #nextAfterMoveBtn mat-button class=\"invisible-next-btn\" matStepperNext\r\n              (click)=\"goNextStep(stepper)\"></button>\r\n      <div class=\"step-actions\">\r\n        <button mat-button class=\"webex-btn btn-next\"\r\n                [disabled]=\"prepareMigrationData.errors.length > 0 || !prepareMigrationData.isConfirm\"\r\n                (click)=\"startMigration()\">\r\n          Upgrade\r\n        </button>\r\n        <button mat-button class=\"webex-btn btn-cancel\" matStepperPrevious>\r\n          Previous\r\n        </button>\r\n      </div>\r\n    </mat-step>\r\n    <mat-step>\r\n      <div class=\"step-title\">Step 4: Result</div>\r\n      <ng-template matStepLabel>Result</ng-template>\r\n\r\n      <div class=\"devices-move-user-box\">\r\n        <mat-label class=\"mat-label\">Moving user has been successfully initiated!</mat-label>\r\n        <p class=\"validation-text\">\r\n          The user will be moved to the new location {{prepareMigrationData.newLocation?.name}}\r\n          <br/>\r\n          For the progress of move, please visit the\r\n          <a class=\"form-link\" href=\"#\">user details</a>.\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"step-actions\">\r\n        <button mat-button class=\"webex-btn btn-done\" (click)=\"done.emit(true)\">\r\n          Done\r\n        </button>\r\n      </div>\r\n    </mat-step>\r\n  </mat-stepper>\r\n</div>\r\n\r\n<ng-template #validationSuccess>\r\n  <p class=\"validation-text\">\r\n    Validation has completed successfully. The user can be moved to the\r\n    new location. Please be aware of the potential impact of the changes\r\n    below.\r\n  </p>\r\n  <mat-label class=\"mat-label\">Expected changes</mat-label>\r\n  <ul>\r\n    <li>Cisco 6941 device (SEP987987987987) will not be migrated</li>\r\n    <li>\r\n      The user will be removed from the Call Pickup Group:\r\n      1675090334-Paris_pickup\r\n    </li>\r\n    <li>\r\n      If Webex App is currently in use, the user will to sign in again to\r\n      update the service.\r\n    </li>\r\n  </ul>\r\n  <form>\r\n    <mat-checkbox class=\"checkbox\" name=\"isConfirm\" [(ngModel)]=\"prepareMigrationData.isConfirm\"\r\n                  color=\"primary\">\r\n      I confirm that I understand these conditions. I acknowledge the\r\n      changes.\r\n    </mat-checkbox>\r\n  </form>\r\n\r\n</ng-template>\r\n\r\n<ng-template #validationFailed>\r\n  <p class=\"validation-text\">\r\n    Validation is failed. User migration is not available\r\n  </p>\r\n  <ul>\r\n    <li *ngFor=\"let error of prepareMigrationData.errors\">{{ error }}</li>\r\n  </ul>\r\n</ng-template>\r\n", styles: [".mat-stepper-horizontal{height:-moz-fit-content;height:fit-content;max-height:750px;margin:0 auto;width:70%;background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container{margin:0 auto;width:800px}.mat-stepper-horizontal .mat-step-icon{width:28px;height:28px;border:3px solid hsl(0,0%,50.2%)}.mat-stepper-horizontal .mat-step-icon-selected{background-color:#c6c6c6!important;border-color:#19487d}.mat-stepper-horizontal .mat-step-icon-state-number{background-color:#fff}.mat-stepper-horizontal .mat-step-icon-state-edit,.mat-stepper-horizontal .mat-step-header .mat-step-icon-state-done{background-color:#1170cf;border-color:#1170cf}.mat-stepper-horizontal .mat-step-icon-content{display:none}.mat-stepper-horizontal .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child):before,.mat-stepper-horizontal [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child):before,.mat-stepper-horizontal .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child):after,.mat-stepper-horizontal [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child):after{border-top-width:3px!important}.mat-stepper-horizontal .mat-horizontal-stepper-header:before,.mat-stepper-horizontal .mat-horizontal-stepper-header:after,.mat-stepper-horizontal .mat-stepper-horizontal-line{border-top-color:#1170cf!important;border-top-width:3px!important;border-top-style:solid!important}.mat-stepper-horizontal .mat-horizontal-stepper-header[aria-selected=true]~.mat-stepper-horizontal-line,.mat-stepper-horizontal .mat-horizontal-stepper-header[aria-selected=true]~.mat-horizontal-stepper-header:before,.mat-stepper-horizontal .mat-horizontal-stepper-header[aria-selected=true]~.mat-horizontal-stepper-header:after{border-top-width:3px!important;background-color:#7b7b7b!important;border-top-color:#7b7b7b!important}::ng-deep .mat-form-field-infix{padding:0!important;width:100%}::ng-deep .mat-form-field-appearance-outline .mat-input-element{height:35px;width:100%;line-height:35px;margin:5px 0 0}::ng-deep .mat-form-field{width:350px}::ng-deep .mat-step-header[aria-labelledby=disabled_af]{pointer-events:none!important;cursor:not-allowed}::ng-deep .mat-step-header[aria-labelledby=disabled_af] .mat-step-icon,::ng-deep .mat-step-header[aria-labelledby=disabled_af] .mat-step-label{cursor:not-allowed;opacity:.6}.mat-mdc-form-field{margin-top:16px}.mat-label{font-size:16px;font-weight:600;margin:1rem 0}.step-title{font-size:28px;font-weight:700;margin:.5rem 0 1.5rem 2rem}.validation-text{margin-top:.5rem;margin-bottom:2rem}ul{padding:.5rem 2rem;margin-top:.5rem;margin-bottom:2rem}.devices-move-user-box{background-color:#fff;padding:2.5rem;padding:1rem 2.5rem;min-height:350px;border-radius:.5rem}.user-select-location-box{background-color:#fff;padding:2.5rem;height:350px;border-radius:.5rem}.form-link{text-decoration:none;color:#007bff}.radio-group{display:flex;flex-direction:column;margin:15px 0;align-items:flex-start}.radio-button{margin:.5rem 0}.select{width:350px;padding:.5rem;margin:.5rem 0;border:1px solid #a0a0a0;border-radius:.5rem}.step-actions{display:flex;flex-flow:row-reverse;margin-top:2rem;gap:1rem}.webex-btn{border:1px solid black;border-radius:1rem;cursor:pointer;gap:1rem}.btn-next{background-color:#000;color:#fff}.btn-cancel,.btn-done{background-color:#fff;color:#000}.select-container{position:relative;width:100%;max-width:300px}.select-container .mat-progress-spinner{position:absolute;left:45%;top:35px}.invisible-next-btn{height:1px;width:1px}.mat-error{margin:0 0 15px}mat-label{display:block}.btn-next{min-width:80px}.mat-button-disabled{background-color:#bbb;color:#fff;border:1px solid grey;cursor:default!important}.move-user-tab-content-box{background-color:#fff;min-height:350px;border-radius:.5rem;box-sizing:border-box;padding:25px}.input-container{display:flex;flex-direction:column;gap:1rem}.input-container input{height:-moz-fit-content!important;height:fit-content!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i12.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i14.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i14.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i14.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i14.MatStepperNext, selector: "button[matStepperNext]", inputs: ["type"] }, { kind: "directive", type: i14.MatStepperPrevious, selector: "button[matStepperPrevious]", inputs: ["type"] }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i16.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i16.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: AppLoaderComponent, selector: "app-loader" }, { kind: "component", type: DevicesMoveUserWizardTabComponent, selector: "app-devices-move-user-tab" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MoveUserStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-move-user-stepper', encapsulation: ViewEncapsulation.None, template: "<app-loader *ngIf=\"prepareMigrationData.pending || moveUserPending || dataPending\"></app-loader>\r\n<div id=\"move-user-stepper\">\r\n  <mat-stepper *ngIf=\"prepareMigrationData?.moveType\" [linear]=\"isLinear\" labelPosition=\"bottom\" #stepper>\r\n    <mat-step>\r\n      <div class=\"step-title\">Step 1: Select location</div>\r\n      <!--      <form>-->\r\n      <ng-template matStepLabel>Select location</ng-template>\r\n      <form>\r\n        <div class=\"move-user-tab-content-box\">\r\n          <mat-label class=\"mat-label\">Select a new location</mat-label>\r\n          <mat-form-field class=\"app-autocomplete-input\" appearance=\"outline\">\r\n            <input placeholder=\"Select location\" [matAutocomplete]=\"auto\" matInput\r\n                   (input)=\"onLocationAutocomplete($event)\"/>\r\n            <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayLocation\"\r\n                              (optionSelected)=\"onLocationChange($event)\">\r\n              <mat-option *ngFor=\"let location of filteredLocations\" [value]=\"location\">\r\n                {{ location.name }}\r\n              </mat-option>\r\n            </mat-autocomplete>\r\n          </mat-form-field>\r\n          <div *ngIf=\"!dataPending && !locations.length\" class=\"mat-error\">\r\n            Locations are not available\r\n          </div>\r\n\r\n          <ng-container *ngIf=\"prepareMigrationData?.newLocation?.id\">\r\n            <mat-label class=\"mat-label\">Phone number</mat-label>\r\n            <mat-radio-group class=\"radio-group\" name=\"moveTypePhoneNumber\"\r\n                             [(ngModel)]=\"prepareMigrationData.moveType.phoneNumber\" name=\"phoneNumber\"\r\n                             (change)=\"selectPhoneNumberMigrationType($event)\">\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"1\"\r\n                color=\"primary\">\r\n                Keep current number\r\n                {{ prepareMigrationData.primaryPhoneNumber || currentNumber }}\r\n              </mat-radio-button>\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"2\"\r\n                color=\"primary\"\r\n                [disabled]=\"!prepareMigrationData.newLocation?.id\">\r\n                Select a new number\r\n              </mat-radio-button>\r\n\r\n              <div *ngIf=\"prepareMigrationData.moveType.phoneNumber === '2'\" class=\"select-container\">\r\n                <mat-progress-spinner *ngIf=\"phoneNumberPending\" class=\"field-spinner\" mode=\"indeterminate\"\r\n                                      [diameter]=\"70\" strokeWidth=\"3\"></mat-progress-spinner>\r\n\r\n                <mat-form-field class=\"app-autocomplete-input\" appearance=\"outline\">\r\n                  <input placeholder=\"Select number\" [(ngModel)]=\"prepareMigrationData.newPhoneNumber\"\r\n                         [matAutocomplete]=\"autoPh\" matInput name=\"newPhoneNumber\"\r\n                         (input)=\"onNumberAutocomplete()\"/>\r\n                  <mat-autocomplete #autoPh=\"matAutocomplete\" (optionSelected)=\"onPhoneNumberChange($event)\">\r\n                    <mat-option *ngFor=\"let number of filteredPhoneNumbers\" [value]=\"number\">\r\n                      {{ number }}\r\n                    </mat-option>\r\n                  </mat-autocomplete>\r\n                </mat-form-field>\r\n                <div *ngIf=\"!phoneNumberPending && !dnsService.phoneNumbers?.length\" class=\"mat-error\">\r\n                  Phone numbers are not available for this location\r\n                </div>\r\n              </div>\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"3\"\r\n                color=\"primary\"\r\n                [disabled]=\"prepareMigrationData.removeExtension\">\r\n                Remove number\r\n              </mat-radio-button>\r\n            </mat-radio-group>\r\n\r\n            <mat-label class=\"mat-label\">Extension</mat-label>\r\n            <mat-radio-group class=\"radio-group\" name=\"moveTypeExtension\"\r\n                             (change)=\"selectExtensionMigrationType($event)\"\r\n                             [(ngModel)]=\"prepareMigrationData.moveType.extension\">\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"1\"\r\n                color=\"primary\">\r\n                Keep current extension {{ prepareMigrationData.primaryExtension }}\r\n              </mat-radio-button>\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"2\"\r\n                color=\"primary\">\r\n                Select a new extension\r\n              </mat-radio-button>\r\n\r\n              <div *ngIf=\"prepareMigrationData.moveType.extension === '2'\" class=\"input-container\">\r\n                <mat-form-field appearance=\"outline\">\r\n                  <input\r\n                    matInput\r\n                    type=\"text\"\r\n                    name=\"newExtension\"\r\n                    (change)=\"onExtensionChange($event)\"\r\n                    [(ngModel)]=\"prepareMigrationData.newExtension\"\r\n                    [placeholder]=\"'Enter extension'\"\r\n                  />\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <mat-radio-button\r\n                class=\"radio-button\"\r\n                value=\"3\"\r\n                color=\"primary\"\r\n                [disabled]=\"prepareMigrationData.removePhoneNumber\">Remove extension\r\n              </mat-radio-button>\r\n            </mat-radio-group>\r\n          </ng-container>\r\n        </div>\r\n      </form>\r\n\r\n      <div class=\"step-actions\">\r\n        <button mat-button class=\"webex-btn btn-next\" matStepperNext\r\n                [disabled]=\"isNextFromSelectLocationDisabled()\" (click)=\"goNextStep(stepper)\">\r\n          Next\r\n        </button>\r\n        <button mat-button class=\"webex-btn btn-cancel\" (click)=\"cancel.emit()\">Cancel</button>\r\n      </div>\r\n    </mat-step>\r\n    <mat-step [aria-labelledby]=\"'disabled_af'\">\r\n      <div class=\"step-title\">Step 2: Device eligibility check</div>\r\n      <ng-template matStepLabel>Device eligibility check</ng-template>\r\n      <div class=\"move-user-tab-content-box\">\r\n        <app-devices-move-user-tab></app-devices-move-user-tab>\r\n      </div>\r\n      <div class=\"step-actions\">\r\n        <button mat-button class=\"webex-btn btn-next\" matStepperNext (click)=\"goNextStep(stepper)\">\r\n          Next\r\n        </button>\r\n        <button mat-button class=\"webex-btn btn-cancel\" matStepperPrevious>\r\n          Previous\r\n        </button>\r\n      </div>\r\n    </mat-step>\r\n    <mat-step [aria-labelledby]=\"'disabled_af'\">\r\n      <div class=\"step-title\">Step 3: Validation</div>\r\n      <ng-template matStepLabel>Validation</ng-template>\r\n\r\n      <div class=\"devices-move-user-box\">\r\n        <mat-label class=\"mat-label\">Validation</mat-label>\r\n        <div *ngIf=\"!prepareMigrationData.errors?.length\">\r\n          <ng-container *ngTemplateOutlet=\"validationSuccess\">\r\n          </ng-container>\r\n        </div>\r\n        <div *ngIf=\"prepareMigrationData.errors?.length\">\r\n          <ng-container *ngTemplateOutlet=\"validationFailed\">\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n      <button #nextAfterMoveBtn mat-button class=\"invisible-next-btn\" matStepperNext\r\n              (click)=\"goNextStep(stepper)\"></button>\r\n      <div class=\"step-actions\">\r\n        <button mat-button class=\"webex-btn btn-next\"\r\n                [disabled]=\"prepareMigrationData.errors.length > 0 || !prepareMigrationData.isConfirm\"\r\n                (click)=\"startMigration()\">\r\n          Upgrade\r\n        </button>\r\n        <button mat-button class=\"webex-btn btn-cancel\" matStepperPrevious>\r\n          Previous\r\n        </button>\r\n      </div>\r\n    </mat-step>\r\n    <mat-step>\r\n      <div class=\"step-title\">Step 4: Result</div>\r\n      <ng-template matStepLabel>Result</ng-template>\r\n\r\n      <div class=\"devices-move-user-box\">\r\n        <mat-label class=\"mat-label\">Moving user has been successfully initiated!</mat-label>\r\n        <p class=\"validation-text\">\r\n          The user will be moved to the new location {{prepareMigrationData.newLocation?.name}}\r\n          <br/>\r\n          For the progress of move, please visit the\r\n          <a class=\"form-link\" href=\"#\">user details</a>.\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"step-actions\">\r\n        <button mat-button class=\"webex-btn btn-done\" (click)=\"done.emit(true)\">\r\n          Done\r\n        </button>\r\n      </div>\r\n    </mat-step>\r\n  </mat-stepper>\r\n</div>\r\n\r\n<ng-template #validationSuccess>\r\n  <p class=\"validation-text\">\r\n    Validation has completed successfully. The user can be moved to the\r\n    new location. Please be aware of the potential impact of the changes\r\n    below.\r\n  </p>\r\n  <mat-label class=\"mat-label\">Expected changes</mat-label>\r\n  <ul>\r\n    <li>Cisco 6941 device (SEP987987987987) will not be migrated</li>\r\n    <li>\r\n      The user will be removed from the Call Pickup Group:\r\n      1675090334-Paris_pickup\r\n    </li>\r\n    <li>\r\n      If Webex App is currently in use, the user will to sign in again to\r\n      update the service.\r\n    </li>\r\n  </ul>\r\n  <form>\r\n    <mat-checkbox class=\"checkbox\" name=\"isConfirm\" [(ngModel)]=\"prepareMigrationData.isConfirm\"\r\n                  color=\"primary\">\r\n      I confirm that I understand these conditions. I acknowledge the\r\n      changes.\r\n    </mat-checkbox>\r\n  </form>\r\n\r\n</ng-template>\r\n\r\n<ng-template #validationFailed>\r\n  <p class=\"validation-text\">\r\n    Validation is failed. User migration is not available\r\n  </p>\r\n  <ul>\r\n    <li *ngFor=\"let error of prepareMigrationData.errors\">{{ error }}</li>\r\n  </ul>\r\n</ng-template>\r\n", styles: [".mat-stepper-horizontal{height:-moz-fit-content;height:fit-content;max-height:750px;margin:0 auto;width:70%;background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container{margin:0 auto;width:800px}.mat-stepper-horizontal .mat-step-icon{width:28px;height:28px;border:3px solid hsl(0,0%,50.2%)}.mat-stepper-horizontal .mat-step-icon-selected{background-color:#c6c6c6!important;border-color:#19487d}.mat-stepper-horizontal .mat-step-icon-state-number{background-color:#fff}.mat-stepper-horizontal .mat-step-icon-state-edit,.mat-stepper-horizontal .mat-step-header .mat-step-icon-state-done{background-color:#1170cf;border-color:#1170cf}.mat-stepper-horizontal .mat-step-icon-content{display:none}.mat-stepper-horizontal .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child):before,.mat-stepper-horizontal [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child):before,.mat-stepper-horizontal .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child):after,.mat-stepper-horizontal [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child):after{border-top-width:3px!important}.mat-stepper-horizontal .mat-horizontal-stepper-header:before,.mat-stepper-horizontal .mat-horizontal-stepper-header:after,.mat-stepper-horizontal .mat-stepper-horizontal-line{border-top-color:#1170cf!important;border-top-width:3px!important;border-top-style:solid!important}.mat-stepper-horizontal .mat-horizontal-stepper-header[aria-selected=true]~.mat-stepper-horizontal-line,.mat-stepper-horizontal .mat-horizontal-stepper-header[aria-selected=true]~.mat-horizontal-stepper-header:before,.mat-stepper-horizontal .mat-horizontal-stepper-header[aria-selected=true]~.mat-horizontal-stepper-header:after{border-top-width:3px!important;background-color:#7b7b7b!important;border-top-color:#7b7b7b!important}::ng-deep .mat-form-field-infix{padding:0!important;width:100%}::ng-deep .mat-form-field-appearance-outline .mat-input-element{height:35px;width:100%;line-height:35px;margin:5px 0 0}::ng-deep .mat-form-field{width:350px}::ng-deep .mat-step-header[aria-labelledby=disabled_af]{pointer-events:none!important;cursor:not-allowed}::ng-deep .mat-step-header[aria-labelledby=disabled_af] .mat-step-icon,::ng-deep .mat-step-header[aria-labelledby=disabled_af] .mat-step-label{cursor:not-allowed;opacity:.6}.mat-mdc-form-field{margin-top:16px}.mat-label{font-size:16px;font-weight:600;margin:1rem 0}.step-title{font-size:28px;font-weight:700;margin:.5rem 0 1.5rem 2rem}.validation-text{margin-top:.5rem;margin-bottom:2rem}ul{padding:.5rem 2rem;margin-top:.5rem;margin-bottom:2rem}.devices-move-user-box{background-color:#fff;padding:2.5rem;padding:1rem 2.5rem;min-height:350px;border-radius:.5rem}.user-select-location-box{background-color:#fff;padding:2.5rem;height:350px;border-radius:.5rem}.form-link{text-decoration:none;color:#007bff}.radio-group{display:flex;flex-direction:column;margin:15px 0;align-items:flex-start}.radio-button{margin:.5rem 0}.select{width:350px;padding:.5rem;margin:.5rem 0;border:1px solid #a0a0a0;border-radius:.5rem}.step-actions{display:flex;flex-flow:row-reverse;margin-top:2rem;gap:1rem}.webex-btn{border:1px solid black;border-radius:1rem;cursor:pointer;gap:1rem}.btn-next{background-color:#000;color:#fff}.btn-cancel,.btn-done{background-color:#fff;color:#000}.select-container{position:relative;width:100%;max-width:300px}.select-container .mat-progress-spinner{position:absolute;left:45%;top:35px}.invisible-next-btn{height:1px;width:1px}.mat-error{margin:0 0 15px}mat-label{display:block}.btn-next{min-width:80px}.mat-button-disabled{background-color:#bbb;color:#fff;border:1px solid grey;cursor:default!important}.move-user-tab-content-box{background-color:#fff;min-height:350px;border-radius:.5rem;box-sizing:border-box;padding:25px}.input-container{display:flex;flex-direction:column;gap:1rem}.input-container input{height:-moz-fit-content!important;height:fit-content!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: DnsService }, { type: UserService }, { type: SiteSettingsService }, { type: NotificationService }, { type: MoveUserService }]; }, propDecorators: { nextAfterMoveBtn: [{
+                type: ViewChild,
+                args: ['nextAfterMoveBtn']
+            }], done: [{
+                type: Output
+            }], user: [{
+                type: Input
+            }], customerId: [{
+                type: Input
+            }], runMoveUser: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }] } });
+
+class MoveUserWizardComponent {
+    constructor(dnsService) {
+        this.dnsService = dnsService;
+        this.closeMoveUserWizard = new EventEmitter();
+        this.done = new EventEmitter();
+        this.runMoveUser = new EventEmitter();
+        this.dataPending = false;
+    }
+    onClose() {
+        this.closeMoveUserWizard.emit();
+    }
+    onRunMoveUser() {
+        this.runMoveUser.emit();
+    }
+}
+MoveUserWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MoveUserWizardComponent, deps: [{ token: DnsService }], target: i0.ɵɵFactoryTarget.Component });
+MoveUserWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MoveUserWizardComponent, selector: "app-move-user-wizard", inputs: { user: "user", customerId: "customerId" }, outputs: { closeMoveUserWizard: "closeMoveUserWizard", done: "done", runMoveUser: "runMoveUser" }, ngImport: i0, template: "<app-loader *ngIf=\"dataPending\"></app-loader>\r\n<div class=\"move-user-stepper-container\">\r\n    <header class=\"move-user-header\">\r\n        <div class=\"move-user-header__title\">Upgrade User {{user.userid}}</div>\r\n        <div class=\"move-user-header__close\">\r\n          <span class=\"app-icon icon-white-close\" (click)=\"onClose()\"></span>\r\n        </div>\r\n    </header>\r\n    <app-move-user-stepper *ngIf=\"user\" [customerId]=\"customerId\"\r\n                           [user]=\"user\" (cancel)=\"onClose()\" (done)=\"done.emit()\"\r\n                           (runMoveUser)=\"onRunMoveUser()\"></app-move-user-stepper>\r\n</div>\r\n", styles: [".move-user-header{background-color:#1170cf;height:45px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:18px;font-weight:500}.move-user-header__close{cursor:pointer}.move-user-header__close i{font-size:25px;font-weight:100}.app-icon{height:20px;width:20px;display:inline-block;cursor:pointer;background-repeat:no-repeat;background-position:center}.icon-close{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M12.0005 13.0538L6.92737 18.1269C6.78892 18.2654 6.61489 18.3362 6.40527 18.3394C6.19567 18.3426 6.01844 18.2718 5.87357 18.1269C5.72869 17.982 5.65625 17.8064 5.65625 17.6C5.65625 17.3936 5.72869 17.218 5.87357 17.0731L10.9466 12L5.87357 6.92689C5.73511 6.78844 5.66427 6.6144 5.66107 6.40479C5.65786 6.19519 5.72869 6.01795 5.87357 5.87309C6.01844 5.7282 6.19407 5.65576 6.40047 5.65576C6.60687 5.65576 6.78251 5.7282 6.92737 5.87309L12.0005 10.9462L17.0736 5.87309C17.212 5.73462 17.3861 5.66379 17.5957 5.66059C17.8053 5.65737 17.9825 5.7282 18.1274 5.87309C18.2723 6.01795 18.3447 6.19359 18.3447 6.39999C18.3447 6.60639 18.2723 6.78202 18.1274 6.92689L13.0543 12L18.1274 17.0731C18.2658 17.2115 18.3367 17.3856 18.3399 17.5952C18.3431 17.8048 18.2723 17.982 18.1274 18.1269C17.9825 18.2718 17.8069 18.3442 17.6005 18.3442C17.3941 18.3442 17.2184 18.2718 17.0736 18.1269L12.0005 13.0538Z%22 fill%3D%22%23333333%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.icon-white-close{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M13.0606 11.9998L19.2803 5.78001C19.35 5.71038 19.4052 5.6277 19.4429 5.53672C19.4806 5.44573 19.5 5.34822 19.5 5.24974C19.5 5.15126 19.4806 5.05374 19.4429 4.96276C19.4052 4.87177 19.3499 4.7891 19.2803 4.71947C19.2107 4.64983 19.128 4.5946 19.037 4.55691C18.946 4.51923 18.8485 4.49983 18.75 4.49983C18.6515 4.49984 18.554 4.51924 18.463 4.55692C18.3721 4.59461 18.2894 4.64985 18.2198 4.71949L12 10.9392L5.78026 4.71949C5.71077 4.64921 5.62807 4.59335 5.53691 4.55514C5.44576 4.51692 5.34795 4.49711 5.24911 4.49683C5.15027 4.49655 5.05235 4.51581 4.96098 4.55351C4.86961 4.59121 4.78659 4.64659 4.7167 4.71648C4.64681 4.78638 4.59143 4.8694 4.55374 4.96077C4.51605 5.05214 4.49679 5.15006 4.49707 5.2489C4.49736 5.34774 4.51718 5.44555 4.5554 5.5367C4.59361 5.62786 4.64947 5.71055 4.71976 5.78004L10.9395 11.9998L4.71976 18.2195C4.65013 18.2892 4.59489 18.3718 4.5572 18.4628C4.51951 18.5538 4.50011 18.6513 4.50011 18.7498C4.50011 18.8483 4.51951 18.9458 4.5572 19.0368C4.59488 19.1278 4.65012 19.2105 4.71976 19.2801C4.7894 19.3497 4.87207 19.405 4.96305 19.4427C5.05403 19.4803 5.15155 19.4997 5.25003 19.4997C5.34851 19.4997 5.44603 19.4803 5.53701 19.4427C5.628 19.405 5.71067 19.3497 5.78031 19.2801L12.0001 13.0603L18.2198 19.2801C18.3604 19.4207 18.5512 19.4997 18.7501 19.4997C18.949 19.4997 19.1397 19.4207 19.2804 19.2801C19.421 19.1395 19.5 18.9487 19.5 18.7498C19.5 18.5509 19.421 18.3602 19.2804 18.2195L13.0606 11.9998Z%22 fill%3D%22white%22 fill-opacity%3D%220.95%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AppLoaderComponent, selector: "app-loader" }, { kind: "component", type: MoveUserStepperComponent, selector: "app-move-user-stepper", inputs: ["user", "customerId"], outputs: ["done", "runMoveUser", "cancel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MoveUserWizardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-move-user-wizard', template: "<app-loader *ngIf=\"dataPending\"></app-loader>\r\n<div class=\"move-user-stepper-container\">\r\n    <header class=\"move-user-header\">\r\n        <div class=\"move-user-header__title\">Upgrade User {{user.userid}}</div>\r\n        <div class=\"move-user-header__close\">\r\n          <span class=\"app-icon icon-white-close\" (click)=\"onClose()\"></span>\r\n        </div>\r\n    </header>\r\n    <app-move-user-stepper *ngIf=\"user\" [customerId]=\"customerId\"\r\n                           [user]=\"user\" (cancel)=\"onClose()\" (done)=\"done.emit()\"\r\n                           (runMoveUser)=\"onRunMoveUser()\"></app-move-user-stepper>\r\n</div>\r\n", styles: [".move-user-header{background-color:#1170cf;height:45px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:18px;font-weight:500}.move-user-header__close{cursor:pointer}.move-user-header__close i{font-size:25px;font-weight:100}.app-icon{height:20px;width:20px;display:inline-block;cursor:pointer;background-repeat:no-repeat;background-position:center}.icon-close{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M12.0005 13.0538L6.92737 18.1269C6.78892 18.2654 6.61489 18.3362 6.40527 18.3394C6.19567 18.3426 6.01844 18.2718 5.87357 18.1269C5.72869 17.982 5.65625 17.8064 5.65625 17.6C5.65625 17.3936 5.72869 17.218 5.87357 17.0731L10.9466 12L5.87357 6.92689C5.73511 6.78844 5.66427 6.6144 5.66107 6.40479C5.65786 6.19519 5.72869 6.01795 5.87357 5.87309C6.01844 5.7282 6.19407 5.65576 6.40047 5.65576C6.60687 5.65576 6.78251 5.7282 6.92737 5.87309L12.0005 10.9462L17.0736 5.87309C17.212 5.73462 17.3861 5.66379 17.5957 5.66059C17.8053 5.65737 17.9825 5.7282 18.1274 5.87309C18.2723 6.01795 18.3447 6.19359 18.3447 6.39999C18.3447 6.60639 18.2723 6.78202 18.1274 6.92689L13.0543 12L18.1274 17.0731C18.2658 17.2115 18.3367 17.3856 18.3399 17.5952C18.3431 17.8048 18.2723 17.982 18.1274 18.1269C17.9825 18.2718 17.8069 18.3442 17.6005 18.3442C17.3941 18.3442 17.2184 18.2718 17.0736 18.1269L12.0005 13.0538Z%22 fill%3D%22%23333333%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.icon-white-close{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M13.0606 11.9998L19.2803 5.78001C19.35 5.71038 19.4052 5.6277 19.4429 5.53672C19.4806 5.44573 19.5 5.34822 19.5 5.24974C19.5 5.15126 19.4806 5.05374 19.4429 4.96276C19.4052 4.87177 19.3499 4.7891 19.2803 4.71947C19.2107 4.64983 19.128 4.5946 19.037 4.55691C18.946 4.51923 18.8485 4.49983 18.75 4.49983C18.6515 4.49984 18.554 4.51924 18.463 4.55692C18.3721 4.59461 18.2894 4.64985 18.2198 4.71949L12 10.9392L5.78026 4.71949C5.71077 4.64921 5.62807 4.59335 5.53691 4.55514C5.44576 4.51692 5.34795 4.49711 5.24911 4.49683C5.15027 4.49655 5.05235 4.51581 4.96098 4.55351C4.86961 4.59121 4.78659 4.64659 4.7167 4.71648C4.64681 4.78638 4.59143 4.8694 4.55374 4.96077C4.51605 5.05214 4.49679 5.15006 4.49707 5.2489C4.49736 5.34774 4.51718 5.44555 4.5554 5.5367C4.59361 5.62786 4.64947 5.71055 4.71976 5.78004L10.9395 11.9998L4.71976 18.2195C4.65013 18.2892 4.59489 18.3718 4.5572 18.4628C4.51951 18.5538 4.50011 18.6513 4.50011 18.7498C4.50011 18.8483 4.51951 18.9458 4.5572 19.0368C4.59488 19.1278 4.65012 19.2105 4.71976 19.2801C4.7894 19.3497 4.87207 19.405 4.96305 19.4427C5.05403 19.4803 5.15155 19.4997 5.25003 19.4997C5.34851 19.4997 5.44603 19.4803 5.53701 19.4427C5.628 19.405 5.71067 19.3497 5.78031 19.2801L12.0001 13.0603L18.2198 19.2801C18.3604 19.4207 18.5512 19.4997 18.7501 19.4997C18.949 19.4997 19.1397 19.4207 19.2804 19.2801C19.421 19.1395 19.5 18.9487 19.5 18.7498C19.5 18.5509 19.421 18.3602 19.2804 18.2195L13.0606 11.9998Z%22 fill%3D%22white%22 fill-opacity%3D%220.95%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}\n"] }]
+        }], ctorParameters: function () { return [{ type: DnsService }]; }, propDecorators: { user: [{
+                type: Input
+            }], customerId: [{
+                type: Input
+            }], closeMoveUserWizard: [{
+                type: Output
+            }], done: [{
+                type: Output
+            }], runMoveUser: [{
+                type: Output
+            }] } });
+
+class TableToolbarComponent {
+    constructor() {
+        this.searchChange = new EventEmitter();
+    }
+    onSearchInputChange(event) {
+        const value = event.target.value.trim().toLowerCase() || '';
+        if (this.timerId)
+            window.clearTimeout(this.timerId);
+        this.timerId = window.setTimeout(() => this.searchChange.emit(value), 1500);
+    }
+}
+TableToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TableToolbarComponent, selector: "tk-users-table-toolbar", inputs: { totalUsersCount: "totalUsersCount" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<header style=\"margin-bottom: 1rem;\">\r\n    <div style=\"display: flex; align-items: center; justify-content: space-between;\">\r\n      <div class=\"collection-header-left\">\r\n        <div style=\"display: flex; align-items: center; gap: 12px;\">\r\n          <!-- Search Input -->\r\n          <div style=\"position: relative; width: fit-content; min-width: 200px;\">\r\n            <input (input)=\"onSearchInputChange($event)\" type=\"text\" placeholder=\"Search by display name, email\" style=\"width: 100%; height: 34px; border-radius: .5rem; font-size: 16px; padding: 6px 12px 6px 44px; border: 1px solid #00000080; background: #fff; color: #222; outline: none; box-sizing: border-box; min-width: 280px;\">\r\n            <span style=\"position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #757575; font-size: 18px; font-weight: normal; pointer-events: none;\">\r\n              <i class=\"material-icons\" style=\"font-size: 18px; font-weight: normal;\">search</i>\r\n            </span>\r\n          </div>\r\n          <span style=\"margin: 0 4px; color: #757575; font-size: 1rem;\">or</span>\r\n          <!-- Filter Select -->\r\n          <div style=\"display: flex; align-items: center; position: relative; width: fit-content; min-width: 200px;\">\r\n            <span style=\"position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #757575; font-size: 18px; font-weight: normal; pointer-events: none;\">\r\n              <i class=\"material-icons\" style=\"font-size: 18px; font-weight: normal;\">filter_list</i>\r\n            </span>\r\n            <select style=\"height: 34px; border-radius: .5rem; font-size: 16px; padding: 6px 32px 6px 44px; border: 1px solid #00000080; background: #fff; min-width: 200px; width: fit-content; color: #222; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill=\\'%23757575\\' height=\\'20\\' viewBox=\\'0 0 24 24\\' width=\\'20\\' xmlns=\\'http://www.w3.org/2000/svg\\'><path d=\\'M7 10l5 5 5-5z\\'/></svg>'); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px 20px;\">\r\n              <option>Filter</option>\r\n            </select>\r\n          </div>\r\n          <span style=\"margin: 0 4px; color: #757575; font-size: 1rem;\">or</span>\r\n          <!-- Location Select -->\r\n          <select style=\"height: 34px; border-radius: .5rem; font-size: 16px; padding: 6px 32px 6px 12px; border: 1px solid #00000080; background: #fff; min-width: 200px; width: fit-content; color: #222; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill=\\'%23757575\\' height=\\'20\\' viewBox=\\'0 0 24 24\\' width=\\'20\\' xmlns=\\'http://www.w3.org/2000/svg\\'><path d=\\'M7 10l5 5 5-5z\\'/></svg>'); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px 20px;\">\r\n            <option>Select a Location</option>\r\n          </select>\r\n          <span style=\"margin-left: 8px; color: #757575; font-size: 1rem; white-space: nowrap;\">{{ totalUsersCount }} users</span>\r\n        </div>\r\n      </div>\r\n      <div style=\"display: flex; gap: 1rem;\">\r\n        <button class=\"btn si\">\r\n          Send invitations\r\n        </button>\r\n        <button class=\"btn mu\">\r\n          Manage users\r\n        </button>\r\n      </div>\r\n    </div>\r\n</header>", styles: [".btn{position:relative;display:inline-flex;gap:6px;align-items:center;justify-content:center;overflow:hidden!important;width:min-content;max-width:100%;padding:0rem .75rem;border:1px solid transparent;border-radius:6.25rem;font-weight:500;font-size:14px;text-overflow:ellipsis;white-space:nowrap;transition:all .1s cubic-bezier(.25,.1,.25,1);height:2rem;cursor:pointer}.btn:hover{background-color:#0000000d}.si{border-color:#0000004d;background-color:#0000;color:#000000f2}.mu{color:#fff;background-color:#000000f2}.mu:hover{background-color:#232323e6!important}\n"], dependencies: [{ kind: "directive", type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-users-table-toolbar', template: "<header style=\"margin-bottom: 1rem;\">\r\n    <div style=\"display: flex; align-items: center; justify-content: space-between;\">\r\n      <div class=\"collection-header-left\">\r\n        <div style=\"display: flex; align-items: center; gap: 12px;\">\r\n          <!-- Search Input -->\r\n          <div style=\"position: relative; width: fit-content; min-width: 200px;\">\r\n            <input (input)=\"onSearchInputChange($event)\" type=\"text\" placeholder=\"Search by display name, email\" style=\"width: 100%; height: 34px; border-radius: .5rem; font-size: 16px; padding: 6px 12px 6px 44px; border: 1px solid #00000080; background: #fff; color: #222; outline: none; box-sizing: border-box; min-width: 280px;\">\r\n            <span style=\"position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #757575; font-size: 18px; font-weight: normal; pointer-events: none;\">\r\n              <i class=\"material-icons\" style=\"font-size: 18px; font-weight: normal;\">search</i>\r\n            </span>\r\n          </div>\r\n          <span style=\"margin: 0 4px; color: #757575; font-size: 1rem;\">or</span>\r\n          <!-- Filter Select -->\r\n          <div style=\"display: flex; align-items: center; position: relative; width: fit-content; min-width: 200px;\">\r\n            <span style=\"position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #757575; font-size: 18px; font-weight: normal; pointer-events: none;\">\r\n              <i class=\"material-icons\" style=\"font-size: 18px; font-weight: normal;\">filter_list</i>\r\n            </span>\r\n            <select style=\"height: 34px; border-radius: .5rem; font-size: 16px; padding: 6px 32px 6px 44px; border: 1px solid #00000080; background: #fff; min-width: 200px; width: fit-content; color: #222; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill=\\'%23757575\\' height=\\'20\\' viewBox=\\'0 0 24 24\\' width=\\'20\\' xmlns=\\'http://www.w3.org/2000/svg\\'><path d=\\'M7 10l5 5 5-5z\\'/></svg>'); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px 20px;\">\r\n              <option>Filter</option>\r\n            </select>\r\n          </div>\r\n          <span style=\"margin: 0 4px; color: #757575; font-size: 1rem;\">or</span>\r\n          <!-- Location Select -->\r\n          <select style=\"height: 34px; border-radius: .5rem; font-size: 16px; padding: 6px 32px 6px 12px; border: 1px solid #00000080; background: #fff; min-width: 200px; width: fit-content; color: #222; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill=\\'%23757575\\' height=\\'20\\' viewBox=\\'0 0 24 24\\' width=\\'20\\' xmlns=\\'http://www.w3.org/2000/svg\\'><path d=\\'M7 10l5 5 5-5z\\'/></svg>'); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px 20px;\">\r\n            <option>Select a Location</option>\r\n          </select>\r\n          <span style=\"margin-left: 8px; color: #757575; font-size: 1rem; white-space: nowrap;\">{{ totalUsersCount }} users</span>\r\n        </div>\r\n      </div>\r\n      <div style=\"display: flex; gap: 1rem;\">\r\n        <button class=\"btn si\">\r\n          Send invitations\r\n        </button>\r\n        <button class=\"btn mu\">\r\n          Manage users\r\n        </button>\r\n      </div>\r\n    </div>\r\n</header>", styles: [".btn{position:relative;display:inline-flex;gap:6px;align-items:center;justify-content:center;overflow:hidden!important;width:min-content;max-width:100%;padding:0rem .75rem;border:1px solid transparent;border-radius:6.25rem;font-weight:500;font-size:14px;text-overflow:ellipsis;white-space:nowrap;transition:all .1s cubic-bezier(.25,.1,.25,1);height:2rem;cursor:pointer}.btn:hover{background-color:#0000000d}.si{border-color:#0000004d;background-color:#0000;color:#000000f2}.mu{color:#fff;background-color:#000000f2}.mu:hover{background-color:#232323e6!important}\n"] }]
+        }], propDecorators: { totalUsersCount: [{
+                type: Input
+            }], searchChange: [{
+                type: Output
+            }] } });
+
+const DISPLAYED_COLS = [
+    'name',
+    'email',
+    'status',
+    'last-active-time',
+    'role',
+    'source',
+    'actions',
+];
+const LOCAL_STORAGE = {
+    USER_IN_MIGRATION: 'userIdInMigration',
+};
+class UsersListComponent {
+    get form() {
+        var _a, _b;
+        return (_b = (_a = this.userService) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.form;
+    }
+    constructor(userService, apiService, apiWebexService, notifications, usersSearchService, dialog) {
+        this.userService = userService;
+        this.apiService = apiService;
+        this.apiWebexService = apiWebexService;
+        this.notifications = notifications;
+        this.usersSearchService = usersSearchService;
+        this.dialog = dialog;
+        this.openUser = new EventEmitter();
+        this.userMoved = new EventEmitter();
+        this.switchToWizard = new EventEmitter();
+        this.displayedColumns = DISPLAYED_COLS;
+        this.showMoveUserWizard = false;
+        this.moveUserPending = false;
+        this.subscriptions = [];
+        this.totalUsersCount = 0;
+    }
+    ngOnInit() {
+        this.usersSearchService.setDefaultValues();
+        this.usersSearchService.customerId = this.customerId;
+        this.usersSearchService.siteId = this.siteId;
+        this.apiService.token = this.token;
+        this.apiWebexService.token = this.token;
+        this.apiService.apiUrl = this.host + '/dcp';
+        this.apiWebexService.apiUrl = this.host + '/webex';
+        this.getMigratedUsers();
+        const subscription = this.usersSearchService.foundUsers$.subscribe((users) => {
+            this.initializeDataSource(users);
+        });
+        this.subscriptions.push(subscription);
+        console.log('users list paris 7773');
+    }
+    ngOnDestroy() {
+        var _a;
+        if ((_a = this.subscriptions) === null || _a === void 0 ? void 0 : _a.length) {
+            this.subscriptions.forEach((subscription) => subscription.unsubscribe());
+        }
+    }
+    pageNumberChangeEvent(perPageNumber) {
+        this.usersSearchService.pageSize = perPageNumber;
+        this.usersSearchService.pageIndex = 0;
+        this.runSearch();
+    }
+    closeMoveUserWizard(afterUserMove) {
+        this.moveUser = null;
+        this.moveUserIndex = null;
+        localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+        this.showMoveUserWizard = false;
+        this.switchToWizard.emit(false);
+        if (afterUserMove) {
+            this.getMigratedUsers();
+        }
+    }
+    pageEvent(event) {
+        this.usersSearchService.pageSize = event.pageSize;
+        this.usersSearchService.pageIndex = event.pageIndex;
+        this.runSearch();
+    }
+    onUserClick(user) {
+        localStorage.setItem('isWebex', String(!!user.webexUUID));
+        if (user.webexUUID) {
+            localStorage.setItem('webexUUID', String(user.webexUUID));
+        }
+        this.openUser.emit(user);
+    }
+    moveUserToMT(user, index) {
+        if (user && user.siteId && user.userid) {
+            this.moveUserPending = true;
+            this.moveInProgressUserId = user.userid;
+            this.setStatusToUser(index, 'In Progress');
+            localStorage.setItem(LOCAL_STORAGE.USER_IN_MIGRATION, user.userid);
+            const subscription = this.userService
+                .moveUserToMT(this.customerId, user)
+                .subscribe(() => {
+                this.moveUser = null;
+                this.moveUserIndex = null;
+                this.getMigratedUsers();
+            }, () => {
+                this.removeUserInMigrationProgress();
+                this.setStatusToUser(index, 'Migration Error');
+            });
+            this.subscriptions.push(subscription);
+        }
+    }
+    moveUserToDI(user, index) {
+        if (user && user.siteId && user.webexUUID) {
+            this.moveUserPending = true;
+            this.moveInProgressUserId = user.userid;
+            this.users[index].status = 'In Progress';
+            localStorage.setItem(LOCAL_STORAGE.USER_IN_MIGRATION, user.userid);
+            const subscription = this.userService
+                .moveUserToDI(this.customerId, user)
+                .subscribe(() => {
+                this.removeUserInMigrationProgress();
+                this.setStatusToUser(index, 'Active');
+                this.users[index].webexUUID = '';
+                if (this.usersSearchService.migratedUsers &&
+                    this.usersSearchService.migratedUsers.length) {
+                    this.usersSearchService.migratedUsers =
+                        this.usersSearchService.migratedUsers.filter((migratedUser) => migratedUser.userid !== user.email);
+                }
+            }, () => {
+                this.removeUserInMigrationProgress();
+                this.setStatusToUser(index, 'Migration Error');
+            });
+        }
+    }
+    removeUserInMigrationProgress() {
+        localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+        this.moveInProgressUserId = '';
+        this.moveUserPending = false;
+    }
+    setStatusToUser(index, status) {
+        if (this.users && this.users[index]) {
+            this.users[index].status = status;
+            // if (status === 'Migrated') {
+            //   this.users[index].roleName = '';
+            //   this.users[index].isMigrated = true;
+            //   this.users[index].status = status;
+            // } else {
+            //   this.users[index].roleName = 'Dedicated Instance Calling user';
+            //   this.users[index].isMigrated = false;
+            //   this.users[index].status = status;
+            // }
+        }
+        this.dataSource = new MatTableDataSource(this.users);
+    }
+    initializeDataSource(users) {
+        var _a;
+        if (users === null || users === void 0 ? void 0 : users.length) {
+            // this.setRandomUserRole(users);
+            this.users = users;
+            // set total rows count for toolbar/pagination from server-side pagination when available
+            this.totalUsersCount = ((_a = this.usersSearchService) === null || _a === void 0 ? void 0 : _a.total) || users.length;
+            this.setUserMigrationProgress();
+            this.usersSearchService.setMigratedPropToUsers(this.users);
+            this.dataSource = new MatTableDataSource(users);
+        }
+    }
+    setUserRole() {
+        var _a;
+        if ((_a = this.users) === null || _a === void 0 ? void 0 : _a.length) {
+            this.users.forEach((user) => {
+                if (!user.isMigrated) {
+                    user.roleName = 'Dedicated Instance Calling user';
+                }
+            });
+        }
+    }
+    setRandomUserRole(users) {
+        const max = Math.round(this.usersSearchService.pageSize - this.usersSearchService.pageSize / 4);
+        const min = Math.round(this.usersSearchService.pageSize / 2);
+        const randomAmount = Math.round(Math.random() * (max - min) + min);
+        const indexes = this.getArrayOfRandomUserIndexes(randomAmount);
+        indexes.forEach((index) => {
+            if (users[index]) {
+                users[index].roleName = 'Dedicated Instance Calling user';
+            }
+        });
+    }
+    getArrayOfRandomUserIndexes(randomAmount) {
+        const indexes = [];
+        while (randomAmount > 0) {
+            const index = Math.round(Math.random() * (this.usersSearchService.pageSize - 1));
+            indexes.push(index);
+            randomAmount--;
+        }
+        return indexes;
+    }
+    runSearch() {
+        this.dataPending = true;
+        this.usersSearchService.quickRegularUsersSearch().subscribe(() => {
+            this.dataPending = false;
+        }, () => {
+            this.dataPending = false;
+            this.notifications.error('The data can not be received');
+        });
+    }
+    setUserMigrationProgress() {
+        const userIdInMigration = localStorage.getItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+        if (userIdInMigration) {
+            const index = this.users.findIndex((user) => user.userid === userIdInMigration);
+            this.moveInProgressUserId = index > -1 ? this.users[index].userid : '';
+            this.moveUserPending = index > -1;
+        }
+    }
+    getMigratedUsers() {
+        this.dataPending = true;
+        const searchParams = {
+            customerid: this.customerId,
+            siteid: this.siteId,
+            'cloud-only': 'true',
+        };
+        // this.usersSearchService.quickWebexUsersSearch(searchParams, true, MAX_INTEGER)
+        this.usersSearchService
+            .getMigratedUsers(this.customerId)
+            // this.usersSearchService.getMigratedWebexUsers(this.customerId)
+            .subscribe(() => {
+            const userIdInMigration = localStorage.getItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+            if (userIdInMigration &&
+                this.usersSearchService.migratedUsers.filter((migratedUser) => migratedUser.userid === userIdInMigration)) {
+                localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
+            }
+            this.runSearch();
+        }, () => {
+            this.dataPending = false;
+            this.notifications.error('The data can not be received');
+        });
+    }
+    onMoveUser(user, index, type, title) {
+        const dialogRef = this.dialog.open(UserListConfirmDialogComponent, {
+            data: {
+                title: `Upgrade user ${user.userid} to ${title}?`,
+                message: `<p>By upgrading from Dedicated Instance, you may need to reassign directory numbers and lose calling services.</p>
+<p>Are you sure you want to continue?</p>`,
+                confirmButtonText: 'Yes, continue',
+            },
+        });
+        dialogRef.beforeClosed().subscribe((result) => {
+            if (result) {
+                switch (type) {
+                    case 'QuickMove':
+                        this.moveUserToMT(user, index);
+                        break;
+                    case 'MT':
+                        this.moveUser = user;
+                        this.moveUserIndex = index;
+                        this.showMoveUserWizard = true;
+                        this.switchToWizard.emit(true);
+                        break;
+                    case 'DI':
+                        this.moveUserToDI(user, index);
+                        break;
+                }
+            }
+        });
+    }
+    runMoveUserToMT() {
+        if (this.moveUser && this.moveUser.siteId && this.moveUser.userid) {
+            this.userService.moveUserPending = true;
+            this.moveInProgressUserId = this.moveUser.userid;
+            this.setStatusToUser(this.moveUserIndex, 'In Progress');
+            localStorage.setItem(LOCAL_STORAGE.USER_IN_MIGRATION, this.moveUser.userid);
+        }
+        const subscription = this.userService
+            .moveUserToMT(this.customerId, this.moveUser)
+            .subscribe(() => {
+            this.userService.userMoved$.next(true);
+        }, () => {
+            this.removeUserInMigrationProgress();
+            this.setStatusToUser(this.moveUserIndex, 'Migration Error');
+        });
+        this.subscriptions.push(subscription);
+    }
+    searchUsers(token) {
+        var _a;
+        // if token is empty — restore current page datasource
+        if (!token) {
+            this.dataSource = new MatTableDataSource(this.users);
+            this.totalUsersCount = ((_a = this.usersSearchService) === null || _a === void 0 ? void 0 : _a.total) || this.users.length;
+            return;
+        }
+        // fetch all users (server-side) and filter locally across the whole dataset
+        this.dataPending = true;
+        const subscription = this.usersSearchService.getAllRegularUsers()
+            .subscribe((allUsers) => {
+            const tok = (token || '').toLowerCase();
+            const filtered = (allUsers || []).filter((user) => {
+                const firstName = ((user === null || user === void 0 ? void 0 : user.firstName) || '').toLowerCase();
+                const lastName = ((user === null || user === void 0 ? void 0 : user.lastName) || '').toLowerCase();
+                const fullName = `${firstName} ${lastName}`.trim();
+                const email = ((user === null || user === void 0 ? void 0 : user.email) || '').toLowerCase();
+                return (firstName.includes(tok) ||
+                    lastName.includes(tok) ||
+                    fullName.includes(tok) ||
+                    email.includes(tok));
+            });
+            this.dataSource = new MatTableDataSource(filtered);
+            this.totalUsersCount = filtered.length;
+            this.dataPending = false;
+        }, () => {
+            this.dataPending = false;
+            this.notifications.error('The data can not be received');
+        });
+        this.subscriptions.push(subscription);
+    }
+}
+UsersListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UsersListComponent, deps: [{ token: UserService }, { token: APIService }, { token: ApiWebexService }, { token: NotificationService }, { token: UsersSearchService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+UsersListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UsersListComponent, selector: "app-users-list", inputs: { token: "token", customerId: "customerId", siteId: "siteId", host: "host" }, outputs: { openUser: "openUser", userMoved: "userMoved", switchToWizard: "switchToWizard" }, ngImport: i0, template: "<app-loader *ngIf=\"dataPending\"></app-loader>\r\n<div *ngIf=\"!showMoveUserWizard\" id=\"users-list\">\r\n  <tk-users-table-toolbar\r\n    [totalUsersCount]=\"totalUsersCount\"\r\n    (searchChange)=\"searchUsers($event)\"\r\n  ></tk-users-table-toolbar>\r\n  <table\r\n    class=\"webex-table\"\r\n    mat-table\r\n    *ngIf=\"users?.length\"\r\n    #table\r\n    [dataSource]=\"dataSource\"\r\n  >\r\n    <!-- <ng-container matColumnDef=\"user-icon\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\"></th>\r\n      <td class=\"user-site\" mat-cell *matCellDef=\"let user\"\r\n          [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\r\n          (click)=\"onUserClick(user)\">\r\n        <span class=\"icon-webex-box\"><span class=\"icon-webex icon-webex-user\"></span></span>\r\n      </td>\r\n    </ng-container> -->\r\n\r\n    <ng-container matColumnDef=\"name\">\r\n      <th\r\n        mat-header-cell\r\n        *matHeaderCellDef\r\n        class=\"webex-table-th\"\r\n        style=\"padding-left: 60px\"\r\n      >\r\n        Display name\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        [ngClass]=\"{\r\n          'disabled-user-row':\r\n            moveUserPending &&\r\n            moveInProgressUserId &&\r\n            moveInProgressUserId === user?.userid,\r\n        }\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        <div class=\"display-name-wrapper\">\r\n          <span\r\n            class=\"user-name-text\"\r\n            [ngClass]=\"{ 'inactive-user-row': user.status !== 'Active' }\"\r\n          >\r\n            {{ user.firstName }} {{ user.lastName }}\r\n          </span>\r\n          <span class=\"icon-webex-box\"\r\n            ><span class=\"icon-webex icon-webex-user\"></span\r\n          ></span>\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"email\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">Email</th>\r\n      <td\r\n        class=\"user-site\"\r\n        [ngClass]=\"{\r\n          'disabled-user-row':\r\n            moveUserPending &&\r\n            moveInProgressUserId &&\r\n            moveInProgressUserId === user?.userid,\r\n          'inactive-user-row': user.status !== 'Active',\r\n        }\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        {{ user.email }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"status\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">\r\n        <span class=\"header-with-info\">\r\n          Status\r\n          <img src=\"assets/icons/info-circle-regular.svg\" width=\"16\" alt=\"\" />\r\n        </span>\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        [ngClass]=\"{\r\n          'disabled-user-row':\r\n            moveUserPending &&\r\n            moveInProgressUserId &&\r\n            moveInProgressUserId === user?.userid,\r\n          'inactive-user-row': user.status !== 'Active',\r\n        }\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        <span\r\n          class=\"icon-user-status\"\r\n          [ngClass]=\"{ 'icon-user-status-active': user.status === 'Active' }\"\r\n        ></span\r\n        >{{ user.status }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"actions\">\r\n      <th\r\n        mat-header-cell\r\n        *matHeaderCellDef\r\n        class=\"webex-table-th\"\r\n        style=\"padding-left: 24px; padding-top: 4px\"\r\n      >\r\n        <img src=\"assets/icons/settings-regular.svg\" width=\"16\" alt=\"\" />\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user; let i = index\"\r\n        [ngClass]=\"{\r\n          'disabled-user-row':\r\n            moveUserPending &&\r\n            moveInProgressUserId &&\r\n            moveInProgressUserId === user?.userid,\r\n          'inactive-user-row': user.status !== 'Active',\r\n        }\"\r\n      >\r\n        <mat-progress-spinner\r\n          class=\"field-spinner\"\r\n          [diameter]=\"70\"\r\n          strokeWidth=\"3\"\r\n          mode=\"indeterminate\"\r\n          *ngIf=\"user.status === 'In Progress'\"\r\n        ></mat-progress-spinner>\r\n        <button\r\n          *ngIf=\"\r\n            !(\r\n              moveUserPending &&\r\n              moveInProgressUserId &&\r\n              moveInProgressUserId === user?.userid\r\n            )\r\n          \"\r\n          class=\"button-action-dot\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n        >\r\n          <div class=\"icon-actions-dots\">\r\n            <span class=\"icon-dot\">.</span>\r\n            <span class=\"icon-dot\">.</span>\r\n            <span class=\"icon-dot\">.</span>\r\n          </div>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <button mat-menu-item [disabled]=\"true\">Resend Invitation</button>\r\n          <button mat-menu-item [disabled]=\"true\">Reset Password</button>\r\n          <button\r\n            [disabled]=\"user.webexUUID\"\r\n            *ngIf=\"!user.isMigrated\"\r\n            mat-menu-item\r\n            (click)=\"onMoveUser(user, i, 'QuickMove', 'MT')\"\r\n          >\r\n            Quick Upgrade User to MT\r\n          </button>\r\n          <button\r\n            [disabled]=\"user.webexUUID\"\r\n            *ngIf=\"!user.isMigrated\"\r\n            mat-menu-item\r\n            (click)=\"onMoveUser(user, i, 'MT', 'MT')\"\r\n          >\r\n            Upgrade User to MT\r\n          </button>\r\n          <button\r\n            *ngIf=\"user.isMigrated\"\r\n            mat-menu-item\r\n            (click)=\"onMoveUser(user, i, 'DI', 'DI')\"\r\n          >\r\n            Revert User to UCM/DI\r\n          </button>\r\n          <button mat-menu-item [disabled]=\"true\">Deactivate User</button>\r\n          <button mat-menu-item [disabled]=\"true\">Delete User</button>\r\n        </mat-menu>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"role\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">\r\n        Admin roles\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        [ngClass]=\"{ 'inactive-user-row': user.status !== 'Active' }\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        {{ user.roleName || \"-\" }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"source\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">\r\n        Provisioning Type\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        <ng-container *ngIf=\"user.webexUUID\">\r\n          <span [matTooltip]=\"'Multi-Tenant'\" matTooltipPosition=\"right\"\r\n            ><img src=\"assets/icons/webex.svg\" width=\"20\" alt=\"\"\r\n          /></span>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!user.webexUUID\">\r\n          <span [matTooltip]=\"'Dedicated Instance'\" matTooltipPosition=\"right\"\r\n            ><img src=\"assets/icons/mt.svg\" width=\"20\" alt=\"\"\r\n          /></span>\r\n        </ng-container>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"last-active-time\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">\r\n        <span class=\"header-with-info\">\r\n          Last active time\r\n          <!-- <mat-icon class=\"info-icon\">info</mat-icon> -->\r\n          <img src=\"assets/icons/info-circle-regular.svg\" width=\"16\" alt=\"\" />\r\n        </span>\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        [ngClass]=\"{ 'inactive-user-row': user.status !== 'Active' }\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        2/16/26\r\n      </td>\r\n      /\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\r\n  </table>\r\n\r\n  <app-pagination\r\n    [pagination]=\"usersSearchService.getPagination()\"\r\n    [showPageSizeOptions]=\"true\"\r\n    (pageNumberChangeEmitter)=\"pageNumberChangeEvent($event)\"\r\n    (pageEmitter)=\"pageEvent($event)\"\r\n  >\r\n  </app-pagination>\r\n</div>\r\n\r\n<app-move-user-wizard\r\n  *ngIf=\"showMoveUserWizard\"\r\n  [user]=\"moveUser\"\r\n  (done)=\"closeMoveUserWizard(true)\"\r\n  [customerId]=\"customerId\"\r\n  (runMoveUser)=\"runMoveUserToMT()\"\r\n  (closeMoveUserWizard)=\"closeMoveUserWizard(false)\"\r\n></app-move-user-wizard>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap\";#users-list{letter-spacing:.5px}.header-with-info{display:flex;align-items:center;gap:.5rem}.header-with-info .info-icon{font-size:16px;color:#c3c3c3;cursor:pointer}table.mat-table{border-spacing:0;width:100%}::ng-deep .mat-paginator{background:none}.icon-user-status{width:.5rem;height:.5rem;border-radius:50%;background-color:#707070;margin:0 5px 0 0}.icon-user-status.icon-user-status-active{background-color:#1d805f;display:inline-block}.mat-select{height:100%;line-height:35px}.mat-form-field-wrapper{padding-bottom:0!important}.mat-form-field{padding:0;max-width:300px}.fa:hover{color:#0d56aa!important}.mat-icon-button{background:transparent}.icon-webex-box{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:.7rem;line-height:1rem;background:#545454;border-radius:2rem;line-height:40px;text-align:center;flex-shrink:0}.icon-webex{filter:brightness(0) invert(1);background-repeat:no-repeat;background-position:center;display:inline-block;height:20px;width:20px;background-size:contain}.icon-webex-user{background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22%3E%3Cpath d%3D%22M23.23 16.757a5.746 5.746 0 1 0-7.041-9.048 5 5 0 0 0 .071-.705 4.75 4.75 0 1 0-7.705 3.689 8.43 8.43 0 0 0-6.305 7.84c0 1.052.543 2.521 3.13 3.55 1.643.595 3.371.92 5.118.965a7.8 7.8 0 0 0-.248 1.926c0 1.1.57 2.636 3.285 3.716a18.1 18.1 0 0 0 6.463 1.06c4.853 0 9.75-1.476 9.75-4.776a8.86 8.86 0 0 0-6.517-8.217M20 7.755a4.25 4.25 0 0 1 .006 8.499h-.013a4.25 4.25 0 0 1 .007-8.5M8.26 7.004a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0m2.76 14.574c-4.177-.093-7.27-1.368-7.27-3.045 0-3.737 3.478-6.778 7.752-6.778a8.7 8.7 0 0 1 2.757.45 5.75 5.75 0 0 0 2.508 4.552 9.43 9.43 0 0 0-5.747 4.82m8.978 6.672c-4.703 0-8.249-1.408-8.249-3.276 0-3.982 3.7-7.22 8.25-7.22s8.248 3.238 8.248 7.22c0 1.868-3.546 3.276-8.25 3.276%22%2F%3E%3C%2Fsvg%3E\")}.icon-webex-info{filter:invert(12%) sepia(14%) saturate(4%) hue-rotate(354deg) brightness(103%) contrast(90%);background-repeat:no-repeat;background-position:center;display:inline-block;height:1rem;width:1rem;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D  %3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2211%22 stroke%3D%22currentColor%22 stroke-width%3D%221.5%22%2F%3E%0D  %3Ccircle cx%3D%2212%22 cy%3D%227.5%22 r%3D%221%22 fill%3D%22currentColor%22%2F%3E%0D  %3Crect x%3D%2211%22 y%3D%2210%22 width%3D%222%22 height%3D%227%22 rx%3D%221%22 fill%3D%22currentColor%22%2F%3E%0D%3C%2Fsvg%3E\")}.icon-webex-cogs{filter:invert(12%) sepia(14%) saturate(4%) hue-rotate(354deg) brightness(103%) contrast(90%);background-repeat:no-repeat;background-position:center;display:inline-block;height:1rem;width:1rem;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D  %3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%223.5%22 stroke%3D%22currentColor%22 stroke-width%3D%221.2%22%2F%3E%0D  %0D  %3Cpath d%3D%22M12 2C12.8 2 13.5 2.5 13.8 3.2L14.2 4.2C14.4 4.8 15 5.2 15.7 5.1L16.8 4.9C17.8 4.7 18.8 5.2 19.3 6.1L20.5 8.2C21 9.1 20.9 10.2 20.1 11L19.4 11.6C18.9 12 18.9 12.7 19.4 13.1L20.1 13.7C20.9 14.5 21 15.6 20.5 16.5L19.3 18.6C18.8 19.5 17.8 20 16.8 19.8L15.7 19.6C15 19.5 14.4 19.9 14.2 20.5L13.8 21.5C13.5 22.2 12.8 22.7 12 22.7C11.2 22.7 10.5 22.2 10.2 21.5L9.8 20.5C9.6 19.9 9 19.5 8.3 19.6L7.2 19.8C6.2 20 5.2 19.5 4.7 18.6L3.5 16.5C3 15.6 3.1 14.5 3.9 13.7L4.6 13.1C5.1 12.7 5.1 12 4.6 11.6L3.9 11C3.1 10.2 3 9.1 3.5 8.2L4.7 6.1C5.2 5.2 6.2 4.7 7.2 4.9L8.3 5.1C9 5.2 9.6 4.8 9.8 4.2L10.2 3.2C10.5 2.5 11.2 2 12 2Z%22 %0D    stroke%3D%22currentColor%22 %0D    stroke-width%3D%221.2%22 %0D    stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E\")}.icon-user-status{display:inline-block}*{margin:0}body{background:#f7f7f7}body,th,td{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal}th{color:#0000008a;text-align:left}td{box-sizing:border-box;padding:10px 5px 10px 0}.content-box{margin:auto;position:relative;width:95%}.content-box table{width:100%}.edit-icon-td{width:50px;position:relative}.edit-icon-td button{position:absolute;top:4px}.mat-progress-spinner circle,.mat-spinner circle{stroke:gray!important}.data-loader{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.flex-box{display:flex;justify-content:flex-start}.user-info-box{background:white;display:grid;grid-template-columns:30% 70%;border-radius:8px;border:rgba(0,0,0,.2) 1px solid;padding:24px;font-size:14px}.user-info-box h3{display:block;font-size:16px}.mat-divider{margin:5px 0!important}.info-boxes-container{padding:24px 0;display:flex;flex-direction:column;gap:24px}.header-box{height:60px;width:100%;line-height:60px;background:white;border-bottom:1px solid #dedddd}.header-box .header-back-block{float:left}.header-box .header-button-block{float:right}.webex-table{width:100%;margin:auto}.webex-table tr{border-bottom:1px solid #dedede}.webex-table th{background:#ededed;color:#636363;font-size:12px}.webex-table th:hover{background-color:#dedede}.webex-table th ::ng-deep .mat-icon{font-size:16px;display:flex;align-items:center}.webex-table td{background:#fff;color:#000000f2;font-size:14px}.webex-table tr:hover td:not(.disabled-user-row){background:#ededed;cursor:pointer}.webex-table .inactive-user-row{opacity:.35}.webex-table th.mat-header-cell,.webex-table td.mat-cell,.webex-table td.mat-footer-cell{padding:0 24px 0 12px;border-bottom:1px solid #dedede}.webex-table tr.mat-header-row{height:37px}.webex-table .display-name-wrapper{display:flex;align-items:center;justify-content:left;flex-flow:row-reverse;gap:1rem}.mat-form-field{padding:0 0 5px;width:93%}.mat-form-field.mat-form-field-disabled{border-bottom:none}.mat-error{color:#c73636;margin:13px 0 0}.select-box{border-radius:30px;background:#f3f6f6;border:1px solid #e2e9ef;height:35px;position:relative}.select-box select{border:none!important;background:transparent;height:100%;width:92%;margin:auto;display:block}option:focus,option:focus-visible{border:none!important;outline:none!important}option{height:30px;cursor:pointer;color:#636363}option:hover{background:#ededed!important}.mat-select{height:100%!important;line-height:35px!important}.info-holder,.input-holder{display:grid;grid-template-columns:30% 70%;align-items:baseline}.info-holder__name,.input-holder__name{font-weight:500!important;font-size:14px!important}.info-holder__inputs .input-holder,.input-holder__inputs .input-holder{display:grid;grid-template-columns:30% 70%;align-items:baseline}.info-holder__inputs .input-holder__name,.input-holder__inputs .input-holder__name{font-weight:400!important;font-size:14px!important}.mat-form-field-wrapper,.mat-form-field-flex{height:30px!important}.mat-form-field-appearance-outline .mat-form-field-outline,.mat-form-field-outline .mat-form-field-outline-thick{height:35px!important}.mat-select{line-height:20px!important}.mat-form-field-appearance-outline .mat-form-field-infix{padding:14px 12px 10px;border-top:0;max-width:300px}.mat-tab-group{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}.mat-tab-label{font-weight:500!important;font-size:14px!important;height:auto!important;min-width:auto!important;padding:0!important}.mat-ink-bar{background-color:#000000e6!important;height:3px!important}.mat-form-field-wrapper{padding-bottom:0}.mat-form-field{max-width:300px}table{border-collapse:collapse;border-spacing:0}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}.mat-divider{margin:12px 0}:host ::ng-deep .mat-form-field-wrapper{height:30px}:host ::ng-deep .mat-form-field-flex{height:30px}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{height:35px}:host ::ng-deep .mat-form-field-outline .mat-form-field-outline-thick{height:35px}:host ::ng-deep .mat-select{line-height:20px}:host ::ng-deep .mat-form-field-infix{border-top:0px!important}:host ::ng-deep .mat-paginator{background:transparent!important}:host ::ng-deep .mat-paginator-container{min-height:30px!important}:host ::ng-deep .mat-paginator-range-label{margin:0 10px 0 24px!important;font-size:15px!important}:host ::ng-deep .pagination{font-size:13px;color:#0000008a}:host ::ng-deep .per-page-block{display:flex;line-height:42px!important}:host ::ng-deep .item_per_page{line-height:42px!important}:host ::ng-deep .select-page-size{line-height:42px!important}:host ::ng-deep mat-progress-spinner.page-spinner{position:fixed;margin:auto;inset:0}:host ::ng-deep mat-progress-spinner.field-spinner{position:relative;margin:-20px auto auto}:host ::ng-deep mat-progress-spinner.tab-spinner{position:relative;margin:0 auto auto}.icon-dot{display:block;color:#4f4f4f;font-size:16px;line-height:5px}.button-action-dot:hover{background:#dfdfdf}.button-action-dot{padding:0 5px 5px;border-radius:.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i10$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i11$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i12$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i12$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: PaginationComponent, selector: "app-pagination", inputs: ["pagination", "showPageSizeOptions", "showRefreshButton", "lengthPending"], outputs: ["pageEmitter", "pageNumberChangeEmitter"] }, { kind: "component", type: AppLoaderComponent, selector: "app-loader" }, { kind: "component", type: MoveUserWizardComponent, selector: "app-move-user-wizard", inputs: ["user", "customerId"], outputs: ["closeMoveUserWizard", "done", "runMoveUser"] }, { kind: "component", type: TableToolbarComponent, selector: "tk-users-table-toolbar", inputs: ["totalUsersCount"], outputs: ["searchChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UsersListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-users-list', template: "<app-loader *ngIf=\"dataPending\"></app-loader>\r\n<div *ngIf=\"!showMoveUserWizard\" id=\"users-list\">\r\n  <tk-users-table-toolbar\r\n    [totalUsersCount]=\"totalUsersCount\"\r\n    (searchChange)=\"searchUsers($event)\"\r\n  ></tk-users-table-toolbar>\r\n  <table\r\n    class=\"webex-table\"\r\n    mat-table\r\n    *ngIf=\"users?.length\"\r\n    #table\r\n    [dataSource]=\"dataSource\"\r\n  >\r\n    <!-- <ng-container matColumnDef=\"user-icon\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\"></th>\r\n      <td class=\"user-site\" mat-cell *matCellDef=\"let user\"\r\n          [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\r\n          (click)=\"onUserClick(user)\">\r\n        <span class=\"icon-webex-box\"><span class=\"icon-webex icon-webex-user\"></span></span>\r\n      </td>\r\n    </ng-container> -->\r\n\r\n    <ng-container matColumnDef=\"name\">\r\n      <th\r\n        mat-header-cell\r\n        *matHeaderCellDef\r\n        class=\"webex-table-th\"\r\n        style=\"padding-left: 60px\"\r\n      >\r\n        Display name\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        [ngClass]=\"{\r\n          'disabled-user-row':\r\n            moveUserPending &&\r\n            moveInProgressUserId &&\r\n            moveInProgressUserId === user?.userid,\r\n        }\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        <div class=\"display-name-wrapper\">\r\n          <span\r\n            class=\"user-name-text\"\r\n            [ngClass]=\"{ 'inactive-user-row': user.status !== 'Active' }\"\r\n          >\r\n            {{ user.firstName }} {{ user.lastName }}\r\n          </span>\r\n          <span class=\"icon-webex-box\"\r\n            ><span class=\"icon-webex icon-webex-user\"></span\r\n          ></span>\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"email\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">Email</th>\r\n      <td\r\n        class=\"user-site\"\r\n        [ngClass]=\"{\r\n          'disabled-user-row':\r\n            moveUserPending &&\r\n            moveInProgressUserId &&\r\n            moveInProgressUserId === user?.userid,\r\n          'inactive-user-row': user.status !== 'Active',\r\n        }\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        {{ user.email }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"status\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">\r\n        <span class=\"header-with-info\">\r\n          Status\r\n          <img src=\"assets/icons/info-circle-regular.svg\" width=\"16\" alt=\"\" />\r\n        </span>\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        [ngClass]=\"{\r\n          'disabled-user-row':\r\n            moveUserPending &&\r\n            moveInProgressUserId &&\r\n            moveInProgressUserId === user?.userid,\r\n          'inactive-user-row': user.status !== 'Active',\r\n        }\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        <span\r\n          class=\"icon-user-status\"\r\n          [ngClass]=\"{ 'icon-user-status-active': user.status === 'Active' }\"\r\n        ></span\r\n        >{{ user.status }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"actions\">\r\n      <th\r\n        mat-header-cell\r\n        *matHeaderCellDef\r\n        class=\"webex-table-th\"\r\n        style=\"padding-left: 24px; padding-top: 4px\"\r\n      >\r\n        <img src=\"assets/icons/settings-regular.svg\" width=\"16\" alt=\"\" />\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user; let i = index\"\r\n        [ngClass]=\"{\r\n          'disabled-user-row':\r\n            moveUserPending &&\r\n            moveInProgressUserId &&\r\n            moveInProgressUserId === user?.userid,\r\n          'inactive-user-row': user.status !== 'Active',\r\n        }\"\r\n      >\r\n        <mat-progress-spinner\r\n          class=\"field-spinner\"\r\n          [diameter]=\"70\"\r\n          strokeWidth=\"3\"\r\n          mode=\"indeterminate\"\r\n          *ngIf=\"user.status === 'In Progress'\"\r\n        ></mat-progress-spinner>\r\n        <button\r\n          *ngIf=\"\r\n            !(\r\n              moveUserPending &&\r\n              moveInProgressUserId &&\r\n              moveInProgressUserId === user?.userid\r\n            )\r\n          \"\r\n          class=\"button-action-dot\"\r\n          mat-icon-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n        >\r\n          <div class=\"icon-actions-dots\">\r\n            <span class=\"icon-dot\">.</span>\r\n            <span class=\"icon-dot\">.</span>\r\n            <span class=\"icon-dot\">.</span>\r\n          </div>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <button mat-menu-item [disabled]=\"true\">Resend Invitation</button>\r\n          <button mat-menu-item [disabled]=\"true\">Reset Password</button>\r\n          <button\r\n            [disabled]=\"user.webexUUID\"\r\n            *ngIf=\"!user.isMigrated\"\r\n            mat-menu-item\r\n            (click)=\"onMoveUser(user, i, 'QuickMove', 'MT')\"\r\n          >\r\n            Quick Upgrade User to MT\r\n          </button>\r\n          <button\r\n            [disabled]=\"user.webexUUID\"\r\n            *ngIf=\"!user.isMigrated\"\r\n            mat-menu-item\r\n            (click)=\"onMoveUser(user, i, 'MT', 'MT')\"\r\n          >\r\n            Upgrade User to MT\r\n          </button>\r\n          <button\r\n            *ngIf=\"user.isMigrated\"\r\n            mat-menu-item\r\n            (click)=\"onMoveUser(user, i, 'DI', 'DI')\"\r\n          >\r\n            Revert User to UCM/DI\r\n          </button>\r\n          <button mat-menu-item [disabled]=\"true\">Deactivate User</button>\r\n          <button mat-menu-item [disabled]=\"true\">Delete User</button>\r\n        </mat-menu>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"role\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">\r\n        Admin roles\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        [ngClass]=\"{ 'inactive-user-row': user.status !== 'Active' }\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        {{ user.roleName || \"-\" }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"source\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">\r\n        Provisioning Type\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        <ng-container *ngIf=\"user.webexUUID\">\r\n          <span [matTooltip]=\"'Multi-Tenant'\" matTooltipPosition=\"right\"\r\n            ><img src=\"assets/icons/webex.svg\" width=\"20\" alt=\"\"\r\n          /></span>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!user.webexUUID\">\r\n          <span [matTooltip]=\"'Dedicated Instance'\" matTooltipPosition=\"right\"\r\n            ><img src=\"assets/icons/mt.svg\" width=\"20\" alt=\"\"\r\n          /></span>\r\n        </ng-container>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"last-active-time\">\r\n      <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">\r\n        <span class=\"header-with-info\">\r\n          Last active time\r\n          <!-- <mat-icon class=\"info-icon\">info</mat-icon> -->\r\n          <img src=\"assets/icons/info-circle-regular.svg\" width=\"16\" alt=\"\" />\r\n        </span>\r\n      </th>\r\n      <td\r\n        class=\"user-site\"\r\n        mat-cell\r\n        *matCellDef=\"let user\"\r\n        [ngClass]=\"{ 'inactive-user-row': user.status !== 'Active' }\"\r\n        (click)=\"onUserClick(user)\"\r\n      >\r\n        2/16/26\r\n      </td>\r\n      /\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\r\n  </table>\r\n\r\n  <app-pagination\r\n    [pagination]=\"usersSearchService.getPagination()\"\r\n    [showPageSizeOptions]=\"true\"\r\n    (pageNumberChangeEmitter)=\"pageNumberChangeEvent($event)\"\r\n    (pageEmitter)=\"pageEvent($event)\"\r\n  >\r\n  </app-pagination>\r\n</div>\r\n\r\n<app-move-user-wizard\r\n  *ngIf=\"showMoveUserWizard\"\r\n  [user]=\"moveUser\"\r\n  (done)=\"closeMoveUserWizard(true)\"\r\n  [customerId]=\"customerId\"\r\n  (runMoveUser)=\"runMoveUserToMT()\"\r\n  (closeMoveUserWizard)=\"closeMoveUserWizard(false)\"\r\n></app-move-user-wizard>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap\";#users-list{letter-spacing:.5px}.header-with-info{display:flex;align-items:center;gap:.5rem}.header-with-info .info-icon{font-size:16px;color:#c3c3c3;cursor:pointer}table.mat-table{border-spacing:0;width:100%}::ng-deep .mat-paginator{background:none}.icon-user-status{width:.5rem;height:.5rem;border-radius:50%;background-color:#707070;margin:0 5px 0 0}.icon-user-status.icon-user-status-active{background-color:#1d805f;display:inline-block}.mat-select{height:100%;line-height:35px}.mat-form-field-wrapper{padding-bottom:0!important}.mat-form-field{padding:0;max-width:300px}.fa:hover{color:#0d56aa!important}.mat-icon-button{background:transparent}.icon-webex-box{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:.7rem;line-height:1rem;background:#545454;border-radius:2rem;line-height:40px;text-align:center;flex-shrink:0}.icon-webex{filter:brightness(0) invert(1);background-repeat:no-repeat;background-position:center;display:inline-block;height:20px;width:20px;background-size:contain}.icon-webex-user{background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22%3E%3Cpath d%3D%22M23.23 16.757a5.746 5.746 0 1 0-7.041-9.048 5 5 0 0 0 .071-.705 4.75 4.75 0 1 0-7.705 3.689 8.43 8.43 0 0 0-6.305 7.84c0 1.052.543 2.521 3.13 3.55 1.643.595 3.371.92 5.118.965a7.8 7.8 0 0 0-.248 1.926c0 1.1.57 2.636 3.285 3.716a18.1 18.1 0 0 0 6.463 1.06c4.853 0 9.75-1.476 9.75-4.776a8.86 8.86 0 0 0-6.517-8.217M20 7.755a4.25 4.25 0 0 1 .006 8.499h-.013a4.25 4.25 0 0 1 .007-8.5M8.26 7.004a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0m2.76 14.574c-4.177-.093-7.27-1.368-7.27-3.045 0-3.737 3.478-6.778 7.752-6.778a8.7 8.7 0 0 1 2.757.45 5.75 5.75 0 0 0 2.508 4.552 9.43 9.43 0 0 0-5.747 4.82m8.978 6.672c-4.703 0-8.249-1.408-8.249-3.276 0-3.982 3.7-7.22 8.25-7.22s8.248 3.238 8.248 7.22c0 1.868-3.546 3.276-8.25 3.276%22%2F%3E%3C%2Fsvg%3E\")}.icon-webex-info{filter:invert(12%) sepia(14%) saturate(4%) hue-rotate(354deg) brightness(103%) contrast(90%);background-repeat:no-repeat;background-position:center;display:inline-block;height:1rem;width:1rem;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D  %3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2211%22 stroke%3D%22currentColor%22 stroke-width%3D%221.5%22%2F%3E%0D  %3Ccircle cx%3D%2212%22 cy%3D%227.5%22 r%3D%221%22 fill%3D%22currentColor%22%2F%3E%0D  %3Crect x%3D%2211%22 y%3D%2210%22 width%3D%222%22 height%3D%227%22 rx%3D%221%22 fill%3D%22currentColor%22%2F%3E%0D%3C%2Fsvg%3E\")}.icon-webex-cogs{filter:invert(12%) sepia(14%) saturate(4%) hue-rotate(354deg) brightness(103%) contrast(90%);background-repeat:no-repeat;background-position:center;display:inline-block;height:1rem;width:1rem;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D  %3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%223.5%22 stroke%3D%22currentColor%22 stroke-width%3D%221.2%22%2F%3E%0D  %0D  %3Cpath d%3D%22M12 2C12.8 2 13.5 2.5 13.8 3.2L14.2 4.2C14.4 4.8 15 5.2 15.7 5.1L16.8 4.9C17.8 4.7 18.8 5.2 19.3 6.1L20.5 8.2C21 9.1 20.9 10.2 20.1 11L19.4 11.6C18.9 12 18.9 12.7 19.4 13.1L20.1 13.7C20.9 14.5 21 15.6 20.5 16.5L19.3 18.6C18.8 19.5 17.8 20 16.8 19.8L15.7 19.6C15 19.5 14.4 19.9 14.2 20.5L13.8 21.5C13.5 22.2 12.8 22.7 12 22.7C11.2 22.7 10.5 22.2 10.2 21.5L9.8 20.5C9.6 19.9 9 19.5 8.3 19.6L7.2 19.8C6.2 20 5.2 19.5 4.7 18.6L3.5 16.5C3 15.6 3.1 14.5 3.9 13.7L4.6 13.1C5.1 12.7 5.1 12 4.6 11.6L3.9 11C3.1 10.2 3 9.1 3.5 8.2L4.7 6.1C5.2 5.2 6.2 4.7 7.2 4.9L8.3 5.1C9 5.2 9.6 4.8 9.8 4.2L10.2 3.2C10.5 2.5 11.2 2 12 2Z%22 %0D    stroke%3D%22currentColor%22 %0D    stroke-width%3D%221.2%22 %0D    stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E\")}.icon-user-status{display:inline-block}*{margin:0}body{background:#f7f7f7}body,th,td{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;font-style:normal}th{color:#0000008a;text-align:left}td{box-sizing:border-box;padding:10px 5px 10px 0}.content-box{margin:auto;position:relative;width:95%}.content-box table{width:100%}.edit-icon-td{width:50px;position:relative}.edit-icon-td button{position:absolute;top:4px}.mat-progress-spinner circle,.mat-spinner circle{stroke:gray!important}.data-loader{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.flex-box{display:flex;justify-content:flex-start}.user-info-box{background:white;display:grid;grid-template-columns:30% 70%;border-radius:8px;border:rgba(0,0,0,.2) 1px solid;padding:24px;font-size:14px}.user-info-box h3{display:block;font-size:16px}.mat-divider{margin:5px 0!important}.info-boxes-container{padding:24px 0;display:flex;flex-direction:column;gap:24px}.header-box{height:60px;width:100%;line-height:60px;background:white;border-bottom:1px solid #dedddd}.header-box .header-back-block{float:left}.header-box .header-button-block{float:right}.webex-table{width:100%;margin:auto}.webex-table tr{border-bottom:1px solid #dedede}.webex-table th{background:#ededed;color:#636363;font-size:12px}.webex-table th:hover{background-color:#dedede}.webex-table th ::ng-deep .mat-icon{font-size:16px;display:flex;align-items:center}.webex-table td{background:#fff;color:#000000f2;font-size:14px}.webex-table tr:hover td:not(.disabled-user-row){background:#ededed;cursor:pointer}.webex-table .inactive-user-row{opacity:.35}.webex-table th.mat-header-cell,.webex-table td.mat-cell,.webex-table td.mat-footer-cell{padding:0 24px 0 12px;border-bottom:1px solid #dedede}.webex-table tr.mat-header-row{height:37px}.webex-table .display-name-wrapper{display:flex;align-items:center;justify-content:left;flex-flow:row-reverse;gap:1rem}.mat-form-field{padding:0 0 5px;width:93%}.mat-form-field.mat-form-field-disabled{border-bottom:none}.mat-error{color:#c73636;margin:13px 0 0}.select-box{border-radius:30px;background:#f3f6f6;border:1px solid #e2e9ef;height:35px;position:relative}.select-box select{border:none!important;background:transparent;height:100%;width:92%;margin:auto;display:block}option:focus,option:focus-visible{border:none!important;outline:none!important}option{height:30px;cursor:pointer;color:#636363}option:hover{background:#ededed!important}.mat-select{height:100%!important;line-height:35px!important}.info-holder,.input-holder{display:grid;grid-template-columns:30% 70%;align-items:baseline}.info-holder__name,.input-holder__name{font-weight:500!important;font-size:14px!important}.info-holder__inputs .input-holder,.input-holder__inputs .input-holder{display:grid;grid-template-columns:30% 70%;align-items:baseline}.info-holder__inputs .input-holder__name,.input-holder__inputs .input-holder__name{font-weight:400!important;font-size:14px!important}.mat-form-field-wrapper,.mat-form-field-flex{height:30px!important}.mat-form-field-appearance-outline .mat-form-field-outline,.mat-form-field-outline .mat-form-field-outline-thick{height:35px!important}.mat-select{line-height:20px!important}.mat-form-field-appearance-outline .mat-form-field-infix{padding:14px 12px 10px;border-top:0;max-width:300px}.mat-tab-group{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}.mat-tab-label{font-weight:500!important;font-size:14px!important;height:auto!important;min-width:auto!important;padding:0!important}.mat-ink-bar{background-color:#000000e6!important;height:3px!important}.mat-form-field-wrapper{padding-bottom:0}.mat-form-field{max-width:300px}table{border-collapse:collapse;border-spacing:0}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}.mat-divider{margin:12px 0}:host ::ng-deep .mat-form-field-wrapper{height:30px}:host ::ng-deep .mat-form-field-flex{height:30px}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{height:35px}:host ::ng-deep .mat-form-field-outline .mat-form-field-outline-thick{height:35px}:host ::ng-deep .mat-select{line-height:20px}:host ::ng-deep .mat-form-field-infix{border-top:0px!important}:host ::ng-deep .mat-paginator{background:transparent!important}:host ::ng-deep .mat-paginator-container{min-height:30px!important}:host ::ng-deep .mat-paginator-range-label{margin:0 10px 0 24px!important;font-size:15px!important}:host ::ng-deep .pagination{font-size:13px;color:#0000008a}:host ::ng-deep .per-page-block{display:flex;line-height:42px!important}:host ::ng-deep .item_per_page{line-height:42px!important}:host ::ng-deep .select-page-size{line-height:42px!important}:host ::ng-deep mat-progress-spinner.page-spinner{position:fixed;margin:auto;inset:0}:host ::ng-deep mat-progress-spinner.field-spinner{position:relative;margin:-20px auto auto}:host ::ng-deep mat-progress-spinner.tab-spinner{position:relative;margin:0 auto auto}.icon-dot{display:block;color:#4f4f4f;font-size:16px;line-height:5px}.button-action-dot:hover{background:#dfdfdf}.button-action-dot{padding:0 5px 5px;border-radius:.25rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: UserService }, { type: APIService }, { type: ApiWebexService }, { type: NotificationService }, { type: UsersSearchService }, { type: i1.MatDialog }]; }, propDecorators: { token: [{
+                type: Input
+            }], customerId: [{
+                type: Input
+            }], siteId: [{
+                type: Input
+            }], openUser: [{
+                type: Output
+            }], userMoved: [{
+                type: Output
+            }], switchToWizard: [{
+                type: Output
+            }], host: [{
+                type: Input
+            }] } });
+
+class EventsCommunicationService {
+    constructor() {
+        this.onSuccessfulLoginEvent = new Subject();
+    }
+}
+EventsCommunicationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsCommunicationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EventsCommunicationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsCommunicationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsCommunicationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+class MaterialModule {
+}
+MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, imports: [DragDropModule,
+        MatButtonModule,
+        MatListModule,
+        MatProgressSpinnerModule,
+        MatExpansionModule,
+        MatInputModule,
+        MatInputModule,
+        MatListModule,
+        MatTreeModule,
+        MatTreeModule,
+        MatNativeDateModule,
+        MatDatepickerModule,
+        MatTooltipModule,
+        MatAutocompleteModule,
+        MatChipsModule,
+        MatSidenavModule,
+        MatFormFieldModule,
+        MatStepperModule,
+        MatTabsModule,
+        MatCardModule,
+        MatSelectModule,
+        MatCheckboxModule,
+        MatSlideToggleModule,
+        MatTableModule,
+        MatPaginatorModule,
+        MatMenuModule,
+        MatDialogModule,
+        MatRadioModule,
+        MatIconModule], exports: [DragDropModule,
+        MatButtonModule,
+        MatListModule,
+        MatProgressSpinnerModule,
+        MatExpansionModule,
+        MatInputModule,
+        MatInputModule,
+        MatListModule,
+        MatTreeModule,
+        MatTreeModule,
+        MatNativeDateModule,
+        MatDatepickerModule,
+        MatTooltipModule,
+        MatAutocompleteModule,
+        MatChipsModule,
+        MatSidenavModule,
+        MatFormFieldModule,
+        MatStepperModule,
+        MatTabsModule,
+        MatCardModule,
+        MatCheckboxModule,
+        MatSelectModule,
+        MatSlideToggleModule,
+        MatProgressSpinnerModule,
+        MatTableModule,
+        MatPaginatorModule,
+        MatMenuModule,
+        MatDialogModule,
+        MatRadioModule,
+        MatIconModule] });
+MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, imports: [DragDropModule,
+        MatButtonModule,
+        MatListModule,
+        MatProgressSpinnerModule,
+        MatExpansionModule,
+        MatInputModule,
+        MatInputModule,
+        MatListModule,
+        MatTreeModule,
+        MatTreeModule,
+        MatNativeDateModule,
+        MatDatepickerModule,
+        MatTooltipModule,
+        MatAutocompleteModule,
+        MatChipsModule,
+        MatSidenavModule,
+        MatFormFieldModule,
+        MatStepperModule,
+        MatTabsModule,
+        MatCardModule,
+        MatSelectModule,
+        MatCheckboxModule,
+        MatSlideToggleModule,
+        MatTableModule,
+        MatPaginatorModule,
+        MatMenuModule,
+        MatDialogModule,
+        MatRadioModule,
+        MatIconModule, DragDropModule,
+        MatButtonModule,
+        MatListModule,
+        MatProgressSpinnerModule,
+        MatExpansionModule,
+        MatInputModule,
+        MatInputModule,
+        MatListModule,
+        MatTreeModule,
+        MatTreeModule,
+        MatNativeDateModule,
+        MatDatepickerModule,
+        MatTooltipModule,
+        MatAutocompleteModule,
+        MatChipsModule,
+        MatSidenavModule,
+        MatFormFieldModule,
+        MatStepperModule,
+        MatTabsModule,
+        MatCardModule,
+        MatCheckboxModule,
+        MatSelectModule,
+        MatSlideToggleModule,
+        MatProgressSpinnerModule,
+        MatTableModule,
+        MatPaginatorModule,
+        MatMenuModule,
+        MatDialogModule,
+        MatRadioModule,
+        MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DragDropModule,
+                        MatButtonModule,
+                        MatListModule,
+                        MatProgressSpinnerModule,
+                        MatExpansionModule,
+                        MatInputModule,
+                        MatInputModule,
+                        MatListModule,
+                        MatTreeModule,
+                        MatTreeModule,
+                        MatNativeDateModule,
+                        MatDatepickerModule,
+                        MatTooltipModule,
+                        MatAutocompleteModule,
+                        MatChipsModule,
+                        MatSidenavModule,
+                        MatFormFieldModule,
+                        MatStepperModule,
+                        MatTabsModule,
+                        MatCardModule,
+                        MatSelectModule,
+                        MatCheckboxModule,
+                        MatSlideToggleModule,
+                        MatTableModule,
+                        MatPaginatorModule,
+                        MatMenuModule,
+                        MatDialogModule,
+                        MatRadioModule,
+                        MatIconModule
+                    ],
+                    exports: [
+                        DragDropModule,
+                        MatButtonModule,
+                        MatListModule,
+                        MatProgressSpinnerModule,
+                        MatExpansionModule,
+                        MatInputModule,
+                        MatInputModule,
+                        MatListModule,
+                        MatTreeModule,
+                        MatTreeModule,
+                        MatNativeDateModule,
+                        MatDatepickerModule,
+                        MatTooltipModule,
+                        MatAutocompleteModule,
+                        MatChipsModule,
+                        MatSidenavModule,
+                        MatFormFieldModule,
+                        MatStepperModule,
+                        MatTabsModule,
+                        MatCardModule,
+                        MatCheckboxModule,
+                        MatSelectModule,
+                        MatSlideToggleModule,
+                        MatProgressSpinnerModule,
+                        MatTableModule,
+                        MatPaginatorModule,
+                        MatMenuModule,
+                        MatDialogModule,
+                        MatRadioModule,
+                        MatIconModule
+                    ],
+                }]
+        }] });
+
+class UsersListModule {
+}
+UsersListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UsersListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+UsersListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UsersListModule, declarations: [UsersListComponent,
+        PaginationComponent,
+        AppLoaderComponent,
+        MoveUserWizardComponent,
+        MoveUserStepperComponent,
+        UserListConfirmDialogComponent,
+        DevicesMoveUserWizardTabComponent,
+        DeviceMoveUserWizardComponent,
+        TableToolbarComponent], imports: [BrowserModule,
+        FormsModule,
+        ReactiveFormsModule,
+        HttpClientModule,
+        MaterialModule], exports: [UsersListComponent] });
+UsersListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UsersListModule, providers: [
+        UserService,
+        APIService,
+        EventsCommunicationService,
+        UsersSearchService,
+        NotificationService,
+        RemoveKynFromIBMService,
+        ApiWebexService,
+        DnsService,
+        SiteSettingsService,
+        MoveUserService
+    ], imports: [BrowserModule,
+        FormsModule,
+        ReactiveFormsModule,
+        HttpClientModule,
+        MaterialModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UsersListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        UsersListComponent,
+                        PaginationComponent,
+                        AppLoaderComponent,
+                        MoveUserWizardComponent,
+                        MoveUserStepperComponent,
+                        UserListConfirmDialogComponent,
+                        DevicesMoveUserWizardTabComponent,
+                        DeviceMoveUserWizardComponent,
+                        TableToolbarComponent
+                    ],
+                    imports: [
+                        BrowserModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        HttpClientModule,
+                        MaterialModule
+                    ],
+                    providers: [
+                        UserService,
+                        APIService,
+                        EventsCommunicationService,
+                        UsersSearchService,
+                        NotificationService,
+                        RemoveKynFromIBMService,
+                        ApiWebexService,
+                        DnsService,
+                        SiteSettingsService,
+                        MoveUserService
+                    ],
+                    exports: [UsersListComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { APIService, EventsCommunicationService, NotificationService, RemoveKynFromIBMService, UserService, UsersListComponent, UsersListModule, UsersSearchService };
+//# sourceMappingURL=tuki-io-tuki-widgets-users-list.mjs.map