@tuki-io/tuki-widgets 0.0.65 → 0.0.67

package/projects/tuki/widgets/user-manage/src/removeKynFromIBM.service.ts

@@ -1,25 +1,25 @@
-import { Injectable } from '@angular/core';
-import { CUCMS_TO_IGNORE, CUCS_TO_IGNORE } from './app.constants';
-
-@Injectable()
-export class RemoveKynFromIBMService {
-  constructor() {
-  }
-
-
-  removeCUCMS(date: any, customerId: number) {
-    if (customerId === 8) {
-      return date.filter((val: any) => !CUCMS_TO_IGNORE.includes(Math.round(val.cucmId)));
-    }
-    return date;
-  }
-
-  removeCUCS(date: any, customerId: number) {
-    if (customerId === 8) {
-      return date.filter((val: any) => !CUCS_TO_IGNORE.includes(Math.round(val.cucId)));
-    }
-    return date;
-  }
-
-
-}
+import { Injectable } from '@angular/core';
+import { CUCMS_TO_IGNORE, CUCS_TO_IGNORE } from './app.constants';
+
+@Injectable()
+export class RemoveKynFromIBMService {
+  constructor() {
+  }
+
+
+  removeCUCMS(date: any, customerId: number) {
+    if (customerId === 8) {
+      return date.filter((val: any) => !CUCMS_TO_IGNORE.includes(Math.round(val.cucmId)));
+    }
+    return date;
+  }
+
+  removeCUCS(date: any, customerId: number) {
+    if (customerId === 8) {
+      return date.filter((val: any) => !CUCS_TO_IGNORE.includes(Math.round(val.cucId)));
+    }
+    return date;
+  }
+
+
+}

package/projects/tuki/widgets/user-manage/src/services/api.service.ts

@@ -1,90 +1,90 @@
-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 {
-  public token: any;
-  apiUrl = window.location.protocol + '//' + window.location.hostname + '/dcp';
-
-  constructor(
-    private httpClient: HttpClient
-  ) {
-  }
-
-  fetch(url: string, params?: any, cache?: boolean) {
-    const headers = this.getHeaders(cache);
-    params = params || {};
-    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, ' '));
-  }
-
-}
+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 {
+  public token: any;
+  apiUrl = window.location.protocol + '//' + window.location.hostname + '/dcp';
+
+  constructor(
+    private httpClient: HttpClient
+  ) {
+  }
+
+  fetch(url: string, params?: any, cache?: boolean) {
+    const headers = this.getHeaders(cache);
+    params = params || {};
+    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/user-manage/src/services/dns.service.ts

@@ -1,116 +1,116 @@
-import { Injectable } from '@angular/core';
-import { API } from '../app.constants';
-import { APIService } from './api.service';
-import { map } from 'rxjs/operators';
-import { Observable } from 'rxjs';
-import { Big } from 'big.js';
-import { AvailablePhoneNumberRangeInterface, DnRangeType } from '../classes/line';
-// import * as Big from 'big.js';
-
-
-@Injectable()
-export class DnsService {
-  availableNumbers = {};
-  availableDidPatternsMappedToDn!: any;
-  constructor(
-    private apiService: APIService
-  ) {
-
-  }
-  public getNumberRange(siteId: string, routePartition: string, withdids?: boolean, from?: string, pageSize?: number): any {
-    // @ts-ignore
-    if (this.availableNumbers[routePartition] && 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): any {
-    const unwrapNumberRangeArray = this.unwrapNumberRange(availableNumber.phoneNumberRange.from, availableNumber.phoneNumberRange.to);
-    if (unwrapNumberRangeArray?.length) {
-      let unwrapNumberRange = unwrapNumberRangeArray.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;
-    } else {
-      return [];
-    }
-
-  }
-
-  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;
-    });
-  }
-}
+import { Injectable } from '@angular/core';
+import { API } from '../app.constants';
+import { APIService } from './api.service';
+import { map } from 'rxjs/operators';
+import { Observable } from 'rxjs';
+import { Big } from 'big.js';
+import { AvailablePhoneNumberRangeInterface, DnRangeType } from '../classes/line';
+// import * as Big from 'big.js';
+
+
+@Injectable()
+export class DnsService {
+  availableNumbers = {};
+  availableDidPatternsMappedToDn!: any;
+  constructor(
+    private apiService: APIService
+  ) {
+
+  }
+  public getNumberRange(siteId: string, routePartition: string, withdids?: boolean, from?: string, pageSize?: number): any {
+    // @ts-ignore
+    if (this.availableNumbers[routePartition] && 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): any {
+    const unwrapNumberRangeArray = this.unwrapNumberRange(availableNumber.phoneNumberRange.from, availableNumber.phoneNumberRange.to);
+    if (unwrapNumberRangeArray?.length) {
+      let unwrapNumberRange = unwrapNumberRangeArray.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;
+    } else {
+      return [];
+    }
+
+  }
+
+  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;
+    });
+  }
+}

