@tuki-io/tuki-widgets 0.0.134 → 0.0.136

package/projects/tuki/widgets/users-list/src/classes/simlified-user.ts

@@ -1,74 +0,0 @@
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { BehaviorSubject } from 'rxjs';
-import { getSavableData } from '../utils/common-functions';
-import { REGEX_PATTERN } from '../app.constants';
-
-export class SimplifiedUser {
-  userid!: string;
-  email!: string;
-  firstName!: string;
-  lastName!: string;
-  token!: string;
-  viewMode!: string;
-  hasModifiedCache!: boolean;
-  newUserId?: string;
-  editMode!: boolean;
-  form!: FormGroup;
-
-  constructor(user?: any) {
-    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: string[] = ['form', 'editMode', 'viewMode', 'token', 'hasModifiedCache'];
-    return getSavableData(this, excludedFields);
-  }
-
-  equal(userToCompare?: SimplifiedUser): boolean {
-    if (!userToCompare) {
-      return false;
-    }
-    return JSON.stringify(this.getSavableData()) === JSON.stringify(userToCompare.getSavableData());
-  }
-
-}
-
-export interface SimplifiedUserInterface {
-  userid: string;
-  email: string;
-  firstName: string;
-  lastName: string;
-  form?: FormGroup;
-}

package/projects/tuki/widgets/users-list/src/classes/table-data.ts

@@ -1,6 +0,0 @@
-
-export interface TableDataInterface {
-  total: number;
-  pageData: Array<any>;
-  systemSettings?: any;
-}

package/projects/tuki/widgets/users-list/src/classes/user-interface.ts

