The StationLogin component provides a user interface for agents to log in to their contact center station and choose from different connection types:

• Desktop: Uses WebRTC for voice communication
• Extension: Allows using a softphone or a hardphone extension
• Dial Number: Allows using a PSTN phone number

Look and feel:

When profile mode is not enabled

When profile mode is enabled

Note: When profile mode is enabled, you can change your StationLogin mode.

anchorImport

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

anchorProps

anchorUsage Example

Profile Mode Enabled

<StationLogin profileMode={true} onSaveStart={handleSaveStart} onSaveEnd={handleSaveEnd} />

Profile Mode Disabled

<StationLogin
  profileMode={false}
  onLogin={onLogin}
  onLogout={onLogout}
  onCCSignOut={onCCSignOut}
  doStationLogout={true}
/>

Callback

const onLogin = () => {
  console.log('Login successful');
};

const onLogout = () => {
  console.log('Logged out');
};

const onCCSignOut = () => {
  console.log('CC Sign Out triggered');
};

const handleSaveStart = () => {
  console.log('Save start called');
};

const handleSaveEnd = (isComplete: boolean) => {
  console.log('Save end called: ', isComplete);
};

anchorConfiguration Notes

• The allowMultiLogin option in the webex config works specifically for station login types "Extension" and "Dial Number". Please check the Quickstart Guide for the config.
• The component requires proper initialization of the store before rendering
• Make sure to wrap the component with ThemeProvider and IconProvider from Momentum Design