package/projects/tuki/widgets/user-manage/src/services/line.service.ts

@@ -1,31 +1,31 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class LineService {
-  public generateLineAssociationFromLine(lineAssociation?: any) {
-   return {
-     directoryNumber: lineAssociation ? this.generateLineDirectory(lineAssociation) : null,
-     didPattern: lineAssociation ? this.generateDidPatternForLineAssociation(lineAssociation) : null,
-     mappedDids: lineAssociation ? '' : 'null',
-     index: lineAssociation ? lineAssociation.index : null,
-     position: lineAssociation ? lineAssociation.position : null,
-     textLabel: lineAssociation ? lineAssociation.textLabel : null,
-     // displayLabel: lineAssociation ? lineAssociation.displayLabel  : 'null',
-     alertingName: lineAssociation ? lineAssociation.alertingName : null,
-     callerNumber: lineAssociation ? '' : 'null'
-   }
-  }
-
-  generateLineDirectory(lineAssociation?: any): any {
-    return {
-      directoryNumber: lineAssociation.directoryNumber.directoryNumber,
-      routePartitionName: lineAssociation.directoryNumber.routePartitionName,
-    }
-  }
-
-  generateDidPatternForLineAssociation(lineAssociation?: any): any {
-    return {
-      calledPartyTransformationMask: lineAssociation.directoryNumber && lineAssociation.directoryNumber.directoryNumber
-    }
-  }
-}
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class LineService {
+  public generateLineAssociationFromLine(lineAssociation?: any) {
+   return {
+     directoryNumber: lineAssociation ? this.generateLineDirectory(lineAssociation) : null,
+     didPattern: lineAssociation ? this.generateDidPatternForLineAssociation(lineAssociation) : null,
+     mappedDids: lineAssociation ? '' : 'null',
+     index: lineAssociation ? lineAssociation.index : null,
+     position: lineAssociation ? lineAssociation.position : null,
+     textLabel: lineAssociation ? lineAssociation.textLabel : null,
+     // displayLabel: lineAssociation ? lineAssociation.displayLabel  : 'null',
+     alertingName: lineAssociation ? lineAssociation.alertingName : null,
+     callerNumber: lineAssociation ? '' : 'null'
+   }
+  }
+
+  generateLineDirectory(lineAssociation?: any): any {
+    return {
+      directoryNumber: lineAssociation.directoryNumber.directoryNumber,
+      routePartitionName: lineAssociation.directoryNumber.routePartitionName,
+    }
+  }
+
+  generateDidPatternForLineAssociation(lineAssociation?: any): any {
+    return {
+      calledPartyTransformationMask: lineAssociation.directoryNumber && lineAssociation.directoryNumber.directoryNumber
+    }
+  }
+}

package/projects/tuki/widgets/user-manage/src/services/notification.service.ts

@@ -1,68 +1,68 @@
-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);
-  }
-
-}
+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);
+  }
+
+}