anchorAvailable Components

The following React components are available for building your Contact Center agent interface:

Core Components

1. StationLogin

   • Allows agents to perform station login and update their profile.
   • Supports multiple connection types: Desktop (WebRTC), Extension (Softphone), and Dial Number (PSTN)

2. UserState

   • Displays and manages agent state
   • Allows agents to switch between states (Available, Meeting, etc.)

Task Management Components

3. IncomingTask

   • Presents incoming tasks to agents
   • Provides accept and reject actions

4. TaskList

   • Displays and manages multiple tasks in a list view
   • Supports task selection, acceptance, and decline callbacks

Call Control Components

5. CallControlCAD

   • Advanced call controls with Call Associated Data
   • Includes consult, transfer, and conference capabilities
   • Supports styling via callControlClassName and callControlConsultClassName properties

6. OutdialCall

   • Enables agents to make outbound calls
   • Manages outdial call workflows

anchorImport Example

All components can be imported from the @webex/cc-widgets package:

import { 
  StationLogin, 
  UserState, 
  IncomingTask, 
  TaskList, 
  CallControlCAD,
  OutdialCall 
} from '@webex/cc-widgets';