@@ -1,225 +0,0 @@
-/*
-
-export interface UserInterface {
-  userid: string;
-  firstName: string;
-  lastName: string;
-  middleName: string;
-  email: string;
-  department: string;
-  telephoneNumber: string;
-  homeNumber: string;
-  mobileNumber: string;
-  pagerNumber: string;
-  displayName: string;
-  features: string[];
-  ldapIntegrated: boolean;
-  sparkLicenses: any[];
-  extensionMobility: ExtensionMobilityInterface;
-  singleNumberReach?: SingleNumberReachInterface;
-  primaryLineReference: LineDirectoryInterface;
-  voicemail: VoicemailInterface;
-  devices: DeviceInterface[];
-  deviceProfiles: DeviceInterface[];
-  lines: LineInterface[];
-  subscribeCss: string;
-  presenceGroup: string;
-  allowDeviceControlFromCti: boolean;
-  enableCrossClusterEm: boolean;
-  ucServiceProfile: string;
-  manager: string;
-  title: string;
-  associatedPc: string;
-  userProfile: string;
-  enableUserToHostConferenceNow: boolean;
-  attendeesAccessCode: string;
-  enableMobileVoiceAccess: boolean;
-  mlppUserIdNumber: string;
-  mlppPrecedencePattern: string;
-  userLocale: string;
-  siteId: number;
-  siteName: string;
-  location: string;
-  lineAppearances: Array<LineAppearance>;
-  meetMes: Array<MeetMeConferencing>;
-  homeCluster: boolean;
-  vmOnlyUser?: boolean;
-  directoryUri:string;
-}
-
-export interface SingleNumberReachInterface {
-  remoteDestinationProfileName: string;
-  remoteDestinations?: RemoteDestinationInterface[];
-  devicePool?: string;
-  css?: string;
-  rerouteCss?: string;
-}
-
-export interface VoicemailInterface {
-  callHandlerObjectId?: string;
-  extension: string;
-  vmUserTemplate?: string;
-  vmPassword?: VoicemailSettingsInterface;
-  vmMailbox?: MailboxInterface;
-  vmUnifiedMessagingAccount?: UnifiedMessagingAccount[];
-  notificationDevices?: VoicemailNotifications[];
-  alternateExtensions?: AlternateExtensions[];
-  language?: LanguageMailbox;
-  messageActions?: MessageActions;
-  webAppPassword?: WebAppPassword;
-  vmPasswordSettings?: VmPasswordSettings;
-  pkid?: string;
-}
-
-export interface ExtensionMobilityInterface {
-  deviceType: string;
-  deviceProfileName: string;
-  buttonTemplate: string;
-  services: string[];
-  protocol: string;
-  userLocale: string;
-  lineAssociations: LineAssociationInterface[];
-  speedDials: SpeedDialInterface[];
-}
-
-export interface SpeedDialInterface {
-  index: number;
-  position: number;
-  destination: string;
-  label: string;
-  editMode?: boolean;
-}
-
-export interface DeviceInterface {
-  name: string;
-  newName: string;
-  pkid: string;
-  entityChangeType: EntityChangeType;
-  deviceType: string;
-  protocol: string;
-  description: string;
-  buttonTemplate: string;
-  softkeyTemplate: string;
-  devicePoolName: string;
-  location: string;
-  userLocale: string;
-  enabledExtensionMobility: boolean;
-  callingSearchSpaceName: string;
-  services: string[];
-  networkLocale: string;
-  securityProfile: string;
-  lineAssociations: LineAssociationInterface[];
-  speedDials: SpeedDialInterface[];
-  sipProfile: string;
-  subscribeCallingSearchSpaceName: string;
-  commonPhoneConfigName: string;
-  ctiRemoteDevice: boolean;
-  firstExpansionModule: string;
-  secondExpansionModule: string;
-  thirdExpansionModule: string;
-  builtInBridge: string;
-  extraOptions?: DeviceExtraOptionsInterface;
-  formDisabledControls?: string[];
-  sharedUsers: string[];
-  busyLampFields: BusyLampFieldsInterface[];
-  meetMeEnabled: boolean;
-  deviceKind;
-  isCtiRoutePoint?: boolean;
-  cucmId: string;
-  plarDevice?: boolean;
-  firmwareVersion;
-  certificateOperation: string;
-  authenticationMode: string;
-  authenticationString?: string;
-  rsaKeySize?: string;
-  operationCompletesBy: string;
-  certificateStatus: string;
-  day?: string;
-  month?: string;
-  year?: string;
-  hour?: string;
-  securityProfileUuid?: string;
-  excludeDeviceExtraOptions?: boolean;
-}
-
-export interface DeviceViewConfiguration {
-  viewMode: any;
-  editMode: boolean;
-}
-
-export enum DeviceViewType {
-  details = 0,
-  lines = 1,
-  speedDials = 2,
-  blf = 2,
-}
-
-export interface LineAssociationInterface {
-  index: number;
-  position?: number;
-  e164Mask: string;
-  textLabel: string;
-  displayLabel: string;
-  displayLabelAscii: string;
-  directoryNumber: LineDirectoryInterface;
-  didPattern: TranslationPatternInterface;
-  mappedDids: Array<string>;
-  linePkid: string;
-  maxNumberOfCalls: number;
-  busyTrigger: number;
-  recordingOption: RecordingOptions;
-  recordingProfile: string;
-  recordingMediaSource: string;
-  visualMWI: string;
-  audibleMWI: string;
-  ringSetting_idle: string;
-  ringSetting_active: string;
-  pickupAAS_idle: string;
-  pickupAAS_active: string;
-  monitorCSS: string;
-  logMissedCall: string;
-  callInfoDisplay: LineCallInfoDisplayInterface;
-  lineLocalId: string;
-  sharedUsers: string[];
-  sharedDevices: string[];
-  ownerUserId: Array<string>;
-  associated: boolean;
-  populateWithDid: boolean;
-}
-
-export interface LineCallInfoDisplayInterface {
-  callerName: string;
-  callerNumber: string;
-  redirectedNumber: string;
-  dialedNumber: string;
-}
-
-export interface LineDirectoryInterface {
-  directoryNumber: string;
-  routePartitionName: string;
-  pkid: string;
-  dnType: string;
-  subType?: string;
-  templateDirectoryNumber?: string;
-}
-
-export interface TranslationPatternInterface {
-  pattern: string;
-  calledPartyTransformationMask: string;
-  description?: string;
-  site?: SiteShortDataInterface;
-  hasMultipleSites?: boolean;
-  multipleSitesId?: string;
-}
-
-export interface SiteShortDataInterface {
-  id: number;
-  name: string;
-}
-
-export enum RecordingOptions {
-  disabled = 'Call Recording Disabled',
-  auto_enabled = 'Automatic Call Recording Enabled',
-  selective_enabled = 'Selective Call Recording Enabled'
-}
-*/

package/projects/tuki/widgets/users-list/src/classes/user-list.ts

