@tuki-io/tuki-widgets 0.0.133 → 0.0.134

package/projects/tuki/widgets/user-manage/src/user-manage-widget.component.ts

@@ -0,0 +1,222 @@
+import { Component, EventEmitter, inject, Input, OnInit, Output } from '@angular/core';
+import { FormGroup, Validators } from '@angular/forms';
+import { UserService } from './services/user.service';
+import { APIService } from "./services/api.service";
+import { SimplifiedUser } from './classes/simplified-user';
+import { LineAssociation } from './classes/line-association';
+import { LineAssociationInterface } from './classes/line-association-interface';
+import { Device } from './classes/device';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-user-manage-widget',
+  templateUrl: './user-manage-widget.component.html',
+  styleUrls: ['./user-manage-widget.component.scss'],
+})
+export class UserManageWidgetComponent implements OnInit {
+
+  public dataPending!: boolean;
+
+  @Output() onSave = new EventEmitter<string>();
+  @Output() onChange = new EventEmitter<string>();
+  @Output() selectDevice = new EventEmitter<any>();
+  @Output() goBack = new EventEmitter<any>();
+  @Input() token!: string;
+  @Input() host!: string;
+  @Input() siteId!: number;
+  @Input() userId!: string;
+  @Input() deviceName!: string;
+  @Input() isLdap!: boolean;
+
+  get form(): FormGroup {
+    return this.userService?.user?.form;
+  }
+
+  get user(): any {
+    return this.userService.user;
+  }
+
+  get userName(): string {
+    return `${this.user?.firstName || ''} ${this.user?.lastName || ''}`;
+  }
+
+  get lineAssociation(): LineAssociation | LineAssociationInterface| undefined {
+    return this.userService?.user?.devices && this.userService?.user?.devices[0] && this.userService?.user?.devices[0].lineAssociations && this.userService?.user?.devices[0].lineAssociations[0];
+  }
+
+  private readonly router = inject(Router);
+
+  constructor(
+    public userService: UserService,
+    private apiService: APIService,
+  ) {
+    this.userService.onUserLineSaved$
+      .subscribe(() => {
+        this.userService.persistCacheChanges()
+          .subscribe(() => {
+            this.userService.dataPending = false;
+            this.onSave.next("saved");
+          });
+      }, () => this.userService.dataPending = false);
+  }
+
+  ngOnInit(): void {
+    this.apiService.token = this.token;
+    this.apiService.apiUrl = this.host;
+    this.getData();
+  }
+
+  onDeviceSelect(device: Device): void {
+    this.selectDevice.emit(device.name);
+  }
+
+  onGoBack(): void {
+    this.goBack.emit();
+  }
+
+  onExtensionChange(): void {
+    this.onChange.next("start extension change..");
+  }
+
+  onChangeField(token: string): void {
+    this.onChange.next("start change..");
+
+    if (!token) {
+      return;
+    }
+    (this.userService.user as any)[token] = this.form?.get(token)?.value;
+
+    if (token === 'middleName') {
+      this.form?.get(token)?.setValidators([Validators.pattern('[ a-zA-Z-]+')]);
+    }
+    if (token === 'telephoneNumber' || token === 'mobileNumber' || token === 'pagerNumber' || token === 'homeNumber') {
+      this.form?.get(token)?.setValidators([Validators.pattern('[ 0-9-+]+')]);
+    }
+    this.form?.get(token)?.updateValueAndValidity();
+    this.validateUserId();
+  }
+
+  saveChanges(): void {
+    if (!this.userService.hasUnsavedChanges() || this.form?.invalid) {
+      return;
+    }
+
+    if (this.user.devices[0].lineAssociations[0] && !this.user.devices[0].lineAssociations[0].equals(this.userService.originUser.devices[0].lineAssociations[0])) {
+      return this.userService.saveNewLine();
+    } else {
+      this.dataPending = true;
+      const subscription = this.userService.persistCacheChanges()
+        .subscribe(() => {
+          this.dataPending = false;
+          this.onSave.next("user has been saved successfully..");
+          subscription.unsubscribe();
+        }, () => this.dataPending = false);
+    }
+  }
+
+  toggleEditMode() {
+    this.userService.user.toggleEditMode();
+  }
+
+  isSavingDisabled(): boolean {
+    return !this.userService.hasUnsavedChanges() || this.userService.hasExistedUserId;
+  }
+
+  changeField(token: string): void {
+    this.onChange.next("start change..");
+    const formField = this.user?.form?.get(token);
+    if (token !== 'confirmDigestCredentials') {
+      // @ts-ignore
+      this.user[token] = formField?.value;
+    }
+    if (token === 'digestCredentials' || token === 'confirmDigestCredentials') {
+      this.digestCredentialsHandler(token, formField);
+    }
+  }
+
+  private digestCredentialsHandler(token: string, field: any) {
+    const fieldNameToCompare = token === 'digestCredentials' ? 'confirmDigestCredentials' : 'digestCredentials';
+    const fieldToCompare = this.userService.user.form.get(fieldNameToCompare);
+    if (this.userService.user?.form?.get(token)) {
+      this.userService.user?.form?.get(token)?.setErrors(null);
+      this.userService.user?.form?.get(fieldNameToCompare)?.setErrors(null);
+
+      /* if (!field.value && !fieldToCompare.value) {
+         this.userService.user?.digestCredentials = null;
+         return;
+       }
+
+       if (!field.value && fieldToCompare.value || !fieldToCompare.value && field.value) {
+         const requiredFieldName = field.value ? fieldNameToCompare : token;
+         this.userService.user.form.get(requiredFieldName).setErrors({required: true});
+         return;
+       }
+       if (field.value && fieldToCompare.value && field.value !== fieldToCompare.value) {
+         this.userService.user.form.get(token).setErrors({mismatch: true});
+         this.userService.user.form.get(fieldNameToCompare).setErrors({mismatch: true});
+       }*/
+    }
+
+  }
+
+  private getData() {
+    this.dataPending = true;
+    let request;
+    if(localStorage.getItem('isWebex') === 'true') {
+      request = this.userService.fetchWebexUserToken(localStorage.getItem('customerId')!, this.userId);
+    } else {
+      request = this.userService.fetchUserToken(this.siteId, this.userId, this.isLdap);
+    }
+    request.subscribe({
+        complete: (v: any) => {
+          this.dataPending = false;
+        },
+        error: (e: any) => {
+          this.dataPending = false;
+          this.router.navigate([`/tuki/migrate/users`]);
+        },
+      });
+  }
+
+  private setCookie(name: string, value: string, days: number) {
+    var expires = "";
+    if (days) {
+      var date = new Date();
+      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+      expires = "; expires=" + date.toUTCString();
+    }
+    document.cookie = name + "=" + (value || "") + expires + "; path=/";
+  }
+
+  private validateUserId() {
+    const idControl = this.form.get('userid');
+    if (idControl?.value !== '' && idControl?.value !== this.userService.originUser.userid) {
+      this.userService.fetchUserById(idControl?.value)
+        .subscribe(
+          (res: any) => {
+            this.userService.userIdExistPending = false;
+            idControl?.setErrors({exist: true});
+            if (this.form?.get('userid')?.hasError('exist')) {
+              this.userService.hasExistedUserId = true;
+            } else {
+              this.userService.hasExistedUserId = false;
+            }
+          },
+          ((error) => {
+            this.userService.userIdExistPending = false;
+            if (error.status !== 404) {
+              // this.notificationService.warning(this.translate.instant('APP_USER_MSG.CHECK_USER_ID_FAILED'));
+            } else {
+              this.userService.user.newUserId = this.form?.get('userid')?.value
+            }
+          }));
+    } else {
+      // delete this.userService?.user?.newUserId;
+    }
+  }
+
+  save() {
+    this.saveChanges()
+  }
+
+}

