Twilio Flex Plugin - Wrap Up Time Notifications

Twilio Flex Plugins allow you to customize the appearance and behavior of Twilio Flex. If you want to learn more about the capabilities and how to use the API, check out our Flex documentation.

This plugin will displays two notifications during the wrap up phase for the tasks. The first notification will alert the agent that they are approaching the recommended wrap up time. The second notification will alert the agent that they have crossed the recommended wrap up time and that they should remember to complete the task once they have wrapped up the task.

Sample demo is provided below :

The first alert will be displayed a few seconds before the wrap up time :

The second alert will be displayed after the agent has crossed the wrap up time :

The agent can dismiss these notifications anytime by clicking on the dismiss label:

Requirements

To deploy this plugin, you will need:

• An active Twilio account with Flex provisioned. Refer to the Flex Quickstart to create one.
• npm version 5.0.0 or later installed (type npm -v in your terminal to check)
• Node.js long term support(LTS) version(type node -v in your terminal to check)

Setup

Make sure you have Node.js as well as npm installed.

1. Clone this repo:

https://code.hq.twilio.com/cjose/plugin-wrapup-alert.git

2. Go to the plugin directory

cd plugin-wrapup-alert

3. Copy the .env.example to .env and populate the appropriate environment variables:

cp .env.example .env

4. Copy the public/appConfig.example.js to public/appConfig.js :

cp public/appConfig.example.js public/appConfig.js

5. Install the dependencies

# Install the dependencies of the Flex Plugin
npm install

6. Run plugin on a local environment using :

# Run the plugin on your local environment
npm start

7. Deploy your plugin using :

# Deply the plugin to your actual flex environment
npm run deploy