@tuki-io/tuki-widgets 0.0.219-dev.0 → 0.0.220

package/projects/tuki/widgets/user-creation/src/shared/styles/styles.scss

@@ -1,96 +0,0 @@
-//@import url( 'https://fonts.googleapis.com/css?family=Roboto:400,700|Material+Icons');
-//@import url('https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900');
-@import url('https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900');
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap');
-
-// @import '../../../../../../node_modules/@angular/material/theming';
-
-$fa-font-path : '../../node_modules/font-awesome/fonts';
-
-//$common-font: Raleway, 'Raleway', sans-serif;
-//$special-font: Raleway, 'Roboto', sans-serif;
-//$content-font: 'Roboto', sans-serif;
-//$buttons-font: Raleway, 'Raleway', sans-serif;
-//$input-font: 'Roboto', sans-serif;
-$menu-font: Poppins, 'Poppins', sans-serif;
-$main-font: Inter, 'Inter', sans-serif;
-//$sub-menu-font: Inter, 'Inter', sans-serif;
-$font-size: 14px;
-$txt-color: rgba(0, 0, 0, 0.87);
-$table-title-color: rgba(0,0,0,.54);;
-$txt-grey-color: #454e5e;
-$header-gradient: linear-gradient(90deg,#0d56aa,#0d56ab);
-$poppins-font: Poppins, 'Poppins', sans-serif;
-
-$icon-color: #8E9FB7;
-$active-color: #0D56AA;
-$icon-box-color: #0773BC;
-$mark-color: #009FDB;
-$hover-color: #0985A0;
-$error-color: #C73636;
-$main-txt-color: #333;
-
-$primary: #0985A0;
-
-$table-border-color: rgba(0, 0, 0, 0.12);
-$input-border-color: rgba(0, 0, 0, 0.30);
-$bg-color: #F7F9FB;
-
-$error-bg-color: #f2dede;
-$error-border-color: #ebccd1;
-$error-txt-color: #bc1e1b;
-$qob-error-color: #E70707;
-
-$warning-bg-color: #fcf8e3;
-$warning-border-color: #e5e1cd;
-$warning-txt-color: #8a6d3b;
-
-$success-bg-color: #e3f4dc;
-$success-border-color: #b3d692;
-$success-txt-color: #3c763d;
-
-$read-only-txt-color: rgba(0, 0, 0, 0.38);
-$my-menu-txt-color: #555555;
-
-$page-background-color: #F3F6F6;
-$disabled-button-text-color: #BABCC5;
-$dark-elements-color: #2C355D;
-$dark-disabled-btn-color: #DFE3E7;
-$disabled-color: #DFE3E7;
-$link-color: #0985A0;
-$title-color: #0985A0;
-$active-link-color: #0985A0;
-$text-color: #646464;
-$light-border-color: #DEE5EA;
-$icon-background: #D2E5E5;
-
-// QOB style
-$navy: #2399DA;
-$dark-blue: #2C355D;
-$qob-danger-color: #E70707;
-$qob-disabled-color: #D4D4D4;
-
-// WEBEX STYLE
-
-$webex-body-bg: #f7f7f7;
-
-
-$webex-icon-bg: #d0d0d0;
-$webex-icon-color: #2a2a2a;
-$webex-text-color: #252525;
-
-$webex-tr-hover-bg: #ededed;
-$webex-tr-border: #dedede;
-
-$webex-table-th-bg: #f7f7f7;
-$webex-table-th-txt: #636363;
-$webex-table-th-size: 12px;
-
-$webex-table-td-bg: #fff;
-$webex-table-td-txt: #636363;
-$webex-table-td-size: 14px;
-
-$webex-pagination-txt: #636363;
-$webex-pagination-hover-bg: #ededed;
-
-$black-alpha-50: rgba(0, 0, 0, 0.5);

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

@@ -1,63 +0,0 @@
-import { CommonModule } from "@angular/common";
-import { NgModule } from "@angular/core";
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatExpansionModule } from "@angular/material/expansion";
-import { MatRadioModule } from '@angular/material/radio';
-import { MatStepperModule } from "@angular/material/stepper";
-import { NotificationsComponent } from "./shared/components/notification/notification.component";
-import { MaterialModule } from "./shared/material.module";
-import { NotificationService } from "./shared/services/notification.service";
-import { UserCreationApiService } from "./shared/services/user-creation-api.service";
-import { SharedModule } from "./shared/shared.module";
-import { UserDetailsStepComponent } from "./widgets/user-creation-wizard/components/user-details-step/user-details-step.component";
-import { UserOverviewStepComponent } from "./widgets/user-creation-wizard/components/user-overview-step/user-overview-step.component";
-import { UserTemplateStepComponent } from "./widgets/user-creation-wizard/components/user-template-step/user-template-step.component";
-import { UserCreationWizardComponent } from "./widgets/user-creation-wizard/user-creation-wizard.component";
-import { UserCreationWizardService } from "./widgets/user-creation-wizard/user-creation-wizard.service";
-import { AppLoaderComponent } from './utils/app-loader/app-loader';
-import { TranslateLoader, TranslateModule } from "@ngx-translate/core";
-import { TruncatePipe } from "./shared/pipes/truncate.pipe";
-import { HttpClient } from "@angular/common/http";
-import { TranslateHttpLoader } from '@ngx-translate/http-loader';
-
-export function HttpLoaderFactory(http: HttpClient) {
-  return new TranslateHttpLoader(http);
-}
-
-@NgModule({
-    declarations: [
-        UserCreationWizardComponent,
-        UserTemplateStepComponent,
-        NotificationsComponent,
-        UserDetailsStepComponent,
-        UserOverviewStepComponent,
-        AppLoaderComponent,
-        TruncatePipe,
-    ],
-    imports: [
-        CommonModule,
-        SharedModule,
-        MaterialModule,
-        MatStepperModule,
-        MatExpansionModule,
-        FormsModule, 
-        ReactiveFormsModule,
-        MatRadioModule,
-        TranslateModule.forRoot({
-            loader: {
-                provide: TranslateLoader,
-                useFactory: HttpLoaderFactory,
-                deps: [HttpClient]
-            }
-        }),
-    ],
-    exports: [
-        UserCreationWizardComponent,
-    ],
-    providers: [
-        UserCreationApiService,
-        UserCreationWizardService,
-        NotificationService,
-    ]
-})
-export class UserCreationModule {}

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

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

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