package/projects/tuki/widgets/user-manage/src/user-manage.module.ts

@@ -0,0 +1,65 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { APIService } from './services/api.service';
+import { AppLoaderComponent } from './utils/app-loader/app-loader';
+import { UserService } from './services/user.service';
+import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import { AuthInterceptor } from './interseptors/auth.interceptor';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { CommonModule } from '@angular/common';
+import { UserInfoComponent } from './user-info/user-info.component';
+import { MaterialModule } from './material.module';
+import { NotificationService } from './services/notification.service';
+import { NotificationsComponent } from './notifications/notification.component';
+import { UsersSearchService } from './services/users-search.service';
+import { PaginationComponent } from './utils/pagination/pagination.component';
+import { RemoveKynFromIBMService } from './services/removeKynFromIBM.service';
+import { SiteSettingsService } from './services/site-settings.service';
+import { LazyLoadingSelectComponent } from './lazy-loading-select/lazy-loading-select.component';
+import { UserManageWidgetComponent } from './user-manage-widget.component';
+import { DnsService } from './services/dns.service';
+import { LineService } from './services/line.service';
+import { UserCallingComponent } from './user-calling/user-calling.component';
+import { UserCallingExtensionComponent } from './user-calling/user-calling-extension/user-calling-extension.component';
+import { DeviceListComponent } from './device-list/device-list.component';
+import { DeviceRowComponent } from './device-list/device-row/device-row.component';
+
+@NgModule({
+  declarations: [
+    AppLoaderComponent,
+    UserInfoComponent,
+    NotificationsComponent,
+    PaginationComponent,
+    LazyLoadingSelectComponent,
+    UserManageWidgetComponent,
+    UserCallingComponent,
+    UserCallingExtensionComponent,
+    DeviceListComponent,
+    DeviceRowComponent,
+  ],
+  imports: [
+    CommonModule,
+    BrowserModule,
+    BrowserAnimationsModule,
+    FormsModule,
+    ReactiveFormsModule,
+    HttpClientModule,
+    MaterialModule,
+  ],
+  providers: [
+    APIService,
+    UserService,
+    NotificationService,
+    UsersSearchService,
+    RemoveKynFromIBMService,
+    SiteSettingsService,
+    DnsService,
+    LineService,
+    {provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true}
+  ],
+    exports: [UserManageWidgetComponent]
+
+})
+export class UserManageModule {
+}

