@chat21/chat21-web-widget 5.0.51-rc.2 → 5.0.52-rc.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.51-rc.2",
+  "version": "5.0.52-rc.1",
   "license": "MIT License",
   "homepage": "https://www.tiledesk.com",
   "repository": {

package/src/assets/twp/chatbot-panel.html

@@ -108,6 +108,7 @@
             background-position: inherit;
             background-attachment: fixed;
             background-size: cover;
+            opacity: 0.4;
         }
 
         .row {

package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts

@@ -101,12 +101,13 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         }
         this.chat21Service.chatClient.lastMessages(this.conversationWith, (err, messages) => {
             if (!err) {
+                this.logger.log('[MQTTConversationHandlerSERVICE] message lastMessages:', messages);
                 messages.forEach(message => {
                     // this.addedMessage(msg);
                     const msg: MessageModel = message;        
                     msg.uid = message.message_id;
-                    if (msg.attributes && msg.attributes.commands) {
-                        // this.logger.debug('[MQTTConversationHandlerSERVICE] splitted message::::', msg)
+                    if (msg.attributes && msg.attributes.commands ) {
+                        this.logger.debug('[MQTTConversationHandlerSERVICE] splitted message::::', this.messages)
                         this.addCommandMessage(msg)
                     } else {
                         // this.logger.debug('[MQTTConversationHandlerSERVICE] NOT splitted message::::', msg)
@@ -117,11 +118,16 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         });
         const handler_message_added = this.chat21Service.chatClient.onMessageAddedInConversation(
             this.conversationWith, (message, topic) => {
-                this.logger.log('[MQTTConversationHandlerSERVICE] message added:', message, 'on topic:', topic);
+                this.logger.log('[MQTTConversationHandlerSERVICE] message added:', message, 'on topic:', topic, this.messages);
                 // this.addedMessage(msg);
                 const msg: MessageModel = message;        
                 msg.uid = message.message_id;
 
+                //escape command message is already is in list checking by parendUid 
+                if(this.messages.filter(message=> message.attributes['parentUid'] === msg.uid).length > 0){
+                    return;
+                }
+                
                 if (msg.attributes && msg.attributes.commands) {
                     this.logger.debug('[MQTTConversationHandlerSERVICE] splitted message::::', msg)
                     this.addCommandMessage(msg)
@@ -133,7 +139,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         const handler_message_updated = this.chat21Service.chatClient.onMessageUpdatedInConversation(
             this.conversationWith,  (message, topic) => {
             this.logger.log('[MQTTConversationHandlerSERVICE] message updated:', message, 'on topic:', topic);
-            this.updatedMessageStatus(message);
+            this.changed(message);
         });
     }
 
@@ -225,7 +231,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
     /** */
     private addedMessage(messageSnapshot: MessageModel) {
         const msg = this.messageGenerate(messageSnapshot);
-        
+        console.log('messageeee', msg)
         let isInfoMessage = messageType(MESSAGE_TYPE_INFO, msg)
         if(isInfoMessage){
             this.messageInfo.next(msg)
@@ -253,7 +259,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
 
 
     /** */
-    private updatedMessageStatus(patch: any) {
+    private changed(patch: any) {
         if(messageType(MESSAGE_TYPE_INFO, patch) ){
             return;
         }
@@ -400,18 +406,13 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         this.logger.log('[MQTTConversationHandlerSERVICE] updateMessageStatusReceived', msg);
         if (msg['status'] < MSG_STATUS_RECEIVED) {
             this.logger.log('[MQTTConversationHandlerSERVICE] status ', msg['status'], ' < (RECEIVED:200)', MSG_STATUS_RECEIVED);
+            let uid = msg.uid
+            msg.attributes.commands? uid = msg.attributes.parentUid: null 
             if (msg.sender !== this.loggedUser.uid && msg.status < MSG_STATUS_RECEIVED) {
                 this.logger.log('[MQTTConversationHandlerSERVICE] updating message with status received');
-                this.chat21Service.chatClient.updateMessageStatus(msg.message_id, this.conversationWith, MSG_STATUS_RECEIVED, null);
+                this.chat21Service.chatClient.updateMessageStatus(uid, this.conversationWith, MSG_STATUS_RECEIVED, null);
             }
         }
-        // if (msg.status < MSG_STATUS_RECEIVED) {
-        //     if (msg.sender !== this.loggedUser.uid && msg.status < MSG_STATUS_RECEIVED) {
-        //     const urlNodeMessagesUpdate  = this.urlNodeFirebase + '/' + msg.uid;
-        //     this.logger.log('AGGIORNO STATO MESSAGGIO', urlNodeMessagesUpdate);
-        //     firebase.database().ref(urlNodeMessagesUpdate).update({ status: MSG_STATUS_RECEIVED });
-        //     }
-        // }
     }
 
     /**

package/src/launch.js

@@ -161,14 +161,73 @@ function loadIframe(tiledeskScriptBaseLocation) {
     }); 
     /**** END EVENST ****/
 
-    // ifrm.srcdoc = srcTileDesk
     iDiv.appendChild(ifrm);
+
+    // buildIframeDOM(ifrm)
+    // ifrm.contentWindow.document.open();
+    // ifrm.document.srcdoc = srcTileDesk;
+    // ifrm.srcdoc = srcTileDesk
     ifrm.contentWindow.document.open();
     ifrm.contentWindow.document.write(srcTileDesk);
     ifrm.contentWindow.document.close();
 
 }
 
+function buildIframeDOM(iframe){
+
+  var meta = document.createElement('meta');
+  meta.setAttribute('charset', 'utf-8')
+  var meta_2 = document.createElement('meta')
+  meta_2.setAttribute('name', 'viewport')
+  meta_2.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0')
+  var title = document.createElement('title')
+  title.title = 'Tilechat Widget'
+  var base = document.createElement('base')
+  base.setAttribute('href', './')
+  var link_1 = document.createElement('link')
+  link_1.setAttribute('rel', 'icon')
+  link_1.setAttribute('type', 'image/x-icon')
+  link_1.setAttribute('href', 'favicon.ico')
+  var link_2 = document.createElement('link')
+  link_2.setAttribute('rel', 'stylesheet')
+  link_2.setAttribute('type', 'text/css')
+  link_2.setAttribute('href', tiledeskScriptBaseLocation + '/assets/styles/tiledesk_v1.scss')
+  link_2.setAttribute('media','all')
+
+  
+  let head = iframe.contentWindow.document.getElementsByTagName('head')[0]
+  head.appendChild(meta)
+  head.appendChild(meta_2)
+  head.appendChild(title)
+  head.appendChild(base)
+  head.appendChild(link_1)
+  head.appendChild(link_2)
+
+  var script_1 = document.createElement('script')
+  script_1.setAttribute('type','text/javascript')
+  script_1.setAttribute('src',tiledeskScriptBaseLocation + '/runtime.js')
+  var script_2 = document.createElement('script')
+  script_2.setAttribute('type','text/javascript')
+  script_2.setAttribute('src',tiledeskScriptBaseLocation + '/polyfills.js')
+  var script_3 = document.createElement('script')
+  script_3.setAttribute('type','text/javascript')
+  script_3.setAttribute('src',tiledeskScriptBaseLocation + '/styles.css')
+  var script_4 = document.createElement('script')
+  script_4.setAttribute('type','text/javascript')
+  script_4.setAttribute('src',tiledeskScriptBaseLocation + '/vendor.js')
+  var script_5 = document.createElement('script')
+  script_5.setAttribute('type','text/javascript')
+  script_5.setAttribute('src',tiledeskScriptBaseLocation + '/main.js')
+
+  let body= iframe.contentWindow.document.getElementsByTagName('body')[0]
+  body.appendChild(document.createElement('chat-root'))
+  body.appendChild(script_1)
+  body.appendChild(script_2)
+  body.appendChild(script_3)
+  body.appendChild(script_4)
+  body.appendChild(script_5)
+}
+
 
 function initAysncEvents() {
   console.log('INIT ASYNC EVENTS')