@tuki-io/tuki-widgets 0.0.26 → 0.0.28

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

@@ -1,1093 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, ViewEncapsulation, NgModule } from '@angular/core';
-import * as i9 from '@angular/material/table';
-import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import { of, forkJoin, Subject, BehaviorSubject } from 'rxjs';
-import * as i2 from '@angular/forms';
-import { FormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { map } from 'rxjs/operators';
-import * as i1 from '@angular/common/http';
-import { HttpHeaders, HttpClientModule } from '@angular/common/http';
-import * as i1$1 from '@angular/common';
-import * as i7 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i10 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 { BrowserModule } from '@angular/platform-browser';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-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 { MatInputModule } from '@angular/material/input';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatStepperModule } from '@angular/material/stepper';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatCardModule } from '@angular/material/card';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-
-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"
-};
-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;
-
-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;
-    }, {});
-};
-
-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 => {
-            if (this.editMode) {
-                this.form.get(token)?.enable();
-            }
-            else {
-                this.form.get(token)?.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.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.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';
-    }
-}
-ApiWebexService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ApiWebexService, deps: [{ token: i1.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.HttpClient }]; } });
-
-class UserService {
-    constructor(apiService, apiWebexService) {
-        this.apiService = apiService;
-        this.apiWebexService = apiWebexService;
-        this.siteId = -1;
-        this.userId = '';
-        this.userIdExistPending = false;
-        this.hasExistedUserId = false;
-    }
-    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) {
-        if (!this.userId || !this.siteId || !this.user?.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));
-    }
-    moveUser(customerId, user) {
-        // return new Observable<boolean>(observer => {
-        //   setTimeout(() => {
-        //     observer.next(true);
-        //
-        //   }, 80000);
-        // });
-        return this.apiWebexService.post(API.MOVE_USER, 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?.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?.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 = [];
-        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);
-    }
-    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 };
-        return this.apiService.fetchPagination(API.QUICK_USERS_SEARCH, this.pageSize, pageSize || this.pageIndex, this.searchParams)
-            .pipe(map((res) => {
-            // 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, 'Dedicated Instance Calling user')) : [];
-                if (this.migratedUsersIds?.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 };
-        return this.webexApiService.fetchPagination(API.QUICK_USERS_SEARCH, this.pageSize, pageSize || this.pageIndex, this.searchParams)
-            .pipe(map((res) => {
-            if (!isMigratedUsersOnly) {
-                const users = res.pageData && res.pageData.length ? res.pageData
-                    .map(user => new ListUser(user, 'Dedicated Instance Calling user')) : [];
-                if (this.migratedUsersIds?.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));
-    }
-    setMigratedPropToUsers(users) {
-        users.forEach((user) => {
-            if (!this.migratedUsersIds.includes(user.userid)) {
-                user.isMigrated = false;
-            }
-            else {
-                user.roleName = '';
-                user.isMigrated = true;
-            }
-        });
-    }
-}
-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\">\n  <div class=\"page-indexes-box\">\n    <mat-paginator\n      [id]=\"'commonPagination'\"\n      [hidePageSize]=\"true\"\n      [length]=\"pagination.total\"\n      [pageIndex]=\"pagination.pageIndex\"\n      [pageSize]=\"pagination.pageSize\"\n      [pageSizeOptions]=\"pagination.pageSizeOptions\"\n      (page)=\"pageEvent($event)\">\n    </mat-paginator>\n    <mat-spinner class=\"length-spinner\" [diameter]=\"20\" mode=\"indeterminate\" *ngIf=\"lengthPending\">\n    </mat-spinner>\n  </div>\n\n  <div class=\"flex-box per-page-block\" *ngIf=\"showPageSizeOptions\">\n    <div class=\"item_per_page\">Items per page:</div>\n    <div class=\"select-box select-page-size\">\n      <mat-select [(ngModel)]=\"pagination.pageSize\" (selectionChange)=\"changePerPageNumber($event)\" #page\n                  [id]=\"'commonPaginationSelect'\">\n        <mat-option *ngFor=\"let option of pageSizeOptions; let i = index;\" [id]=\"'paginationSelectOpt_' + i\" [value]=\"option\">{{option}}</mat-option>\n      </mat-select>\n    </div>\n\n  </div>\n</div>\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: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.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\">\n  <div class=\"page-indexes-box\">\n    <mat-paginator\n      [id]=\"'commonPagination'\"\n      [hidePageSize]=\"true\"\n      [length]=\"pagination.total\"\n      [pageIndex]=\"pagination.pageIndex\"\n      [pageSize]=\"pagination.pageSize\"\n      [pageSizeOptions]=\"pagination.pageSizeOptions\"\n      (page)=\"pageEvent($event)\">\n    </mat-paginator>\n    <mat-spinner class=\"length-spinner\" [diameter]=\"20\" mode=\"indeterminate\" *ngIf=\"lengthPending\">\n    </mat-spinner>\n  </div>\n\n  <div class=\"flex-box per-page-block\" *ngIf=\"showPageSizeOptions\">\n    <div class=\"item_per_page\">Items per page:</div>\n    <div class=\"select-box select-page-size\">\n      <mat-select [(ngModel)]=\"pagination.pageSize\" (selectionChange)=\"changePerPageNumber($event)\" #page\n                  [id]=\"'commonPaginationSelect'\">\n        <mat-option *ngFor=\"let option of pageSizeOptions; let i = index;\" [id]=\"'paginationSelectOpt_' + i\" [value]=\"option\">{{option}}</mat-option>\n      </mat-select>\n    </div>\n\n  </div>\n</div>\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]=\"120\"></mat-progress-spinner>\n</div>\n", styles: [".overlay{position:fixed;width:100%;height:100%;inset:0;background-color:#fff3;z-index:200}\n"], dependencies: [{ kind: "component", type: i3.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]=\"120\"></mat-progress-spinner>\n</div>\n", styles: [".overlay{position:fixed;width:100%;height:100%;inset:0;background-color:#fff3;z-index:200}\n"] }]
-        }], ctorParameters: function () { return []; } });
-
-const DISPLAYED_COLS = ['user-icon', 'name', 'email', 'status', 'role', 'actions'];
-const LOCAL_STORAGE = {
-    USER_IN_MIGRATION: 'userIdInMigration'
-};
-class UsersListComponent {
-    get form() {
-        return this.userService?.user?.form;
-    }
-    constructor(userService, apiService, apiWebexService, notifications, usersSearchService) {
-        this.userService = userService;
-        this.apiService = apiService;
-        this.apiWebexService = apiWebexService;
-        this.notifications = notifications;
-        this.usersSearchService = usersSearchService;
-        this.openUser = new EventEmitter();
-        this.userMoved = new EventEmitter();
-        this.displayedColumns = DISPLAYED_COLS;
-    }
-    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();
-        this.searchSubscription = this.usersSearchService.foundUsers$
-            .subscribe((users) => {
-            this.initializeDataSource(users);
-        });
-    }
-    pageNumberChangeEvent(perPageNumber) {
-        this.usersSearchService.pageSize = perPageNumber;
-        this.usersSearchService.pageIndex = 0;
-        this.runSearch();
-    }
-    pageEvent(event) {
-        this.usersSearchService.pageSize = event.pageSize;
-        this.usersSearchService.pageIndex = event.pageIndex;
-        this.runSearch();
-    }
-    onUserClick(user) {
-        this.openUser.emit(user);
-    }
-    moveUser(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.moveUser(this.customerId, user)
-                .subscribe(() => {
-                this.removeUserInMigrationProgress();
-                this.setStatusToUser(index, 'Migrated');
-                this.usersSearchService.migratedUsersIds?.push(user.userid);
-            }, () => {
-                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.dataSource = new MatTableDataSource(this.users);
-    }
-    initializeDataSource(users) {
-        if (users?.length) {
-            // this.setRandomUserRole(users);
-            this.users = users;
-            this.dataSource = new MatTableDataSource(users);
-        }
-    }
-    setUserRole() {
-        if (this.users?.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.setUserMigrationProgress();
-            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)
-            .subscribe(() => {
-            const userIdInMigration = localStorage.getItem(LOCAL_STORAGE.USER_IN_MIGRATION);
-            if (userIdInMigration && this.usersSearchService.migratedUsersIds.includes(userIdInMigration)) {
-                localStorage.removeItem(LOCAL_STORAGE.USER_IN_MIGRATION);
-            }
-            this.runSearch();
-        }, () => {
-            this.dataPending = false;
-            this.notifications.error('The data can not be received');
-        });
-    }
-}
-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 }], 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" }, ngImport: i0, template: "<app-loader *ngIf=\"dataPending\"></app-loader>\n<app-pagination\n  [pagination]=\"usersSearchService.getPagination()\"\n  [showPageSizeOptions]=\"true\"\n  (pageNumberChangeEmitter)=\"pageNumberChangeEvent($event)\"\n  (pageEmitter)=\"pageEvent($event)\">\n</app-pagination>\n\n<table class=\"webex-table\" mat-table *ngIf=\"users?.length\" #table [dataSource]=\"dataSource\">\n\n  <ng-container matColumnDef=\"user-icon\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\"></th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user\"\n        [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\n        (click)=\"onUserClick(user)\">\n      <span class=\"icon-webex-box\"><span class=\"icon-webex icon-webex-user\"></span></span>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"name\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">First / Last Name</th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user\"\n        [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\n        (click)=\"onUserClick(user)\"> {{ user.firstName }} {{ user.lastName }}\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"email\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">Email</th>\n    <td class=\"user-site\" [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\n        mat-cell *matCellDef=\"let user\" (click)=\"onUserClick(user)\">\n      {{ user.email }}\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"status\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">Status</th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user\"\n        [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\n        (click)=\"onUserClick(user)\">\n      <span class=\"icon-user-status icon-user-status-active\"></span>{{user.status || user.webexUUID ? 'Migrated' : 'Active'}}\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"actions\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\"></th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user, let i = index\"\n        [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\">\n      <mat-progress-spinner class=\"field-spinner\"\n                            [diameter]=\"20\"\n                            mode=\"indeterminate\"\n                            *ngIf=\"moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid\"></mat-progress-spinner>\n      <button *ngIf=\"!(moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid)\"\n              class=\"button-action-dot\" mat-icon-button [matMenuTriggerFor]=\"menu\">\n        <div class=\"icon-actions-dots\">\n          <span class=\"icon-dot\">.</span>\n          <span class=\"icon-dot\">.</span>\n          <span class=\"icon-dot\">.</span>\n        </div>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        <button mat-menu-item [disabled]=\"true\">Resend Invitation</button>\n        <button mat-menu-item [disabled]=\"true\">Reset Password</button>\n        <button mat-menu-item (click)=\"moveUser(user, i)\">Move User</button>\n        <button mat-menu-item [disabled]=\"true\">Deactivate User</button>\n        <button mat-menu-item [disabled]=\"true\">Delete User</button>\n      </mat-menu>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"role\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">Administrator Role</th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user\" (click)=\"onUserClick(user)\">{{ user.roleName || '' }}</td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n", styles: ["@import\"https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900\";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{width:2rem;height:2rem;font-size:.7rem;line-height:1rem;display:inline-block;background:#d0d0d0;border-radius:2rem;line-height:40px;text-align:center}.icon-webex{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}.icon-webex-user{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22a%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16.67 15.56%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3Anone%3Bstroke%3A%232c355d%3Bstroke-width%3A1.4px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22b%22 d%3D%22M4.87%2C3.89c0-1.72%2C1.51-3.19%2C3.47-3.19s3.47%2C1.47%2C3.47%2C3.19-1.51%2C3.19-3.47%2C3.19-3.47-1.47-3.47-3.19ZM.7%2C12.64c0-.37%2C.19-.76%2C.67-1.17%2C.48-.41%2C1.17-.78%2C2-1.09%2C1.66-.62%2C3.66-.93%2C4.97-.93s3.31%2C.31%2C4.97%2C.93c.83%2C.31%2C1.52%2C.68%2C2%2C1.09%2C.47%2C.41%2C.67%2C.8%2C.67%2C1.17v2.22H.7v-2.22Z%22%2F%3E%3C%2Fsvg%3E\")}.icon-user-status{display:inline-block}*{margin:0}body{background:#f7f7f7}body,th,td{font-family:Poppins,Poppins,sans-serif;font-size:14px}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:#009fdb!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-weight:400;font-size:14px}.user-info-box h3{display:block;font-weight:500;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:#f7f7f7;color:#636363;font-size:12px}.webex-table td{background:#fff;color:#000;font-size:14px}.webex-table tr:hover td:not(.disabled-user-row){background:#ededed;cursor:pointer}.webex-table th.mat-header-cell,.webex-table td.mat-cell,.webex-table td.mat-footer-cell{border-bottom:1px solid #dedede}.webex-table tr.mat-header-row{height:37px}.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,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}::ng-deep .mat-form-field-wrapper{height:30px}::ng-deep .mat-form-field-flex{height:30px}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{height:35px}:ng-deep .mat-form-field-outline .mat-form-field-outline-thick{height:35px}::ng-deep .mat-select{line-height:20px}::ng-deep .mat-form-field-infix{border-top:0px!important}::ng-deep .mat-paginator{background:transparent!important}::ng-deep .mat-paginator-container{min-height:30px!important}::ng-deep .mat-paginator-range-label{margin:0 10px 0 24px!important;font-size:15px!important}::ng-deep .pagination{font-size:13px;color:#0000008a}::ng-deep .per-page-block{display:flex;line-height:42px!important}::ng-deep .item_per_page{line-height:42px!important}::ng-deep .select-page-size{line-height:42px!important}::ng-deep mat-progress-spinner.page-spinner{position:fixed;margin:auto;inset:0}::ng-deep mat-progress-spinner.field-spinner{position:relative;margin:-20px auto auto}::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: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.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: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i9.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.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" }] });
-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>\n<app-pagination\n  [pagination]=\"usersSearchService.getPagination()\"\n  [showPageSizeOptions]=\"true\"\n  (pageNumberChangeEmitter)=\"pageNumberChangeEvent($event)\"\n  (pageEmitter)=\"pageEvent($event)\">\n</app-pagination>\n\n<table class=\"webex-table\" mat-table *ngIf=\"users?.length\" #table [dataSource]=\"dataSource\">\n\n  <ng-container matColumnDef=\"user-icon\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\"></th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user\"\n        [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\n        (click)=\"onUserClick(user)\">\n      <span class=\"icon-webex-box\"><span class=\"icon-webex icon-webex-user\"></span></span>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"name\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">First / Last Name</th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user\"\n        [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\n        (click)=\"onUserClick(user)\"> {{ user.firstName }} {{ user.lastName }}\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"email\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">Email</th>\n    <td class=\"user-site\" [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\n        mat-cell *matCellDef=\"let user\" (click)=\"onUserClick(user)\">\n      {{ user.email }}\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"status\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">Status</th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user\"\n        [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\"\n        (click)=\"onUserClick(user)\">\n      <span class=\"icon-user-status icon-user-status-active\"></span>{{user.status || user.webexUUID ? 'Migrated' : 'Active'}}\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"actions\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\"></th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user, let i = index\"\n        [ngClass]=\"{'disabled-user-row': moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid}\">\n      <mat-progress-spinner class=\"field-spinner\"\n                            [diameter]=\"20\"\n                            mode=\"indeterminate\"\n                            *ngIf=\"moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid\"></mat-progress-spinner>\n      <button *ngIf=\"!(moveUserPending && moveInProgressUserId && moveInProgressUserId === user?.userid)\"\n              class=\"button-action-dot\" mat-icon-button [matMenuTriggerFor]=\"menu\">\n        <div class=\"icon-actions-dots\">\n          <span class=\"icon-dot\">.</span>\n          <span class=\"icon-dot\">.</span>\n          <span class=\"icon-dot\">.</span>\n        </div>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        <button mat-menu-item [disabled]=\"true\">Resend Invitation</button>\n        <button mat-menu-item [disabled]=\"true\">Reset Password</button>\n        <button mat-menu-item (click)=\"moveUser(user, i)\">Move User</button>\n        <button mat-menu-item [disabled]=\"true\">Deactivate User</button>\n        <button mat-menu-item [disabled]=\"true\">Delete User</button>\n      </mat-menu>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"role\">\n    <th mat-header-cell *matHeaderCellDef class=\"webex-table-th\">Administrator Role</th>\n    <td class=\"user-site\" mat-cell *matCellDef=\"let user\" (click)=\"onUserClick(user)\">{{ user.roleName || '' }}</td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n", styles: ["@import\"https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900\";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{width:2rem;height:2rem;font-size:.7rem;line-height:1rem;display:inline-block;background:#d0d0d0;border-radius:2rem;line-height:40px;text-align:center}.icon-webex{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}.icon-webex-user{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22a%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16.67 15.56%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3Anone%3Bstroke%3A%232c355d%3Bstroke-width%3A1.4px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22b%22 d%3D%22M4.87%2C3.89c0-1.72%2C1.51-3.19%2C3.47-3.19s3.47%2C1.47%2C3.47%2C3.19-1.51%2C3.19-3.47%2C3.19-3.47-1.47-3.47-3.19ZM.7%2C12.64c0-.37%2C.19-.76%2C.67-1.17%2C.48-.41%2C1.17-.78%2C2-1.09%2C1.66-.62%2C3.66-.93%2C4.97-.93s3.31%2C.31%2C4.97%2C.93c.83%2C.31%2C1.52%2C.68%2C2%2C1.09%2C.47%2C.41%2C.67%2C.8%2C.67%2C1.17v2.22H.7v-2.22Z%22%2F%3E%3C%2Fsvg%3E\")}.icon-user-status{display:inline-block}*{margin:0}body{background:#f7f7f7}body,th,td{font-family:Poppins,Poppins,sans-serif;font-size:14px}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:#009fdb!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-weight:400;font-size:14px}.user-info-box h3{display:block;font-weight:500;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:#f7f7f7;color:#636363;font-size:12px}.webex-table td{background:#fff;color:#000;font-size:14px}.webex-table tr:hover td:not(.disabled-user-row){background:#ededed;cursor:pointer}.webex-table th.mat-header-cell,.webex-table td.mat-cell,.webex-table td.mat-footer-cell{border-bottom:1px solid #dedede}.webex-table tr.mat-header-row{height:37px}.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,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}::ng-deep .mat-form-field-wrapper{height:30px}::ng-deep .mat-form-field-flex{height:30px}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{height:35px}:ng-deep .mat-form-field-outline .mat-form-field-outline-thick{height:35px}::ng-deep .mat-select{line-height:20px}::ng-deep .mat-form-field-infix{border-top:0px!important}::ng-deep .mat-paginator{background:transparent!important}::ng-deep .mat-paginator-container{min-height:30px!important}::ng-deep .mat-paginator-range-label{margin:0 10px 0 24px!important;font-size:15px!important}::ng-deep .pagination{font-size:13px;color:#0000008a}::ng-deep .per-page-block{display:flex;line-height:42px!important}::ng-deep .item_per_page{line-height:42px!important}::ng-deep .select-page-size{line-height:42px!important}::ng-deep mat-progress-spinner.page-spinner{position:fixed;margin:auto;inset:0}::ng-deep mat-progress-spinner.field-spinner{position:relative;margin:-20px auto auto}::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 }]; }, propDecorators: { token: [{
-                type: Input
-            }], customerId: [{
-                type: Input
-            }], siteId: [{
-                type: Input
-            }], openUser: [{
-                type: Output
-            }], userMoved: [{
-                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], 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] });
-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, 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] });
-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
-                    ],
-                    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
-                    ],
-                }]
-        }] });
-
-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], 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
-    ], 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],
-                    imports: [
-                        BrowserModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        HttpClientModule,
-                        MaterialModule
-                    ],
-                    providers: [
-                        UserService,
-                        APIService,
-                        EventsCommunicationService,
-                        UsersSearchService,
-                        NotificationService,
-                        RemoveKynFromIBMService,
-                        ApiWebexService
-                    ],
-                    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