@tuki-io/tuki-widgets 0.0.43 → 0.0.45

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-stepper/move-user-stepper.component.scss

@@ -1,182 +0,0 @@
-.mat-stepper-horizontal {
-  margin-top: 8px;
-
-  height: fit-content;
-  max-height: 750px;
-
-  margin: 0 auto;
-  width: 70%;
-
-  background-color: transparent;
-
-  .mat-horizontal-stepper-header-container {
-    margin: 0 auto;
-    width: 800px;
-  };
-
-  .mat-step-icon {
-
-    width: 18px;
-    height: 18px;
-
-    border: 3px solid hsl(0deg 0% 50.2%);
-  };
-
-  .mat-step-icon-selected {
-    background-color: hsl(0deg 0% 77.65%) !important;
-    border-color: hsl(211.8deg 66.67% 29.41%);
-  };
-
-  .mat-step-icon-state-number {
-    background-color: white;
-  };
-
-  .mat-step-icon-state-edit {
-    background-color: hsl(210deg 84.82% 43.92%);
-    border-color: hsl(210deg 84.82% 43.92%);
-  };
-
-  .mat-step-header .mat-step-icon-state-done {
-    background-color: hsl(210deg 84.82% 43.92%);
-    border-color: hsl(210deg 84.82% 43.92%);
-  };
-
-  .mat-step-icon-content {
-    display: none;
-  };
-
-  .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,
-  [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,
-  .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,
-  [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after {
-    border-top-width: 3px !important;
-  };
-
-  .mat-horizontal-stepper-header::before,
-  .mat-horizontal-stepper-header::after,
-  .mat-stepper-horizontal-line {
-    border-top-width: 3px !important;
-    background-color: hsl(0deg 0% 48.24%);
-  };
-}
-
-::ng-deep .mat-step-header[aria-labelledby="disabled_af"] {
-  pointer-events: none !important;
-  cursor: not-allowed;
-}
-
-::ng-deep .mat-step-header[aria-labelledby="disabled_af"] .mat-step-icon,
-::ng-deep .mat-step-header[aria-labelledby="disabled_af"] .mat-step-label {
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-
-.mat-mdc-form-field {
-  margin-top: 16px;
-}
-
-.mat-label {
-  font-size: 16px;
-  font-weight: 600;
-  margin: 1rem 0;
-}
-
-.step-title {
-  font-size: 28px;
-  font-weight: bold;
-
-  margin: .5rem 0 1.5rem 2rem;
-}
-
-.validation-text {
-  margin-top: 0.5rem;
-  margin-bottom: 2rem;
-}
-
-ul {
-  padding: 0.5rem 2rem;
-
-  margin-top: 0.5rem;
-  margin-bottom: 2rem;
-}
-
-form {
-  background-color: white;
-  padding: 2.5rem;
-  min-height: 350px;
-  border-radius: 0.5rem;
-}
-
-.form-link {
-
-  text-decoration: none;
-  color: rgb(0, 123, 255);
-}
-
-.radio-group {
-  display: flex;
-  flex-direction: column;
-  margin: 15px 0;
-  align-items: flex-start;
-}
-
-.radio-button {
-  margin: 0.5rem 0;
-}
-
-.select {
-
-  width: 350px;
-
-  padding: 0.5rem;
-  margin: 0.5rem 0;
-
-  border: 1px solid #a0a0a0;
-  border-radius: 0.5rem;
-}
-
-.step-actions {
-  display: flex;
-  flex-flow: row-reverse;
-
-  margin-top: 2rem;
-
-  gap: 1rem;
-}
-
-.webex-btn {
-
-  border: 1px solid black;
-  border-radius: 1rem;
-
-  cursor: pointer;
-
-  gap: 1rem;
-}
-
-.btn-next {
-
-  background-color: black;
-  color: white;
-}
-
-.btn-cancel,
-.btn-done {
-
-  background-color: white;
-  color: black;
-}
-
-.select-container {
-  position: relative;
-
-  .mat-progress-spinner {
-    position: absolute;
-    left: 45%;
-    top: 35px;
-  }
-}
-.invisible-next-btn {
-  height: 1px;
-  width: 1px;
-}

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-stepper/move-user-stepper.component.ts

@@ -1,110 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from "@angular/core";
-import { FormBuilder, Validators } from "@angular/forms";
-import { DnsService } from '../../services/dns.service';
-import { MatStepper } from "@angular/material/stepper";
-import { UserService } from '../../services/user.service';
-// for test only
-const LOCATION = 'Y2lzY29zcGFyazovL3VzL0xPQ0FUSU9OLzE2YjY0NjljLTBjZmQtNDJjMS1iOWJjLTUyN2FlZTNhN2RlOQ';
-@Component({
-  selector: 'app-move-user-stepper',
-  templateUrl: './move-user-stepper.component.html',
-  styleUrls: ['./move-user-stepper.component.scss']
-
-})
-export class MoveUserStepperComponent implements OnInit {
-  @ViewChild('nextAfterMoveBtn') nextAfterMoveBtn: any;
-  @Output()
-  done = new EventEmitter();
-  @Input()
-  user: any;
-  @Input()
-  customerId!: number;
-  @Output()
-  runMoveUser = new EventEmitter();
-  @Output()
-  cancel = new EventEmitter();
-  isLinear = false;
-  phoneNumberPending = false;
-  stepper!: MatStepper;
-
-  get moveUserPending(): boolean {
-    return this.userService.moveUserPending;
-  }
-
-  get currentNumber(): string {
-    if (this.user?.devices?.length && this.user.devices[0]?.lineAssociations && this.user.devices[0].lineAssociations[0]) {
-      return this.user.devices[0].lineAssociations[0].directoryNumber.directoryNumber;
-    }
-    return '';
-  }
-
-  constructor(
-    public dnsService: DnsService,
-    public userService: UserService
-  ) {
-  }
-
-  ngOnInit() {
-    if (this.user) {
-      this.user.moveType = {
-        phoneNumber: '1',
-        extension: '1'
-      }
-
-      this.userService.userMoved$.subscribe((result) => {
-        this.userService.moveUserPending = false;
-        if (result && this.nextAfterMoveBtn?._elementRef?.nativeElement) {
-          this.nextAfterMoveBtn._elementRef.nativeElement.click();
-        }
-      })
-    }
-  }
-
-  onMoveUser(stepper: MatStepper): void {
-    this.stepper = stepper;
-    this.runMoveUser.emit();
-  }
-
-  selectPhoneNumberMigrationType(event: any): void {
-    if (event.value && event.value === '2') {
-      this.getPhoneNumbers();
-    }
-  }
-
-  onPhoneNumberChange(event: any): void {
-    this.user.newNumber
-  }
-
-  onExtensionCHange(event: any): void {
-    this.user.newExtension
-  }
-
-  isFieldAvailable(type: string, value: string): boolean {
-    if (this.user?.moveType) {
-      return this.user.moveType[type] && this.user.moveType[type] === value;
-    }
-    return false;
-  }
-
-  getPhoneNumbers(): void {
-    this.phoneNumberPending = true;
-    this.dnsService.fetchPhoneNumbers(this.customerId, LOCATION)
-      .subscribe(() => {
-        this.phoneNumberPending = false;
-      }, () => this.phoneNumberPending = false);
-  }
-
-  goNextStep(stepper: MatStepper) {
-
-    const currentStep = stepper.selectedIndex;
-
-    if (currentStep === 1) { stepper.selectedIndex = 3; }
-    // else if (currentStep === 3) { stepper.selectedIndex = 0; }
-
-    [
-      stepper.steps.get(1),
-      stepper.steps.get(2)
-
-    ].map(step => step ? step.completed = true : undefined);
-  }
-}

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-wizard.component.html

@@ -1,12 +0,0 @@
-<app-loader *ngIf="dataPending"></app-loader>
-<div class="move-user-stepper-container">
-    <header class="move-user-header">
-        <div class="move-user-header__title">Move User {{user.userid}}</div>
-        <div class="move-user-header__close">
-          <span class="app-icon icon-white-close" (click)="onClose()"></span>
-        </div>
-    </header>
-    <app-move-user-stepper *ngIf="user" [customerId]="customerId"
-                           [user]="user" (cancel)="onClose()" (done)="done.emit()"
-                           (runMoveUser)="onRunMoveUser()"></app-move-user-stepper>
-</div>

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-wizard.component.scss

@@ -1,41 +0,0 @@
-.move-user-stepper-container {
-}
-
-.move-user-header {
-    background-color: hsl(210deg 84.82% 43.92%);
-
-    height: 45px;
-    padding: 1rem 1.5rem;
-
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    color: white;
-
-    font-size: 18px;
-    font-weight: 500;
-}
-
-.move-user-header__close {
-    cursor: pointer;
-
-    & i {
-        font-size: 25px;
-        font-weight: 100;
-    }
-}
-.app-icon {
-  height: 20px;
-  width: 20px;
-  display: inline-block;
-  cursor: pointer;
-  background-repeat: no-repeat;
-  background-position: center;
-}
-.icon-close {
-  background-image: url('../assets/icons/close_icon_modal.svg');
-}
-.icon-white-close {
-  background-image: url('../assets/icons/white-close-icon.svg');
-}

package/projects/tuki/widgets/users-list/src/move-user-wizard/move-user-wizard.component.ts

@@ -1,36 +0,0 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
-import { DnsService } from '../services/dns.service';
-
-
-@Component({
-    selector: 'app-move-user-wizard',
-    templateUrl: './move-user-wizard.component.html',
-    styleUrls: ['./move-user-wizard.component.scss']
-})
-export class MoveUserWizardComponent {
-  @Input()
-  user: any;
-  @Input()
-  customerId!: number;
-  @Output()
-  closeMoveUserWizard = new EventEmitter();
-  @Output()
-  done = new EventEmitter();
-  @Output()
-  runMoveUser = new EventEmitter();
-  dataPending = false;
-
-    constructor(
-      public dnsService: DnsService
-    ) {
-
-    }
-
-    onClose(): void {
-      this.closeMoveUserWizard.emit();
-    }
-
-    onRunMoveUser(): void {
-      this.runMoveUser.emit();
-    }
-}

package/projects/tuki/widgets/users-list/src/services/api-webex.service.ts

@@ -1,14 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { APIService } from './api.service';
-
-
-@Injectable()
-export class ApiWebexService extends APIService {
-  constructor(httpClient: HttpClient) {
-    super(httpClient);
-    //this.apiUrl = window.location.protocol + "//"+ window.location.hostname + environment.apiAuthUrl;
-    this.apiUrl = 'https://webex.car-west.net/webex';
-    // this.apiUrl = 'https://staging.tuki.io/webex';
-  }
-}

package/projects/tuki/widgets/users-list/src/services/api.service.ts

@@ -1,90 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { TableDataInterface } from '../classes/table-data';
-import { Observable } from 'rxjs';
-
-
-
-@Injectable()
-export class APIService {
-
-  apiUrl = window.location.protocol + '//' + window.location.hostname + '/dcp';
-
-  public token: any;
-  constructor(
-    private httpClient: HttpClient
-  ) {
-  }
-
-  fetch(url: string, params = {}, cache?: boolean) {
-    const headers = this.getHeaders(cache);
-    return this.httpClient.get(this.apiUrl + url, {params: this.prepareEncodedParams(params), headers});
-  }
-
-  post(url: string, body: any, params = {}): any {
-    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: string, 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: string, body = null, params = {}) {
-    const headers = this.getHeaders();
-    return this.httpClient.put(this.apiUrl + url, body, {headers, params: this.prepareEncodedParams(params)});
-  }
-
-  delete(url: string, params = {}) {
-    const headers = this.getHeaders();
-    return this.httpClient.delete(this.apiUrl + url, {headers, params: this.prepareEncodedParams(params)});
-  }
-
-  fetchPagination(url: string, pageSize: number, pageNumber: number, additionalParams = {}, cache?: boolean): Observable<TableDataInterface> {
-    const copyAdditionalParams = JSON.parse(JSON.stringify(additionalParams));
-    const params = Object.assign(copyAdditionalParams, {size: pageSize.toString(), page: pageNumber.toString()});
-    return this.fetch(url, params, cache) as Observable<TableDataInterface>;
-  }
-
-  private prepareEncodedParams(params: any) {
-    const result: any = {};
-
-    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;
-  }
-
-  private getHeaders(cache?: boolean): HttpHeaders {
-    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;
-  }
-
-  private getParameterByName(name: any, 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, ' '));
-  }
-
-}

package/projects/tuki/widgets/users-list/src/services/dns.service.ts

@@ -1,128 +0,0 @@
-import { Injectable } from '@angular/core';
-import { API } from '../app.constants';
-import { APIService } from './api.service';
-import { map } from 'rxjs/operators';
-import * as Big from 'big.js';
-import { Observable } from 'rxjs';
-import { ApiWebexService } from '../services/api-webex.service';
-import { AvailablePhoneNumberRangeInterface, DnRangeType } from '../classes/line';
-
-
-@Injectable()
-export class DnsService {
-  availableNumbers = {};
-  availableDidPatternsMappedToDn!: any;
-  phoneNumbers: string[] = [];
-
-  constructor(
-    private apiService: APIService,
-    private apiWebexService: ApiWebexService
-  ) {
-
-  }
-  public getNumberRange(siteId: string, routePartition: string, withdids?: boolean, from?: string, pageSize?: number): any {
-    // @ts-ignore
-    if (this.availableNumbers[routePartition]?.length) {
-      return new Observable<any>(observer => {
-        // @ts-ignore
-        observer.next(this.availableNumbers[routePartition]);
-      });
-    }
-
-    this.availableDidPatternsMappedToDn = {};
-    pageSize = pageSize ? pageSize : 20;
-    const params = {dntype: DnRangeType.extension, routepartition: routePartition, size: pageSize, page: 0};
-    if (withdids) {
-      // @ts-ignore
-      params['withdids'] = 'true';
-    }
-    if (from) {
-      // @ts-ignore
-      params['from'] = from;
-    }
-    // @ts-ignore
-    this.availableNumbers[routePartition] = this.availableNumbers[routePartition] || [];
-
-    return this.apiService.fetch(API.AVAILABLE_DN_IN_RANGES.replace(':siteId', siteId), params)
-      .pipe(map((res: any) => {
-          res.availableNumberList.forEach((availableNumber: AvailablePhoneNumberRangeInterface) => {
-            this.setAvailableDidMappedToDn(availableNumber);
-            // @ts-ignore
-            this.availableNumbers[routePartition] = [...this.availableNumbers[routePartition], ...this.getUnwrapNumberRange(availableNumber)];
-          });
-        })
-      )
-      // .pipe(this.handleError(true, false));
-  }
-
-  public setAvailableDidMappedToDn(availableNumber: any): void {
-    if (availableNumber.unUsedNumbersWithDids && availableNumber.unUsedNumbersWithDids.length) {
-
-      availableNumber.unUsedNumbersWithDids.forEach((numberWithDids: any) => {
-        const dn = numberWithDids['unUsedNumber'];
-        this.availableDidPatternsMappedToDn[dn] = [{}];
-        if (numberWithDids['translationPatternList'] && numberWithDids['translationPatternList'].length > 0) {
-          this.availableDidPatternsMappedToDn[dn] = numberWithDids['translationPatternList'];
-          this.availableDidPatternsMappedToDn[dn][0]['mappedDids'] = [{}];
-          if (numberWithDids['mappedDids'] && numberWithDids['mappedDids'].length > 0) {
-            this.availableDidPatternsMappedToDn[dn][0]['mappedDids'] = numberWithDids['mappedDids'];
-          }
-        }
-        this.availableDidPatternsMappedToDn[dn][0]['vm'] = numberWithDids['vm'];
-      });
-    }
-  }
-
-  public getUnwrapNumberRange(availableNumber: any): string[] {
-    let unwrapNumberRange = this.unwrapNumberRange(availableNumber.phoneNumberRange.from, availableNumber.phoneNumberRange.to)
-      .map((unwrappedNumber: string) => {
-        const dn = availableNumber.phoneNumberRange.prefix + unwrappedNumber;
-        let str = dn;
-        if (this.availableDidPatternsMappedToDn[dn] && this.availableDidPatternsMappedToDn[dn].length > 0) {
-          if (this.availableDidPatternsMappedToDn[dn][0]['mappedDids'] && this.availableDidPatternsMappedToDn[dn][0]['mappedDids'].length > 0) {
-            str += '        DID:  ' + (this.availableDidPatternsMappedToDn[dn][0]['mappedDids'].length > 1 ? 'multiple' :
-              this.availableDidPatternsMappedToDn[dn][0]['mappedDids'][0]);
-          }
-          if (this.availableDidPatternsMappedToDn[dn][0]['vm']) {
-            str += '        In Use - VM';
-          }
-        }
-        return str;
-      });
-    unwrapNumberRange = unwrapNumberRange.filter((unwrappedNumber: string) => !availableNumber.usedNumbers.includes(unwrappedNumber));
-    return unwrapNumberRange;
-  }
-
-  public unwrapNumberRange(start: string, end: string): string[] {
-    const regExp = /(^0+)/;
-    let leadingZeros = '';
-    const matches = start.match(regExp);
-    if (matches) {
-      leadingZeros = matches[1];
-    }
-    const startNumeric = new Big(start);
-    const endNumeric = new Big(end);
-    // @ts-ignore
-    return Array.from({length: (endNumeric.minus(startNumeric).plus(new Big(1)).toFixed(0))}, (v, k) => {
-      const number = String(startNumeric.plus(new Big(k)).toFixed(0));
-      if ((leadingZeros + number).length > start.length) {
-        leadingZeros = leadingZeros.substr(1);
-      }
-      return leadingZeros + number;
-    });
-  }
-
-  public fetchPhoneNumbers(customerId: number, locationId: string): any {
-    const params = {
-      available: true,
-      numberType: 'NUMBER'
-    };
-    return this.apiWebexService.fetch(API.PHONE_NUMBERS.replace(':customerId', String(customerId)).replace(':locationId', locationId), params)
-      .pipe(map((result: any) => {
-        if (result?.length) {
-          this.phoneNumbers = result.map((item: any) => item.phoneNumber);
-        }
-        return result;
-      }));
-  }
-}

package/projects/tuki/widgets/users-list/src/services/events-communication.service.ts

@@ -1,11 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-
-@Injectable()
-export class EventsCommunicationService {
-  public onSuccessfulLoginEvent = new Subject();
-
-  constructor() {
-  }
-
-}

package/projects/tuki/widgets/users-list/src/services/notification.service.ts

@@ -1,68 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Notification } from '../classes/notification';
-import { Subject } from 'rxjs';
-const SUCCESS_TIME = 5000;
-const INACTIVE_SESSION_MESSAGE = 'Your session was lost due to inactivity. Please login again';
-const INACTIVE_SESSION = 'SESSION_INACTIVE';
-
-@Injectable()
-export class NotificationService {
-
-  public listChange = new Subject();
-
-  private max = 0;
-  private list: Notification[] = [];
-
-  constructor(
-  ) {
-  }
-
-  error(message: string, ttl?: number): void {
-    this.notify('error', message, ttl);
-  }
-
-  success(message: string, ttl?: number): void {
-    this.notify('success', message, (!ttl) ? SUCCESS_TIME : ttl);
-  }
-
-  warning(message: string, ttl?: number): void {
-    this.notify('warning', message, ttl);
-  }
-
-  info(message: string, ttl?: number): void {
-    this.notify('info', message, ttl);
-  }
-  private notify(type: string, message: string, ttl?: number): void {
-    const found = this.list.find((n: Notification) => 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: Notification, auto?: boolean): void {
-    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);
-  }
-
-  private removeInactiveSessionError(): void {
-    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);
-  }
-
-}