Dialpad plugin-in for Twilio Flex displays an error

Question

I'm trying to use this dialpad plugin for Twilio Flex to make phone calls. I'm newbie on this so maybe I'm forgetting something to do in the process. I will detail the steps I made:

git clone https://github.com/lehel-twilio/plugin-dialpad.git
npm install
cp public/appConfig.example.js public/appConfig.js

appConfig.js file code:

// your account sid
var accountSid = 'ACXXxxxxXXXXxxxxxxXXXXXXxxxx35'; //my accountSid

// set to /plugins.json for local dev
// set to /plugins.local.build.json for testing your build
// set to "" for the default live plugin loader

var pluginServiceUrl = '/plugins.json';

var appConfig = {
  pluginService: {
     enabled: true,
     url: pluginServiceUrl,
  },
  sso: {
    accountSid: accountSid
  },
  ytica: false,
  logLevel: 'debug',
  showSupervisorDesktopView: true,
};

I deploy functions according to github docs: Hold Call (/hold-call), Create New Task (/create-new-task), Cleanup Rejected Task (/cleanup-rejected-task), Flex Dialpad Add Conference Participant (/add-conference-participant)

According to plugin-dialpad documentation, all these functions have the option Check for valid Twilio signature unchecked:

Configuring Functions :

Task channel 'custom1' is created:

I added my phone number as an attribute value to every Worker:

And finally, I added the filter:

At the beginning it displayed this error when I tried to make a phone call:

I could fix it applying CORS headers in Create New Task function which It's showing the error, I changed this line: "Access-Control-Allow-Origin":"https://flex.twilio.com":

But now it shows me an error in dialpad-plugin.js and I still can't make phone calls:

Flex version 1.11.1 (same happens with 1.10.0)
plugin-dialpad version 4.0

How can I fix it? I'd like your help.

score 1 · Answer 1 · answered Jul 11 '19 at 22:02

1

Are you sure you created the function as details in the github repo? For example, the create-new-task function looks very different then what you posted.

https://github.com/lehel-twilio/plugin-dialpad/blob/master/src/functions/create-new-task.js

All the functions are located here: https://github.com/lehel-twilio/plugin-dialpad/tree/master/src/functions

answered Jul 11 '19 at 22:02

Alan

10,465
2
8
9

Yes! You were right, I had to create all the functions according to functions folder, but now when I want to make a phone call it shows an error on Twilio debugger: `Got HTTP 500 response from https://*****.twil.io/call-outbound-join Error: 'From' phone number not verified`. How can I fix it? – NekoLopez Jul 12 '19 at 18:35
You can login into the Twilio Console and in the upper right corner, search on Verified Caller ID and follow the process. Trial accounts have certain restrictions, where you only call a Verified Caller ID in your account. You can only use a Verified CallerID or a Twilio Number in your account as the CallerID in an upgraded account. Also, make sure geographic permissions allow calling the countries you intend to call. – Alan Jul 13 '19 at 19:15

score 0 · Accepted Answer · answered Jul 22 '19 at 16:49

Ok, finally I could fix my problem.

First, I had to create Twilio functions according to github: https://github.com/lehel-twilio/plugin-dialpad/tree/master/src/functions

After that, when I make a phone call it's showing me an error message on Twilio Debugger: Got HTTP 500 response from https://*****.twil.io/call-outbound-join Error: 'From' phone number not verified.

My Twilio Phone Number is from another country, so I fixed adding this additional code on "Create New Task" function which allows so add "+" sign automatically:

const numbx = "+" + event.From; const wnumbx = numbx.replace(/\s/g,'');
console.log(wnumbx); const numbt = "+" + event.To; const wnumbt = 
numbt.replace(/\s/g,''); console.log(wnumbt);

client.taskrouter.workspaces(workspace) .tasks .create( { attributes: JSON.stringify( { to: wnumbt, direction: 'outbound', name: 'MY COMPANY', from: wnumbx,...

This is not necessary on Twilio phone numbers of US.

Dialpad plugin-in for Twilio Flex displays an error

2 Answers2