@tiledesk/tiledesk-whatsapp-connector 0.1.51 → 0.1.52

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.51",
+  "version": "0.1.52",
   "description": "Tiledesk Whatsapp connector",
   "main": "index.js",
   "scripts": {

package/template/configure.html

@@ -199,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>
@@ -264,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>
@@ -289,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}}
@@ -332,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/TiledeskWhatsappTranslator.js

@@ -446,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') {
@@ -506,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) {
@@ -526,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) {
@@ -548,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) {
@@ -570,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) {
@@ -590,6 +598,11 @@ const path = require('path');
       }
       return tiledeskMessage;
     }
+
+    else {
+      winston.verbose("(wab) [Translator] unsupported whatsapp messsage type");
+      return null;
+    }
   }
 
   async fillParams(params, rcv_option) {