@@ -1,14 +0,0 @@
-.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;
-    // display: flex;
-    justify-content: center;
-    align-items: center;
-}

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

@@ -1,13 +0,0 @@
-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-creation/src/utils/build-savable-end-user.ts

@@ -1,238 +0,0 @@
-import {
-    DeviceInterface,
-    EndUserInterface,
-    LineAssociation,
-    LineInterface,
-    UserDetailsForm,
-} from '../interfaces/user-creation-wizard.interfaces';
-
-export const ENTITY_CHANGE_TYPE = {
-    ADDED: 'added',
-    UPDATED: 'updated',
-    EXISTING: 'existing',
-    REMOVED: 'removed',
-} as const;
-
-export interface CallInfoDisplayPayload {
-    callerName?: string | null;
-    callerNumber?: string | null;
-    redirectedNumber?: string | null;
-    dialedNumber?: string | null;
-}
-
-export interface DidPatternPayload {
-    calledPartyTransformationMask?: string | null;
-    pattern?: string | null;
-    [key: string]: unknown;
-}
-
-export interface BuildSavableEndUserOptions {
-    resolveDeviceName?: (index: number, device: DeviceInterface) => string;
-    resolveDeviceProfileName?: (index: number, device: DeviceInterface) => string;
-}
-
-function deepClone<T>(value: T): T {
-    return JSON.parse(JSON.stringify(value)) as T;
-}
-
-function toApiBooleanString(value: unknown): string {
-    if (value === true || value === 'true') {
-        return 'true';
-    }
-    if (value === false || value === 'false') {
-        return 'false';
-    }
-    return value == null || value === '' ? '' : String(value);
-}
-
-function toApiStringValue(value: unknown): string {
-    if (value === true) {
-        return 'true';
-    }
-    if (value === false) {
-        return 'false';
-    }
-    return value == null ? '' : String(value);
-}
-
-function normalizeCallInfoDisplay(
-    callInfoDisplay: unknown
-): CallInfoDisplayPayload | null {
-    if (!callInfoDisplay) {
-        return null;
-    }
-    if (typeof callInfoDisplay === 'string') {
-        try {
-            const parsed = JSON.parse(callInfoDisplay);
-            return normalizeCallInfoDisplay(parsed);
-        } catch {
-            return null;
-        }
-    }
-    if (typeof callInfoDisplay !== 'object') {
-        return null;
-    }
-    const source = callInfoDisplay as Record<string, unknown>;
-    return {
-        callerName: source['callerName'] != null ? toApiBooleanString(source['callerName']) : null,
-        callerNumber: source['callerNumber'] != null ? toApiBooleanString(source['callerNumber']) : null,
-        redirectedNumber: source['redirectedNumber'] != null ? toApiBooleanString(source['redirectedNumber']) : null,
-        dialedNumber: source['dialedNumber'] != null ? toApiBooleanString(source['dialedNumber']) : null,
-    };
-}
-
-function normalizeDidPattern(
-    didPattern: unknown,
-    line?: LineInterface,
-    directoryNumber?: string
-): DidPatternPayload | null {
-    if (didPattern && typeof didPattern === 'object') {
-        return didPattern as DidPatternPayload;
-    }
-    if (typeof didPattern === 'string' && didPattern.trim()) {
-        return { calledPartyTransformationMask: didPattern };
-    }
-    const dn = directoryNumber || line?.directoryNumber?.directoryNumber;
-    if (dn) {
-        return { calledPartyTransformationMask: dn };
-    }
-    return null;
-}
-
-function normalizeDirectoryNumber(
-    directoryNumber: LineAssociation['directoryNumber']
-): LineAssociation['directoryNumber'] {
-    const { displayValue: _displayValue, ...rest } = directoryNumber;
-    return {
-        directoryNumber: rest.directoryNumber ?? '',
-        routePartitionName: rest.routePartitionName ?? '',
-        templateDirectoryNumber: rest.templateDirectoryNumber,
-        pkid: rest.pkid || null,
-        dnType: rest.dnType || null,
-        subType: rest.subType ?? null,
-    };
-}
-
-function prepareLineAssociation(
-    association: LineAssociation,
-    line?: LineInterface
-): LineAssociation {
-    const prepared = deepClone(association);
-    const lineDn = line?.directoryNumber;
-
-    if (lineDn) {
-        prepared.directoryNumber = {
-            ...prepared.directoryNumber,
-            directoryNumber: lineDn.directoryNumber || '',
-            routePartitionName: lineDn.routePartitionName || '',
-            templateDirectoryNumber:
-                lineDn.templateDirectoryNumber ??
-                prepared.directoryNumber?.templateDirectoryNumber,
-        } as LineAssociation['directoryNumber'];
-    }
-
-    prepared.directoryNumber = normalizeDirectoryNumber(prepared.directoryNumber);
-    prepared.entityChangeType = prepared.entityChangeType || ENTITY_CHANGE_TYPE.ADDED;
-    prepared.logMissedCall = toApiBooleanString(prepared.logMissedCall) as unknown as LineAssociation['logMissedCall'] || 'false';
-    prepared.callInfoDisplay = normalizeCallInfoDisplay(prepared.callInfoDisplay) as unknown as LineAssociation['callInfoDisplay'];
-    prepared.didPattern = normalizeDidPattern(
-        prepared.didPattern,
-        line,
-        prepared.directoryNumber?.directoryNumber
-    ) as unknown as LineAssociation['didPattern'];
-    prepared.visualMWI = toApiStringValue(prepared.visualMWI) as unknown as LineAssociation['visualMWI'];
-    prepared.audibleMWI = toApiStringValue(prepared.audibleMWI) as unknown as LineAssociation['audibleMWI'];
-    prepared.associated = prepared.associated ?? true;
-
-    return prepared;
-}
-
-function prepareLine(line: LineInterface): LineInterface {
-    const prepared = deepClone(line);
-    prepared.entityChangeType = prepared.entityChangeType || ENTITY_CHANGE_TYPE.ADDED;
-    if (prepared.directoryNumber) {
-        prepared.directoryNumber = normalizeDirectoryNumber(prepared.directoryNumber);
-    }
-    return prepared;
-}
-
-function syncDeviceLineAssociations(device: DeviceInterface, lines: LineInterface[]): void {
-    device.lineAssociations = (device.lineAssociations || []).map((association, index) =>
-        prepareLineAssociation(association, lines[index])
-    );
-}
-
-function prepareDeviceForSave(
-    device: DeviceInterface,
-    userId: string,
-    lines: LineInterface[],
-    deviceName: string
-): DeviceInterface {
-    const prepared = deepClone(device);
-    const resolvedName = deviceName.trim();
-
-    prepared.name = resolvedName;
-    prepared.newName = resolvedName;
-    prepared.entityChangeType = prepared.entityChangeType || ENTITY_CHANGE_TYPE.ADDED;
-    prepared.createDeviceMode = prepared.createDeviceMode ?? false;
-
-    if (prepared.extraOptions) {
-        prepared.extraOptions.mobilityUserId = userId;
-    }
-
-    syncDeviceLineAssociations(prepared, lines);
-    return prepared;
-}
-
-function resolvePrimaryLineReference(user: EndUserInterface): unknown | null {
-    const firstDeviceAssociation = user.devices?.[0]?.lineAssociations?.[0]?.directoryNumber;
-    if (firstDeviceAssociation) {
-        return firstDeviceAssociation;
-    }
-    const firstLineDn = user.lines?.[0]?.directoryNumber;
-    return firstLineDn ?? null;
-}
-
-export function buildSavableEndUser(
-    endUser: EndUserInterface,
-    lines: LineInterface[],
-    devices: DeviceInterface[],
-    deviceProfiles: DeviceInterface[],
-    form: UserDetailsForm,
-    options: BuildSavableEndUserOptions = {}
-): EndUserInterface {
-    const user = deepClone(endUser);
-
-    user.userid = form.userId || user.userid || '';
-    user.firstName = form.firstName || user.firstName || '';
-    user.lastName = form.lastName || user.lastName || '';
-    user.email = form.email || user.email || '';
-    user.createUserMode = false;
-
-    user.lines = (lines || []).map(line => prepareLine(line));
-    user.devices = (devices || []).map((device, index) =>
-        prepareDeviceForSave(
-            device,
-            user.userid || '',
-            user.lines,
-            options.resolveDeviceName?.(index, device) ?? device.name ?? device.newName ?? ''
-        )
-    );
-    user.deviceProfiles = (deviceProfiles || []).map((profile, index) =>
-        prepareDeviceForSave(
-            profile,
-            user.userid || '',
-            user.lines,
-            options.resolveDeviceProfileName?.(index, profile) ?? profile.name ?? profile.newName ?? ''
-        )
-    );
-
-    user.primaryLineReference = resolvePrimaryLineReference(user);
-
-    const snr = user.singleNumberReach as { remoteDestinationProfileName?: string | null } | null | undefined;
-    if (snr && !snr.remoteDestinationProfileName) {
-        user.singleNumberReach = null as EndUserInterface['singleNumberReach'];
-    }
-
-    return user;
-}