package/projects/tuki/widgets/user-manage/src/user-summary/user-summary.component.html

@@ -0,0 +1,64 @@
+<div class="info-boxes-container">
+    <div class="user-info-box">
+        <div class="user-info-box__header">
+            <span>User Details</span>
+        </div>
+        <div class="user-info-box__content">
+            <div class="user-info-box__content__item">
+                <span class="label">Name</span>
+                <span class="value">John Doe</span>
+            </div>
+            <div class="user-info-box__content__item">
+                <span class="label">Primary Email</span>
+                <span class="value">john.doe@example.com</span>
+            </div>
+            <div class="user-info-box__content__item">
+                <span class="label">Location</span>
+                <div>
+                    <mat-select [placeholder]="placeholder"
+                                (selectionChange)="onFieldChange(controlName)"
+                                [id]="id">
+                        <!-- <mat-option *ngIf="default" [disabled]="default.disabled" [value]="default.key">{{default.value}}</mat-option> -->
+                        <mat-option *ngFor="let type of locationOptions" [value]="type">
+                        {{type}}
+                        </mat-option>
+                    </mat-select>
+                </div>
+            </div>
+            <div class="user-info-box__content__item">
+                <div class="label">
+                    Preferred email language
+                    
+                </div>
+                <div class="value">
+                    <mat-select [placeholder]="placeholder"
+                                [id]="id">
+                        <!-- <mat-option *ngIf="default" [disabled]="default.disabled" [value]="default.key">{{default.value}}</mat-option> -->
+                        <mat-option *ngFor="let type of preferredEmailLanguageOptions" [value]="type">
+                        {{type}}
+                        </mat-option>
+                    </mat-select>
+                    <span>Using default settings</span>
+                </div>
+            </div>
+            <div class="user-info-box__content__item">
+                <span class="label">Name labels</span>
+                <div class="value">
+                    <span>Status:</span>
+                    <strong>Not enrolled</strong>
+                    <span>|</span>
+                    <span></span>
+                    <span></span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="user-info-box">
+
+    </div>
+
+    <div class="user-info-box">
+
+    </div>
+</div>

