@tiledesk/tiledesk-whatsapp-connector 0.1.50 → 0.1.52

package/index.js

@@ -12,6 +12,11 @@ const cors = require('cors');
 var winston = require('./winston');
 const url = require('url');
 
+//const ext = require('./routes/ext')
+//const extRoute = ext.router;
+const api = require('./routes/api');
+const apiRoute = api.router;
+
 // tiledesk clients
 //const { TiledeskClient } = require('@tiledesk/tiledesk-client');
 const { TiledeskWhatsappTranslator } = require('./tiledesk/TiledeskWhatsappTranslator');
@@ -42,6 +47,9 @@ router.use(bodyParser.urlencoded({ extended: true }));
 router.use(express.static(path.join(__dirname, 'template')));
 router.use(cors());
 
+router.use('/ext', apiRoute);
+router.use('/api', apiRoute);
+
 let API_URL = null;
 let GRAPH_URL = null;
 let BASE_URL = null;
@@ -163,7 +171,7 @@ router.post('/uninstall', async (req, res) => {
     }));
 
   }).catch((err) => {
-    winston.error("(wab) uninsallation error: " + err.data)
+    winston.error("(wab) uninstallation error: " + err.data)
     res.send("An error occurred during the uninstallation");
   })
 })
@@ -174,6 +182,11 @@ router.get('/configure', async (req, res) => {
 
   let project_id = req.query.project_id;
   let token = req.query.token;
+  let popup_view = false;
+
+  if (req.query.view && req.query.view === 'popup') {
+    popup_view = true
+  }
 
   if (!project_id || !token) {
     let error_message = "Query params project_id and token are required."
@@ -237,7 +250,8 @@ router.get('/configure', async (req, res) => {
           project_id: project_id,
           token: token,
           proxy_url: proxy_url,
-          departments: departments
+          departments: departments,
+          popup_view: popup_view
         }
         var html = template(replacements);
         res.send(html);
@@ -430,12 +444,6 @@ router.get('/direct/tiledesk', async (req, res) => {
   let CONTENT_KEY = "whatsapp-" + project_id;
   let settings = await db.get(CONTENT_KEY);
 
-  /*
-  let tiledeskChannelMessage = {
-    text: "Ciao, benvenuto sull'ambiente di sviluppo di Tiledesk! Questo messaggio serve ad aprire una nuova conversazione. Ha funzionato?"
-  } 
-  */
-
   let tiledeskChannelMessage = {
     text: "Sample text",
     attributes: {
@@ -466,7 +474,6 @@ router.get('/direct/tiledesk', async (req, res) => {
 })
 
 router.post('/tiledesk/broadcast', async (req, res) => {
-
   winston.verbose("(wab) Message received from Tiledesk (Broadcast)");
 
   let tiledeskChannelMessage = req.body.payload;
@@ -480,11 +487,88 @@ router.post('/tiledesk/broadcast', async (req, res) => {
     return res.status(400).send({ success: false, error: "WhatsApp is not installed for the project_id: " + project_id });
   }
 
+  if (!settings.business_account_id) {
+    return res.status(400).send({ success: false, error: "Missing parameter 'WhatsApp Business Account ID'. Please update your app."})
+  }
+
   let receiver_list = req.body.receiver_list;
-  console.log("receiver_list: ", receiver_list);
+  let phone_number_id = req.body.phone_number_id;
+
+  let tm = new TemplateManager({ token: settings.wab_token, business_account_id: settings.business_account_id, GRAPH_URL: GRAPH_URL })
+  const tlr = new TiledeskWhatsappTranslator();
+  const twClient = new TiledeskWhatsapp({ token: settings.wab_token, GRAPH_URL: GRAPH_URL, API_URL: API_URL, BASE_FILE_URL: BASE_FILE_URL });
+  
+  let response = await tm.getTemplates();
+  let templates = response.data;
+  
+  let selected_template = templates.find(t => t.name === tiledeskChannelMessage.attributes.attachment.template.name);
+
+  let params_object = await tm.generateParamsObject(selected_template);
+  
+  tiledeskChannelMessage.attributes.attachment.template.params = params_object;
+  winston.verbose("(wab) --> tiledeskChannelMessage: ", tiledeskChannelMessage)
 
+  let messages_sent = 0;
+  let errors = [];
+  let error_count = 0;
+
+  if (receiver_list) {
+    let i = 0;
+    async function execute(whatsapp_receiver) {
+
+      let customTiledeskJsonMessage = await tlr.sanitizeTiledeskMessage(tiledeskChannelMessage, whatsapp_receiver)
+      winston.info("customTiledeskJsonMessage: ", customTiledeskJsonMessage)
+
+      let whatsappJsonMessage = await tlr.toWhatsapp(customTiledeskJsonMessage, whatsapp_receiver.phone_number);
+      winston.verbose("(wab) message created for receiver: " + whatsapp_receiver.phone_number);
+      winston.verbose("(wab) whatsappJsonMessage", whatsappJsonMessage);
+
+      await twClient.sendMessage(phone_number_id, whatsappJsonMessage).then((response) => {
+        winston.verbose("(wab) Message sent to WhatsApp! " + response.status + " " + response.statusText);
+        messages_sent += 1;
+        i += 1;
+        if (i < receiver_list.length) {
+          execute(receiver_list[i])
+        } else {
+          return res.status(200).send({ success: true, message: "Broadcast terminated", messages_sent: messages_sent, errors: errors });
+          winston.debug("(wab) End of list")
+        }
+      }).catch((err) => {
+        winston.error("(wab) error send message: " + err.response.data.error.message);
+        errors.push({ receiver: whatsapp_receiver.phone_number, error: err.response.data.error.message });
+        i += 1;
+        if (i < receiver_list.length) {
+          execute(receiver_list[i])
+        } else {
+          winston.debug("(wab) End of list")
+          return res.status(200).send({ success: true, message: "Broadcast terminated", messages_sent: messages_sent, errors: errors });
+        }
+      })
+    }
+    execute(receiver_list[0]);
+  }
+  
+})
+
+
+/*
+router.post('/tiledesk/broadcast2', async (req, res) => {
+
+  winston.verbose("(wab) Message received from Tiledesk (Broadcast)");
+
+  let tiledeskChannelMessage = req.body.payload;
+  winston.verbose("(wab) tiledeskChannelMessage: ", tiledeskChannelMessage)
+  let project_id = req.body.payload.id_project;
+
+  let CONTENT_KEY = "whatsapp-" + project_id;
+  let settings = await db.get(CONTENT_KEY);
+
+  if (!settings) {
+    return res.status(400).send({ success: false, error: "WhatsApp is not installed for the project_id: " + project_id });
+  }
+
+  let receiver_list = req.body.receiver_list;
   let phone_number_id = req.body.phone_number_id;
-  console.log("phone_number_id: ", phone_number_id);
 
   if (!tiledeskChannelMessage.attributes.attachment.template) {
     return res.status(400).send({ success: false, error: "Message must contain a template." })
@@ -507,7 +591,6 @@ router.post('/tiledesk/broadcast', async (req, res) => {
       let whatsappJsonMessage = await tlr.toWhatsapp(customTiledeskJsonMessage, whatsapp_receiver.phone_number);
       winston.verbose("(wab) message created for receiver: " + whatsapp_receiver.phone_number);
       winston.verbose("(wab) whatsappJsonMessage", whatsappJsonMessage);
-      console.log("(wab) whatsappJsonMessage", JSON.stringify(whatsappJsonMessage, null, 2));
 
       //winston.debug("(wab) End of list")
       //return res.sendStatus(200);
@@ -530,24 +613,21 @@ router.post('/tiledesk/broadcast', async (req, res) => {
           execute(receiver_list[i])
         } else {
           winston.debug("(wab) End of list")
-          console.log("errors: ", JSON.stringify(errors, null, 2))
           return res.status(200).send({ success: true, message: "Broadcast terminated", messages_sent: messages_sent, errors: errors });
         }
       })
     }
     execute(receiver_list[0]);
   }
-
-
-
 })
+*/
 
 router.post('/tiledesk', async (req, res) => {
 
   winston.verbose("(wab) Message received from Tiledesk")
 
   var tiledeskChannelMessage = req.body.payload;
-  winston.verbose("(wab) tiledeskChannelMessage: ", tiledeskChannelMessage)
+  winston.debug("(wab) tiledeskChannelMessage: ", tiledeskChannelMessage)
   var project_id = req.body.payload.id_project;
 
   // get settings from mongo
@@ -1041,6 +1121,7 @@ router.get("/templates/:project_id", async (req, res) => {
 
 })
 
+/*
 router.get("/ext/templates/:project_id", async (req, res) => {
   winston.verbose("(wab) /ext/templates");
 
@@ -1069,6 +1150,24 @@ router.get("/ext/templates/:project_id", async (req, res) => {
   }
 
 })
+*/
+
+//router.delete("/ext/")
+
+/*
+router.get("/ext/:project_id", async (req, res) => {
+  winston.verbose("(wab) /ext/");
+
+  let project_id = req.params.project_id;
+  let CONTENT_KEY = "whatsapp-" + project_id;
+  let settings = await db.get(CONTENT_KEY);
+
+  if (!settings) {
+    return res.status(200).send({ success: false, message: "WhatsApp not installed for the project_id " + project_id })
+  }
+  return res.status(200).send({ success: true, settings: settings })
+})
+*/
 
 // *****************************
 // ********* FUNCTIONS *********
@@ -1138,6 +1237,19 @@ async function startApp(settings, callback) {
       callback(null);
     }
   })
+
+  api.startRoute({
+    DB: db,
+    API_URL: API_URL,
+    GRAPH_URL: GRAPH_URL,
+    BASE_FILE_URL: BASE_FILE_URL
+  }, (err) => {
+    if (!err) {
+      winston.info("(wab) API route successfully started.")
+    } else {
+      winston.info("(wab) Unable to start API route.")
+    }
+  })
 }
 
 function connectRedis() {

package/logs/app.log

@@ -1,4 +0,0 @@
-info: (wab) Starting Whatsapp App
-info: (wab) API_URL: https://tiledesk-server-pre.herokuapp.com
-info: (wab) BASE_URL: https://tiledesk-whatsapp-app-pre.giovannitroisi3.repl.co
-info: (wab) GRAPH_URL: https://graph.facebook.com/v14.0/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiledesk/tiledesk-whatsapp-connector",
-  "version": "0.1.50",
+  "version": "0.1.52",
   "description": "Tiledesk Whatsapp connector",
   "main": "index.js",
   "scripts": {

package/routes/api.js

@@ -0,0 +1,237 @@
+const { json } = require('body-parser');
+const express = require('express');
+var winston = require('../winston');
+const router = express.Router({ mergeParams: true });
+
+const { TemplateManager } = require('../tiledesk/TemplateManager');
+const { TiledeskWhatsappTranslator } = require('../tiledesk/TiledeskWhatsappTranslator');
+const { TiledeskWhatsapp } = require('../tiledesk/TiledeskWhatsapp');
+
+let db = null;
+let API_URL = null;
+let GRAPH_URL = null;
+let BASE_FILE_URL = null;
+
+router.get('/', async (req, res) => {
+  res.status(200).send({ message: "API route works"})
+})
+
+router.get('/disconnect/:project_id', async (req, res) => {
+
+  let project_id = req.params.project_id;
+  let CONTENT_KEY = "whatsapp-" + project_id;
+
+  let settings = await db.get(CONTENT_KEY);
+
+  if (!settings) {
+    return res.status(200).send({ success: false, message: "Unable to find content for the projectId " + project_id })
+  }
+
+  if (req.query.ghost && req.query.ghost === 'true') {
+    settings.trashed = true;
+    await db.set(CONTENT_KEY, settings);
+    winston.verbose("(wab) Content deleted.");
+    res.status(200).send({ success: true, message: "Disconnected" });
+    
+  } else {
+    await db.remove(CONTENT_KEY);
+    winston.verbose("(wab) Content deleted.");
+    res.status(200).send({ success: true, message: "Disconnected" });
+  }
+
+})
+
+router.post('/customer/io', async (req, res) => {
+  winston.verbose("Event received from customer.io");
+  winston.debug("Body (customer.io): ", req.body);
+
+  let tiledeskChannelMessage = req.body;
+
+  let project_id = req.body.id_project;
+
+  let CONTENT_KEY = "whatsapp-" + project_id;
+  let settings = await db.get(CONTENT_KEY);
+
+  if (!settings) {
+    return res.status(500).send({ success: false, message: "WhatsApp not installed for the projectId: " + project_id });
+  }
+
+  const tlr = new TiledeskWhatsappTranslator();
+
+  let receiver = tiledeskChannelMessage.receiver_phone_number;
+  let phone_number_id = tiledeskChannelMessage.phone_number_id;
+
+  let whatsappJsonMessage = await tlr.toWhatsapp(tiledeskChannelMessage, receiver);
+  winston.debug("[ CUSTOMER.IO ] whatsappJsonMessage: ", JSON.stringify(whatsappJsonMessage, null, 2));
+
+  if (whatsappJsonMessage) {
+    const twClient = new TiledeskWhatsapp({ token: settings.wab_token, GRAPH_URL: GRAPH_URL, API_URL: API_URL, BASE_FILE_URL: BASE_FILE_URL });
+
+    twClient.sendMessage(phone_number_id, whatsappJsonMessage).then((response) => {
+        winston.verbose("(wab) Message sent to WhatsApp! " + response.status + " " + response.statusText);
+      res.status(200).send({ success: true, message: "Message sent!"});
+    }).catch((err) => {
+      res.status(400).send({ success: false, error: err });
+      winston.error("(wab) error send message: ", err.data);
+    })
+
+  } else {
+      res.status(400).send({ success: false, error: "whatsappJsonMessage is undefined" });
+      winston.error("(wab) error send message: ", err);
+  }
+})
+
+
+router.get("/:project_id", async (req, res) => {
+  winston.verbose("(wab) /api/project_id");
+
+  let project_id = req.params.project_id;
+  let CONTENT_KEY = "whatsapp-" + project_id;
+  let settings = await db.get(CONTENT_KEY);
+
+  if (!settings) {
+    return res.status(200).send({ success: false, message: "WhatsApp not installed for the project_id " + project_id })
+  }
+  return res.status(200).send({ success: true, settings: settings })
+})
+
+router.get("/templates/:project_id", async (req, res) => {
+  winston.verbose("(wab) /api/templates");
+
+  let project_id = req.params.project_id;
+
+  let CONTENT_KEY = "whatsapp-" + project_id;
+  let settings = await db.get(CONTENT_KEY);
+
+  if (settings) {
+
+    if (settings.business_account_id) {
+      let tm = new TemplateManager({ token: settings.wab_token, business_account_id: settings.business_account_id, GRAPH_URL: GRAPH_URL })
+      let templates = await tm.getTemplates();
+      if (templates) {
+        res.status(200).send(templates.data);
+      } else {
+        res.status(500).send({ success: false, code: '02', message: "A problem occurred while getting templates from WhatsApp" })
+      }
+
+    } else {
+      res.status(500).send({ success: false, code: '03', message: "Missing parameter 'WhatsApp Business Account ID'. Please update your app." })
+    }
+
+  } else {
+    res.status(400).send({ success: false, code: '01', message: "WhatsApp not installed for the project_id " + project_id })
+  }
+})
+
+router.post('/tiledesk/broadcast', async (req, res) => {
+  winston.verbose("(wab) Action received from Tiledesk (Broadcast)");
+  winston.debug("Body (broadcast): ",JSON.stringify(req.body, null, 2));
+
+  let body = req.body;
+
+  let project_id = body.id_project;
+  let receiver_list = body.receiver_list;
+  let phone_number_id = body. phone_number_id;
+  let template = body.template;
+
+  let CONTENT_KEY = "whatsapp-" + project_id;
+  let settings = await db.get(CONTENT_KEY);
+
+  if (!settings) {
+    return res.status(400).send({ success: false, error: "WhatsApp is not installed for the project_id: " + project_id });
+  }
+
+  if (!settings.business_account_id) {
+    return res.status(400).send({ success: false, error: "Missing parameter 'WhatsApp Business Account ID'. Please update your app."})
+  }
+
+  const tm = new TemplateManager({ token: settings.wab_token, business_account_id: settings.business_account_id, GRAPH_URL: GRAPH_URL })
+  const tlr = new TiledeskWhatsappTranslator();
+  const twClient = new TiledeskWhatsapp({ token: settings.wab_token, GRAPH_URL: GRAPH_URL, API_URL: API_URL, BASE_FILE_URL: BASE_FILE_URL });
+  
+  let response = await tm.getTemplates();
+  let templates = response.data;
+
+  let selected_template = templates.find(t => t.name === template.name);
+  let params_object = await tm.generateParamsObject(selected_template);
+
+  // Send messages
+  let messages_sent = 0;
+  let errors = [];
+  let error_count = 0;
+
+  if (receiver_list) {
+    let i = 0;
+    async function execute(receiver) {
+      let whatsappJsonMessage = await tlr.createTemplateMessage(selected_template, receiver, params_object);
+      winston.debug("(wab) whatsappJsonMessage: ", JSON.stringify(whatsappJsonMessage, null, 2));
+
+      await twClient.sendMessage(phone_number_id, whatsappJsonMessage).then((response) => {
+        winston.verbose("(wab) Message sent to WhatsApp! " + response.status + " " + response.statusText);
+        messages_sent += 1;
+        i += 1;
+        if (i < receiver_list.length) {
+          execute(receiver_list[i])
+        } else {
+          winston.debug("(wab) End of list")
+          return res.status(200).send({ success: true, message: "Broadcast terminated", messages_sent: messages_sent, errors: errors });
+        }
+      }).catch((err) => {
+        winston.error("(wab) error send message: " + err.response.data.error.message);
+        errors.push({ receiver: receiver.phone_number, error: err.response.data.error.message });
+        i += 1;
+        if (i < receiver_list.length) {
+          execute(receiver_list[i])
+        } else {
+          winston.debug("(wab) End of list")
+          return res.status(200).send({ success: true, message: "Broadcast terminated", messages_sent: messages_sent, errors: errors });
+        }
+      })
+    }
+    execute(receiver_list[0]);
+  }
+  
+})
+
+
+// start api route from whatsappRoute
+async function startRoute(settings, callback) {
+  winston.info("(wab) Starting api route", settings);
+
+  if (!settings.DB) {
+    winston.error("(wab) db id mandatory. Exit...");
+    return callback('Missing parameter: db');
+  } else {
+    db = settings.DB;
+    winston.info("(wab) db " + db);
+  }
+
+  if (!settings.GRAPH_URL) {
+    winston.error("(wab) GRAPH_URL is mandatory. Exit...");
+    return callback('Missing parameter: GRAPH_URL');
+  } else {
+    GRAPH_URL = settings.GRAPH_URL;
+    winston.info("(wab) GRAPH_URL: " + GRAPH_URL);
+  }
+
+  if (!settings.API_URL) {
+    winston.error("(wab) API_URL is mandatory. Exit...");
+    return callback('Missing parameter: API_URL');
+  } else {
+    API_URL = settings.API_URL;
+    winston.info("(wab) API_URL: " + API_URL);
+  }
+
+  if (!settings.BASE_FILE_URL) {
+    winston.error("(wab) BASE_FILE_URL is mandatory. Exit...");
+    return callback('Missing parameter: BASE_FILE_URL');
+  } else {
+    BASE_FILE_URL = settings.BASE_FILE_URL;
+    winston.info("(wab) BASE_FILE_URL: " + BASE_FILE_URL);
+  }
+
+  
+  
+}
+
+module.exports = { router: router, startRoute: startRoute };

package/template/configure.html

@@ -89,11 +89,10 @@
     </div>
   
   </div>
-
-
   
 
   <!-- INFO BOX -->
+  {{#unless popup_view}}
   <div class="info-box">
     
     <div class="info-list">
@@ -126,10 +125,11 @@
       </ul>
     </div>
   </div>
+  {{/unless}}
 
   <!-- Docs Section -->
+  {{#unless popup_view}}
   <div class="docs-box">
-    
   
   <div class="docs-section">
     <p style="margin-top: 20px; font-size: 18px; font-weight: 600;">Before you start</p>
@@ -159,6 +159,7 @@
 
   </div>
   </div>
+  {{/unless}}
   
 
   <!-- CONFIGURE BOX -->
@@ -198,7 +199,7 @@
               <label class="input-label" for="wab_token">Whatsapp Token
               </label>
               <div style="display: flex; flex-direction: row; align-items: center;">
-              <input type="text" required class="form-control custom-input" name="wab_token" value="{{ wab_token }}" placeholder="Enter the Whatsapp Token">
+              <input id="tkn" type="text" required class="form-control custom-input" name="wab_token" value="{{ wab_token }}" placeholder="Enter the Whatsapp Token">
                 <span style="margin-left: 10px;">
                   <i class="fa fa-question-circle custom-tooltip">
                     <span class="custom-tooltiptext">This is the permanent WhatsApp Business token.</span>
@@ -263,7 +264,8 @@
               </div>
             {{else}}
               <div style="width: 500px; text-align: right;">
-                <input type="submit" class="btn" style="width: 200px; background-color: #0ba2dc; color: white; font-weight: 500;" value="Connect">
+                <input type="submit" class="btn" style="width: 200px; background-color: #0ba2dc; color: white; font-weight: 500;" value="Connect"
+                    onclick="postMessage('connectWhatsapp')">
               </div>
             {{/if}}
           </form>
@@ -288,7 +290,7 @@
             <input type="hidden" name="project_id" value="{{ project_id }}">
                 <input type="hidden" name="token" value="{{ token }}">
                 <input type="hidden" name="subscription_id" value="{{ subscription_id }}">
-            <input type="submit" class="btn disconnect-button" style="margin-top: 10px; width: 160px;" value="Disconnect">
+            <input type="submit" class="btn disconnect-button" style="margin-top: 10px; width: 160px;" value="Disconnect" onclick="postMessage('disconnectWhatsapp')">
           </form>
         </div>
         {{else}}
@@ -331,6 +333,19 @@
         console.error('Async: Could not copy text: ', err);
       }
     }
+    
+    function postMessage(action) {
+    
+      const tkn = document.getElementById('tkn').value;
+      let connected = false;
+      if (tkn) {
+        connected = true;
+      }
+      const msg = { action: action, calledBy: 'whatsapp_proxy', connected: connected}
+      window.parent.postMessage(msg, '*');
+    }
+    
   </script>
+
   
 </body>

package/template/detail.html

@@ -107,7 +107,7 @@
                     <input type="hidden" name="project_id" value="{{ project_id }}" />
                     <input type="hidden" name="app_id" value="{{ app_id }}" />
                     <input type="hidden" name="token" value="{{ token }}" />
-                    <input type="submit" class="btn uninstall-button" value="Yes, uninstall">
+                    <input type="submit" class="btn uninstall-button" value="Yes, uninstall" onclick="postMessage('uninstallWhatsapp')">
                   </form>
                 </div>
               </div>
@@ -138,7 +138,8 @@
                     <input type="hidden" name="project_id" value="{{ project_id }}" />
                     <input type="hidden" name="app_id" value="{{ app_id }}" />
                     <input type="hidden" name="token" value="{{ token }}" />
-                    <input type="submit" class="btn install-button" value="Install">
+                    <input type="submit" class="btn install-button" value="Install" onclick="postMessage('installWhatsapp')">
+                    <!--<input type="submit" class="btn install-button" value="Install" onclick="postMessage('installWhatsapp')">-->
                   </form>
                 </div>
               </div>
@@ -213,6 +214,13 @@
 
     <p style="font-size: 18px;"><b>What's new?</b></p>
 
+    <div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 15px;">
+      <div>
+        <p>Bug fixes and performance improvements</p>
+      </div>
+      <p style="font-size: 12px; color: #676767; margin-bottom: 0px;">Version <b>0.1.52</b></p>
+    </div>
+
     <div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 15px;">
       <div>
         <p style="margin-bottom: 0px">Bug fixes</p>
@@ -238,14 +246,13 @@
       <p style="font-size: 12px; color: #676767; margin-bottom: 0px;">Version <b>0.1.48</b></p>
     </div>
 
-    <div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 15px;">
-      <div>
-        <p style="margin-bottom: 0px">Bug fixes and minor improvements</p>
-        <!--<p>Bug fixes and performance improvements</p>-->
-      </div>
-      <p style="font-size: 12px; color: #676767; margin-bottom: 0px;">Version <b>0.1.45</b></p>
-    </div>
-
     <hr style="margin-top: 50px; margin-bottom: 20px">
+
+  <script>   
+    function postMessage(action) {
+      const msg = { action: action, calledBy: 'whatsapp_proxy' }
+      window.parent.postMessage(msg, '*');
+    }
+  </script>
   
 </body>

package/tiledesk/MessageHandler.js

@@ -47,30 +47,6 @@ class MessageHandler {
     return tiledeskCommandMessage;
   }
 
-  /*
-  generateMessageObjectOriginal(command_message) {
-      let parentUid = this.tiledeskChannelMessage.uid
-      //command_message.uid = this.tiledeskChannelMessage.uid + "_" + index;
-      command_message.uid = this.tiledeskChannelMessage.uid;
-      if(command_message.text) command_message.text = command_message.text.trim()//remove black msg with only spaces
-      command_message.language = message.language;
-      command_message.recipient = message.recipient;
-      command_message.recipient_fullname = message.recipient_fullname;
-      command_message.sender = message.sender;
-      command_message.sender_fullname = message.sender_fullname;
-      command_message.channel_type = message.channel_type;
-      command_message.status = message.status;
-      command_message.isSender = message.isSender;
-      command_message.attributes? command_message.attributes.commands = true : command_message.attributes = {commands : true}
-      command_message.attributes.parentUid = parentUid //added to manage message STATUS UPDATES
-      command_message.attributes = {...message.attributes, ...command_message.attributes}
-      //this.addedNew(command_message)
-      //callback();
-
-    return command_message
-  }
-  */
-
 }
 
 module.exports = { MessageHandler }

package/tiledesk/TemplateManager.js

@@ -42,6 +42,121 @@ class TemplateManager {
     })
   }
 
+  async generateParamsObject2(template) {
+    let params;
+    let body_component = template.components.find(c => c.type === 'BODY');
+
+    this.generateBody(body_component).then((body_params) => {
+      params = {
+        body: body_params
+      }
+      return params;
+    })
+    
+    
+  }
+
+  async generateBody(body_component) {
+    let body_params = [];
+    return new Promise((resolve, reject) => {
+      if (body_component) {
+        if (body_component.example) {
+          body_component.example.body_text[0].forEach((p, i) => {
+            body_params.push({ type: "text", text: null })
+          })
+        }
+      }
+      resolve(body_params)
+    })
+  }
+
+  async generateParamsObject(template) {
+    let header_params = [];
+    let body_params = [];
+    let url_button_params = [];
+    let header_component = template.components.find(c => c.type === 'HEADER');
+    let body_component = template.components.find(c => c.type === 'BODY');
+    let buttons_component = template.components.find(c => c.type === 'BUTTONS');
+    let url_button_component;
+    
+    if (buttons_component) {
+      url_button_component = buttons_component.buttons.find(c => c.type === 'URL')
+    }
+
+    if (header_component) {
+      if (header_component.example) {
+        if (header_component.example.header_text) {
+            header_component.example.header_text.forEach((p, i) => {
+            header_params.push({ type: "text", text: null })
+          })
+        }
+
+        if (header_component.example.header_handle) {
+          if (header_component.format === 'IMAGE') {
+            header_component.example.header_handle.forEach((p, i) => {
+              header_params.push({ type: header_component.format, image: { link: null } })
+            })
+          }
+          if (header_component.format === 'DOCUMENT') {
+            header_component.example.header_handle.forEach((p, i) => {
+              header_params.push({ type: header_component.format, document: { link: null } })
+            })
+          }
+        }
+
+      } else {
+
+        if (header_component.format === 'LOCATION') {
+          header_params.push({ type: header_component.format, location: { latitude: null, longitude: null, name: null, address: null } })
+        }
+        else {
+          console.log("(Template Manager) Unrecognized Header: ", header_component)
+        }
+
+      }
+    }
+
+    if (body_component) {
+      if (body_component.example) {
+        body_component.example.body_text[0].forEach((p, i) => {
+          body_params.push({ type: "text", text: null })
+        })
+      }
+    }
+
+    if (url_button_component) {
+      if (url_button_component.example) {
+        url_button_component.example.forEach((p, i) => {
+          url_button_params.push({ type: "text", text: null })
+        })
+      }
+    }
+
+
+    /*
+    let params = {
+      header: header_params,
+      body: body_params,
+      buttons: url_button_params
+    }
+    */
+
+    let params = {}
+
+    if (header_params.length > 0) {
+      params.header = header_params;
+    }
+
+    if (body_params.length > 0) {
+      params.body = body_params;
+    }
+
+    if (url_button_params.length > 0) {
+      params.buttons = url_button_params;
+    }
+    return params;
+  }
+
   async getTemplateNamespace() {
 
     return await axios({

package/tiledesk/TiledeskChannel.js

@@ -157,7 +157,7 @@ class TiledeskChannel {
       winston.debug("(wab) [TiledeskChannel] get departments response.data: ", response.data)
       return response.data;
     }).catch((err) => {
-      winston.error("(wab) [TiledeskChannel] get departments error: ", err);
+      winston.error("(wab) [TiledeskChannel] get departments error");
     })
   }
 

package/tiledesk/TiledeskWhatsapp.js

@@ -85,6 +85,9 @@ class TiledeskWhatsapp {
       let download_url = response.data.url;
       let mime_type = response.data.mime_type;
       let extension = mime_type.substring(mime_type.lastIndexOf("/") + 1);
+      if (extension === 'ogg') {
+        extension = 'mp3'
+      }
       let tid = this.getId();
       let type = "media-" + tid + "." + extension;
 
@@ -127,7 +130,6 @@ class TiledeskWhatsapp {
 
   async uploadMedia(path, type) {
     let url = this.base_file_url + "/" + type + "/public/";
-    console.log("upload media url: ", url);
     winston.debug("(wab) [TiledeskWhatsapp] Uploading file...");
 
     const form = new FormData();
@@ -143,7 +145,6 @@ class TiledeskWhatsapp {
     return await axios.post(url, form, request_config).then((response) => {
         
       winston.debug("(wab) [TiledeskWhatsapp] upload response: ", response.data);
-      console.log("\n\nresponse.data: ", response.data)
       if (type == "images") {
         //let image_url = "https://tiledesk-server-pre.herokuapp.com/images/?path=" + response.data.filename;
         let image_url = this.base_file_url + "/images/?path=" + response.data.filename;

package/tiledesk/TiledeskWhatsappTranslator.js

@@ -30,7 +30,7 @@ const path = require('path');
 
     this.log = false;
   }
-
+  
 
   /*
   *************** START ***************
@@ -260,7 +260,7 @@ const path = require('path');
 
         }
         else if (tiledeskChannelMessage.attributes.attachment.template) {
-          winston.debug("(wab) [Translator] template: ", tiledeskChannelMessage.attributes.attachment.template)
+          winston.verbose("(wab) [Translator] template: ", tiledeskChannelMessage.attributes.attachment.template)
 
           let template = tiledeskChannelMessage.attributes.attachment.template;
 
@@ -338,6 +338,99 @@ const path = require('path');
     }
   }
 
+  async createTemplateMessage(template, receiver, params) {
+
+    let whatsapp_message = {
+      messaging_product: TiledeskWhatsappTranslator.WHATSAPP_MESSAGING_PRODUCT,
+      to: receiver.phone_number,
+      type: "template"
+    }
+
+    whatsapp_message.template = {
+      name: template.name,
+      language: {
+        code: template.language
+      }
+    }
+
+    /*
+    let params_filled = await this.fillParams(params, receiver);
+
+    let components = [];
+    if (params_filled && params_filled.header) {
+      let component = {
+        type: "header",
+        parameters: params_filled.header
+      }
+      components.push(component);
+    }
+    if (params_filled && params_filled.body) {
+      let component = {
+        type: "body",
+        parameters: params_filled.body
+      }
+      components.push(component);
+    }
+    if (params_filled && params_filled.buttons) {
+
+      let component = {
+        type: "button",
+        sub_type: "url",
+        index: "0",
+        parameters: params_filled.buttons
+      }
+      components.push(component);
+    }
+    */
+
+    let components = [];
+
+    
+    if (receiver.header_params) {
+      let component = {
+        type: "header",
+        parameters: receiver.header_params
+      }
+      components.push(component);
+    }
+    
+    if (receiver.body_params) {
+      let component = {
+        type: "body",
+        parameters: receiver.body_params
+      }
+      components.push(component);
+    }
+
+    if (receiver.buttons_params) {
+
+      let component = {
+        type: "button",
+        sub_type: "url",
+        index: "0",
+        parameters: receiver.buttons_params
+      }
+      components.push(component);
+    }
+
+    if (receiver.url_buttons_params) {
+
+      let component = {
+        type: "button",
+        sub_type: "url",
+        index: "0",
+        parameters: receiver.url_buttons_params
+      }
+      components.push(component);
+    }
+
+    if (components.length > 0) {
+      whatsapp_message.template.components = components;
+    }
+
+
+    return whatsapp_message;
+  }
 
   async toTiledesk(whatsappChannelMessage, from, media_url) {
 
@@ -353,9 +446,17 @@ const path = require('path');
       return data;
     }
 
+    else if (whatsappChannelMessage.type == 'button')  {
+      var tiledeskMessage = {
+        text: whatsappChannelMessage.button.text, // or whatsappChannelMessage.button.payload (?)
+        senderFullname: from,
+        channel: { name: TiledeskWhatsappTranslator.CHANNEL_NAME }
+      }
+      return tiledeskMessage;
+    }
 
     // interactive message
-    if (whatsappChannelMessage.type == 'interactive') {
+    else if (whatsappChannelMessage.type == 'interactive') {
 
       // list reply
       if (whatsappChannelMessage.interactive.type == 'list_reply') {
@@ -413,7 +514,7 @@ const path = require('path');
     }
 
     // media message - image
-    if (whatsappChannelMessage.type == 'image') {
+    else if (whatsappChannelMessage.type == 'image') {
 
       let text = "Image attached"
       if (whatsappChannelMessage.image.caption) {
@@ -433,7 +534,7 @@ const path = require('path');
     }
 
     // media message - video
-    if (whatsappChannelMessage.type == 'video') {
+    else if (whatsappChannelMessage.type == 'video') {
 
       let text = "Video attached"
       if (whatsappChannelMessage.video.caption) {
@@ -455,7 +556,7 @@ const path = require('path');
     }
 
     // media message - document
-    if (whatsappChannelMessage.type == 'document') {
+    else if (whatsappChannelMessage.type == 'document') {
 
       let text = "Document attached"
       if (whatsappChannelMessage.document.caption) {
@@ -477,7 +578,7 @@ const path = require('path');
     }
 
     // media message - audio
-    if (whatsappChannelMessage.type == 'audio') {
+    else if (whatsappChannelMessage.type == 'audio') {
 
       let text = "Audio attached"
       /*if (whatsappChannelMessage.document.caption) {
@@ -497,13 +598,61 @@ const path = require('path');
       }
       return tiledeskMessage;
     }
+
+    else {
+      winston.verbose("(wab) [Translator] unsupported whatsapp messsage type");
+      return null;
+    }
+  }
+
+  async fillParams(params, rcv_option) {
+    winston.verbose("(wab) [Translator] fillParams...");
+
+    if (!params) {
+      return null;
+    }
+
+    let header_params = params.header;
+    if (header_params) {
+      header_params.forEach((param, i) => {
+        if (param.type === "text") {
+          param.text = rcv_option.header_params[i];
+        }
+        if (param.type === "IMAGE") {
+          param.image = {
+            link: rcv_option.header_params[i]
+          }
+        }
+        if (param.type === 'DOCUMENT') {
+          param.document = {
+            link: rcv_option.header_params[i]
+          }
+        }
+        if (param.type === 'LOCATION') {
+          // Check how to send location template!
+        }
+      })
+    }
+
+    let body_params = params.body;
+    if (body_params) {
+      body_params.forEach((param, i) => {
+        param.text = rcv_option.body_params[i];
+      })
+    }
+
+    let buttons_params = params.buttons;
+    if (buttons_params) {
+      buttons_params.forEach((param, i) => {
+        param.text = rcv_option.buttons_params[i];
+      })
+    }
+    return params;
   }
 
 
   async sanitizeTiledeskMessage(tiledeskJsonMessage, rcv_option) {
-    console.log("tiledeskJsonMessage: ", JSON.stringify(tiledeskJsonMessage, null, 2))
-    //console.log("rcv_option: ", rcv_option)
-    console.log("Sanitizing...")
+    winston.verbose("(wab) [Translator] Sanitizing...");
 
     if (!tiledeskJsonMessage.attributes.attachment.template.params) {
       return tiledeskJsonMessage;
@@ -515,11 +664,19 @@ const path = require('path');
         if (param.type === "text") {
           param.text = rcv_option.header_params[i];
         }
-        if (param.type === "image") {
+        if (param.type === "IMAGE") {
           param.image = {
             link: rcv_option.header_params[i]
           }
         }
+        if (param.type === 'DOCUMENT') {
+          param.document = {
+            link: rcv_option.header_params[i]
+          }
+        }
+        if (param.type === 'LOCATION') {
+          // Check how to send location template!
+        }
       })
     }
 
@@ -532,17 +689,11 @@ const path = require('path');
 
     let buttons_params = tiledeskJsonMessage.attributes.attachment.template.params.buttons;
     if (buttons_params) {
-      /*
-      buttons_params.forEach((button, i) => {
-        button.parameters[0].text = rcv_option.buttons_params[i];
-      })
-      */
       buttons_params.forEach((param, i) => {
         param.text = rcv_option.buttons_params[i];
       })
     }
 
-    console.log("tiledeskJsonMessage: ", JSON.stringify(tiledeskJsonMessage, null, 2))
     return tiledeskJsonMessage;
   }
   /*