Skip to main content

actions

Use an actions hook to register actions in the Flex Actions Framework.

import * as Flex from '@twilio/flex-ui';

import { FlexActionEvent, FlexAction } from '../../../../types/feature-loader';

export const actionEvent = FlexActionEvent.before;
export const actionName = FlexAction.CompleteTask;
export const actionHook = function exampleCompleteTaskHook(flex: typeof Flex, manager: Flex.Manager) {
flex.Actions.addListener(`${actionEvent}${actionName}`, async (payload, abortFunction) => {
// your code here
});
};

Supported values for actionEvent:

enum FlexActionEvent {
before = "before",
after = "after",
replace = "replace",
}

Supported values for actionName:

enum FlexAction {
AcceptTask = "AcceptTask",
ApplyTeamsViewFilters = "ApplyTeamsViewFilters",
CompleteTask = "CompleteTask",
HangupCall = "HangupCall",
HoldCall = "HoldCall",
UnholdCall = "UnholdCall",
HoldParticipant = "HoldParticipant",
KickParticipant = "KickParticipant",
MonitorCall = "MonitorCall",
StopMonitoringCall = "StopMonitoringCall",
SelectTask = "SelectTask",
SetWorkerActivity = "SetWorkerActivity",
StartOutboundCall = "StartOutboundCall",
ToggleMute = "ToggleMute",
UnholdParticipant = "UnholdParticipant",
NavigateToView = "NavigateToView",
RejectTask = "RejectTask",
SendMessage = "SendMessage",
SetActivity = "SetActivity",
StartExternalWarmTransfer = "StartExternalWarmTransfer",
ShowDirectory = "ShowDirectory",
TransferTask = "TransferTask",
WrapupTask = "WrapupTask",
}