@@ -1,47 +0,0 @@
-import { DeviceInterface } from './device';
-import { LineInterface } from './line';
-
-export class ListUser implements ListUserInterface {
-  // @ts-ignore
-  userid: string;
-  firstName?: string;
-  lastName?: string;
-  email?: string;
-  telephoneNumber?: string;
-  devices: DeviceInterface[] = [];
-  deviceProfiles: DeviceInterface[] = [];
-  lines?: LineInterface[];
-  siteId?: number;
-  siteName?: string;
-  webexUUID?: string;
-  cucmId?: number;
-  roleName?: string;
-  status?: string;
-  ldapIntegrated!: boolean;
-  isMigrated = false;
-
-  constructor(user?: ListUser, roleName?: string) {
-    if (user) {
-      Object.assign(this, user);
-    }
-    if (roleName) {
-      this.roleName = roleName;
-    }
-  }
-}
-
-export interface ListUserInterface {
-  userid: string;
-  firstName?: string;
-  lastName?: string;
-  email?: string;
-  telephoneNumber?: string;
-  viewMode?: any;
-  devices: DeviceInterface[];
-  deviceProfiles: DeviceInterface[];
-  lines?: LineInterface[];
-  siteId?: number;
-  siteName?: string;
-  webexUUID?: string;
-  cucmId?: number;
-}

package/projects/tuki/widgets/users-list/src/classes/user.ts

@@ -1,8 +0,0 @@
-export enum UserView {
-  USER = 0,
-  DEVICE = 1,
-  LINE = 2,
-  SNR = 3,
-  FEATURES = 4,
-  USER_COLLECTION = 5
-}

package/projects/tuki/widgets/users-list/src/components/table-toolbar/table-toolbar.component.html

@@ -1,39 +0,0 @@
-<header style="margin-bottom: 1rem;">
-    <div style="display: flex; align-items: center; justify-content: space-between;">
-      <div class="collection-header-left">
-        <div style="display: flex; align-items: center; gap: 12px;">
-          <!-- Search Input -->
-          <div style="position: relative; width: fit-content; min-width: 200px;">
-            <input (input)="onSearchInputChange($event)" type="text" placeholder="Search by display name, email" style="width: 100%; height: 34px; border-radius: .5rem; font-size: 16px; padding: 6px 12px 6px 44px; border: 1px solid #00000080; background: #fff; color: #222; outline: none; box-sizing: border-box; min-width: 280px;">
-            <span style="position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #757575; font-size: 18px; font-weight: normal; pointer-events: none;">
-              <i class="material-icons" style="font-size: 18px; font-weight: normal;">search</i>
-            </span>
-          </div>
-          <span style="margin: 0 4px; color: #757575; font-size: 1rem;">or</span>
-          <!-- Filter Select -->
-          <div style="display: flex; align-items: center; position: relative; width: fit-content; min-width: 200px;">
-            <span style="position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #757575; font-size: 18px; font-weight: normal; pointer-events: none;">
-              <i class="material-icons" style="font-size: 18px; font-weight: normal;">filter_list</i>
-            </span>
-            <select style="height: 34px; border-radius: .5rem; font-size: 16px; padding: 6px 32px 6px 44px; border: 1px solid #00000080; background: #fff; min-width: 200px; width: fit-content; color: #222; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill=\'%23757575\' height=\'20\' viewBox=\'0 0 24 24\' width=\'20\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/></svg>'); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px 20px;">
-              <option>Filter</option>
-            </select>
-          </div>
-          <span style="margin: 0 4px; color: #757575; font-size: 1rem;">or</span>
-          <!-- Location Select -->
-          <select style="height: 34px; border-radius: .5rem; font-size: 16px; padding: 6px 32px 6px 12px; border: 1px solid #00000080; background: #fff; min-width: 200px; width: fit-content; color: #222; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill=\'%23757575\' height=\'20\' viewBox=\'0 0 24 24\' width=\'20\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/></svg>'); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px 20px;">
-            <option>Select a Location</option>
-          </select>
-          <span style="margin-left: 8px; color: #757575; font-size: 1rem; white-space: nowrap;">{{ totalUsersCount }} users</span>
-        </div>
-      </div>
-      <div style="display: flex; gap: 1rem;">
-        <button class="btn si">
-          Send invitations
-        </button>
-        <button class="btn mu">
-          Manage users
-        </button>
-      </div>
-    </div>
-</header>

package/projects/tuki/widgets/users-list/src/components/table-toolbar/table-toolbar.component.scss

@@ -1,41 +0,0 @@
-.btn {
-  position: relative;
-  display: inline-flex;
-  gap: 6px;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden !important;
-  width: min-content;
-  max-width: 100%;
-  padding: 0rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 6.25rem;
-  font-weight: 500;
-  font-size: 14px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
-
-  height: 2rem;
-
-  cursor: pointer;
-
-  &:hover {
-    background-color: #0000000d;
-  }
-}
-
-.si {
-  border-color: #0000004d;
-  background-color: #00000000;
-  color: #000000f2;
-}
-
-.mu {
-  color: #ffffff;
-  background-color: #000000f2;
-
-  &:hover {
-    background-color: #232323e6 !important;
-  }
-}

