@chat21/chat21-ionic 3.4.20 → 3.4.21-rc2

package/CHANGELOG.md

@@ -8,6 +8,12 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 3.4.21-rc2
+- **added**: count in newConversation handler event
+
+# 3.4.21-rc1
+- **added**:  implement badge notification for agentDesktop sw when new conversation is assigned to logged agent
+
 # 3.4.20 in PROD
 
 # 3.4.19 in PROD

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.4.20",
+    "version": "3.4.21-rc2",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/app.component.ts

@@ -168,6 +168,7 @@ export class AppComponent implements OnInit {
     }, { capture: true });
   }
 
+
   listenChatAlreadyOpenWithoutParamsInMobileMode() {
     this.events.subscribe('noparams:mobile', (isAlreadyOpenInMobileMode) => {
       // console.log('[APP-COMP] Chat is Already Open In Mobile Mode ', isAlreadyOpenInMobileMode)
@@ -332,7 +333,7 @@ export class AppComponent implements OnInit {
 
   listenToPostMsgs() {
     window.addEventListener("message", (event) => {
-      this.logger.log("[APP-COMP] message event ", event);
+      // this.logger.log("[APP-COMP] message event ", event);
 
       if (event && event.data && event.data.action && event.data.parameter) {
         if (event.data.action === 'openJoinConversationModal') {
@@ -1632,10 +1633,9 @@ export class AppComponent implements OnInit {
   }
 
   private manageEventNewConversation(conversation){
-    this.triggerEvents.triggerOnNewConversationInit(conversation)
+    this.triggerEvents.triggerOnNewConversationInit(conversation, this.conversationsHandlerService.countIsNew())
   }
 
-
   @HostListener('document:visibilitychange', [])
   visibilitychange() {
     // this.logger.debug("document TITLE", document.hidden, document.title);

package/src/app/services/triggerEvents/triggerEvents.ts

@@ -73,14 +73,14 @@ export class TriggerEvents {
 
     }
 
-    public triggerOnNewConversationInit(conversation: ConversationModel){
+    public triggerOnNewConversationInit(conversation: ConversationModel, countIsNew: Number){
         this.logger.debug(' ---------------- triggerOnNewConversation ---------------- ', conversation);
         try {
-            const onNewConversation = new CustomEvent('onNewConversation', { detail: { conversation: conversation} });
+            const onNewConversation = new CustomEvent('onNewConversation', { detail: { conversation: conversation, count: countIsNew} });
             const windowContext = this.windowContext;
             if (windowContext){
                 // windowContext.document.dispatchEvent(onNewConversation);
-                windowContext.postMessage({type: "onNewConversation", detail: { conversation: conversation}}, '*')
+                windowContext.postMessage({type: "onNewConversation", detail: { conversation: conversation, count: countIsNew}}, '*')
             }
         } catch (e) {
             this.logger.error('[TRIGGER-HANDLER] > Error:' + e);

package/src/assets/js/agentDesktop-sdk.js

@@ -0,0 +1,53 @@
+ function loadAgentDesktopScript() {
+  if (document.getElementById('agentdesktop-sdk')) {
+    return;
+  }
+
+  const script = document.createElement('script');
+  script.id = 'agentdesktop-sdk';
+  script.type = 'text/javascript';
+  script.src = 'https://devcti.aruba.it/AD/widget/agentdesktop_widget.js';
+  script.async = true;
+
+  script.onload = () => {
+    console.log('AgentDesktop SDK caricato');
+    window.agentDesktopLoaded = true;
+
+    const TILEDESK_EVENT = {
+      AUTH_CHANGED: 'onAuthStateChanged',
+      NEW_CONVERSATION: 'onNewConversation',
+    }
+
+    window.addEventListener( 'message', function(event){
+      if(event && event.data && event.data.type){
+        switch(event.data.type){
+          case TILEDESK_EVENT.NEW_CONVERSATION: {
+            console.log('HANDLED onNewConversation:', event.data)
+            let count = event.data.detail.count.toString()
+            window['AGENTDESKTOP']['TAB'].Badge(count)
+            break;
+          }
+        }
+      }
+    })
+  };
+
+  script.onerror = (error) => {
+    console.error('Errore nel caricamento AgentDesktop SDK', error);
+  };
+
+
+  
+
+  
+
+  if (document.body) {
+    document.body.appendChild(script);
+  } else {
+    window.addEventListener('DOMContentLoaded', function() {
+      document.body.appendChild(script);
+    });
+  }
+}
+
+loadAgentDesktopScript();