package/projects/tuki/widgets/user-creation/src/utils/device-default-prefix.ts

@@ -1,17 +0,0 @@
-import { DeviceInterface } from '../interfaces/user-creation-wizard.interfaces';
-
-/** Matches device types like `Cisco 8851`. */
-export const CISCO_DIGIT_DEVICE_TYPE_PATTERN = /^Cisco\s+\d+$/i;
-
-export const DEFAULT_SEP_DEVICE_PREFIX = 'SEP';
-
-export function applyDefaultDevicePrefixIfMissing(device: Pick<DeviceInterface, 'prefix' | 'deviceType'>): void {
-    if (device.prefix?.trim()) {
-        return;
-    }
-
-    const deviceType = device.deviceType?.trim() ?? '';
-    if (CISCO_DIGIT_DEVICE_TYPE_PATTERN.test(deviceType)) {
-        device.prefix = DEFAULT_SEP_DEVICE_PREFIX;
-    }
-}

package/projects/tuki/widgets/user-creation/src/utils/device-name-validation.ts

@@ -1,30 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-
-export interface DeviceNameValidatorOptions {
-    regex: string;
-    caption?: string | null;
-}
-
-export function deviceNameValidator(options: DeviceNameValidatorOptions): ValidatorFn {
-    return (control: AbstractControl): ValidationErrors | null => {
-        const raw = String(control.value ?? '').trim();
-        if (!raw || !options.regex?.trim()) {
-            return null;
-        }
-
-        try {
-            const rule = new RegExp(`^(?:${options.regex})$`);
-            if (!rule.test(raw)) {
-                return {
-                    deviceName: {
-                        caption: options.caption || options.regex,
-                    },
-                };
-            }
-        } catch {
-            return null;
-        }
-
-        return null;
-    };
-}

