@webex/cc-components 1.28.0-ccwidgets.98 → 1.28.0-next.1

package/dist/index.js.LICENSE.txt

@@ -4,6 +4,26 @@
 	http://jedwatson.github.io/classnames
 */
 
+/*!**********************!*\
+  !*** ./src/index.ts ***!
+  \**********************/
+
+/*!************************!*\
+  !*** external "react" ***!
+  \************************/
+
+/*!*****************************!*\
+  !*** ./src/withMetrics.tsx ***!
+  \*****************************/
+
+/*!******************************!*\
+  !*** ./src/metricsLogger.ts ***!
+  \******************************/
+
+/*!**********************************!*\
+  !*** external "@webex/cc-store" ***!
+  \**********************************/
+
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/types/components/StationLogin/station-login.d.ts

@@ -1,5 +1,3 @@
-import React from 'react';
-import { StationLoginComponentProps } from './station-login.types';
 import './station-login.style.scss';
-declare const StationLoginComponent: React.FunctionComponent<StationLoginComponentProps>;
-export default StationLoginComponent;
+declare const StationLoginComponentWithMetrics: any;
+export default StationLoginComponentWithMetrics;

package/dist/types/components/StationLogin/station-login.types.d.ts

@@ -1,6 +1,6 @@
-import { StationLoginSuccessResponse, LogoutSuccess } from '@webex/plugin-cc';
+import { StationLoginSuccessResponse, LogoutSuccess } from '@webex/contact-center';
 import { IContactCenter, ILogger } from '@webex/cc-store';
-import { Team } from '@webex/plugin-cc/dist/types/types';
+import { Team } from '@webex/contact-center/dist/types/types';
 /**
  * Interface representing the properties for the Station Login component.
  */
@@ -164,10 +164,16 @@ export interface IStationLoginProps {
      * The selected team ID for login
      */
     selectedTeamId: string;
+    /**
+     * If true, hides the Desktop login mode from the dropdown options.
+     * Applies in both login screen and profile mode.
+     * Default: undefined (shows Desktop mode)
+     */
+    hideDesktopLogin?: boolean;
 }
 export interface LoginOptionsState {
     deviceType: string;
     dialNumber: string;
     teamId: string;
 }
-export type StationLoginComponentProps = Pick<IStationLoginProps, 'teams' | 'loginOptions' | 'login' | 'logout' | 'loginSuccess' | 'loginFailure' | 'logoutSuccess' | 'setDeviceType' | 'setDialNumber' | 'setTeam' | 'isAgentLoggedIn' | 'handleContinue' | 'deviceType' | 'dialNumberRegex' | 'showMultipleLoginAlert' | 'onCCSignOut' | 'setTeamId' | 'logger' | 'profileMode' | 'originalLoginOptions' | 'currentLoginOptions' | 'setCurrentLoginOptions' | 'isLoginOptionsChanged' | 'saveLoginOptions' | 'saveError' | 'setSelectedDeviceType' | 'selectedDeviceType' | 'dialNumberValue' | 'setDialNumberValue' | 'setSelectedTeamId' | 'selectedTeamId'>;
+export type StationLoginComponentProps = Pick<IStationLoginProps, 'teams' | 'loginOptions' | 'login' | 'logout' | 'loginSuccess' | 'loginFailure' | 'logoutSuccess' | 'setDeviceType' | 'setDialNumber' | 'setTeam' | 'isAgentLoggedIn' | 'handleContinue' | 'deviceType' | 'dialNumberRegex' | 'showMultipleLoginAlert' | 'onCCSignOut' | 'setTeamId' | 'logger' | 'profileMode' | 'originalLoginOptions' | 'currentLoginOptions' | 'setCurrentLoginOptions' | 'isLoginOptionsChanged' | 'saveLoginOptions' | 'saveError' | 'setSelectedDeviceType' | 'selectedDeviceType' | 'dialNumberValue' | 'setDialNumberValue' | 'setSelectedTeamId' | 'selectedTeamId' | 'hideDesktopLogin'>;

package/dist/types/components/StationLogin/station-login.utils.d.ts

@@ -1,4 +1,4 @@
-declare const handleModals: (modalRef: any, ccSignOutModalRef: any, saveConfirmDialogRef: any, showMultipleLoginAlert: any, showCCSignOutModal: any, showSaveConfirmDialog: any) => void;
+declare const handleModals: (modalRef: any, ccSignOutModalRef: any, saveConfirmDialogRef: any, showMultipleLoginAlert: any, showCCSignOutModal: any, showSaveConfirmDialog: any, logger: any) => void;
 /**
  * Handler for the Contact Center modal continue button
  * @param modalRef
@@ -7,30 +7,30 @@ declare const handleModals: (modalRef: any, ccSignOutModalRef: any, saveConfirmD
  * Handler for the Contact Center modal continue button
  * Closes the dialog if it is currently open and calls the provided callback function
  */
