@tuki-io/tuki-widgets 0.0.219-dev.54 → 0.0.219-dev.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuki-io/tuki-widgets",
-  "version": "0.0.219-dev.54",
+  "version": "0.0.219-dev.56",
   "peerDependencies": {
     "@angular/common": "^15.2.0",
     "@angular/core": "^15.2.0",

package/user-device-manage/public-api.d.ts

@@ -6,3 +6,6 @@ export * from "./src/services/device.service";
 export * from "./src/services/line.service";
 export * from "./src/user-device-manage.module";
 export * from "./src/device-manage-widget.component";
+export * from "./src/device-settings/device-settings.component";
+export * from "./src/line-key-config/line-key-config.component";
+export * from "./src/associate-lines/associate-lines.component";

package/user-device-manage/src/app.constants.d.ts

@@ -27,6 +27,11 @@ export declare const API: {
     WEBEX_USER_TOKEN: string;
     WEBEX_USER_DEVICES: string;
     TRANSLATION_PATTERN_CUCM: string;
+    DEVICE_EXTRA_OPTIONS: string;
+    DEVICE_DEFAULTS: string;
+    ALL_SITE_DIRECTORY_NUMBERS: string;
+    UPDATE_DEVICE_SPEED_DIAL_LINES: string;
+    UPDATE_DEVICE_BLF_SPEED_DIAL_LINES: string;
 };
 export declare const REGEX_PATTERN: {
     EMAIL: string;
@@ -59,6 +64,7 @@ export declare const STATIC_OPTIONS: {
     SERVICE_PROVISIONING: string[];
     SETTINGS_ACCES: string[];
     VISUAL_MWI: string[];
+    AUDIBLE_MWI: string[];
     WEEKDAYS: string[];
     BUILD_BRIDGE: string[];
     TRANSFER_TYPES: string[];

package/user-device-manage/src/associate-lines/associate-lines.component.d.ts

@@ -0,0 +1,95 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { MatDialog } from '@angular/material/dialog';
+import { UserService } from '../services/user.service';
+import { APIService } from '../services/api.service';
+import { SiteSettingsService } from '../services/site-settings.service';
+import { DeviceService } from '../services/device.service';
+import { LineService } from '../services/line.service';
+import { RecordingOptions } from '../classes/device';
+import * as i0 from "@angular/core";
+export interface AssociatedLineRow {
+    id: number;
+    pkid: string;
+    extension: string;
+    routePartitionName: string;
+    order: number;
+    lineNumber: string;
+    displayCallerId: string;
+    textLabel: string;
+    e164Mask: string;
+    maxNumberOfCalls: number;
+    busyTrigger: number;
+    recordingOption: RecordingOptions;
+    recordingMediaSource: string;
+    recordingProfile: string;
+    visualMWI: string;
+    ringSettingIdle: string;
+    pickupAASIdle: string;
+    monitorCSS: string;
+    audibleMWI: string;
+    ringSettingActive: string;
+    pickupAASActive: string;
+    logMissedCalls: boolean;
+    callerName: boolean;
+    redirectedNumber: boolean;
+    callerNumber: boolean;
+    dialedNumber: boolean;
+}
+export declare class AssociateLinesComponent implements OnInit, OnDestroy {
+    userService: UserService;
+    private apiService;
+    private readonly siteSettingsService;
+    private readonly deviceService;
+    private readonly lineService;
+    private readonly dialog;
+    private readonly router;
+    goBack: EventEmitter<any>;
+    token: string;
+    host: string;
+    siteId: string;
+    userId: string;
+    deviceName: string;
+    private readonly destroy$;
+    dataPending: boolean;
+    device: any;
+    hasChanges: boolean;
+    expandedOrder: number | null;
+    readonly recordingOptions: typeof RecordingOptions;
+    readonly recordingMediaSources: string[];
+    recordingProfiles: string[];
+    readonly visualMwiOptions: string[];
+    readonly audibleMwiOptions: string[];
+    readonly ringSettingIdleOptions: string[];
+    readonly ringSettingActiveOptions: string[];
+    readonly pickupAasIdleOptions: string[];
+    readonly pickupAasActiveOptions: string[];
+    rows: AssociatedLineRow[];
+    private originRows;
+    private static readonly FIELD_MAP;
+    private static readonly BOOLEAN_FIELDS;
+    constructor(userService: UserService, apiService: APIService, siteSettingsService: SiteSettingsService, deviceService: DeviceService, lineService: LineService, dialog: MatDialog, router: Router);
+    ngOnInit(): void;
+    private loadDevice;
+    private fetchLineSlots;
+    private loadRecordingProfiles;
+    private initRows;
+    private createRow;
+    isRowEditable(row: AssociatedLineRow): boolean;
+    toggleExpanded(row: AssociatedLineRow): void;
+    isExpanded(row: AssociatedLineRow): boolean;
+    onFieldChange(): void;
+    recordingOptionChanged(row: AssociatedLineRow): void;
+    isRecordingProfileDisabled(row: AssociatedLineRow): boolean;
+    drop(event: CdkDragDrop<AssociatedLineRow[]>): void;
+    confirmDisassociate(row: AssociatedLineRow): void;
+    private disassociateLine;
+    onGoBack(): void;
+    onCancel(): void;
+    onSave(): void;
+    private buildUpdateBody;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AssociateLinesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AssociateLinesComponent, "app-associate-lines", never, { "token": "token"; "host": "host"; "siteId": "siteId"; "userId": "userId"; "deviceName": "deviceName"; }, { "goBack": "goBack"; }, never, never, false, never>;
+}

package/user-device-manage/src/classes/device.d.ts

@@ -93,6 +93,21 @@ export interface SpeedDialInterface {
     label: string;
     editMode?: boolean;
 }
+export interface SpeedDialLineUpdate {
+    index: number;
+    position: number;
+    label: string;
+    destination: string;
+}
+export interface BlfSpeedDialLineUpdate {
+    index: number;
+    position: number;
+    label: string;
+    destination: string;
+    dnWithRoutePartition: string;
+    callPickup: boolean;
+    list?: string[];
+}
 export declare enum RecordingOptions {
     disabled = "Call Recording Disabled",
     auto_enabled = "Automatic Call Recording Enabled",

package/user-device-manage/src/classes/deviceProfile.d.ts

@@ -1,5 +1,6 @@
 import { FormGroup } from "@angular/forms";
 import { LineAssociationInterface } from "./line-association-interface";
+import { LineCallInfoDisplayInterface } from "./device";
 export declare class DeviceProfile {
     macAddress?: string;
     hoteling?: {
@@ -18,8 +19,12 @@ export declare class DeviceProfile {
         index?: number;
         position?: number;
         textLabel?: string;
+        displayLabel?: string;
+        e164Mask?: string;
         alertingName?: string;
         callerNumber?: string;
+        logMissedCall?: string;
+        callInfoDisplay?: LineCallInfoDisplayInterface;
     }>;
     activationState?: boolean;
     model?: string;

package/user-device-manage/src/device-associated-line/device-associated-line.component.d.ts

@@ -50,6 +50,7 @@ export declare class DeviceAssociatedLineComponent implements OnInit, OnDestroy
         SERVICE_PROVISIONING: string[];
         SETTINGS_ACCES: string[];
         VISUAL_MWI: string[];
+        AUDIBLE_MWI: string[];
         WEEKDAYS: string[];
         BUILD_BRIDGE: string[];
         TRANSFER_TYPES: string[];

package/user-device-manage/src/device-manage-widget.component.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { FormArray, FormControl, FormGroup } from '@angular/forms';
+import { Router } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
 import { UserService } from './services/user.service';
 import { DeviceService } from './services/device.service';
@@ -18,6 +19,7 @@ export declare class DeviceManageWidgetComponent implements OnDestroy {
     private validationService;
     private dialog;
     private readonly dnsService;
+    private readonly router;
     onSave: EventEmitter<string>;
     onChange: EventEmitter<string>;
     discardChanges: EventEmitter<any>;
@@ -43,7 +45,7 @@ export declare class DeviceManageWidgetComponent implements OnDestroy {
     get lastName(): string;
     get form(): FormGroup | undefined;
     get isWebex(): boolean | "" | null;
-    constructor(userService: UserService, deviceService: DeviceService, apiService: APIService, lineService: LineService, siteSettingsService: SiteSettingsService, validationService: ValidationService, dialog: MatDialog, dnsService: DnsService);
+    constructor(userService: UserService, deviceService: DeviceService, apiService: APIService, lineService: LineService, siteSettingsService: SiteSettingsService, validationService: ValidationService, dialog: MatDialog, dnsService: DnsService, router: Router);
     ngOnInit(): void;
     showInput(): void;
     onBlur(): void;
@@ -57,6 +59,9 @@ export declare class DeviceManageWidgetComponent implements OnDestroy {
     saveChanges(): void;
     ngOnDestroy(): void;
     onGoBack(): void;
+    openDeviceSettings(): void;
+    openLineKeyConfig(): void;
+    openAssociateLines(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DeviceManageWidgetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DeviceManageWidgetComponent, "app-device-manage-widget", never, { "token": "token"; "host": "host"; "siteId": "siteId"; "userId": "userId"; "isLdap": "isLdap"; "deviceName": "deviceName"; }, { "onSave": "onSave"; "onChange": "onChange"; "discardChanges": "discardChanges"; "goBack": "goBack"; }, never, never, false, never>;
 }

package/user-device-manage/src/device-settings/device-settings.component.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Router } from '@angular/router';
+import { UserService } from '../services/user.service';
+import { APIService } from '../services/api.service';
+import { DeviceService } from '../services/device.service';
+import { SiteSettingsService } from '../services/site-settings.service';
+import * as i0 from "@angular/core";
+export declare class DeviceSettingsComponent implements OnInit, OnDestroy {
+    userService: UserService;
+    private apiService;
+    private deviceService;
+    private siteSettingsService;
+    private readonly router;
+    goBack: EventEmitter<any>;
+    token: string;
+    host: string;
+    siteId: string;
+    userId: string;
+    deviceName: string;
+    private readonly destroy$;
+    dataPending: boolean;
+    device: any;
+    softKeys: string[];
+    readonly plarService: FormControl<boolean | null>;
+    readonly description: FormControl<string | null>;
+    readonly softkeyTemplate: FormControl<string | null>;
+    readonly devicePool: FormControl<string | null>;
+    readonly deviceCss: FormControl<string | null>;
+    readonly enableExtensionMobility: FormControl<boolean | null>;
+    readonly loggedIntoHuntGroup: FormControl<boolean | null>;
+    readonly remoteDevice: FormControl<boolean | null>;
+    readonly ignorePresentationIndicators: FormControl<boolean | null>;
+    readonly hotlineDevice: FormControl<boolean | null>;
+    readonly callerIdForCallsFromThisPhone: FormControl<boolean | null>;
+    readonly remoteNumber: FormControl<boolean | null>;
+    private readonly formControls;
+    hasChanges: boolean;
+    get lines(): string;
+    get devicePools(): string[];
+    get cssOptions(): string[];
+    constructor(userService: UserService, apiService: APIService, deviceService: DeviceService, siteSettingsService: SiteSettingsService, router: Router);
+    ngOnInit(): void;
+    private getData;
+    private getSiteSettings;
+    onGoBack(): void;
+    onCancel(): void;
+    onSave(): void;
+    private getChangedDeviceFields;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeviceSettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeviceSettingsComponent, "app-device-settings", never, { "token": "token"; "host": "host"; "siteId": "siteId"; "userId": "userId"; "deviceName": "deviceName"; }, { "goBack": "goBack"; }, never, never, false, never>;
+}

package/user-device-manage/src/line-key-config/line-key-config.component.d.ts

@@ -0,0 +1,84 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Router } from '@angular/router';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { UserService } from '../services/user.service';
+import { APIService } from '../services/api.service';
+import { DeviceService } from '../services/device.service';
+import { Buttontemplate } from '../classes/device';
+import * as i0 from "@angular/core";
+export type LineKeyAssignment = 'primary' | 'open' | 'monitored' | 'speedDial';
+export interface LineKeyRow {
+    order: number;
+    assignment: LineKeyAssignment;
+    label: string;
+    destination: string;
+    locked: boolean;
+    index?: number;
+    callPickup?: boolean;
+    dnWithRoutePartition?: string;
+}
+export declare class LineKeyConfigComponent implements OnInit, OnChanges, OnDestroy {
+    userService: UserService;
+    private apiService;
+    private readonly deviceService;
+    private readonly router;
+    goBack: EventEmitter<any>;
+    token: string;
+    host: string;
+    siteId: string;
+    userId: string;
+    deviceType: string;
+    buttonTemplate: string;
+    private readonly destroy$;
+    dataPending: boolean;
+    device: any;
+    hasChanges: boolean;
+    lineSlots: Buttontemplate | null;
+    readonly LINE_KEY_COUNT = 10;
+    readonly HALF: number;
+    readonly ASSIGNMENT_OPTIONS: Array<{
+        value: LineKeyAssignment;
+        label: string;
+    }>;
+    lineKeyTemplates: [];
+    readonly selectedTemplate: FormControl<string | null>;
+    readonly previewLayout: FormControl<boolean | null>;
+    leftKeys: LineKeyRow[];
+    rightKeys: LineKeyRow[];
+    private initialButtonTemplate;
+    private initialSpeedDialLines;
+    private initialBlfLines;
+    get deviceModel(): string;
+    constructor(userService: UserService, apiService: APIService, deviceService: DeviceService, router: Router);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private resetForNewButtonTemplate;
+    private fetchSiteDirectoryNumbers;
+    private loadDevice;
+    private fetchButtonTemplateSlots;
+    private getRowsByAssignment;
+    private getTemplateSlots;
+    private computeTypeIndex;
+    private captureSpeedDialBaseline;
+    private getSpeedDialLinesPayload;
+    private captureBlfBaseline;
+    private toBlfLine;
+    private getBlfLinesPayload;
+    private applyButtonTemplateSlots;
+    private applyDialAssignments;
+    private applyDialItem;
+    applyTemplate(): void;
+    onFieldChange(): void;
+    onAssignmentChange(row: LineKeyRow): void;
+    private relocateRowForAssignment;
+    private readonly SEGREGATED_ASSIGNMENTS;
+    private isConflictingAssignment;
+    onDrop(event: CdkDragDrop<LineKeyRow[]>): void;
+    onGoBack(): void;
+    onCancel(): void;
+    onSave(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineKeyConfigComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LineKeyConfigComponent, "app-line-key-config", never, { "token": "token"; "host": "host"; "siteId": "siteId"; "userId": "userId"; "deviceType": "deviceType"; "buttonTemplate": "buttonTemplate"; }, { "goBack": "goBack"; }, never, never, false, never>;
+}

package/user-device-manage/src/services/device.service.d.ts

@@ -1,6 +1,6 @@
 import { APIService } from './api.service';
 import { Observable } from 'rxjs';
-import { Buttontemplate, Device } from '../classes/device';
+import { BlfSpeedDialLineUpdate, Buttontemplate, Device, SpeedDialLineUpdate } from '../classes/device';
 import * as i0 from "@angular/core";
 export declare class DeviceService {
     private apiService;
@@ -8,13 +8,18 @@ export declare class DeviceService {
     lineSlotsList: any;
     availableLineSlotsList: any;
     dataPending: boolean;
+    siteDirectoryNumbers: string[];
     constructor(apiService: APIService);
     hasUnsavedChanges(device: Device, originDevice: Device): boolean;
     hasDeviceInfoUnsavedChanges(device: Device, originDevice: Device): boolean;
     getDataToUpdateDevice(device: Device, originalDevice: Device): any;
     fetchLeanUserDevicesConversationById(userId: string, siteId: number): Observable<any>;
     getSlotsByButtonTemplate(siteId: number, buttonTemplateName: string): Observable<Buttontemplate>;
+    getDeviceDefaults(siteId: number, deviceType: string): Observable<any>;
+    getAllSiteDirectoryNumbers(siteId: number): Observable<any[]>;
     putDeviceFields(siteId: number, deviceName: string, token: string, body: any): any;
+    updateSpeedDialLines(siteId: number, deviceName: string, userToken: string, body: SpeedDialLineUpdate[]): any;
+    updateBlfSpeedDialLines(siteId: number, deviceName: string, userToken: string, body: BlfSpeedDialLineUpdate[]): any;
     updateAvailableSlots(siteId: number, device: Device): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<DeviceService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DeviceService>;

package/user-device-manage/src/services/user.service.d.ts

@@ -38,7 +38,8 @@ export declare class UserService implements OnInit {
     resetLineAssociation(deviceIndex: number, lineIndex: number, validationService: ValidationService): void;
     resetDevice(currentDevice: Device, validationService: ValidationService): void;
     fetchUserToken(siteId: number, userId: string, validationService: ValidationService, isSetNewTokenOnly?: boolean): any;
-    fetchDIUserDevice(siteId: number, userId: string, deviceType: string): import("rxjs").Observable<DeviceProfile | undefined>;
+    fetchDIUserDevice(siteId: number, userId: string, deviceType: string, deviceName?: string): import("rxjs").Observable<DeviceProfile | undefined>;
+    getDeviceExtraOptions(siteId: number, deviceName: string, commonPhoneConfigName: string): import("rxjs").Observable<any>;
     private getMacAddress;
     fetchWebexUserDevice(customerId: string, userId: string, deviceType: string): import("rxjs").Observable<DeviceProfile | undefined>;
     updateUserFields(body: any): any;

package/user-device-manage/src/user-device-manage.module.d.ts

@@ -11,14 +11,17 @@ import * as i9 from "./device-associated-line/associated-line-row/associated-lin
 import * as i10 from "./confirm-dialog/info-dialog.component";
 import * as i11 from "./device-info/device-info.component";
 import * as i12 from "./pipes/mac-address.pipe";
-import * as i13 from "@angular/common";
-import * as i14 from "@angular/platform-browser";
-import * as i15 from "@angular/platform-browser/animations";
-import * as i16 from "@angular/forms";
-import * as i17 from "@angular/common/http";
-import * as i18 from "./material.module";
+import * as i13 from "./device-settings/device-settings.component";
+import * as i14 from "./line-key-config/line-key-config.component";
+import * as i15 from "./associate-lines/associate-lines.component";
+import * as i16 from "@angular/common";
+import * as i17 from "@angular/platform-browser";
+import * as i18 from "@angular/platform-browser/animations";
+import * as i19 from "@angular/forms";
+import * as i20 from "@angular/common/http";
+import * as i21 from "./material.module";
 export declare class UserDeviceManageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UserDeviceManageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UserDeviceManageModule, [typeof i1.AppLoaderComponent, typeof i2.NotificationsComponent, typeof i3.LazyLoadingSelectComponent, typeof i4.DeviceListComponent, typeof i5.DeviceManageWidgetComponent, typeof i6.DeviceAssociatedLineComponent, typeof i7.DeviceAssociatedLineExtensionComponent, typeof i8.DeviceAssociatedLineDetailsBoxComponent, typeof i9.AssociatedLineRowComponent, typeof i10.InfoDialogComponent, typeof i11.DeviceInfoComponent, typeof i12.MacAddressPipe], [typeof i13.CommonModule, typeof i14.BrowserModule, typeof i15.BrowserAnimationsModule, typeof i16.FormsModule, typeof i16.ReactiveFormsModule, typeof i17.HttpClientModule, typeof i18.MaterialModule], [typeof i5.DeviceManageWidgetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UserDeviceManageModule, [typeof i1.AppLoaderComponent, typeof i2.NotificationsComponent, typeof i3.LazyLoadingSelectComponent, typeof i4.DeviceListComponent, typeof i5.DeviceManageWidgetComponent, typeof i6.DeviceAssociatedLineComponent, typeof i7.DeviceAssociatedLineExtensionComponent, typeof i8.DeviceAssociatedLineDetailsBoxComponent, typeof i9.AssociatedLineRowComponent, typeof i10.InfoDialogComponent, typeof i11.DeviceInfoComponent, typeof i12.MacAddressPipe, typeof i13.DeviceSettingsComponent, typeof i14.LineKeyConfigComponent, typeof i15.AssociateLinesComponent], [typeof i16.CommonModule, typeof i17.BrowserModule, typeof i18.BrowserAnimationsModule, typeof i19.FormsModule, typeof i19.ReactiveFormsModule, typeof i20.HttpClientModule, typeof i21.MaterialModule], [typeof i5.DeviceManageWidgetComponent, typeof i13.DeviceSettingsComponent, typeof i14.LineKeyConfigComponent, typeof i15.AssociateLinesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UserDeviceManageModule>;
 }

package/workspaces/src/components/workspace-detail/workspace-detail.component.d.ts

@@ -1,9 +1,10 @@
 import { Location } from '@angular/common';
 import { EventEmitter, OnInit } from '@angular/core';
-import { Workspace, WorkspaceConnectionType, WorkspaceDetails } from '../../types/workspace';
+import { Workspace, WorkspaceConnectionType, WorkspaceDetails, WorkspaceDevice } from '../../types/workspace';
 import { WorkspaceDetailService } from '../../services/workspace-detail.service';
 import * as i0 from "@angular/core";
 export type WorkspaceDetailTab = 'overview' | 'calling';
+export type WorkspaceDetailView = 'overview' | 'device';
 export declare class WorkspaceDetailComponent implements OnInit {
     private workspaceDetailService;
     private location;
@@ -12,6 +13,8 @@ export declare class WorkspaceDetailComponent implements OnInit {
     customerId: string;
     back: EventEmitter<void>;
     activeTab: WorkspaceDetailTab;
+    view: WorkspaceDetailView;
+    selectedDevice: WorkspaceDevice | null;
     details: WorkspaceDetails | null;
     isLoading: boolean;
     expandedIssueId: string | null;
@@ -23,6 +26,8 @@ export declare class WorkspaceDetailComponent implements OnInit {
     toggleIssue(issueId: string): void;
     selectTab(tab: WorkspaceDetailTab): void;
     onBack(): void;
+    onOpenDevice(device: WorkspaceDevice): void;
+    onDeviceBack(): void;
     private updateUrl;
     static ɵfac: i0.ɵɵFactoryDeclaration<WorkspaceDetailComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceDetailComponent, "tk-workspace-detail", never, { "workspace": "workspace"; "connectionType": "connectionType"; "customerId": "customerId"; }, { "back": "back"; }, never, never, false, never>;

package/workspaces/src/components/workspace-device-detail/workspace-device-detail.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '@angular/core';
+import { Workspace, WorkspaceDevice, WorkspaceDeviceDetails } from '../../types/workspace';
+import * as i0 from "@angular/core";
+export declare class WorkspaceDeviceDetailComponent {
+    workspace: Workspace;
+    device: WorkspaceDevice | null;
+    details: WorkspaceDeviceDetails | null;
+    isLoading: boolean;
+    back: EventEmitter<void>;
+    tags: string[];
+    isAddingTag: boolean;
+    newTag: string;
+    hotelingEnabled: boolean;
+    guestHoursLimit: number;
+    readonly hotelingTimeHours: number[];
+    get deviceLabel(): string;
+    get deviceIcon(): string;
+    get isRegistered(): boolean;
+    onBack(): void;
+    showTagInput(): void;
+    onTagInputBlur(): void;
+    removeTag(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WorkspaceDeviceDetailComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceDeviceDetailComponent, "tk-workspace-device-detail", never, { "workspace": "workspace"; "device": "device"; "details": "details"; "isLoading": "isLoading"; }, { "back": "back"; }, never, never, false, never>;
+}

package/workspaces/src/components/workspaces-table/workspaces-table.component.d.ts

@@ -32,6 +32,7 @@ export declare class WorkspacesTableComponent {
     onAddDevice(workspace: Workspace, event: Event): void;
     onPage(event: PageEvent): void;
     getDeviceIcon(model?: string): string;
+    onCopyMac(mac: string): void;
     getDisplayName(workspace: Workspace): string;
     isPending(workspaceId: string): boolean;
     isMoveToMTDisabled(workspace: Workspace): boolean;

package/workspaces/src/services/workspace-detail.service.d.ts

@@ -10,8 +10,10 @@ export declare class WorkspaceDetailService {
     getByWorkspace(workspace: Workspace, connectionType: WorkspaceConnectionType, customerId: string | number): Observable<WorkspaceDetails>;
     private getWebexDetails;
     private toWebexDetails;
+    private buildWebexDeviceDetails;
     private getCucmDetails;
     private toCucmDetails;
+    private buildCucmDeviceDetails;
     private buildUrl;
     private buildIssues;
     private formatTimestamp;

package/workspaces/src/types/workspace.d.ts

@@ -113,6 +113,7 @@ export interface WorkspaceDevice {
     initials?: string;
     color?: string;
     model?: string;
+    mac?: string;
 }
 export interface WorkspacesPage {
     workspaces: Workspace[];
@@ -163,6 +164,23 @@ export interface WorkspaceCallingDetails {
     externalCallerIdName?: string;
     externalCallerIdNumber?: string;
 }
+export interface WorkspaceDeviceLine {
+    name: string;
+    number: string;
+    registered: boolean;
+}
+export interface WorkspaceDeviceDetails {
+    model: string;
+    registrationStatus: string;
+    mac: string;
+    lineCount: number | null;
+    hostIpAddress: string;
+    remoteIpAddress: string;
+    managedBy: string;
+    softwareChannel: string;
+    softwareVersion: string;
+    lines: WorkspaceDeviceLine[];
+}
 export interface WorkspaceDetails {
     issues: WorkspaceIssue[];
     location: WorkspaceLocationDetails;
@@ -171,6 +189,7 @@ export interface WorkspaceDetails {
     plannedMaintenanceEnabled: boolean;
     notes: string | null;
     capacity?: number | null;
+    device?: WorkspaceDeviceDetails;
 }
 export interface WebexWorkspaceDeviceSummary {
     deviceId: string;

package/workspaces/src/workspaces.module.d.ts

@@ -3,14 +3,15 @@ import * as i1 from "./workspaces.component";
 import * as i2 from "./components/workspaces-filters/workspaces-filters.component";
 import * as i3 from "./components/workspaces-table/workspaces-table.component";
 import * as i4 from "./components/workspace-detail/workspace-detail.component";
-import * as i5 from "./components/workspace-confirm-dialog/workspace-confirm-dialog.component";
-import * as i6 from "./utils/app-loader/app-loader";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/common/http";
-import * as i9 from "@angular/forms";
-import * as i10 from "./material.module";
+import * as i5 from "./components/workspace-device-detail/workspace-device-detail.component";
+import * as i6 from "./components/workspace-confirm-dialog/workspace-confirm-dialog.component";
+import * as i7 from "./utils/app-loader/app-loader";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/common/http";
+import * as i10 from "@angular/forms";
+import * as i11 from "./material.module";
 export declare class WorkspacesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<WorkspacesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WorkspacesModule, [typeof i1.WorkspacesComponent, typeof i2.WorkspacesFiltersComponent, typeof i3.WorkspacesTableComponent, typeof i4.WorkspaceDetailComponent, typeof i5.WorkspaceConfirmDialogComponent, typeof i6.AppLoaderComponent], [typeof i7.CommonModule, typeof i8.HttpClientModule, typeof i9.FormsModule, typeof i10.MaterialModule], [typeof i1.WorkspacesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WorkspacesModule, [typeof i1.WorkspacesComponent, typeof i2.WorkspacesFiltersComponent, typeof i3.WorkspacesTableComponent, typeof i4.WorkspaceDetailComponent, typeof i5.WorkspaceDeviceDetailComponent, typeof i6.WorkspaceConfirmDialogComponent, typeof i7.AppLoaderComponent], [typeof i8.CommonModule, typeof i9.HttpClientModule, typeof i10.FormsModule, typeof i11.MaterialModule], [typeof i1.WorkspacesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WorkspacesModule>;
 }

package/contact-center/cc-readiness/components/card/card.component.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class CardComponent {
-    title: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "tk-card", never, { "title": "title"; }, {}, never, ["card-content"], false, never>;
-}

package/esm2020/contact-center/cc-readiness/components/card/card.component.mjs

@@ -1,13 +0,0 @@
-import { Component, Input } from "@angular/core";
-import * as i0 from "@angular/core";
-export class CardComponent {
-}
-CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CardComponent, selector: "tk-card", inputs: { title: "title" }, ngImport: i0, template: "<article class=\"card\">\r\n    <header class=\"card__header\">\r\n        <h2>{{ title }}</h2>\r\n        <!--<div class=\"card__menu-button\">\r\n            <img width=\"18\" src=\"assets/icons/menu_icon.png\" alt=\"Menu Icon\">\r\n        </div>-->\r\n    </header>\r\n    <div class=\"card__content\">\r\n        <ng-content select=\"card-content\"></ng-content>\r\n    </div>\r\n</article>\r\n", styles: ["@import\"https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap\";:host{display:block;height:100%;box-sizing:border-box}.card{font-family:Inter,Inter,sans-serif;background-color:#fff;border-radius:1rem;padding:2rem;border:1px solid hsla(0,0%,0%,.2);min-width:300px;max-width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;gap:2.5rem}.card__header{position:relative;display:flex;align-items:center;justify-content:space-between}.card__header h2{font-size:16px;margin:0}.card__header .card__menu-button{position:relative;display:flex;align-items:center}.card__content{display:flex;flex-direction:column;gap:2.5rem;flex-grow:1}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tk-card', template: "<article class=\"card\">\r\n    <header class=\"card__header\">\r\n        <h2>{{ title }}</h2>\r\n        <!--<div class=\"card__menu-button\">\r\n            <img width=\"18\" src=\"assets/icons/menu_icon.png\" alt=\"Menu Icon\">\r\n        </div>-->\r\n    </header>\r\n    <div class=\"card__content\">\r\n        <ng-content select=\"card-content\"></ng-content>\r\n    </div>\r\n</article>\r\n", styles: ["@import\"https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap\";:host{display:block;height:100%;box-sizing:border-box}.card{font-family:Inter,Inter,sans-serif;background-color:#fff;border-radius:1rem;padding:2rem;border:1px solid hsla(0,0%,0%,.2);min-width:300px;max-width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;gap:2.5rem}.card__header{position:relative;display:flex;align-items:center;justify-content:space-between}.card__header h2{font-size:16px;margin:0}.card__header .card__menu-button{position:relative;display:flex;align-items:center}.card__content{display:flex;flex-direction:column;gap:2.5rem;flex-grow:1}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWtpL3dpZGdldHMvY29udGFjdC1jZW50ZXIvY2MtcmVhZGluZXNzL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy9jb250YWN0LWNlbnRlci9jYy1yZWFkaW5lc3MvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT2pELE1BQU0sT0FBTyxhQUFhOzsyR0FBYixhQUFhOytGQUFiLGFBQWEsMkVDUDFCLGlaQVdBOzRGREphLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0ksU0FBUzs4QkFLVixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd0ay1jYXJkJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2NhcmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcclxufSIsIjxhcnRpY2xlIGNsYXNzPVwiY2FyZFwiPlxyXG4gICAgPGhlYWRlciBjbGFzcz1cImNhcmRfX2hlYWRlclwiPlxyXG4gICAgICAgIDxoMj57eyB0aXRsZSB9fTwvaDI+XHJcbiAgICAgICAgPCEtLTxkaXYgY2xhc3M9XCJjYXJkX19tZW51LWJ1dHRvblwiPlxyXG4gICAgICAgICAgICA8aW1nIHdpZHRoPVwiMThcIiBzcmM9XCJhc3NldHMvaWNvbnMvbWVudV9pY29uLnBuZ1wiIGFsdD1cIk1lbnUgSWNvblwiPlxyXG4gICAgICAgIDwvZGl2Pi0tPlxyXG4gICAgPC9oZWFkZXI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZF9fY29udGVudFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImNhcmQtY29udGVudFwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2FydGljbGU+XHJcbiJdfQ==