package/projects/tuki/widgets/users-list/src/components/table-toolbar/table-toolbar.component.ts

@@ -1,21 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
-
-@Component({
-    selector: 'tk-users-table-toolbar',
-    templateUrl: './table-toolbar.component.html',
-    styleUrls: ['./table-toolbar.component.scss']
-})
-export class TableToolbarComponent {
-    @Input() totalUsersCount!: number;
-    @Output() readonly searchChange = new EventEmitter<string>();
-
-    private timerId!: number; 
-
-    onSearchInputChange(event: Event): void {
-        const value = (event.target as HTMLInputElement).value.trim().toLowerCase() || '';
-
-        if (this.timerId) window.clearTimeout(this.timerId);
-
-        this.timerId = window.setTimeout(() => this.searchChange.emit(value), 1500);
-    }
-}

package/projects/tuki/widgets/users-list/src/material.module.ts

@@ -1,97 +0,0 @@
-import { NgModule } from '@angular/core';
-
-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 { MatButtonModule } from '@angular/material/button';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatInputModule } from '@angular/material/input';
-import { MatNativeDateModule } from '@angular/material/core';
-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 { MatSelectModule } from '@angular/material/select';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTableModule } from '@angular/material/table';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatIconModule } from '@angular/material/icon';
-
-
-@NgModule({
-  imports: [
-    DragDropModule,
-    MatButtonModule,
-    MatListModule,
-    MatProgressSpinnerModule,
-    MatExpansionModule,
-    MatInputModule,
-    MatInputModule,
-    MatListModule,
-    MatTreeModule,
-    MatTreeModule,
-    MatNativeDateModule,
-    MatDatepickerModule,
-    MatTooltipModule,
-    MatAutocompleteModule,
-    MatChipsModule,
-    MatSidenavModule,
-    MatFormFieldModule,
-    MatStepperModule,
-    MatTabsModule,
-    MatCardModule,
-    MatSelectModule,
-    MatCheckboxModule,
-    MatSlideToggleModule,
-    MatTableModule,
-    MatPaginatorModule,
-    MatMenuModule,
-    MatDialogModule,
-    MatRadioModule,
-    MatIconModule
-  ],
-  exports: [
-    DragDropModule,
-    MatButtonModule,
-    MatListModule,
-    MatProgressSpinnerModule,
-    MatExpansionModule,
-    MatInputModule,
-    MatInputModule,
-    MatListModule,
-    MatTreeModule,
-    MatTreeModule,
-    MatNativeDateModule,
-    MatDatepickerModule,
-    MatTooltipModule,
-    MatAutocompleteModule,
-    MatChipsModule,
-    MatSidenavModule,
-    MatFormFieldModule,
-    MatStepperModule,
-    MatTabsModule,
-    MatCardModule,
-    MatCheckboxModule,
-    MatSelectModule,
-    MatSlideToggleModule,
-    MatProgressSpinnerModule,
-    MatTableModule,
-    MatPaginatorModule,
-    MatMenuModule,
-    MatDialogModule,
-    MatRadioModule,
-    MatIconModule
-  ],
-})
-export class MaterialModule {
-}

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

@@ -1,37 +0,0 @@
-<form>
-  <div class="device-item-panel-container">
-    <div class="device-left">
-      <div
-        class="device-migration-status"
-        [ngClass]="{'--checked':  device.toMigrate}"
-      >
-        <mat-checkbox
-          class="rounded"
-          [checked]="device.toMigrate"
-        ></mat-checkbox>
-      </div>
-    </div>
-    <div class="device-right">
-      <div class="device-header">
-        <div class="device-name">{{ device.name }}</div>
-        <div class="device-migrate" *ngIf="device.isEligible">
-          <mat-checkbox name="toMigrate"
-            [(ngModel)]="device.toMigrate"
-          >Migrate this device</mat-checkbox>
-        </div>
-      </div>
-      <mat-divider></mat-divider>
-      <div class="device-info">
-        <div *ngIf="device.product" class="device-info__item">
-          <div class="key">Device type</div>
-          <div class="value">{{ device.product }}</div>
-        </div>
-        <div *ngIf="device.mac" class="device-info__item">
-          <div class="key">MAC address</div>
-          <div class="value">{{ device.mac }}</div>
-        </div>
-
-      </div>
-    </div>
-  </div>
-</form>