package/projects/tuki/widgets/user-creation/src/utils/model.ts

@@ -1,16 +0,0 @@
-export const getSavableData = (model: any, exclude?: Array<string>) => {
-  let result = Object.keys(model);
-  if (exclude && exclude.length) {
-    result = result.filter(key => !exclude.some(item => item === key));
-  }
-  return result.reduce((result: any, key) => {
-    if (model[key] instanceof Array && model[key].length && model[key][0].getSavableData) {
-      result[key] = model[key].map((item: any) => item.getSavableData());
-    } else if (model[key] instanceof Object && model[key].getSavableData) {
-      result[key] = model[key].getSavableData();
-    } else {
-      result[key] = model[key];
-    }
-    return result;
-  }, {});
-};

package/projects/tuki/widgets/user-creation/src/utils/models.ts

@@ -1,46 +0,0 @@
-import {Device} from '../classes/user/device';
-import {EntityChangeType} from '../interfaces/user/additional/entity-change-type';
-import {Line} from '../classes/user/line';
-
-export const getSavableData = (model: any, exclude?: Array<string>) => {
-  let result = Object.keys(model);
-  if (exclude && exclude.length) {
-    result = result.filter(key => !exclude.some(item => item === key));
-  }
-  return result.reduce((result, key) => {
-    if (model[key] instanceof Array && model[key].length && model[key][0].getSavableData) {
-      result[key] = model[key].map(item => item.getSavableData());
-    } else if (model[key] instanceof Object && model[key].getSavableData) {
-      result[key] = model[key].getSavableData();
-    } else {
-      result[key] = model[key];
-    }
-    return result;
-  }, {});
-};
-
-export const setEntityChangeType = (entity: Device | Line, originalEntity: Device | Line) => {
-  if (originalEntity) {
-    if (entity.entityChangeType !== EntityChangeType.removed) {
-      if (JSON.stringify(originalEntity.getSavableData()) !== JSON.stringify(entity.getSavableData())) {
-        entity.entityChangeType = EntityChangeType.updated;
-      }
-    }
-  } else if (entity.entityChangeType === EntityChangeType.existing) {
-    // fix for catching updates in existing entities
-    entity.entityChangeType = EntityChangeType.updated;
-  }
-};
-
-export const hasUnsavedChanges = (entity: any, originalEntity: any) => {
-  if (!entity) {
-    return false;
-  }
-  if (entity && !entity.form.pristine && !originalEntity) {
-    return true;
-  }
-  if (entity && originalEntity) {
-    return JSON.stringify(entity.getSavableData()) !== JSON.stringify(originalEntity.getSavableData());
-  }
-  return false;
-};