package/projects/tuki/widgets/user-manage/src/user-summary/user-summary.component.scss

@@ -0,0 +1,17 @@
+.info-boxes-container {
+    padding: 24px 0;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+
+    .user-info-box {
+        background: white;
+        display: flex;
+        gap: 2rem;
+        border-radius: 8px;
+        border: rgba(0, 0, 0, .2) 1px solid;
+        padding: 24px;
+        font-weight: 400;
+        font-size: 14px;
+    }
+}

package/projects/tuki/widgets/user-manage/src/user-summary/user-summary.component.ts

@@ -0,0 +1,8 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-user-summary',
+  templateUrl: './user-summary.component.html',
+  styleUrls: ['./user-summary.component.scss']
+})
+export class UserSummaryComponent {}

package/projects/tuki/widgets/user-manage/src/utils/app-loader/app-loader.component.html

@@ -0,0 +1,7 @@
+<div class="overlay">
+  <mat-progress-spinner
+    class="page-spinner"
+    mode="indeterminate"
+    [diameter]="70"
+    strokeWidth="3"></mat-progress-spinner>
+</div>

package/projects/tuki/widgets/user-manage/src/utils/app-loader/app-loader.component.scss

@@ -0,0 +1,11 @@
+.overlay {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(255, 255, 255, 0.2);
+    z-index: 200;
+}

package/projects/tuki/widgets/user-manage/src/utils/app-loader/app-loader.ts

@@ -0,0 +1,13 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+  selector: 'app-loader',
+  templateUrl: './app-loader.component.html',
+  styleUrls: ['./app-loader.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class AppLoaderComponent {
+  constructor() {
+  }
+
+}

package/projects/tuki/widgets/user-manage/src/utils/pagination/pagination.component.html

@@ -0,0 +1,26 @@
+<div class="flex-box pagination">
+  <div class="page-indexes-box">
+    <mat-paginator
+      [id]="'commonPagination'"
+      [hidePageSize]="true"
+      [length]="pagination.total"
+      [pageIndex]="pagination.pageIndex"
+      [pageSize]="pagination.pageSize"
+      [pageSizeOptions]="pagination.pageSizeOptions"
+      (page)="pageEvent($event)">
+    </mat-paginator>
+    <mat-spinner class="length-spinner" [diameter]="20" mode="indeterminate" *ngIf="lengthPending">
+    </mat-spinner>
+  </div>
+
+  <div class="flex-box per-page-block" *ngIf="showPageSizeOptions">
+    <div class="item_per_page">Items per page:</div>
+    <div class="select-box select-page-size">
+      <mat-select [(ngModel)]="pagination.pageSize" (selectionChange)="changePerPageNumber($event)" #page
+                  [id]="'commonPaginationSelect'">
+        <mat-option *ngFor="let option of pageSizeOptions; let i = index;" [id]="'paginationSelectOpt_' + i" [value]="option">{{option}}</mat-option>
+      </mat-select>
+    </div>
+
+  </div>
+</div>

package/projects/tuki/widgets/user-manage/src/utils/pagination/pagination.component.scss

@@ -0,0 +1,41 @@
+.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;
+}
+

package/projects/tuki/widgets/user-manage/src/utils/pagination/pagination.component.ts

