The UserState component provides a user interface for agents to view and change their availability status. Common agent states include:

• Available
• Meeting
• Custom states (These can be set in the Admin Portal)

Some of the states that can occur when call gets involved

Non error cases:

• Engaged
• RONA (Redirect On No Answer)

Error cases:

• Invalid Number
• Unavailable
• Declined
• Busy
• Channel Failure

Look and feel:

anchorImport

import { UserState } from '@webex/cc-widgets';

anchorProps

anchorUsage Example

<UserState onStateChange={(newState) => console.log('New state: ', newState)} />

anchorFeatures

• Displays current agent state
• Allows agents to change their state
• Updates automatically based on system events

anchorConfiguration Notes

• The component requires the store to be initialized with a valid access token
• Agent state changes affect routing and task assignment
• Make sure to wrap the component with ThemeProvider and IconProvider from Momentum Design