@tiledesk/tiledesk-voice-twilio-connector 0.1.20 → 0.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiledesk/tiledesk-voice-twilio-connector",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "Tiledesk VOICE Twilio connector",
   "license": "MIT",
   "author": "Gabriele Panico",

package/routes/manageApp.js

@@ -84,6 +84,7 @@ router.get('/configure', async (req, res) => {
   } else {
     
     let proxy_url = BASE_URL + "/webhook/" + project_id
+    let status_url = BASE_URL + "/twilio/status"
     
     let CONTENT_KEY = CHANNEL_NAME + "-" + project_id;
 
@@ -111,6 +112,7 @@ router.get('/configure', async (req, res) => {
           project_id: project_id,
           token: token,
           proxy_url: proxy_url,
+          status_url: status_url,
           subscription_id: settings.subscriptionId,
           department_id: settings.department_id,
           account_sid: settings.account_sid,
@@ -138,6 +140,7 @@ router.get('/configure', async (req, res) => {
           project_id: project_id,
           token: token,
           proxy_url: proxy_url,
+          status_url: status_url,
           departments: departments,
           popup_view: popup_view,
           brand_name: BRAND_NAME
@@ -167,7 +170,8 @@ router.post('/update', async (req, res) => {
   
   winston.verbose("(voice) /update settings", settings);
 
-  let proxy_url = BASE_URL + "/webhook/" + project_id
+  let proxy_url = BASE_URL + "/webhook/" + project_id;
+  let status_url = BASE_URL + "/twilio/status";
 
   // get departments
   const tdChannel = new TiledeskChannel({
@@ -199,6 +203,7 @@ router.post('/update', async (req, res) => {
         project_id: project_id,
         token: token,
         proxy_url: proxy_url,
+        status_url: status_url,
         show_success_modal: true,
         subscription_id: settings.subscriptionId,
         department_id: settings.department_id,
@@ -223,6 +228,7 @@ router.post('/update', async (req, res) => {
           project_id: project_id,
           token: token,
           proxy_url: proxy_url,
+          status_url: status_url,
           show_success_modal: true,
           subscription_id: subscription.subscriptionId,
           account_sid: account_sid,
@@ -243,6 +249,7 @@ router.post('/update', async (req, res) => {
           project_id: project_id,
           token: token,
           proxy_url: proxy_url,
+          status_url: status_url,
           departments: departments,
           show_error_modal: true,
           brand_name: BRAND_NAME
@@ -268,7 +275,8 @@ router.post('/disconnect', async (req, res) => {
   await db.remove(CONTENT_KEY);
   winston.verbose("(voice) Content deleted.");
 
-  let proxy_url = BASE_URL + "/webhook/" + project_id
+  let proxy_url = BASE_URL + "/webhook/" + project_id;
+  let status_url = BASE_URL + "/twilio/status";
 
   // get departments
   const tdChannel = new TiledeskChannel({
@@ -293,6 +301,7 @@ router.post('/disconnect', async (req, res) => {
         project_id: project_id,
         token: token,
         proxy_url: proxy_url,
+        status_url: status_url,
         departments: departments,
         brand_name: BRAND_NAME
       }

package/template/configure.html

@@ -177,7 +177,7 @@
               <div style="display: flex; flex-direction: row;">
                 <div style="width: 522px;">
                     <div style="display: flex; flex-direction: row; align-items: center;">
-                      <input type="text" readonly class="form-control copy-form custom-input" name="proxy_url" id="proxy_url" value="{{ proxy_url}}">
+                      <input type="text" readonly class="form-control copy-form custom-input" name="proxy_url" id="proxy_url" value="{{proxy_url}}">
                       <span style="margin-left: 10px;">
                         <i class="fa fa-question-circle custom-tooltip">
                           <span class="custom-tooltiptext">This is the endpoint to be reached by Twilio. Copy it to the Voice "Configuration URL" section in Configure Tab of your number. Please set "HTTP POST" as the method of the API call</span>
@@ -187,7 +187,31 @@
                     </div>
                   
                 </div>
-                <div id="copy-div" class="icon-btn-div" onclick="copyTextToClipboard()">
+                <div id="copy-div" class="icon-btn-div" onclick="copyTextToClipboard('proxy_url')">
+                  <i class="fa fa-copy icon-btn"></i>
+                </div>
+                <div id="copied-div" class="icon-btn-div" style="visibility: hidden;">
+                  <i class="fa fa-check icon-btn" style="margin-left: -74px; color: green;"></i>
+                </div>
+              </div>
+            </div>
+            
+            <div class="form-group" style="width: 590px;">
+              <label class="input-label" for="proxy_url">Status callback URL</label>
+              <div style="display: flex; flex-direction: row;">
+                <div style="width: 522px;">
+                    <div style="display: flex; flex-direction: row; align-items: center;">
+                      <input type="text" readonly class="form-control copy-form custom-input" name="status_url" id="status_url" value="{{status_url}}">
+                      <span style="margin-left: 10px;">
+                        <i class="fa fa-question-circle custom-tooltip">
+                          <span class="custom-tooltiptext">This is the endpoint to be reached by Twilio. Copy it to the Voice "Configuration URL" section in Configure Tab of your number. Please set "HTTP POST" as the method of the API call</span>
+                        </i>
+                      </span>
+                      
+                    </div>
+                  
+                </div>
+                <div id="copy-div" class="icon-btn-div" onclick="copyTextToClipboard('status_url')">
                   <i class="fa fa-copy icon-btn"></i>
                 </div>
                 <div id="copied-div" class="icon-btn-div" style="visibility: hidden;">
@@ -332,8 +356,8 @@
 
   <script> 
     
-    function copyTextToClipboard() {
-      const proxyUrl = document.getElementById('proxy_url').select()
+    function copyTextToClipboard(element_id) {
+      const proxyUrl = document.getElementById(element_id).select()
       
       //document.querySelector('textarea').select();
       try {