@@ -0,0 +1,41 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { PaginationDataDto } from '../../classes/pagination';
+import { PAGINATION_SIZE_OPTIONS } from '../../app.constants';
+
+
+@Component({
+  selector: 'app-pagination',
+  templateUrl: './pagination.component.html',
+  styleUrls: ['./pagination.component.scss'],
+})
+export class PaginationComponent implements OnInit{
+  @Input()
+  public pagination!: PaginationDataDto;
+  @Input()
+  public showPageSizeOptions!: boolean;
+  @Input()
+  public showRefreshButton!: boolean;
+  @Input()
+  public lengthPending!: boolean;
+  @Output()
+  public pageEmitter = new EventEmitter();
+  @Output()
+  public pageNumberChangeEmitter = new EventEmitter<any>();
+  public pageSizeOptions: number[] = PAGINATION_SIZE_OPTIONS;
+
+  constructor(
+  ) {
+  }
+
+  ngOnInit(): void {
+  }
+
+  public pageEvent(event: any) {
+    this.pageEmitter.emit(event);
+  }
+
+  public changePerPageNumber(event: any) {
+    this.pageNumberChangeEmitter.emit(event.value);
+  }
+
+}

package/projects/tuki/widgets/users-list/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  },
+  "assets": ["./src/styles/*.*","./assets/**/*.*","src/assets"]
+}

package/projects/tuki/widgets/users-list/src/app.constants.ts

@@ -0,0 +1,54 @@
+export 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"
+};
+export 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])?)*$'
+};
+
+export const PAGINATION_DEFAULTS = {
+  SIZE: 10,
+  INDEX: 0
+}
+export const PAGINATION_SIZE_OPTIONS = [
+  10,
+  50,
+  100,
+  500
+];
+export const CUCS_TO_IGNORE = [
+  189,
+  194,
+  191,
+  190
+];
+export const CUCMS_TO_IGNORE = [
+  249,
+  255,
+  251,
+  250
+];
+export const MAX_INTEGER = 2147483647;

package/projects/tuki/widgets/users-list/src/assets/icons/close_icon_modal.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.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" fill="#333333"/>
+</svg>

package/projects/tuki/widgets/users-list/src/assets/icons/cogs.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="3.5" stroke="currentColor" stroke-width="1.2"/>
+  
+  <path d="M12 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" 
+    stroke="currentColor" 
+    stroke-width="1.2" 
+    stroke-linejoin="round"/>
+</svg>

package/projects/tuki/widgets/users-list/src/assets/icons/copy-regular.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M23 2.25h-8A4.756 4.756 0 0 0 10.25 7v.25H9A4.755 4.755 0 0 0 4.25 12v13.005A4.756 4.756 0 0 0 9 29.755h8a4.755 4.755 0 0 0 4.75-4.75v-.252H23a4.756 4.756 0 0 0 4.75-4.75V7A4.755 4.755 0 0 0 23 2.25m-2.75 22.755a3.254 3.254 0 0 1-3.25 3.25H9a3.254 3.254 0 0 1-3.25-3.25V12A3.254 3.254 0 0 1 9 8.75h8A3.254 3.254 0 0 1 20.25 12zm6-5.002a3.254 3.254 0 0 1-3.25 3.25h-1.25V12A4.755 4.755 0 0 0 17 7.25h-5.25V7A3.254 3.254 0 0 1 15 3.75h8A3.254 3.254 0 0 1 26.25 7z"/></svg>

package/projects/tuki/widgets/users-list/src/assets/icons/icon_user.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.67 15.56"><defs><style>.b{fill:none;stroke:#fffffff2;stroke-width:1.4px;}</style></defs><path class="b" d="M4.87,3.89c0-1.72,1.51-3.19,3.47-3.19s3.47,1.47,3.47,3.19-1.51,3.19-3.47,3.19-3.47-1.47-3.47-3.19ZM.7,12.64c0-.37,.19-.76,.67-1.17,.48-.41,1.17-.78,2-1.09,1.66-.62,3.66-.93,4.97-.93s3.31,.31,4.97,.93c.83,.31,1.52,.68,2,1.09,.47,.41,.67,.8,.67,1.17v2.22H.7v-2.22Z"/></svg>

package/projects/tuki/widgets/users-list/src/assets/icons/info-circle-regular.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M15.75 10.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2M16.75 14.5a.75.75 0 0 0-.75-.75h-2a.75.75 0 0 0 0 1.5h1.25v7H13a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-2.25zM2.25 16C2.25 8.406 8.406 2.25 16 2.25S29.75 8.406 29.75 16 23.594 29.75 16 29.75 2.25 23.594 2.25 16M16 3.75C9.235 3.75 3.75 9.235 3.75 16S9.235 28.25 16 28.25 28.25 22.765 28.25 16 22.765 3.75 16 3.75"/></svg>