-declare const continueClicked: (modalRef: any, callback: any, setShowCCSignOutModal: any) => void;
+declare const continueClicked: (modalRef: any, callback: any, setShowCCSignOutModal: any, logger: any) => void;
 /**
  * Handler for the Contact Center logout confirmation modal cancel button
  *
  * Closes the dialog if it is currently open
  */
-declare const ccCancelButtonClicked: (ccSignOutModalRef: React.RefObject<HTMLDialogElement>, setShowCCSignOutModal: (show: boolean) => void) => void;
-declare const updateDialNumberLabel: (selectedOption: string, setDialNumberLabel: (label: string) => void, setDialNumberPlaceholder: (placeholder: string) => void) => void;
+declare const ccCancelButtonClicked: (ccSignOutModalRef: React.RefObject<HTMLDialogElement>, setShowCCSignOutModal: (show: boolean) => void, logger: any) => void;
+declare const updateDialNumberLabel: (selectedOption: string, setDialNumberLabel: (label: string) => void, setDialNumberPlaceholder: (placeholder: string) => void, logger: any) => void;
 /**
  * Runs validation tests on a string given as a Dial Number
  * @param {string} input
  * @returns {boolean} whether or not to show a validation error
  */
-declare const validateDialNumber: (input: string, dialNumberRegex: null | string, setDNErrorText: (error: string) => void) => boolean;
-declare const createStationLoginRefs: () => {
+declare const validateDialNumber: (input: string, dialNumberRegex: null | string, setDNErrorText: (error: string) => void, logger: any) => boolean;
+declare const createStationLoginRefs: (logger: any) => {
     multiSignInModalRef: import("react").MutableRefObject<HTMLDialogElement>;
     ccSignOutModalRef: import("react").MutableRefObject<HTMLDialogElement>;
     saveConfirmDialogRef: import("react").MutableRefObject<HTMLDialogElement>;
 };
-declare const saveConfirmCancelClicked: (saveConfirmDialogRef: any, setShowSaveConfirmDialog: any) => void;
-declare const handleSaveConfirm: (saveConfirmDialogRef: any, setShowSaveConfirmDialog: any, saveLoginOptions: any) => void;
+declare const saveConfirmCancelClicked: (saveConfirmDialogRef: any, setShowSaveConfirmDialog: any, logger: any) => void;
+declare const handleSaveConfirm: (saveConfirmDialogRef: any, setShowSaveConfirmDialog: any, saveLoginOptions: any, logger: any) => void;
 declare const handleLoginOptionChanged: (event: any, setDeviceType: any, setSelectedDeviceType: any, updateDialNumberLabel: any, setDialNumber: any, setDialNumberValue: any, setCurrentLoginOptions: any, originalLoginOptions: any, setDialNumberLabel: any, setDialNumberPlaceholder: any, setShowDNError: any, setSelectedTeamId: any, setTeamId: any, logger: any, selectedTeamId: any) => void;
 declare const handleDNInputChanged: (event: any, setDialNumberValue: any, setDialNumber: any, setShowDNError: any, setDNErrorText: any, dialNumberRegex: any, setCurrentLoginOptions: any, selectedDeviceType: any, logger: any) => void;
 declare const handleTeamSelectChanged: (event: any, setSelectedTeamId: any, setTeamId: any, setCurrentLoginOptions: any, setTeam: any, logger: any) => void;
-declare const handleOnCCSignOut: (ccSignOutModalRef: React.RefObject<HTMLDialogElement>, onCCSignOut: any) => void;
-declare const handleCCSignoutKeyDown: (event: React.KeyboardEvent<HTMLDialogElement>, setShowCCSignOutModal: (show: boolean) => void) => void;
+declare const handleOnCCSignOut: (ccSignOutModalRef: React.RefObject<HTMLDialogElement>, onCCSignOut: any, logger: any) => void;
+declare const handleCCSignoutKeyDown: (event: React.KeyboardEvent<HTMLDialogElement>, setShowCCSignOutModal: (show: boolean) => void, logger: any) => void;
 export { handleModals, continueClicked, ccCancelButtonClicked, updateDialNumberLabel, validateDialNumber, createStationLoginRefs, saveConfirmCancelClicked, handleSaveConfirm, handleLoginOptionChanged, handleDNInputChanged, handleTeamSelectChanged, handleOnCCSignOut, handleCCSignoutKeyDown, };

package/dist/types/components/UserState/user-state.d.ts

@@ -1,5 +1,3 @@
-import React from 'react';
-import { UserStateComponentsProps } from './user-state.types';
 import './user-state.scss';
-declare const UserStateComponent: React.FunctionComponent<UserStateComponentsProps>;
-export default UserStateComponent;
+declare const UserStateComponentWithMetrics: any;
+export default UserStateComponentWithMetrics;

package/dist/types/components/UserState/user-state.utils.d.ts

@@ -2,21 +2,22 @@ import { ICustomState, IdleCode } from '@webex/cc-store';
 /**
  * Gets the CSS class for the dropdown based on current state
  */
-export declare const getDropdownClass: (customState: ICustomState, currentState: string, idleCodes: IdleCode[]) => string;
+export declare const getDropdownClass: (customState: ICustomState, currentState: string, idleCodes: IdleCode[], logger?: any) => string;
 /**
  * Gets the icon style configuration for a given item
  */
 export declare const getIconStyle: (item: {
     id: string;
     name: string;
-}) => {
+    developerName?: string;
+}, logger?: any) => {
     class: string;
     iconName: string;
 };
 /**
  * Gets the tooltip text based on current state
  */
