@tiledesk/tiledesk-whatsapp-connector 0.1.14 → 0.1.15

package/index.js

@@ -3,17 +3,10 @@ const express = require("express");
 const app = express();
 const router = express.Router();
 const bodyParser = require("body-parser");
-//const request = require("request");
-//const multer = require('multer');
-//const jwt = require('jsonwebtoken');
-//const { v4: uuidv4 } = require('uuid');
-//const axios = require("axios").default;
-//const mongoose = require("mongoose");
 const appRoot = require('app-root-path');
 const handlebars = require('handlebars');
 const fs = require('fs');
 const path = require('path');
-//const FormData = require('form-data');
 
 // tiledesk clients
 const { TiledeskClient } = require('@tiledesk/tiledesk-client');
@@ -21,6 +14,7 @@ const { TiledeskWhatsappTranslator } = require('./tiledesk/TiledeskWhatsappTrans
 const { TiledeskSubscriptionClient } = require('./tiledesk/TiledeskSubscriptionClient');
 const { TiledeskWhatsapp } = require('./tiledesk/TiledeskWhatsapp');
 const { TiledeskChannel } = require('./tiledesk/TiledeskChannel');
+const { TiledeskAppsClient } = require('./tiledesk/TiledeskAppsClient');
 
 // mongo
 const { KVBaseMongo } = require('@tiledesk/tiledesk-kvbasemongo');
@@ -30,36 +24,142 @@ router.use(bodyParser.json());
 router.use(bodyParser.urlencoded({ extended: true }));
 router.use(express.static(path.join(__dirname, 'template')));
 
-//const TOKEN = process.env.WHATSAPP_TOKEN;        // From FB DevX getting started page
-//const VERIFY_TOKEN = process.env.VERIFY_TOKEN;   // Arbitrary, used with webhook configuration in FB DevX
-//const BASE_URL = process.env.BASE_URL;
-//const API_URL = process.env.API_URL;
-//const project_id = process.env.PROJECT_ID;
-//const token_jwt = process.env.TOKEN_JWT
-//const GRAPH_URL = process.env.GRAPH_URL;
-//const MONGODB_URL = process.env.MONGODB_URL;
-
-
 var API_URL = null;
 var GRAPH_URL = null;
 var BASE_URL = null;
+var APPS_API_URL = null;
 var log = true;
 
 const db = new KVBaseMongo(kvbase_collection);
-/*
-db.connect(MONGODB_URL, () => {
-  console.log("KVBaseMongo successfully connected.");
-  var server = app.listen(process.env.PORT || 1337, function() {
-    var port = server.address().port;
-    console.log("App now running on port", port);
-  });
-})
-*/
 
 router.get('/', async (req, res) => {
   res.send('Home works!')
 })
 
+router.get('/detail', async (req, res) => {
+
+  let projectId = req.query.project_id;
+  let token = req.query.token;
+  let app_id = req.query.app_id;
+
+  const appClient = new TiledeskAppsClient({ APPS_API_URL: APPS_API_URL });
+  let installation = await appClient.getInstallations(projectId, app_id);
+
+  let installed = false;
+  if (installation) {
+    installed = true;
+  }
+
+  readHTMLFile('/detail.html', (err, html) => {
+    if (err) {
+      console.log("(ERROR) Read html file: ", err);
+    }
+
+    var template = handlebars.compile(html);
+    var replacements = {
+      project_id: projectId,
+      token: token,
+      app_id: app_id,
+      installed: installed
+    }
+    if (log) {
+      console.log("Replacements: ", replacements);
+    }
+    var html = template(replacements);
+    res.send(html);
+  })
+})
+
+router.post('/install', async (req, res) => {
+
+  let project_id = req.body.project_id;
+  let app_id = req.body.app_id;
+  let token = req.body.token;
+
+  console.log("Install app " + app_id + " for project id " + project_id);
+  let installation_info = {
+    project_id: project_id,
+    app_id: app_id,
+    createdAt: Date.now()
+  };
+
+  console.log("installation info: ", installation_info)
+
+  const appClient = new TiledeskAppsClient({ APPS_API_URL: APPS_API_URL });
+  //let installation = await appClient.install(installation_info);
+  appClient.install(installation_info).then((installation) => {
+
+    if (log) {
+      console.log("installation response: ", installation);
+    }
+
+    let installed = true;
+
+    readHTMLFile('/detail.html', (err, html) => {
+      if (err) {
+        console.log("(ERROR) Read html file: ", err);
+      }
+
+      var template = handlebars.compile(html);
+      var replacements = {
+        project_id: project_id,
+        token: token,
+        app_id: app_id,
+        installed: installed
+      }
+      if (log) {
+        console.log("Replacements: ", replacements);
+      }
+      var html = template(replacements);
+      res.send(html);
+    })
+
+  }).catch((err) => {
+    console.error("installation error: ", err.data)
+    res.send("An error occurred during the installation");
+  })
+
+})
+
+router.post('/uninstall', async (req, res) => {
+  let project_id = req.body.project_id;
+  let app_id = req.body.app_id;
+  let token = req.body.token;
+
+  const appClient = new TiledeskAppsClient({ APPS_API_URL: APPS_API_URL });
+  appClient.uninstall(project_id, app_id).then((response) => {
+
+    if (log) {
+      console.log("uninstallation response: ", response);
+    }
+
+    let installed = false;
+
+    readHTMLFile('/detail.html', (err, html) => {
+      if (err) {
+        console.log("(ERROR) Read html file: ", err);
+      }
+
+      var template = handlebars.compile(html);
+      var replacements = {
+        project_id: project_id,
+        token: token,
+        app_id: app_id,
+        installed: installed
+      }
+      if (log) {
+        console.log("Replacements: ", replacements);
+      }
+      var html = template(replacements);
+      res.send(html);
+    })
+
+  }).catch((err) => {
+    console.error("uninsallation error: ", err.data)
+    res.send("An error occurred during the uninstallation");
+  })
+})
+
 router.get('/configure', async (req, res) => {
   console.log("\n/configure");
   if (log) {
@@ -468,7 +568,7 @@ router.post("/webhook/:project_id", async (req, res) => {
           console.log("File position: ", filename);
           let file_path = path.join(__dirname, 'tmp', filename);
 
-          
+
           const media_url = await util.uploadMedia(file_path, "files");
           console.log("image_url: ", media_url)
 
@@ -583,29 +683,36 @@ function startApp(settings, callback) {
     console.log("GRAPH_URL: ", GRAPH_URL);
   }
 
-  if (settings.log) {
-    log = settings.log;
-  }
+    if (!settings.APPS_API_URL) {
+      throw new Error("settings.APPS_API_URL is mandatory");
+    } else {
+      APPS_API_URL = settings.APPS_API_URL;
+      console.log("APPS_API_URL: ", APPS_API_URL);
+    }
 
-  db.connect(settings.MONGODB_URL, () => {
-    console.log("KVBaseMongo successfully connected.");
-    if (callback) {
-      callback();
+    if (settings.log) {
+      log = settings.log;
     }
-  })
-}
 
-function readHTMLFile(templateName, callback) {
-  console.log("Reading file: ", templateName)
-  fs.readFile(__dirname + '/template' + templateName, { encoding: 'utf-8' },
-    function(err, html) {
-      if (err) {
-        throw err;
-        //callback(err);
-      } else {
-        callback(null, html)
+    db.connect(settings.MONGODB_URL, () => {
+      console.log("KVBaseMongo successfully connected.");
+      if (callback) {
+        callback();
       }
     })
-}
+  }
+
+  function readHTMLFile(templateName, callback) {
+    console.log("Reading file: ", templateName)
+    fs.readFile(__dirname + '/template' + templateName, { encoding: 'utf-8' },
+      function(err, html) {
+        if (err) {
+          throw err;
+          //callback(err);
+        } else {
+          callback(null, html)
+        }
+      })
+  }
 
-module.exports = { router: router, startApp: startApp };
+  module.exports = { router: router, startApp: startApp };

package/package.json

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

package/template/css/style.css

@@ -43,4 +43,177 @@
 .custom-tooltip:hover .custom-tooltiptext {
   visibility: visible;
   opacity: 1;
+}
+
+
+.content {
+  width: 52%;
+  min-width: 960px;
+  height: 1000px;
+}
+
+.installation-info-box {
+  background-color: aliceblue;
+  height: 28px;
+  border-radius: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.icon-and-title {
+  margin-top: 20px;
+  display: flex;
+  flex-direction: row;
+}
+
+.install-button {
+  width: 120px;
+  color: white;
+  background-color: #04AA6D;
+  letter-spacing: 0.5px;
+  font-size: 13px;
+}
+
+.install-button:hover {
+  width: 120px;
+  color: white;
+  background-color: #079d66;
+  border-color: #079d66;
+  letter-spacing: 0.5px;
+  font-size: 13px;
+}
+
+.open-button {
+  width: 120px;
+  color: white;
+  background-color: #04AA6D;
+  letter-spacing: 0.5px;
+  font-size: 13px;
+}
+
+.open-button:hover {
+  width: 120px;
+  color: white;
+  background-color: #079d66;
+  border-color: #079d66;
+  letter-spacing: 0.5px;
+  font-size: 13px;
+}
+
+.open-button:focus {
+  width: 120px;
+  color: white;
+  font-weight: 500;
+  background-color: #079d66;
+  border-color: #079d66;
+  letter-spacing: 0.5px;
+  font-size: 13px;
+}
+
+.uninstall-button {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  border-color: #f0593d;
+  background-color: #f0593d;
+  letter-spacing: 0.5px;
+  font-size: 13px;
+}
+
+.uninstall-button:hover {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  border-color: #d53e21;
+  background-color: #d53e21;
+  letter-spacing: 0.5px;
+}
+
+.uninstall-button:focus {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  font-weight: 500;
+  border-color: #d53e21;
+  background-color: #d53e21;
+  letter-spacing: 0.5px;
+}
+
+.cancel-btn {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  border-color: #c0c0c0;
+  background-color: #c0c0c0;
+  letter-spacing: 0.5px;
+  margin-right: 30px;
+}
+
+.cancel-btn:hover {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  border-color: #929292;
+  background-color: #929292;
+  letter-spacing: 0.5px;
+}
+
+.cancel-btn:focus {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  font-weight: 500;
+  border-color: #929292;
+  background-color: #929292;
+  letter-spacing: 0.5px;
+}
+
+.app-summary-div {
+  text-align: center;
+  margin-right: 40px;
+}
+
+.app-summary-name {
+  max-width: 100px;
+  margin-top: 7px;
+  font-style: italic;
+  color: grey;
+}
+
+
+.modal {
+  text-align: center;
+  display: none;
+  justify-content: center;
+  position: fixed;
+  z-index: 1;
+  padding-top: 100px;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.modal-content {
+  width: 500px;
+  height: 300px;
+  background-color: white;
+}
+
+.close {
+  color: grey;
+  float: right;
+  font-size: 30px;
+  font-weight: bold;
+}
+
+.close:hover, .close:focus {
+  color: black;
+  cursor: pointer;
+}
+
+.btn:focus {
+  outline: none !important;
 }

package/template/detail.html

@@ -0,0 +1,226 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
+        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+
+    <!-- Optional theme -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
+        integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  
+    <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
+    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+
+    <!-- Latest compiled and minified JavaScript -->
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
+        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
+        </script>
+  
+    <link rel="stylesheet" href="./css/style.css">
+
+</head>
+
+<body style="display: flex; justify-content: center;">
+  <div class="content">
+    <div style="margin-top: 10px;">
+      <p style="font-size: 20px;">Tiledesk <b>App Store</b></p>
+    </div>
+
+    <hr style="margin-top: 10px; margin-bottom: 10px">
+    
+    <div class="installation-info-box">
+      <p style="margin: 0px; color: #676767; font-size: 13px;">You can install this application for free.</p>
+    </div>
+
+
+    <div class="icon-and-title" style="margin-top: 20px;">
+      <div>
+        <img src="https://www.clipartmax.com/png/full/205-2058823_whatsapp-ios-icon-whatsapp-ios-icon-png.png" width="180" height="auto"  />
+      </div>
+      
+      <div style="display: flex; flex-direction: row; justify-content: space-between; margin-left: 40px; width: 100%;">
+        <div>
+          <p style="font-size: 26px; font-weight: 500; margin-bottom: 0px;">WhatsApp Business</p>
+          <p style="color: #676767; font-size: 16px; margin-bottom: 5px;">Connect your WhatsApp number with Tiledesk</p>
+          <a style="font-size: 18px;" href="https://tiledesk.com/" target="_blank">Tiledesk</a>
+        </div>
+
+        <div style="display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;">
+          
+          {{#if installed}}
+            <form action="./configure" 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="Open">
+            </form>
+
+            <!--
+            <form action="./uninstall" method="post">
+              <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="Uninstall">
+            </form>-->
+
+            <button class="btn uninstall-button" onclick="document.getElementById('uninstall-modal').style.display='flex'">Uninstall</button>
+
+            <div id="uninstall-modal" class="modal">
+              <div class="modal-content">
+                <!--<span class="close">×</span-->
+                <h2>WhatsApp Business</h2>
+                <div style="margin-top: 20px;">
+                  <img src="https://www.clipartmax.com/png/full/205-2058823_whatsapp-ios-icon-whatsapp-ios-icon-png.png" width="70" height="auto"  />
+                </div>
+                <p style="margin-top: 20px; margin-bottom: 20px;">Are you sure you want to uninstall this app?</p>
+
+                <div style="display: flex; flex-direction: row; width: 100%; justify-content: center;">
+                  <button class="btn cancel-btn" onclick="document.getElementById('uninstall-modal').style.display='none'">Cancel</button>
+
+                <form action="./uninstall" method="post">
+                  <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">
+                </form>
+                </div>
+                
+                
+              </div>
+            </div>
+            
+
+          
+          {{else}}
+            <p style="font-size: 12px; color: #676767; font-style: italic; margin-bottom: 0px; margin-right: 3px;">Free</p>
+            <form action="./install" method="post">
+              <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">
+            </form>
+          {{/if}}
+
+        </div>
+      </div>
+    </div>
+
+    <hr style="margin-top: 20px; margin-bottom: 20px">
+
+    <p style="font-size: 18px;"><b>Screenshot from the application</b></p>
+    <img src="https://media.discordapp.net/attachments/998542078587973734/1018841949534429184/2211.jpg?width=1055&height=686" style="width: 100%; height: 50%;"/>
+
+    
+    <hr style="margin-top: 20px; margin-bottom: 20px">
+
+
+    <div>
+      <h7>Receive Whatsapp bot conversations in your Tiledesk dashboard. Seamlessly Chat with your targeted audience on Whatsapp right from the Tiledesk dashboard.</h7>
+      <ul style="padding: 10px 20px;">
+        <li><h7>Integrate your Whatsapp number with Tiledesk.</h7></li>
+        <li><h7>Once a chat is initiated on your Whatsapp number, receive an alert on your Tiledesk account.</h7></li>
+        <li><h7>Enable instant messaging and answer multiple conversations - everything from Tiledesk account.</h7></li>
+      </ul>
+
+      <div style="padding: 20px; background-color: aliceblue; border-radius: 8px;">
+        <div style="display: flex; flex-direction: row; align-items: baseline;">
+          <div>
+            <img src="https://freeiconshop.com/wp-content/uploads/edd/arrow-flat.png" width="20px" height="auto" style="margin-right: 10px;"> 
+          </div>
+          <div>
+            <a href="https://gethelp.tiledesk.com/articles/telegram/" target="_blank">Connect Tiledesk with WhatsApp Business</a>
+            <p style="color: grey; margin-bottom: 0px;">A small but very useful guide on how to connect your WhatsApp Business number with Tiledesk</p>
+          </div>
+        </div>
+
+        <hr style="margin-top: 10px; margin-bottom: 10px;">
+        
+        <div style="display: flex; flex-direction: row; align-items: baseline;">
+          <div>
+            <img src="https://freeiconshop.com/wp-content/uploads/edd/arrow-flat.png" width="20px" height="auto" style="margin-right: 10px;"> 
+          </div>
+          <div>
+            <a href="https://gethelp.tiledesk.com/articles/telegram/" target="_blank">Configure a WhatsApp Business account</a>
+            <p style="color: grey; margin-bottom: 0px;">Not sure how to set up a business account? Take a look here.</p>
+          </div>
+        </div>
+        
+      </div>
+    </div>
+
+
+    <hr style="margin-top: 20px; margin-bottom: 20px">
+
+    <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: 5px;">
+      <div>
+        <p style="margin-bottom: 0px;">Add support for pdf from Tiledesk</p>
+        <p>Bug fixes</p>
+      </div>
+      <p style="font-size: 12px; color: #676767">Version <b>0.1.14</b></p>
+    </div>
+
+    <div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between;">
+      <p>Bug fixes and performance improvements</p>
+      <p style="font-size: 12px; color: #676767">Version <b>0.1.13</b></p>
+    </div>
+
+    <!--
+
+    <hr style="margin-top: 20px; margin-bottom: 20px">
+
+    
+    <p style="font-size: 18px;"><b>Other from Tiledesk</b> <a onclick="getParent()" target="_blank" style="font-size: 13px; margin-left: 15px;">View all</a></p>
+
+    <div>
+      <p>Visit our store and discovery all the available apps!</p>
+    </div>
+
+    
+    <div style="display: flex;">
+      <div class="app-summary-div">
+        <img src="https://cdn3.iconfinder.com/data/icons/social-media-chamfered-corner/154/telegram-512.png" width="110" height="auto">
+        <p class="app-summary-name">Telegram</p>
+      </div>
+      
+      <div class="app-summary-div">
+        <img src="https://cdn.jim-nielsen.com/ios/512/messenger-2020-11-17.png" width="110" height="auto">
+        <p class="app-summary-name">Facebook Messenger</p>
+      </div>
+      
+      <div class="app-summary-div">
+        <img src="https://i.ibb.co/yWz3bZ5/2022-04-21-11-28-20.jpg" width="110" height="auto">
+        <p class="app-summary-name">Help Center</p>
+      </div>
+      
+      <div class="app-summary-div">
+        <img src="https://i.pinimg.com/474x/f4/07/55/f407552380549b7ce1b508c5a6639b38.jpg" width="110" height="auto">
+        <p class="app-summary-name">Github</p>
+      </div>
+    </div>   
+    -->
+
+    <hr style="margin-top: 50px; margin-bottom: 20px">
+    
+
+  </div>
+
+  <!--
+  <script>
+    function getParent() {
+      let parent_base = document.referrer;
+      let app_store_url = parent_base + "dashboard/#/project/"+ {{project_id}} +"/app-store/"
+    }
+  </script>
+  -->
+  
+</body>

package/test/test_translate_whatsapp.js

@@ -71,7 +71,8 @@ describe('Test Translator\n', function() {
       recipient: 'support-group-62c3f10152dc7400352bab0d-86a2293e-wab-104777398965560-393484506627',
       metadata: {
         src: 'https://fakevideourl.com/',
-        type: 'video/mp4'
+        type: 'video/mp4',
+        name: 'fakevideo.mp4'
       },
       attributes: {
         userFullname: 'John Doe'
@@ -86,9 +87,9 @@ describe('Test Translator\n', function() {
     assert(whatsappJsonMessage.messaging_product === TiledeskWhatsappTranslator.WHATSAPP_MESSAGING_PRODUCT);
     assert(whatsappJsonMessage.to === whatsapp_receiver);
     assert(!whatsappJsonMessage.text);
-    assert(whatsappJsonMessage.document);
-    assert(whatsappJsonMessage.document.link === tiledeskChannelMessage.metadata.src);
-    assert(whatsappJsonMessage.document.caption === tiledeskChannelMessage.text);
+    assert(whatsappJsonMessage.video);
+    assert(whatsappJsonMessage.video.link === tiledeskChannelMessage.metadata.src);
+    assert(whatsappJsonMessage.video.caption === tiledeskChannelMessage.metadata.name);
     if (log) {
       console.log("(test) whatsappJsonMessage: ", whatsappJsonMessage);
     }
@@ -103,7 +104,7 @@ describe('Test Translator\n', function() {
       recipient: 'support-group-62c3f10152dc7400352bab0d-86a2293e-wab-104777398965560-393484506627',
       metadata: {
         src: 'https://fakedocumenturl.com/',
-        name: "Document name",
+        name: "fakedocument.pdf",
         type: 'application/pdf'
       },
       attributes: {

package/tiledesk/TiledeskAppsClient.js

@@ -0,0 +1,168 @@
+const axios = require("axios").default;
+const fs = require('fs');
+const FormData = require('form-data');
+const path = require('path');
+
+class TiledeskAppsClient {
+  /**
+    * Constructor for TiledeskChannel
+    *
+    * @example
+    * const { TiledeskAppsClient } = require('tiledesk-apps-client');
+    * const appClient = new TiledeskAppsClient({ APPS_API_URL:  APPS_API_URL});
+    * 
+    * @param {Object} config JSON configuration.
+    * @param {string} config.APPS_API_URL Mandatory. The api url for tiledesk apps.
+    * @param {boolean} options.log Optional. If true HTTP requests are logged.
+    */
+
+  constructor(config) {
+    if (!config) {
+      throw new Error('config is mandatory');
+    }
+
+    if (!config.APPS_API_URL) {
+      throw new Error('config.APPS_URL is mandatory');
+    }
+
+    this.APPS_API_URL = config.APPS_API_URL;
+    
+    this.log = true;
+    if (config.log) {
+      this.log = config.log;
+    }
+  }
+
+
+  install(installation_info, callback) {
+    
+    const URL = this.APPS_API_URL + `/api/installation`;
+    const HTTPREQUEST = {
+      url: URL,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      json: installation_info,
+      method: 'POST'
+    };
+    let promise = new Promise((resolve, reject) => {
+      TiledeskAppsClient.myrequest(
+        HTTPREQUEST,
+        function(err, resbody) {
+          if (err) {
+            if (callback) {
+              callback(err);
+            }
+            reject(err);
+          }
+          else {
+            if (callback) {
+              callback(null, resbody);
+            }
+            console.log("[Tiledesk Apps Client] Installed!");
+            resolve(resbody);
+          }
+        }, true);
+    })
+    return promise;
+  }
+
+  getInstallations(project_id, app_id) {
+    const URL = this.APPS_API_URL + `/api/installation/${project_id}`;
+    const HTTPREQUEST = {
+      url: URL,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      method: 'GET'
+    };
+    let promise = new Promise((resolve, reject) => {
+      TiledeskAppsClient.myrequest(
+        HTTPREQUEST,
+        function(err, resbody) {
+          if (err) {
+            reject(err);
+          }
+          else {
+            let obj = resbody.find(o => o.app_id === app_id);
+            if (obj) {
+              resolve(obj);
+            } else {
+              resolve(null);
+            }
+          }
+        }, true);
+    })
+    return promise;
+  }
+  
+  uninstall(project_id, app_id, callback) {
+    const URL = this.APPS_API_URL + `/api/installation/${project_id}/${app_id}`;
+    const HTTPREQUEST = {
+      url: URL,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      method: 'DELETE'
+    };
+    let promise = new Promise((resolve, reject) => {
+      TiledeskAppsClient.myrequest(
+        HTTPREQUEST,
+        function(err, resbody) {
+          if (err) {
+            if (callback) {
+              callback(err);
+            }
+            reject(err);
+          }
+          else {
+            if (callback) {
+              callback(null, resbody);
+            }
+            console.log("[Tiledesk Apps Client] Uninstalled!");
+            resolve(resbody);
+          }
+        }, true);
+    })
+    return promise;
+  }
+
+
+
+  // HTTP REQUEST
+
+  static async myrequest(options, callback, log) {
+    if (this.log) {
+      console.log("[Tiledesk Subscription Client] Options: ", options);
+    }
+    return await axios({
+      url: options.url,
+      method: options.method,
+      data: options.json,
+      params: options.params,
+      headers: options.headers
+    }).then((res) => {
+      if (this.log) {
+        console.log("[Tiledesk Subscription Client] Response headers:\n", res.headers);
+      }
+      if (res && res.status == 200 && res.data) {
+        if (callback) {
+          callback(null, res.data);
+        }
+      }
+      else {
+        if (callback) {
+          callback(TiledeskClient.getErr({ message: "Response status not 200" }, options, res), null, null);
+        }
+      }
+    }).catch((err) => {
+      console.error("An error occured: ", err);
+      if (callback) {
+        callback(err, null, null);
+      }
+    })
+  }
+  
+}
+
+module.exports = { TiledeskAppsClient }

package/tiledesk/TiledeskWhatsappTranslator.js

@@ -2,7 +2,10 @@ class TiledeskWhatsappTranslator {
 
   /**
    * Constructor for TiledeskWhatsappTranslator
-   *
+   *const axios = require("axios").default;
+const fs = require('fs');
+const FormData = require('form-data');
+const path = require('path');
    * @example
    * const { TiledeskWhatsappTranslator } = require('tiledesk-whatsapp-translator');
    * const tlr = new TiledeskWhatsappTranslator();
@@ -14,7 +17,7 @@ class TiledeskWhatsappTranslator {
   static CHANNEL_NAME = "whatsapp";
 
   constructor() {
-    
+
 
     /*
     if (!config.tiledeskChannelMessage) {
@@ -23,9 +26,9 @@ class TiledeskWhatsappTranslator {
     this.tiledeskChannelMessage = config.tiledeskChannelMessage;
     console.log("this.tiledeskChannelMessage: ", this.tiledeskChannelMessage);
     */
-    
+
     this.log = true;
-    
+
 
   }
 
@@ -48,13 +51,16 @@ class TiledeskWhatsappTranslator {
   */
   toWhatsapp(tiledeskChannelMessage, whatsapp_receiver) {
 
-
     // to --> recipient
     if (this.log) {
       console.log("[Translator] tiledesk message: ", tiledeskChannelMessage)
     }
-    let text = tiledeskChannelMessage.text.replace(/-{1,}/g, '');
-    text = text.replace(/\*{2,}/g, '*')
+
+    let text = '';
+    if (tiledeskChannelMessage.text) {
+      text = tiledeskChannelMessage.text.replace(/-{1,}/g, '');
+      text = text.replace(/\*{2,}/g, '*')
+    }
 
     let whatsapp_message = {
       messaging_product: TiledeskWhatsappTranslator.WHATSAPP_MESSAGING_PRODUCT,
@@ -62,24 +68,24 @@ class TiledeskWhatsappTranslator {
     }
 
     if (tiledeskChannelMessage.metadata) {
-  
+
       if (tiledeskChannelMessage.metadata.type.startsWith('image')) {
-      //if (tiledeskChannelMessage.metadata.type.startsWith('image/')) {
+        //if (tiledeskChannelMessage.metadata.type.startsWith('image/')) {
         var imgUrl = tiledeskChannelMessage.metadata.src;
         whatsapp_message.type = 'image'
         whatsapp_message.image = {
           link: imgUrl,
           caption: text
         }
-      } 
+      }
 
       else if (tiledeskChannelMessage.metadata.type.startsWith('video')) {
-      //if (tiledeskChannelMessage.metadata.type.startsWith('video/')) {
+        //if (tiledeskChannelMessage.metadata.type.startsWith('video/')) {
         var videoUrl = tiledeskChannelMessage.metadata.src;
-        whatsapp_message.type = 'document'
-        whatsapp_message.document = {
+        whatsapp_message.type = 'video'
+        whatsapp_message.video = {
           link: videoUrl,
-          caption: text
+          caption: tiledeskChannelMessage.metadata.name
         }
         /*
         data.type = 'video'
@@ -91,7 +97,7 @@ class TiledeskWhatsappTranslator {
       }
 
       else if (tiledeskChannelMessage.metadata.type.startsWith('application')) {
-      //if (tiledeskChannelMessage.metadata.type.startsWith('application/')) {
+        //if (tiledeskChannelMessage.metadata.type.startsWith('application/')) {
         var doc = tiledeskChannelMessage.metadata.src;
         whatsapp_message.type = 'document'
         whatsapp_message.document = {
@@ -141,7 +147,7 @@ class TiledeskWhatsappTranslator {
               console.log("[Translator] whatsapp message: ", whatsapp_message)
             }
             return whatsapp_message;
-            
+
           }
 
           if (buttons_count > 0 && buttons_count < 4) {
@@ -311,7 +317,7 @@ class TiledeskWhatsappTranslator {
       }
       return whatsapp_message;
 
-      
+
       //return null
     }
   }