@tiledesk/tiledesk-whatsapp-connector 0.1.45 → 0.1.47

package/index.js

@@ -21,6 +21,7 @@ const { TiledeskChannel } = require('./tiledesk/TiledeskChannel');
 const { TiledeskAppsClient } = require('./tiledesk/TiledeskAppsClient');
 const { MessageHandler } = require('./tiledesk/MessageHandler');
 const { TiledeskBotTester } = require('./tiledesk/TiledeskBotTester');
+const { TemplateManager } = require('./tiledesk/TemplateManager');
 
 // mongo
 const { KVBaseMongo } = require('./tiledesk/KVBaseMongo');
@@ -58,6 +59,10 @@ handlebars.registerHelper('isEqual', (a, b) => {
   }
 })
 
+handlebars.registerHelper('json', (a) => {
+  return JSON.stringify(a);
+})
+
 router.get('/', async (req, res) => {
   res.send('Welcome to Tiledesk-WhatsApp Business connector!')
 })
@@ -73,6 +78,9 @@ router.get('/detail', async (req, res) => {
   const tdChannel = new TiledeskChannel({ settings: { project_id: project_id, token: token }, API_URL: API_URL })
   let isAvailable = await tdChannel.getProjectDetail();
   winston.debug("(wab) app is available: ", isAvailable);
+  if (!project_id || !token || !app_id) {
+    return res.status(500).send("<p>Ops! An error occured.</p><p>Missing query params! project_id, token and app_id are required.</p>")
+  }
 
   const appClient = new TiledeskAppsClient({ APPS_API_URL: APPS_API_URL });
   let installation = await appClient.getInstallations(project_id, app_id);
@@ -114,7 +122,7 @@ router.post('/install', async (req, res) => {
 
   const appClient = new TiledeskAppsClient({ APPS_API_URL: APPS_API_URL });
   appClient.install(installation_info).then((installation) => {
-    winston.debug("(wab) installation response: " + installation);
+    winston.debug("(wab) installation response: ", installation);
 
     res.redirect(url.format({
       pathname: "/detail",
@@ -142,7 +150,7 @@ router.post('/uninstall', async (req, res) => {
   const appClient = new TiledeskAppsClient({ APPS_API_URL: APPS_API_URL });
   appClient.uninstall(project_id, app_id).then((response) => {
 
-    winston.debug("(wab) uninstallation response: " + response);
+    winston.debug("(wab) uninstallation response: ", response);
 
     res.redirect(url.format({
       pathname: "/detail",
@@ -186,7 +194,7 @@ router.get('/configure', async (req, res) => {
     let CONTENT_KEY = "whatsapp-" + project_id;
 
     let settings = await db.get(CONTENT_KEY);
-    winston.debug("(wab) settings: " + settings);
+    winston.debug("(wab) settings: ", settings);
 
     // get departments
     const tdChannel = new TiledeskChannel({ settings: { project_id: project_id, token: token }, API_URL: API_URL })
@@ -204,6 +212,7 @@ router.get('/configure', async (req, res) => {
           proxy_url: proxy_url,
           wab_token: settings.wab_token,
           verify_token: settings.verify_token,
+          business_account_id: settings.business_account_id,
           subscription_id: settings.subscriptionId,
           department_id: settings.department_id,
           departments: departments
@@ -242,19 +251,20 @@ router.post('/update', async (req, res) => {
 
   winston.verbose("(wab) /update");
 
-  let projectId = req.body.project_id;
+  let project_id = req.body.project_id;
   let token = req.body.token;
   let wab_token = req.body.wab_token;
   let verify_token = req.body.verify_token;
   let department_id = req.body.department;
+  let business_account_id = req.body.business_account_id;
 
-  let CONTENT_KEY = "whatsapp-" + projectId;
+  let CONTENT_KEY = "whatsapp-" + project_id;
   let settings = await db.get(CONTENT_KEY);
 
-  let proxy_url = BASE_URL + "/webhook/" + projectId;
+  let proxy_url = BASE_URL + "/webhook/" + project_id;
 
   // get departments
-  const tdChannel = new TiledeskChannel({ settings: { project_id: projectId, token: token }, API_URL: API_URL })
+  const tdChannel = new TiledeskChannel({ settings: { project_id: project_id, token: token }, API_URL: API_URL })
   let departments = await tdChannel.getDepartments(token);
 
   if (settings) {
@@ -262,6 +272,7 @@ router.post('/update', async (req, res) => {
     settings.wab_token = wab_token;
     settings.verify_token = verify_token;
     settings.department_id = department_id;
+    settings.business_account_id = business_account_id;
 
     await db.set(CONTENT_KEY, settings);
 
@@ -269,12 +280,13 @@ router.post('/update', async (req, res) => {
       var template = handlebars.compile(html);
       var replacements = {
         app_version: pjson.version,
-        project_id: projectId,
+        project_id: project_id,
         token: token,
         proxy_url: proxy_url,
         wab_token: settings.wab_token,
         show_success_modal: true,
         verify_token: settings.verify_token,
+        business_account_id: settings.business_account_id,
         subscription_id: settings.subscriptionId,
         department_id: settings.department_id,
         departments: departments
@@ -285,7 +297,7 @@ router.post('/update', async (req, res) => {
 
   } else {
 
-    const tdClient = new TiledeskSubscriptionClient({ API_URL: API_URL, project_id: projectId, token: token })
+    const tdClient = new TiledeskSubscriptionClient({ API_URL: API_URL, project_id: project_id, token: token })
 
     const subscription_info = {
       target: BASE_URL + "/tiledesk",
@@ -294,7 +306,7 @@ router.post('/update', async (req, res) => {
 
     /*
     // callback
-    await tdClient.subscribe(projectId, data, (err, data) => {
+    await tdClient.subscribe(project_id, data, (err, data) => {
       // code here
     }) 
     */
@@ -302,16 +314,17 @@ router.post('/update', async (req, res) => {
     // promise
     tdClient.subscribe(subscription_info).then((data) => {
       let subscription = data;
-      winston.debug("\n(wab) Subscription: " + subscription)
+      winston.debug("\n(wab) Subscription: ", subscription)
 
       let settings = {
-        project_id: projectId,
+        project_id: project_id,
         token: token,
         proxy_url: proxy_url,
         subscriptionId: subscription._id,
         secret: subscription.secret,
         wab_token: wab_token,
         verify_token: verify_token,
+        business_account_id: business_account_id,
         department_id: department_id
       }
 
@@ -322,12 +335,13 @@ router.post('/update', async (req, res) => {
         var template = handlebars.compile(html);
         var replacements = {
           app_version: pjson.version,
-          project_id: projectId,
+          project_id: project_id,
           token: token,
           proxy_url: proxy_url,
           show_success_modal: true,
           wab_token: settings.wab_token,
           verify_token: settings.verify_token,
+          business_account_id: settings.business_account_id,
           subscription_id: settings.subscriptionId,
           department_id: settings.department_id,
           departments: departments
@@ -342,7 +356,7 @@ router.post('/update', async (req, res) => {
         var template = handlebars.compile(html);
         var replacements = {
           app_version: pjson.version,
-          project_id: projectId,
+          project_id: project_id,
           token: token,
           proxy_url: proxy_url,
           departments: departments,
@@ -360,25 +374,25 @@ router.post('/disconnect', async (req, res) => {
 
   winston.verbose("(wab) /disconnect")
 
-  let projectId = req.body.project_id;
+  let project_id = req.body.project_id;
   let token = req.body.token;
   let subscriptionId = req.body.subscription_id;
 
 
-  let CONTENT_KEY = "whatsapp-" + projectId;
+  let CONTENT_KEY = "whatsapp-" + project_id;
   await db.remove(CONTENT_KEY);
   winston.verbose("(wab) Content deleted.");
 
-  let proxy_url = BASE_URL + "/webhook/" + projectId;
+  let proxy_url = BASE_URL + "/webhook/" + project_id;
 
-  const tdClient = new TiledeskSubscriptionClient({ API_URL: API_URL, project_id: projectId, token: token })
+  const tdClient = new TiledeskSubscriptionClient({ API_URL: API_URL, project_id: project_id, token: token })
   // get departments
-  const tdChannel = new TiledeskChannel({ settings: { project_id: projectId, token: token }, API_URL: API_URL })
+  const tdChannel = new TiledeskChannel({ settings: { project_id: project_id, token: token }, API_URL: API_URL })
   let departments = await tdChannel.getDepartments(token);
 
   /*
   // callback
-  tdClient.unsubsribe(projectId, subscriptionId, (err, data) => {
+  tdClient.unsubsribe(project_id, subscriptionId, (err, data) => {
     // code here
   })
   */
@@ -389,7 +403,7 @@ router.post('/disconnect', async (req, res) => {
       var template = handlebars.compile(html);
       var replacements = {
         app_version: pjson.version,
-        project_id: projectId,
+        project_id: project_id,
         token: token,
         proxy_url: proxy_url,
         departments: departments
@@ -404,15 +418,62 @@ router.post('/disconnect', async (req, res) => {
 
 })
 
+router.get('/direct/tiledesk', async (req, res) => {
+
+  winston.verbose("/direct/tiledesk")
+
+  let project_id = req.query.project_id;
+  let whatsapp_receiver = req.query.whatsapp_receiver;
+  let phone_number_id = req.query.phone_number_id;
+
+  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: {
+      attachment: {
+        type: "wa_template",
+        template: {
+          language: "en_US",
+          name: "hello_world"
+        }
+      }
+    }
+  }
+  const tlr = new TiledeskWhatsappTranslator();
+  const twClient = new TiledeskWhatsapp({ token: settings.wab_token, GRAPH_URL: GRAPH_URL });
+
+  let whatsappJsonMessage = await tlr.toWhatsapp(tiledeskChannelMessage, whatsapp_receiver);
+  winston.verbose("(wab) whatsappJsonMessage", whatsappJsonMessage)
+
+  twClient.sendMessage(phone_number_id, whatsappJsonMessage).then((response) => {
+    winston.verbose("(wab) Message sent to WhatsApp! " + response.status + " " + response.statusText);
+  }).catch((err) => {
+    winston.error("(wab) error send message: ", err);
+    return res.status(400).send({success: false, error: err});
+  })
+
+  res.status(200).send("Message sent");
+  
+})
+
 router.post('/tiledesk', async (req, res) => {
+  
   winston.verbose("(wab) Message received from Tiledesk")
 
   var tiledeskChannelMessage = req.body.payload;
-  //winston.verbose("(wab) tiledeskChannelMessage: ", tiledeskChannelMessage)
-  var projectId = req.body.payload.id_project;
+  winston.verbose("(wab) tiledeskChannelMessage: ", tiledeskChannelMessage)
+  var project_id = req.body.payload.id_project;
 
   // get settings from mongo
-  let CONTENT_KEY = "whatsapp-" + projectId;
+  let CONTENT_KEY = "whatsapp-" + project_id;
   let settings = await db.get(CONTENT_KEY);
   let wab_token = settings.wab_token;
 
@@ -452,35 +513,35 @@ router.post('/tiledesk', async (req, res) => {
         return res.status(200).send({ success: 'false', message: "plan expired"})
       
   */
-  
+
   // Return an info message option
   if (settings.expired &&
-      settings.expired === true) {
+    settings.expired === true) {
+
+    winston.verbose("settings expired: " + settings.expired);
+    let tiledeskJsonMessage = {
+      text: 'Expired. Upgrade Plan.',
+      sender: sender,
+      senderFullname: "System",
+      attributes: {
+        subtype: 'info'
+      },
+      channel: { name: 'whatsapp' }
+    }
+    let message_info = {
+      channel: "whatsapp",
+      whatsapp: {
+        from: whatsapp_receiver,
+        phone_number_id: phone_number_id
+      }
+    }
 
-        winston.verbose("settings expired: " + settings.expired);
-        let tiledeskJsonMessage = {
-          text: 'Expired. Upgrade Plan.',
-          sender: sender,
-          senderFullname: "System",
-          attributes: {
-            subtype: 'info'
-          },
-          channel: { name: 'whatsapp'}
-        }
-        let message_info = {
-          channel: "whatsapp",
-          whatsapp: {
-            from: whatsapp_receiver,
-            phone_number_id: phone_number_id
-          }
-        }
-    
-        const tdChannel = new TiledeskChannel({ settings: settings, API_URL: API_URL })
-        const response = await tdChannel.send(tiledeskJsonMessage, message_info, settings.department_id);
-        winston.verbose("(wab) Expiration message sent to Tiledesk")
-        return res.sendStatus(200);
+    const tdChannel = new TiledeskChannel({ settings: settings, API_URL: API_URL })
+    const response = await tdChannel.send(tiledeskJsonMessage, message_info, settings.department_id);
+    winston.verbose("(wab) Expiration message sent to Tiledesk")
+    return res.sendStatus(200);
   }
-  
+
   winston.debug("(wab) text: " + text);
   winston.debug("(wab) attributes: " + attributes)
   winston.debug("(wab) tiledesk sender_id: " + sender_id);
@@ -491,16 +552,17 @@ router.post('/tiledesk', async (req, res) => {
   const messageHandler = new MessageHandler({ tiledeskChannelMessage: tiledeskChannelMessage });
   const tlr = new TiledeskWhatsappTranslator();
 
+  
   if (commands) {
     let i = 0;
     async function execute(command) {
       // message
       if (command.type === "message") {
         let tiledeskCommandMessage = await messageHandler.generateMessageObject(command);
-        winston.debug("(wab) message generated from command: " + tiledeskCommandMessage)
+        winston.debug("(wab) message generated from command: ", tiledeskCommandMessage)
 
         let whatsappJsonMessage = await tlr.toWhatsapp(tiledeskCommandMessage, whatsapp_receiver);
-        winston.verbose("(wab) 🟢 whatsappJsonMessage" + whatsappJsonMessage)
+        winston.verbose("(wab) whatsappJsonMessage", whatsappJsonMessage)
 
         if (whatsappJsonMessage) {
           const twClient = new TiledeskWhatsapp({ token: settings.wab_token, GRAPH_URL: GRAPH_URL });
@@ -513,7 +575,7 @@ router.post('/tiledesk', async (req, res) => {
               winston.debug("(wab) End of commands")
             }
           }).catch((err) => {
-            winston.error("(wab) send message error: " + err);
+            winston.error("(wab) send message error: ", err);
           })
         } else {
           winston.error("(wab) WhatsappJsonMessage is undefined!")
@@ -539,7 +601,7 @@ router.post('/tiledesk', async (req, res) => {
   else if (tiledeskChannelMessage.text || tiledeskChannelMessage.metadata) {
 
     let whatsappJsonMessage = await tlr.toWhatsapp(tiledeskChannelMessage, whatsapp_receiver);
-    winston.verbose("(wab) 🟢 whatsappJsonMessage" + whatsappJsonMessage)
+    winston.verbose("(wab) whatsappJsonMessage", whatsappJsonMessage)
 
     if (whatsappJsonMessage) {
       const twClient = new TiledeskWhatsapp({ token: settings.wab_token, GRAPH_URL: GRAPH_URL });
@@ -547,10 +609,12 @@ router.post('/tiledesk', async (req, res) => {
       twClient.sendMessage(phone_number_id, whatsappJsonMessage).then((response) => {
         winston.verbose("(wab) Message sent to WhatsApp! " + response.status + " " + response.statusText);
       }).catch((err) => {
-        winston.error("(wab) error send message: " + err);
+        res.status(400).send({success: false, error: "il template non esiste"});
+        winston.error("(wab) error send message: ", err);
       })
 
     } else {
+      res.status(400).send({success: false, error: "il template non esiste"});
       winston.error("(wab) Whatsapp Json Message is undefined!")
     }
 
@@ -558,7 +622,7 @@ router.post('/tiledesk', async (req, res) => {
     winston.debug("(wab) no command, no text --> skip")
   }
 
-  return res.send(200);
+  return res.sendStatus(200);
 })
 
 // Endpoint for Whatsapp Business
@@ -566,7 +630,7 @@ router.post('/tiledesk', async (req, res) => {
 router.post("/webhook/:project_id", async (req, res) => {
 
   // Parse the request body from the POST
-  let projectId = req.params.project_id;
+  let project_id = req.params.project_id;
   winston.verbose("(wab) Message received from WhatsApp");
 
   // Check the Incoming webhook message
@@ -587,9 +651,9 @@ router.post("/webhook/:project_id", async (req, res) => {
 
       let whatsappChannelMessage = req.body.entry[0].changes[0].value.messages[0];
 
-      let CONTENT_KEY = "whatsapp-" + projectId;
+      let CONTENT_KEY = "whatsapp-" + project_id;
       let settings = await db.get(CONTENT_KEY);
-      winston.debug("(wab) settings: " + settings);
+      winston.debug("(wab) settings: ", settings);
 
       if (!settings) {
         winston.verbose("(wab) No settings found. Exit..");
@@ -604,12 +668,12 @@ router.post("/webhook/:project_id", async (req, res) => {
 
         let code = whatsappChannelMessage.text.body.split(' ')[0];
 
-        const bottester = new TiledeskBotTester({ project_id: projectId, redis_client: redis_client, db: db, tdChannel: tdChannel, tlr: tlr });
+        const bottester = new TiledeskBotTester({ project_id: project_id, redis_client: redis_client, db: db, tdChannel: tdChannel, tlr: tlr });
         bottester.startBotConversation(req.body, code).then((result) => {
           winston.verbose("(wab) test conversation started");
-          winston.debug("(wab) startBotConversation result: " + result);
+          winston.debug("(wab) startBotConversation result: ", result);
         }).catch((err) => {
-          winston.error("(wab) start test onversation error: " + err);
+          winston.error("(wab) start test onversation error: ", err);
         })
 
         // Standard message
@@ -639,7 +703,7 @@ router.post("/webhook/:project_id", async (req, res) => {
           tiledeskJsonMessage = await tlr.toTiledesk(whatsappChannelMessage, firstname);
         }
 
-        else if ((whatsappChannelMessage.type == 'image') || (whatsappChannelMessage.type == 'video') || (whatsappChannelMessage.type == 'document')) {
+        else if ((whatsappChannelMessage.type == 'image') || (whatsappChannelMessage.type == 'video') || (whatsappChannelMessage.type == 'document') || (whatsappChannelMessage.type == 'audio')) {
           let media;
           const util = new TiledeskWhatsapp({ token: settings.wab_token, GRAPH_URL: GRAPH_URL })
 
@@ -690,16 +754,32 @@ router.post("/webhook/:project_id", async (req, res) => {
             tiledeskJsonMessage = await tlr.toTiledesk(whatsappChannelMessage, firstname, media_url);
           }
 
+          if (whatsappChannelMessage.type == 'audio') {
+            media = whatsappChannelMessage.audio;
+
+            const filename = await util.downloadMedia(media.id);
+            if (!filename) {
+              winston.debug("(wab) Unable to download media with id " + media.id + ". Message not sent.");
+              return res.status(500).send({ success: false, error: "unable to download media" })
+            }
+            let file_path = path.join(__dirname, 'tmp', filename);
+
+            const media_url = await util.uploadMedia(file_path, "files");
+            winston.debug("(wab) media_url: " + media_url)
+
+            tiledeskJsonMessage = await tlr.toTiledesk(whatsappChannelMessage, firstname, media_url);
+          }
+
         } else {
           // unsupported. Try anyway to send something.
           winston.debug("(wab) unsupported message")
         }
 
         if (tiledeskJsonMessage) {
-          winston.verbose("(wab) 🟠 tiledeskJsonMessage: " + tiledeskJsonMessage);
+          winston.verbose("(wab) tiledeskJsonMessage: ", tiledeskJsonMessage);
           const response = await tdChannel.send(tiledeskJsonMessage, message_info, settings.department_id);
           winston.verbose("(wab) Message sent to Tiledesk!")
-          winston.debug("(wab) response: " + response)
+          winston.debug("(wab) response: ", response)
         } else {
           winston.verbose("(wab) tiledeskJsonMessage is undefined")
         }
@@ -721,7 +801,7 @@ router.get("/webhook/:project_id", async (req, res) => {
   /**
    * UPDATE YOUR VERIFY TOKEN
    *This will be the Verify Token value when you set up webhook
-  **/
+  */
   winston.verbose("(wab) Verify the webhook... ");
   winston.debug("(wab) req.query: " + req.query);
 
@@ -784,7 +864,7 @@ router.post("/newtest", async (req, res) => {
   await redis_client.set(key, JSON.stringify(info), 'EX', 604800);
   redis_client.get(key, (err, value) => {
     if (err) {
-      winston.error("(wab) redis get err: " + err)
+      winston.error("(wab) redis get err: ", err)
       return res.status(500).send({ success: "false", message: "Testing info could not be saved" });
     } else {
       winston.debug("(wab) new test initialized with id: " + short_uid)
@@ -794,6 +874,119 @@ router.post("/newtest", async (req, res) => {
 
 })
 
+router.get('/templates/detail', async (req, res) => {
+
+  let project_id = req.query.project_id;
+  let token = req.query.token;
+  let app_id = req.query.app_id;
+  let template_id = req.query.id_template;
+  winston.debug("get template_id: " + template_id);
+
+  let CONTENT_KEY = "whatsapp-" + project_id;
+  let settings = await db.get(CONTENT_KEY);
+  winston.debug("(wab) settings: ", settings);
+
+  if (settings) {
+    // forse non serve, comunque non si può prendere un singolo template
+    /*
+    let tm = new TemplateManager({ token: settings.wab_token, business_account_id: settings.business_account_id, GRAPH_URL: GRAPH_URL })
+    let templates_info = await tm.getTemplateNamespace();
+    let namespace = templates_info.message_template_namespace;
+    let template = await tm.getTemplateById(namespace);
+    */
+    let tm = new TemplateManager({ token: settings.wab_token, business_account_id: settings.business_account_id, GRAPH_URL: GRAPH_URL })
+    let templates = await tm.getTemplates();
+    let template = JSON.parse(JSON.stringify(templates.data.find(t => t.id === template_id)));
+    let template_name = template.name;
+
+    let template_copy = {
+      name: template.name,
+      components: template.components,
+      language: template.language,
+      status: template.status,
+      id: template.id,
+      category: template.category
+    }
+
+    readHTMLFile('/template_detail.html', (err, html) => {
+      var template = handlebars.compile(html);
+      var replacements = {
+        app_version: pjson.version,
+        project_id: project_id,
+        token: token,
+        app_id: app_id,
+        name: template_name,
+        template: template_copy
+      }
+      var html = template(replacements);
+      res.send(html);
+    })
+
+  } else {
+    return res.send("whatsapp not installed on this project")
+  }
+})
+
+router.get("/templates/:project_id", async (req, res) => {
+  winston.verbose("(wab) /templates");
+
+  let project_id = req.params.project_id;
+  let token = req.query.token;
+  let app_id = req.query.app_id;
+
+  let CONTENT_KEY = "whatsapp-" + project_id;
+  let settings = await db.get(CONTENT_KEY);
+  winston.debug("(wab) settings: ", settings);
+
+  if (settings) {
+    let tm = new TemplateManager({ token: settings.wab_token, business_account_id: settings.business_account_id, GRAPH_URL: GRAPH_URL })
+    let templates = await tm.getTemplates();
+
+    
+
+    readHTMLFile('/templates.html', (err, html) => {
+      var template = handlebars.compile(html);
+      var replacements = {
+        app_version: pjson.version,
+        project_id: project_id,
+        token: token,
+        app_id: app_id,
+        templates: templates.data
+      }
+      var html = template(replacements);
+      res.send(html);
+    })
+  } else {
+    winston.verbose("No settings found.")
+    return res.status(404).send({ success: false, error: "whatsapp not installed for the project id " + project_id });
+  }
+
+})
+
+router.get("/ext/templates/:project_id", async (req, res) => {
+  winston.verbose("(wab) /ext/templates");
+
+  let project_id = req.params.project_id;
+
+  let CONTENT_KEY = "whatsapp-" + project_id;
+  let settings = await db.get(CONTENT_KEY);
+
+  if (settings) {
+    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(400).send({ success: false, code: '01', message: "whatsapp not installed for the project_id " + project_id })
+  }
+
+})
+
 // *****************************
 // ********* FUNCTIONS *********
 // *****************************

package/package.json

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

package/template/configure.html

@@ -87,11 +87,29 @@
         {{/if}}
       </div>
     </div>
+  
   </div>
 
+
+  
+
   <!-- INFO BOX -->
   <div class="info-box">
+    
     <div class="info-list">
+      <!--
+      <div style="margin-bottom:20px;">
+        {{#if wab_token}}
+        <form action="./templates/{{project_id}}" method="get">
+          <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="Manage Templates">
+        </form>
+        {{/if}}
+      </div>
+      -->
+      
        <ul>
         <div class="list-element">
           <img src="https://cdn-icons-png.flaticon.com/512/1443/1443000.png" width=20 height=20 style="margin-right: 10px;"/>
@@ -202,6 +220,19 @@
               </div>
             </div>
 
+            <!-- WhatsApp Business Account ID -->
+            <div class="form-group" style="width: 522px;">
+              <label class="input-label" for="verify_token">WhatsApp Business Account ID</label>
+              <div style="display: flex; flex-direction: row; align-items: center;">
+              <input type="text" required class="form-control custom-input" name="business_account_id" value="{{ business_account_id }}" placeholder="Enter your Business Account ID">
+                <span style="margin-left: 10px;">
+                  <i class="fa fa-question-circle custom-tooltip">
+                    <span class="custom-tooltiptext">This is the WhatsApp Business Account ID that can be found in Whatsapp Getting Started on the Facebook Developer console.</span>
+                  </i>
+                </span>
+              </div>
+            </div>
+
             <!-- Departments -->
             <div class="form-group" style="width: 522px;">
               <label class="input-label" for="department">Department <span style="font-weight: normal;">(Optional)</span></label>