-export declare const getTooltipText: (customState: ICustomState, currentState: string, idleCodes: IdleCode[]) => string;
+export declare const getTooltipText: (customState: ICustomState, currentState: string, idleCodes: IdleCode[], logger?: any) => string;
 /**
  * Handles selection change in the dropdown
  */
@@ -27,22 +28,23 @@ export declare const handleSelectionChange: (key: string, currentState: string,
 export declare const sortDropdownItems: (items: Array<{
     id: string;
     name: string;
-}>) => Array<{
+}>, logger?: any) => Array<{
     id: string;
     name: string;
 }>;
 /**
  * Gets the previous selectable state (first non-RONA/Engaged state)
  */
-export declare const getPreviousSelectableState: (idleCodes: IdleCode[]) => string;
+export declare const getPreviousSelectableState: (idleCodes: IdleCode[], logger?: any) => string;
 /**
  * Gets the selected key for the dropdown
  */
-export declare const getSelectedKey: (customState: ICustomState, currentState: string, idleCodes: IdleCode[]) => string;
+export declare const getSelectedKey: (customState: ICustomState, currentState: string, idleCodes: IdleCode[], logger?: any) => string;
 /**
- * Builds the dropdown items including custom state if present
+ * Builds the dropdown items including custom state and conditional RONA
  */
