Adding in notification when a line is busy, failed or no-answer

Author: jared-hunter

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "plugin-outbound-dialing-with-conference",
   "description": "Example front end implementation of a dialpad that creates outbound calls via a voice sdk and sends call to worker via task router",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "author": "Jared Hunter <jhunter@twilio.com>",
   "private": true,
   "scripts": {

package.json

@@ -1,7 +1,7 @@
 [
   {
     "name": "OutboundDialingWithConferencePlugin",
-    "version": "1.2.3",
+    "version": "1.2.4",
     "class": "OutboundDialingWithConferencePlugin",
     "requires": [
       {

public/plugins.json

@@ -1,7 +1,7 @@
 [
   {
     "name": "OutboundDialingWithConferencePlugin",
-    "version": "1.2.3",
+    "version": "1.2.4",
     "class": "OutboundDialingWithConferencePlugin",
     "requires": [
       {

public/plugins.local.build.json

@@ -36,7 +36,7 @@ class DialPadDialog extends React.Component {
 
 
   componentDidMount() {
-    console.log("OUTBOUND DIALPAD: Mounting DialPadLauncher v1.2.3");
+    console.log("OUTBOUND DIALPAD: Mounting DialPadLauncher v1.2.4");
     this.initSyncListener();
   }
 
@@ -131,6 +131,11 @@ class DialPadDialog extends React.Component {
       this.setAgentAvailable().then(() => closeDialpad()).catch(() => closeDialpad());
     } else if (CallStatus.isTerminalState(call)) {
       console.log("OUTBOUND DIALPAD: Call Status Update Terminal State");
+      if (CallStatus.isExceptionState(call)) {
+        Notifications.showNotification("UnableToConnect", {
+          message: call.callStatus
+        });
+      }
       // any termination state will reset the sync doc
       // and make sure the dialpad isnt ringing
       RingingService.stopRinging();

src/components/dialpad/DialPadLauncher.js

@@ -51,4 +51,15 @@ if (!manager.strings.cantCloseDialpad) {
     content: "cantCloseDialpad",
     type: NotificationType.warning
   });
+}
+
+if (!manager.strings.unableToConnect) {
+  manager.strings.unableToConnect = "The number you are dialing responded with: {{message}}";
+
+  Notifications.registerNotification({
+    id: "UnableToConnect",
+    content: "unableToConnect",
+    type: NotificationType.warning,
+    timeout: 6000
+  });
 }

src/notifications/CustomNotifications.js

@@ -90,14 +90,19 @@ class CallControlsClass {
 
 class CallStatusClass {
 
-	isTerminalState(call) {
-		return (call && (call.callStatus === "completed" ||
-			call.callStatus === "canceled" ||
+	isExceptionState(call) {
+		return (call && (
 			call.callStatus === "failed" ||
 			call.callStatus === "busy" ||
 			call.callStatus === "no-answer")) ? true : false
 	}
 
+	isTerminalState(call) {
+		return (call && (call.callStatus === "completed" ||
+			call.callStatus === "canceled" ||
+			this.isExceptionState(call))) ? true : false
+	}
+
 	// canDial includes an empty callStatus and is distinct with isTermanlState
 	// isTerminalState is used to determine if syncDoc should be updated
 	// it needs to exclude the end state or it will peruputally update itself