@tiledesk/tiledesk-whatsapp-connector 0.1.42 → 0.1.43

package/index.js

@@ -10,6 +10,7 @@ const pjson = require('./package.json');
 const { v4: uuidv4 } = require('uuid');
 const cors = require('cors');
 var winston = require('./winston');
+const url = require('url');  
 
 // tiledesk clients
 //const { TiledeskClient } = require('@tiledesk/tiledesk-client');
@@ -65,12 +66,16 @@ router.get('/detail', async (req, res) => {
 
   winston.verbose("(wab) /detail")
 
-  let projectId = req.query.project_id;
+  let project_id = req.query.project_id;
   let token = req.query.token;
   let app_id = req.query.app_id;
 
+  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);
+  
   const appClient = new TiledeskAppsClient({ APPS_API_URL: APPS_API_URL });
-  let installation = await appClient.getInstallations(projectId, app_id);
+  let installation = await appClient.getInstallations(project_id, app_id);
 
   let installed = false;
   if (installation) {
@@ -81,10 +86,11 @@ router.get('/detail', async (req, res) => {
     var template = handlebars.compile(html);
     var replacements = {
       app_version: pjson.version,
-      project_id: projectId,
+      project_id: project_id,
       token: token,
       app_id: app_id,
-      installed: installed
+      installed: installed,
+      isAvailable: isAvailable
     }
     var html = template(replacements);
     res.send(html);
@@ -110,21 +116,15 @@ router.post('/install', async (req, res) => {
   appClient.install(installation_info).then((installation) => {
     winston.debug("(wab) installation response: " + installation);
 
-    let installed = true;
-
-    readHTMLFile('/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,
-        installed: installed
+    res.redirect(url.format({
+     pathname:"/detail",
+     query: {
+        "project_id": project_id,
+        "app_id": app_id,
+        "token": token
       }
-      var html = template(replacements);
-      res.send(html);
-    })
-
+    }));
+    
   }).catch((err) => {
     winston.error("(wab) installation error: " + err.data)
     res.send("An error occurred during the installation");
@@ -144,20 +144,14 @@ router.post('/uninstall', async (req, res) => {
 
     winston.debug("(wab) uninstallation response: " + response);
 
-    let installed = false;
-
-    readHTMLFile('/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,
-        installed: installed
+    res.redirect(url.format({
+     pathname:"/detail",
+     query: {
+        "project_id": project_id,
+        "app_id": app_id,
+        "token": token
       }
-      var html = template(replacements);
-      res.send(html);
-    })
+    }));
 
   }).catch((err) => {
     winston.error("(wab) uninsallation error: " + err.data)

package/package.json

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

package/template/css/detail.css

@@ -211,3 +211,25 @@ div.scrollmenu a:hover {
 .btn:focus {
   outline: none !important;
 }
+
+.plans-div {
+  display: flex;
+  flex-direction: row;
+}
+
+.plan {
+  margin-right: 6px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: 11px;
+}
+
+.scale-plan {
+  background-color: #eb459e;
+  color: white;
+}
+
+.plus-plan {
+  background-color: #5865f2;
+  color: white;
+}

package/template/detail.html

@@ -42,7 +42,11 @@
     <hr style="margin-top: 10px; margin-bottom: 10px">
     
     <div class="installation-info-box">
+      {{#if isAvailable}}
       <p style="margin: 0px; color: #676767; font-size: 13px;">You can install this application for free.</p>
+      {{else}}
+      <p style="margin: 0px; color: #676767; font-size: 13px;">This app is available for Scale and Plus plans</p>
+      {{/if}}
     </div>
 
 
@@ -56,19 +60,32 @@
           <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>
-          <p style="font-size: 15px; color: #676767; font-style: italic; margin-bottom: 0px; margin-top: 20px;">Free</p>
+          {{#if isAvailable}}
+            <p style="font-size: 15px; color: #676767; font-style: italic; margin-bottom: 0px; margin-top: 20px;">Free</p>
+          {{else}}
+            <p style="font-size: 15px; color: #676767; font-style: italic; margin-bottom: 0px; margin-top: 20px;">Free for</p>
+            <div class="plans-div">
+              <div class="plan scale-plan">Scale Plan</div>
+              <div class="plan plus-plan">Plus Plan</div>
+            </div>
+          {{/if}}
         </div>
 
         <div style="display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;">
           
           {{#if installed}}
+
             <!-- Open button -->
+            {{#if isAvailable}}
             <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>
+            {{else}}
+            <button class="btn install-button" disabled>Open</button>
+            {{/if}}
   
             <!-- Uninstall button -->
             <button class="btn uninstall-button" onclick="document.getElementById('uninstall-modal').style.display='flex'">Uninstall</button>
@@ -97,7 +114,13 @@
             </div>
             
           {{else}}
-            <button class="btn install-button" onclick="document.getElementById('install-modal').style.display='flex'">Install</button>
+
+            {{#if isAvailable}}
+              <button class="btn install-button" onclick="document.getElementById('install-modal').style.display='flex'">Install</button>
+            {{else}}
+              <button class="btn install-button" disabled>Install</button>
+            {{/if}}
+          
             <!-- Install modal -->
             <div id="install-modal" class="modal">
               <div class="modal-content">

package/tiledesk/TiledeskAppsClient.js

@@ -2,6 +2,7 @@ const axios = require("axios").default;
 const fs = require('fs');
 const FormData = require('form-data');
 const path = require('path');
+const winston = require('../winston');
 
 class TiledeskAppsClient {
   /**

package/tiledesk/TiledeskChannel.js

@@ -217,7 +217,58 @@ class TiledeskChannel {
       winston.error("(wab) [TiledeskChannel] sign in error: " + err);
     })
   }
-  
+
+  async getProjectDetail() {
+
+    return await axios({
+      url: this.API_URL + '/projects/' + this.settings.project_id,
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': this.settings.token
+      },
+      method: 'GET'
+    }).then((response) => {
+      return this.checkPlan(response.data);
+    }).catch((err) => {
+      winston.error("(wab) [TiledeskChannel] get project detail error: " + err);
+      return null;
+    })
+  }
+
+  checkPlan(project) {
+    let profile_name = project.profile.name;
+    let profile_type = project.profile.type;
+    let isActiveSubscription = project.isActiveSubscription;
+    let trialExpired = project.trialExpired;
+
+    winston.debug("profile_name: " + profile_name)
+    winston.debug("profile_type: " + profile_type)
+    winston.debug("isActiveSubscription: " + isActiveSubscription)
+    
+    return new Promise((resolve, reject) => {
+      if (
+        (profile_name === 'Growth') ||
+        (profile_name === 'Scale' && isActiveSubscription === false) ||
+        (profile_name === 'Plus' && isActiveSubscription === false) ||
+        (profile_type === 'free' && trialExpired === true) 
+      ) {
+        winston.verbose('Feature not available')
+        resolve(false);
+
+      } else if (
+        (profile_name === 'Scale' && isActiveSubscription === true) ||
+        (profile_name === 'Plus' && isActiveSubscription === true) ||
+        (profile_type === 'free' && trialExpired === false)
+      ) {
+        winston.verbose('Feature available')
+        resolve(true);
+        
+      } else {
+        winston.verbose('Other case: feature not available');
+        resolve(false);
+      }
+    })
+  }
 
 }
 

package/tiledesk/TiledeskWhatsappTranslator.js

@@ -271,8 +271,26 @@ const path = require('path');
       }
 
     } else {
-      whatsapp_message.text = { body: text };
-      return whatsapp_message;
+
+      // template
+      console.log("tiledeskChannelMessage.text: ", tiledeskChannelMessage.text);
+      if (tiledeskChannelMessage.text.startsWith("/template:")) {
+        let template_name = tiledeskChannelMessage.text.substring(tiledeskChannelMessage.text.lastIndexOf(':') + 1);
+        console.log("template name to send: ", template_name);
+        whatsapp_message.type = "template";
+        whatsapp_message.template = {
+          name: template_name,
+          language: {
+            code: "en_US"
+          }
+        }
+        return whatsapp_message;
+      }
+      // standard message
+      else {
+        whatsapp_message.text = { body: text };
+        return whatsapp_message;
+      }
     }
   }