AppState

configuration state

session state

• identity?: string - identity of a logged in user
• loginError?: any - last error that occurred when logging in
• loginState?: LoginState - current state of the session
• ssoTokenPayload?: SSOTokenPayload - SSO token payload
• identity: string - identity
• roles: Array.<string> - roles
• token: string - access token
• expiration: string - token expiration date
• degraded?: boolean - Indicates if session is degraded

chat state

• conversations: ConversationsState - State of conversations
• sid?: ConversationState - State of conversations by sid
• currentPaginator?: Paginator - Paginator class to request messages on previous or next pages. See structure here: {@link https://media.twiliocdn.com/sdk/js/chat/releases/3.2.4/docs/Paginator.html}
• isLoadingMessages: boolean - Indicates if messages are currently loading
• isLoadingParticipants: boolean - Indicates if participants are currently loading
• isLoadingConversation: boolean - Indicates if conversation is currently loading
• lastReadMessageIndex: number - Index of the last read message
• participants: Map.<string, ParticipantState> - Participants of the chat
• messages: Array.<MessageState> - Messages in the conversation
• inputText: string - Text of the message
• attachedFiles?: Array.<File> - Files attached to the message
• source?: Conversation - Reference to the conversation. See structure here: {@link http://media.twiliocdn.com/sdk/js/conversations/releases/1.1.0/docs/Conversation.html}
• typers: Array.<ParticipantState> - Participants, who are currently typing a message
• source: Participant - Represents the remote client in a Conversation. See structure here: {@link http://media.twiliocdn.com/sdk/js/conversations/releases/1.1.0/docs/Participant.html}
• friendlyName: string - It represents the friendly name of the remote client.
• online: boolean - It represents if the participant is online or not.
• errorWhileLoadingConversation: boolean - Indicates if there was an error while loading a conversation
• session: ChatSessionState - State of the user session
• connectionState: string - State of the connection
• isActive: boolean - Indicates if chat session is active
• users: ChatUserState - State of chat users
• conversationInput: ConversationInputState - Conversation text input state
• messageList: ChatMessageListState - State of message list
• isScrollToBottom: boolean - Whether the ChatMessageList is currently scrolled to the bottom
• activeConversation: string - ID of the conversation currently shown in the ChatMessageList component

worker state

• tasks: Map.<string, ITask> - map of active tasks by reservation SID
• activity: Activity - current {@link https://twilio.github.io/twilio-taskrouter.js/Activity.html} of the worker
• activities: Map.<string, Activity> - map of all {@link https://twilio.github.io/twilio-taskrouter.js/Activity.html} instances by SID
• attributes: object - attributes of the {@link https://twilio.github.io/twilio-taskrouter.js/Worker.html}
• worker: IWorker - current worker instance

voice call state

• listener?: DeviceListener - device listener
• activeCall?: Call - Source call object {@link https://www.twilio.com/docs/voice/sdks/javascript/twiliocall}

view state

• isSideNavOpen: boolean - whether the navigation sidebar is open
• isOutboundDialerOpen: boolean - whether the navigation sidebar is open
• activeView?: string - name of the currently active view
• selectedTaskSid?: string - ID of the selected task in Agent Desktop view
• selectedTaskInSupervisorSid?: string - ID of the selected task in Teams view
• selectedWorkerInSupervisorSid?: string - ID of the selected worker in Teams view
• isDirectoryOpen?: boolean - whether the call transfer panel is open in Agent Desktop view
• componentViewStates: object - object containing persistent components states. Use {@link Actions.SetComponentState} to update.

connection status

• timestampLastConnected: number - timestamp of last connection
• connectionState: SyncClient.ConnectionState - connection state of the sync client

insights state

• segmentsById: object - Dictionary of segments with the segmentId as the key
• selectedMediaLink?: number - selected media link
• questionnaires: Array.<IQuestionnaire> - array of questionnaires
• assessments: object - Dictionary of array of assessments with the segmentId as the key
• comments: object - comments
• assessmentSettings: IAssessmentSettings - assessmentSettings
• findingsBySegment: object - findings by segment
• segmentId: string | undefined - segmentId
• insightsProjectDashboards: object - insights project dashboards
• insightsDashboardCategory: object - insights dashboard category
• drillableItemsByDashboard: object - drillable items by dashboard
• profileInfo: object - profile info

supervisor state

• callMonitoring: CallMonitoring - state of call monitoring
• status: CallMonitoringStatus - status of the monitor call
• task?: ITask - Monitored task
• workers?: Array.<IWorker> - List of the participating the call
• stickyWorker?: SupervisorWorkerState - currently selected worker state
• worker: IWorker - worker instance
• tasks: Array.<ITask> - tasks of the worker
• workers: Array.<SupervisorWorkerState> - currently showing worker states
• worker: IWorker - worker instance
• tasks: Array.<ITask> - tasks of the worker
• isLoadingWorkers: boolean - if workers are being loaded
• errorLoadingWorkers: LiveQueryError - instance of the error when loading workers
• appliedFilters: Array.<AppliedFilter> - array of applied filters
• extraFilterQuery: string - query for custom filters
• search: string - search string

conferences state

• client?: SyncClient - Sync Client
• states: Map.<string, ConferencesState.ConferenceState> - active conferences states by conference SID

realtimeQueues

featureFlags

flexErrors

• errors: Array.<FlexError> - Flex errors

qualityManagement

participants state

• source: Participant - Represents the remote client in a Conversation. See structure here: {@link http://media.twiliocdn.com/sdk/js/conversations/releases/1.1.0/docs/Participant.html}
• friendlyName: string - It represents the friendly name of the remote client.
• online: boolean - It represents if the participant is online or not.

Unknown

LoggingIn

LoggedIn

LoggedOut

Error