package/projects/tuki/widgets/users-list/src/assets/icons/info.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="11" stroke="currentColor" stroke-width="1.5"/>
+  <circle cx="12" cy="7.5" r="1" fill="currentColor"/>
+  <rect x="11" y="10" width="2" height="7" rx="1" fill="currentColor"/>
+</svg>

package/projects/tuki/widgets/users-list/src/assets/icons/move_user_to_another_location.svg

@@ -0,0 +1,14 @@
+<svg width="170" height="92" viewBox="0 0 170 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1542_78221)">
+<path d="M110.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" stroke="url(#paint0_linear_1542_78221)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1542_78221" x1="84.7982" y1="0.498047" x2="84.7982" y2="91.7934" gradientUnits="userSpaceOnUse">
+<stop stop-color="#93C437"/>
+<stop offset="1" stop-color="#279BE8"/>
+</linearGradient>
+<clipPath id="clip0_1542_78221">
+<rect width="170" height="92" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/projects/tuki/widgets/users-list/src/assets/icons/mt.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.50125 6.55774C7.15425 6.55774 6.859 6.67916 6.6155 6.92199C6.37183 7.16482 6.25 7.45966 6.25 7.80649C6.25 8.15349 6.37142 8.44874 6.61425 8.69224C6.85708 8.93591 7.15192 9.05774 7.49875 9.05774C7.84575 9.05774 8.141 8.93632 8.3845 8.69349C8.62817 8.45066 8.75 8.15574 8.75 7.80874C8.75 7.46191 8.62858 7.16666 8.38575 6.92299C8.14292 6.67949 7.84808 6.55774 7.50125 6.55774ZM7.50125 15.9422C7.15425 15.9422 6.859 16.0637 6.6155 16.3065C6.37183 16.5493 6.25 16.8442 6.25 17.1912C6.25 17.5381 6.37142 17.8333 6.61425 18.077C6.85708 18.3205 7.15192 18.4422 7.49875 18.4422C7.84575 18.4422 8.141 18.3208 8.3845 18.078C8.62817 17.8352 8.75 17.5403 8.75 17.1935C8.75 16.8465 8.62858 16.5512 8.38575 16.3077C8.14292 16.0641 7.84808 15.9422 7.50125 15.9422ZM4.38475 3.80774H19.6152C19.8659 3.80774 20.0761 3.89232 20.2458 4.06149C20.4153 4.23049 20.5 4.43999 20.5 4.68999V10.8652C20.5 11.1359 20.4153 11.3607 20.2458 11.5395C20.0761 11.7183 19.8659 11.8077 19.6152 11.8077H4.38475C4.13408 11.8077 3.92392 11.7183 3.75425 11.5395C3.58475 11.3607 3.5 11.1359 3.5 10.8652V4.68999C3.5 4.43999 3.58475 4.23049 3.75425 4.06149C3.92392 3.89232 4.13408 3.80774 4.38475 3.80774ZM5 5.30774V10.3077H19V5.30774H5ZM4.38475 13.1922H19.596C19.8602 13.1922 20.0768 13.2807 20.246 13.4577C20.4153 13.6346 20.5 13.8538 20.5 14.1155V20.2307C20.5 20.5141 20.4153 20.7452 20.246 20.924C20.0768 21.1028 19.8602 21.1922 19.596 21.1922H4.404C4.13983 21.1922 3.92317 21.1028 3.754 20.924C3.58467 20.7452 3.5 20.5141 3.5 20.2307V14.1155C3.5 13.8538 3.58142 13.6346 3.74425 13.4577C3.90708 13.2807 4.12058 13.1922 4.38475 13.1922ZM5 14.6922V19.6922H19V14.6922H5Z" fill="#333333"/>
+</svg>