package/projects/tuki/widgets/user-creation/src/utils/parse-device-name-rule.ts

@@ -1,29 +0,0 @@
-/**
- * Strips a leading device-prefix group from `deviceNameRegex`, returning the pattern
- * to validate the name field value (without matPrefix).
- *
- * - `([sS][eE][pP]|BAT)[0-9a-fA-F]{12}` → `[0-9a-fA-F]{12}`
- * - `[a-zA-Z0-9]{1,15}` → `[a-zA-Z0-9]{1,15}` (unchanged)
- */
-export function parseDeviceNameRegexBody(deviceNameRegex: string | null | undefined): string {
-    const fullRegex = deviceNameRegex?.trim() ?? '';
-    if (!fullRegex) {
-        return '';
-    }
-
-    return stripLeadingPrefixGroup(fullRegex);
-}
-
-function stripLeadingPrefixGroup(regex: string): string {
-    const parenMatch = regex.match(/^(\(.+?\))(.+)$/s);
-    if (parenMatch?.[2]?.trim()) {
-        return parenMatch[2];
-    }
-
-    const literalMatch = regex.match(/^([A-Za-z]+)(\[.+\])$/s);
-    if (literalMatch?.[2]?.trim()) {
-        return literalMatch[2];
-    }
-
-    return regex;
-}

package/projects/tuki/widgets/user-creation/src/utils/validation.ts

@@ -1,16 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-
-const MAC_ADDRESS_REGEX = /^[A-Fa-f0-9]{12}$/;
-
-export const Validation = {
-    macAddress(): ValidatorFn {
-        return (control: AbstractControl): ValidationErrors | null => {
-            const raw = String(control.value ?? '').trim();
-            if (!raw) {
-                return null;
-            }
-            const normalized = raw.replace(/^SEP\s*/i, '').trim();
-            return MAC_ADDRESS_REGEX.test(normalized) ? null : { macAddress: true };
-        };
-    },
-};