-export declare const buildDropdownItems: (customState: ICustomState, idleCodes: IdleCode[]) => Array<{
+export declare const buildDropdownItems: (customState: ICustomState, idleCodes: IdleCode[], currentState: string, logger?: any) => Array<{
     id: string;
     name: string;
+    developerName?: string;
 }>;

package/dist/types/components/task/AutoWrapupTimer/AutoWrapupTimer.utils.d.ts

@@ -0,0 +1,25 @@
+import { TimerUIState } from '../task.types';
+/**
+ * Determines if the timer is in urgent state (10 seconds or less)
+ */
+export declare const isTimerUrgent: (secondsUntilAutoWrapup: number, logger?: any) => boolean;
+/**
+ * Gets the appropriate container CSS class based on urgency
+ */
+export declare const getContainerClassName: (isUrgent: boolean, logger?: any) => string;
+/**
+ * Gets the appropriate icon CSS class based on urgency
+ */
+export declare const getIconClassName: (isUrgent: boolean, logger?: any) => string;
+/**
+ * Gets the appropriate icon name based on urgency
+ */
+export declare const getIconName: (isUrgent: boolean, logger?: any) => string;
+/**
+ * Formats seconds into MM:SS format
+ */
+export declare const formatTimerDisplay: (secondsUntilAutoWrapup: number, logger?: any) => string;
+/**
+ * Gets all timer-related UI state in one object
+ */
+export declare const getTimerUIState: (secondsUntilAutoWrapup: number, logger?: any) => TimerUIState;

package/dist/types/components/task/CallControl/CallControlCustom/call-control-custom.utils.d.ts

@@ -0,0 +1,136 @@
+import { BuddyDetails, ContactServiceQueue, ILogger } from '@webex/cc-store';
+import { ButtonConfig, ControlVisibility } from '../../task.types';
+/**
+ * Interface for list item data
+ */
+export interface ListItemData {
+    id: string;
+    name: string;
+}
+/**
+ * Creates the consult button configuration array
+ */
+export declare const createConsultButtons: (isMuted: boolean, controlVisibility: ControlVisibility, consultTransfer: () => void, toggleConsultMute: () => void, endConsultCall: () => void, consultConference: () => void, switchToMainCall: () => void, logger?: any) => ButtonConfig[];
+/**
+ * Filters buttons that should be visible
+ */
+export declare const getVisibleButtons: (buttons: ButtonConfig[], logger?: any) => ButtonConfig[];
+/**
+ * Creates initials from a name string
+ */
+export declare const createInitials: (name: string, logger?: any) => string;
+/**
+ * Gets the consult status text based on completion state
+ */
+export declare const getConsultStatusText: (consultInitiated: boolean, logger?: any) => string;
+/**
+ * Handles list item button press with logging
+ */
+export declare const handleListItemPress: (title: string, onButtonPress: () => void, logger: ILogger) => void;
+/**
+ * Determines if tabs should be shown based on available data
+ */
+export declare const shouldShowTabs: (buddyAgents: BuddyDetails[], queues: ContactServiceQueue[], logger?: any) => boolean;
+/**
+ * Checks if agents list is empty
+ */
+export declare const isAgentsEmpty: (buddyAgents: BuddyDetails[], logger?: any) => boolean;
+/**
+ * Checks if queues list is empty
+ */
+export declare const isQueuesEmpty: (queues: ContactServiceQueue[], logger?: any) => boolean;
+/**
+ * Handles tab selection with logging
+ */
+export declare const handleTabSelection: (key: string, setSelectedTab: (tab: string) => void, logger: ILogger) => void;
+/**
+ * Handles agent selection with logging
+ */
+export declare const handleAgentSelection: (agentId: string, agentName: string, allowParticipantsToInteract: boolean, onAgentSelect: ((agentId: string, agentName: string, allowParticipantsToInteract: boolean) => void) | undefined, logger: ILogger) => void;
+/**
+ * Handles queue selection with logging
+ */
+export declare const handleQueueSelection: (queueId: string, queueName: string, allowParticipantsToInteract: boolean, onQueueSelect: ((queueId: string, queueName: string, allowParticipantsToInteract: boolean) => void) | undefined, logger: ILogger) => void;
+/**
+ * Gets the appropriate empty state message based on context
+ */
+export declare const getEmptyStateMessage: (selectedTab: string, showTabs: boolean, logger?: any) => string;
+/**
+ * Creates list item data from buddy agents
+ */
+export declare const createAgentListData: (buddyAgents: BuddyDetails[], logger?: any) => ListItemData[];
+/**
+ * Creates list item data from queues
+ */
+export declare const createQueueListData: (queues: ContactServiceQueue[], logger?: any) => ListItemData[];
+/**
+ * Creates a timer key based on timestamp
+ */
+export declare const createTimerKey: (startTimeStamp: number, logger?: any) => string;
+/**
+ * Handles popover open with logging
+ */
+export declare const handlePopoverOpen: (menuType: string, setActiveMenu: (menu: string) => void, logger: ILogger) => void;
+/**
+ * Handles popover close with logging
+ */
+export declare const handlePopoverClose: (setActiveMenu: (menu: string | null) => void, logger: ILogger) => void;
+/**
+ * Handles hold toggle with logging
+ */
+export declare const handleHoldToggle: (toggleHold: (() => void) | undefined, logger: ILogger) => void;
+/**
+ * Handles wrapup call with logging
+ */
+export declare const handleWrapupCall: (onWrapupCall: (() => void) | undefined, logger: ILogger) => void;
+/**
+ * Validates if a menu type is supported
+ */
+export declare const isValidMenuType: (menuType: string, logger?: any) => boolean;
+/**
+ * Gets button style class based on state
+ */
+export declare const getButtonStyleClass: (isActive: boolean, isDisabled: boolean, baseClass?: string, logger?: any) => string;
+/**
+ * Formats elapsed time for display
+ */
+export declare const formatElapsedTime: (startTime: number, logger?: any) => string;
+/**
+ * Checks if an agent is available for selection
+ */
+export declare const isAgentAvailable: (agent: BuddyDetails, logger?: any) => boolean;
+/**
+ * Checks if a queue is available for selection
+ */
+export declare const isQueueAvailable: (queue: ContactServiceQueue, logger?: any) => boolean;
+/**
+ * Filters available agents
+ */
+export declare const filterAvailableAgents: (agents: BuddyDetails[], logger?: any) => BuddyDetails[];
+/**
+ * Filters buddy agents by a free-text query across name, dn and id.
+ */
+export declare const filterAgentsByQuery: (agents: BuddyDetails[], query: string) => BuddyDetails[];
+/**
+ * Returns agents to display for current category, applying search only for Agents tab, since other tabs support via the SDK
+ */
+export declare const getAgentsForDisplay: (selectedCategory: "Agents" | string, agents: BuddyDetails[], query: string) => BuddyDetails[];
+/**
+ * Filters available queues
+ */
+export declare const filterAvailableQueues: (queues: ContactServiceQueue[], logger?: any) => ContactServiceQueue[];
+/**
+ * Debounces a function call
+ */
+export declare const debounce: <T extends (...args: unknown[]) => unknown>(func: T, wait: number, logger?: any) => ((...args: Parameters<T>) => void);
+/**
+ * Helpers for Dial Number / Entry Point manual actions
+ */
+export declare const shouldAddConsultTransferAction: (selectedCategory: string, isEntryPointTabVisible: boolean, allowParticipantsToInteract: boolean, query: string, entryPoints: {
+    id: string;
+    name: string;
+}[], onDialNumberSelect: (dialNumber: string, allowParticipantsToInteract: boolean) => void, onEntryPointSelect: (entryPointId: string, entryPointName: string, allowParticipantsToInteract: boolean) => void) => {
+    visible: boolean;
+    onClick?: () => void;
+    title?: string;
+};

package/dist/types/components/task/CallControl/CallControlCustom/consult-transfer-dial-number.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './consult-transfer-dial-number.scss';
+import { ConsultTransferDialNumberComponentProps } from '../../task.types';
+declare const DialNumberUI: React.FC<ConsultTransferDialNumberComponentProps>;
+export default DialNumberUI;

package/dist/types/components/task/CallControl/CallControlCustom/consult-transfer-popover-hooks.d.ts

@@ -0,0 +1,47 @@
+import { AddressBookEntry, ILogger, FetchPaginatedList, TransformPaginatedData } from '@webex/cc-store';
+import { CategoryType, UseConsultTransferParams } from '../../task.types';
+/**
+ * React hook to load, transform and manage paginated data with optional search.
+ *
+ * @template T - The item type returned by the provided `fetchFunction` (raw API/entity).
+ * @template U - The transformed item type stored internally and returned to consumers.
+ * @param fetchFunction - Fetcher that returns a paginated list of items of type T.
+ * @param transformFunction - Mapper that converts each T into U for UI consumption.
+ * @param categoryName - Human-readable name used for logging/telemetry.
+ * @param logger - Optional logger instance for diagnostics.
+ * @returns An object containing the transformed data (U[]), pagination state and helpers.
+ */
+export declare const usePaginatedData: <T, U>(fetchFunction: FetchPaginatedList<T> | undefined, transformFunction: TransformPaginatedData<T, U>, categoryName: string, logger?: ILogger) => {
+    data: U[];
+    page: number;
+    hasMore: boolean;
+    loading: boolean;
+    loadData: (currentPage?: any, search?: any, reset?: any) => Promise<void>;
+    reset: () => void;
+};
+export declare function useConsultTransferPopover({ showDialNumberTab, showEntryPointTab, getAddressBookEntries, getEntryPoints, getQueues, logger, }: UseConsultTransferParams): {
+    selectedCategory: CategoryType;
+    searchQuery: string;
+    loadMoreRef: import("react").MutableRefObject<HTMLDivElement>;
+    dialNumbers: AddressBookEntry[];
+    hasMoreDialNumbers: boolean;
+    loadingDialNumbers: boolean;
+    entryPoints: {
+        id: string;
+        name: string;
+    }[];
+    hasMoreEntryPoints: boolean;
+    loadingEntryPoints: boolean;
+    queuesData: {
+        id: string;
+        name: string;
+        description?: string;
+    }[];
+    hasMoreQueues: boolean;
+    loadingQueues: boolean;
+    handleSearchChange: (value: string) => void;
+    handleAgentsClick: () => void;
+    handleQueuesClick: () => void;
+    handleDialNumberClick: () => void;
+    handleEntryPointClick: () => void;
+};

package/dist/types/components/task/CallControl/call-control.d.ts

@@ -1,5 +1,3 @@
-import React from 'react';
-import { CallControlComponentProps } from '../task.types';
 import './call-control.styles.scss';
-declare function CallControlComponent(props: CallControlComponentProps): React.JSX.Element;
-export default CallControlComponent;
+declare const CallControlComponentWithMetrics: any;
+export default CallControlComponentWithMetrics;

package/dist/types/components/task/CallControl/call-control.utils.d.ts

@@ -0,0 +1,60 @@
+import { CallControlMenuType } from '../task.types';
+import type { CallControlButton, ControlVisibility, MEDIA_CHANNEL as MediaChannelType, MediaTypeInfo } from '../task.types';
+import { DestinationType, ILogger, ITask } from '@webex/cc-store';
+/**
+ * Handles toggle hold functionality
+ */
+export declare const handleToggleHold: (isHeld: boolean, toggleHold: (hold: boolean) => void, logger: ILogger) => void;
+/**
+ * Handles mute toggle functionality with disabled state management
+ */
+export declare const handleMuteToggle: (toggleMute: () => void, setIsMuteButtonDisabled: (disabled: boolean) => void, logger: ILogger) => void;
+/**
+ * Handles wrapup call submission
+ */
+export declare const handleWrapupCall: (selectedWrapupReason: string | null, selectedWrapupId: string | null, wrapupCall: (reason: string, id: string) => void, setSelectedWrapupReason: (reason: string | null) => void, setSelectedWrapupId: (id: string | null) => void, logger: ILogger) => void;
+/**
+ * Handles wrapup reason change
+ */
+export declare const handleWrapupChange: (text: string, value: string, setSelectedWrapupReason: (reason: string) => void, setSelectedWrapupId: (id: string) => void, logger?: any) => void;
+/**
+ * Handles target selection for consult/transfer
+ */
+export declare const handleTargetSelect: (id: string, name: string, type: DestinationType, allowParticipantsToInteract: boolean, agentMenuType: CallControlMenuType | null, consultCall: (id: string, type: DestinationType, allowParticipantsToInteract: boolean) => void, transferCall: (id: string, type: DestinationType) => void, setConsultAgentName: (name: string) => void, setLastTargetType: (type: DestinationType) => void, logger: ILogger) => void;
+/**
+ * Gets the media type information
+ */
+export declare const getMediaType: (mediaType: MediaChannelType, mediaChannel: MediaChannelType, logger?: any) => MediaTypeInfo;
+/**
+ * Checks if the media type is telephony
+ */
+export declare const isTelephonyMediaType: (mediaType: MediaChannelType, logger?: any) => boolean;
+/**
+ * Builds the call control buttons configuration
+ */
+export declare const buildCallControlButtons: (isMuted: boolean, isRecording: boolean, isMuteButtonDisabled: boolean, currentMediaType: MediaTypeInfo, controlVisibility: ControlVisibility, handleMuteToggleFunc: () => void, handleToggleHoldFunc: () => void, toggleRecording: () => void, endCall: () => void, exitConference: () => void, switchToConsult: () => void, onTransferConsult: () => void, handleConsultConferencePress: () => void, logger?: ILogger) => CallControlButton[];
+/**
+ * Filters buttons based on consultation state
+ */
+export declare const filterButtonsForConsultation: (buttons: CallControlButton[], consultInitiated: boolean, isTelephony: boolean, logger?: any) => CallControlButton[];
+/**
+ * Updates call state from current task data
+ */
+export declare const updateCallStateFromTask: (currentTask: ITask, setIsRecording: (recording: boolean) => void, logger?: any) => void;
+/**
+ * Handles close button press for popover components
+ */
+export declare const handleCloseButtonPress: (setShowAgentMenu: (show: boolean) => void, setAgentMenuType: (type: CallControlMenuType | null) => void, logger?: any) => void;
+/**
+ * Handles wrapup reason selection change event
+ */
+export declare const handleWrapupReasonChange: (event: CustomEvent, wrapupCodes: Array<{
+    id: string;
+    name: string;
+}> | undefined, handleWrapupChange: (text: string, value: string, logger?: any) => void, logger?: any) => void;
+/**
+ * Handles audio element ref assignment
+ */
+export declare const handleAudioRef: (audioElement: HTMLAudioElement | null, callControlAudio: MediaStream | null, logger?: any) => void;
+export declare const onInputDialNumber: (e: any, setValue: any) => void;
+export declare const handleButtonPress: (logger: any, onButtonPress: any, value: any) => void;

package/dist/types/components/task/CallControlCAD/call-control-cad.d.ts

@@ -1,5 +1,3 @@
-import React from 'react';
 import './call-control-cad.styles.scss';
-import { CallControlComponentProps } from '../task.types';
-declare const CallControlCADComponent: React.FC<CallControlComponentProps>;
-export default CallControlCADComponent;
+declare const CallControlCADComponentWithMetrics: any;
+export default CallControlCADComponentWithMetrics;

package/dist/types/components/task/IncomingTask/incoming-task.d.ts

@@ -1,4 +1,2 @@
-import React from 'react';
-import { IncomingTaskComponentProps } from '../task.types';
-declare const IncomingTaskComponent: React.FunctionComponent<IncomingTaskComponentProps>;
-export default IncomingTaskComponent;
+declare const IncomingTaskComponentWithMetrics: any;
+export default IncomingTaskComponentWithMetrics;

package/dist/types/components/task/IncomingTask/incoming-task.utils.d.ts

@@ -20,4 +20,4 @@ export interface IncomingTaskData {
  * @param isBrowser - Whether the device type is browser
  * @returns Processed task data with computed values
  */
-export declare const extractIncomingTaskData: (incomingTask: ITask, isBrowser: boolean) => IncomingTaskData;
+export declare const extractIncomingTaskData: (incomingTask: ITask, isBrowser: boolean, logger?: any) => IncomingTaskData;

package/dist/types/components/task/OutdialCall/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const OutdialStrings: {
+    ANI_SELECT_LABEL: string;
+    ANI_SELECT_PLACEHOLDER: string;
+    CALL_BUTTON_ARIA_LABEL: string;
+    DN_PLACEHOLDER: string;
+    INCORRECT_DN_FORMAT: string;
+    OUTDIAL_CALL: string;
+};
+export declare const KEY_LIST: string[];

package/dist/types/components/task/OutdialCall/outdial-call.d.ts

@@ -1,5 +1,3 @@
-import React from 'react';
-import { OutdialCallComponentProps } from '../task.types';
 import './outdial-call.style.scss';
-declare const OutdialCallComponent: React.FunctionComponent<OutdialCallComponentProps>;
-export default OutdialCallComponent;
+declare const OutdialCallComponentWithMetrics: any;
+export default OutdialCallComponentWithMetrics;

package/dist/types/components/task/Task/task.utils.d.ts

@@ -4,20 +4,20 @@ import type { MEDIA_CHANNEL as MediaChannelType, TaskComponentData } from '../ta
  * @param str - The string to capitalize
  * @returns The string with the first word capitalized
  */
-export declare const capitalizeFirstWord: (str: string) => string;
+export declare const capitalizeFirstWord: (str: string, logger?: any) => string;
 /**
  * Gets the correct CSS class name for the task title
  * @param isNonVoiceMedia - Whether the media type is non-voice
  * @param isIncomingTask - Whether this is an incoming task
  * @returns The appropriate CSS class name
  */
-export declare const getTitleClassName: (isNonVoiceMedia: boolean, isIncomingTask: boolean) => string;
+export declare const getTitleClassName: (isNonVoiceMedia: boolean, isIncomingTask: boolean, logger?: any) => string;
 /**
  * Creates unique IDs for tooltip elements
  * @param interactionId - The interaction ID
  * @returns Object with tooltip trigger and tooltip IDs
  */
-export declare const createTooltipIds: (interactionId?: string) => {
+export declare const createTooltipIds: (interactionId?: string, logger?: any) => {
     tooltipTriggerId: string;
     tooltipId: string;
 };
@@ -27,14 +27,14 @@ export declare const createTooltipIds: (interactionId?: string) => {
  * @param isIncomingTask - Whether this is an incoming task
  * @returns Whether to show the state
  */
-export declare const shouldShowState: (state?: string, isIncomingTask?: boolean) => boolean;
+export declare const shouldShowState: (state?: string, isIncomingTask?: boolean, logger?: any) => boolean;
 /**
  * Determines if the queue should be shown
  * @param queue - The queue name
  * @param isIncomingTask - Whether this is an incoming task
  * @returns Whether to show the queue
  */
-export declare const shouldShowQueue: (queue?: string, isIncomingTask?: boolean) => boolean;
+export declare const shouldShowQueue: (queue?: string, isIncomingTask?: boolean, logger?: any) => boolean;
 /**
  * Determines if handle time should be shown
  * @param isIncomingTask - Whether this is an incoming task
@@ -42,21 +42,21 @@ export declare const shouldShowQueue: (queue?: string, isIncomingTask?: boolean)
  * @param startTimeStamp - The start timestamp
  * @returns Whether to show handle time
  */
-export declare const shouldShowHandleTime: (isIncomingTask?: boolean, ronaTimeout?: number, startTimeStamp?: number) => boolean;
+export declare const shouldShowHandleTime: (isIncomingTask?: boolean, ronaTimeout?: number, startTimeStamp?: number, logger?: any) => boolean;
 /**
  * Determines if time left should be shown
  * @param isIncomingTask - Whether this is an incoming task
  * @param ronaTimeout - The RONA timeout value
  * @returns Whether to show time left
  */
-export declare const shouldShowTimeLeft: (isIncomingTask?: boolean, ronaTimeout?: number) => boolean;
+export declare const shouldShowTimeLeft: (isIncomingTask?: boolean, ronaTimeout?: number, logger?: any) => boolean;
 /**
  * Gets the task list item CSS classes
  * @param selected - Whether the task is selected
  * @param styles - Additional styles
  * @returns The combined CSS class string
  */
-export declare const getTaskListItemClasses: (selected?: boolean, styles?: string) => string;
+export declare const getTaskListItemClasses: (selected?: boolean, styles?: string, logger?: any) => string;
 /**
  * Extracts and processes all data needed for rendering the Task component
  * @param props - The Task component props
@@ -73,4 +73,4 @@ export declare const extractTaskComponentData: ({ mediaType, mediaChannel, isInc
     startTimeStamp?: number;
     acceptText?: string;
     declineText?: string;
-}) => TaskComponentData;
+}, logger?: any) => TaskComponentData;

package/dist/types/components/task/TaskList/task-list.d.ts

@@ -1,5 +1,3 @@
-import React from 'react';
-import { TaskListComponentProps } from '../task.types';
 import './styles.scss';
-declare const TaskListComponent: React.FunctionComponent<TaskListComponentProps>;
-export default TaskListComponent;
+declare const TaskListComponentWithMetrics: any;
+export default TaskListComponentWithMetrics;

package/dist/types/components/task/TaskList/task-list.utils.d.ts

@@ -1,12 +1,12 @@
 import { TaskListItemData } from '../task.types';
-import { ITask } from '@webex/cc-store';
+import { ILogger, ITask } from '@webex/cc-store';
 /**
  * Extracts and processes data from a task for rendering in the task list
  * @param task - The task object
  * @param isBrowser - Whether the device type is browser
  * @returns Processed task data with computed values
  */
-export declare const extractTaskListItemData: (task: ITask, isBrowser: boolean) => TaskListItemData;
+export declare const extractTaskListItemData: (task: ITask, isBrowser: boolean, agentId: string, logger?: ILogger) => TaskListItemData;
 /**
  * Determines if a task should be selectable
  * @param task - The task object
@@ -14,26 +14,26 @@ export declare const extractTaskListItemData: (task: ITask, isBrowser: boolean)
  * @param taskData - Processed task data
  * @returns Whether the task should be selectable
  */
-export declare const isTaskSelectable: (task: ITask, currentTask: ITask | null, taskData: TaskListItemData) => boolean;
+export declare const isTaskSelectable: (task: ITask, currentTask: ITask | null, taskData: TaskListItemData, logger?: any) => boolean;
 /**
  * Determines if the current task is selected
  * @param task - The task object
  * @param currentTask - The currently selected task
  * @returns Whether this task is currently selected
  */
-export declare const isCurrentTaskSelected: (task: ITask, currentTask: ITask | null) => boolean;
+export declare const isCurrentTaskSelected: (task: ITask, currentTask: ITask | null, logger?: any) => boolean;
 /**
  * Validates if a task list is empty or invalid
  * @param taskList - The task list object
  * @returns Whether the task list is empty or invalid
  */
-export declare const isTaskListEmpty: (taskList: Record<string, ITask> | null | undefined) => boolean;
+export declare const isTaskListEmpty: (taskList: Record<string, ITask> | null | undefined, logger?: any) => boolean;
 /**
  * Gets tasks as an array from the task list object
  * @param taskList - The task list object
  * @returns Array of tasks
  */
-export declare const getTasksArray: (taskList: Record<string, ITask> | null | undefined) => ITask[];
+export declare const getTasksArray: (taskList: Record<string, ITask> | null | undefined, logger?: any) => ITask[];
 /**
  * Creates task select handler with logging
  * @param task - The task to select
@@ -42,4 +42,4 @@ export declare const getTasksArray: (taskList: Record<string, ITask> | null | un
  * @param logger - The logger instance
  * @returns Task select handler function
  */
-export declare const createTaskSelectHandler: (task: ITask, currentTask: ITask | null, onTaskSelect: (task: ITask) => void) => () => void;
+export declare const createTaskSelectHandler: (task: ITask, currentTask: ITask | null, onTaskSelect: (task: ITask) => void, agentId: string, logger?: any) => () => void;