@chat21/chat21-web-widget 5.0.48-rc.2 → 5.0.48-rc.3

package/package.json

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

package/src/app/app.component.ts

@@ -147,7 +147,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                     return;
                 }
 
-                if(conversation.sender !== this.g.senderId && !isInfo(conversation)){
+                if(conversation.is_new && conversation.sender !== this.g.senderId && !isInfo(conversation)){
                     that.manageTabNotification();
                 }
 
@@ -1422,6 +1422,13 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                 });
             };
 
+            /** set state reinit */
+            windowContext['tiledesk'].startConversation = function () {
+                ngZone.run(() => {
+                    windowContext['tiledesk']['angularcomponent'].component.onNewConversation();
+                });
+            };
+
             /** set state reinit */
             windowContext['tiledesk'].reInit = function () {
                 ngZone.run(() => {

package/src/app/component/conversation-detail/conversation/conversation.component.ts

@@ -8,7 +8,6 @@ import { Subscription } from 'rxjs';
 
 import {
   CHANNEL_TYPE_DIRECT, CHANNEL_TYPE_GROUP, TYPE_MSG_TEXT,
-  MSG_STATUS_SENT, MSG_STATUS_RETURN_RECEIPT, MSG_STATUS_SENT_SERVER,
   UID_SUPPORT_GROUP_MESSAGES
 } from 'src/app/utils/constants';
 
@@ -46,6 +45,7 @@ import { StarRatingWidgetService } from 'src/app/providers/star-rating-widget.se
 import { TiledeskRequestsService } from 'src/chat21-core/providers/tiledesk/tiledesk-requests.service';
 import moment from 'moment';
 import { isUserBanned } from 'src/chat21-core/utils/utils-message';
+import { LIVE_PAGE } from 'src/chat21-core/utils/constants';
 // import { TranslateService } from '@ngx-translate/core';
 
 @Component({
@@ -254,6 +254,7 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
       'INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU',
       'INFO_SUPPORT_LEAD_UPDATED',
       'INFO_SUPPORT_MEMBER_LEFT_GROUP',
+      'INFO_SUPPORT_LIVE_PAGE',
       'LABEL_TODAY',
       'LABEL_TOMORROW',
       'LABEL_LOADING',
@@ -577,7 +578,7 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
       
       /* SEND FIRST MESSAGE if preChatForm has 'firstMessage' key */ 
       this.sendFirstMessagePreChatForm()
-      
+
       this.logger.debug('[CONV-COMP] DETTAGLIO CONV - messages **************', this.messages);
       this.chatManager.addConversationHandler(this.conversationHandlerService);
 
@@ -626,6 +627,23 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
     }, 1000);
   }
 
+  /**
+   * allow widget to send Live info about the current page where the user is located (sourcePage and sourceTitle)
+   *  NOT IN USE
+   */
+  sendLivePage(){
+    setTimeout(() => {
+      const message= 'Moved to: ' + this.g.attributes.sourcePage
+      const attributes={
+        subtype: 'info/support',
+        messagelabel: {key: LIVE_PAGE}
+      }
+      this.logger.debug('[CONV-COMP] sendLivePage --> attributes+message', attributes, message)
+      this.conversationFooter.sendMessage(message, TYPE_MSG_TEXT, null, attributes);
+    }, 1000);
+    
+  }
+
 
   initializeTyping() {
     this.logger.debug('[CONV-COMP] membersconversation', this.membersConversation)
@@ -902,6 +920,8 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
     this.appStorageService.setItem('attributes', JSON.stringify(this.g.attributes));
   }
 
+  
+
  scrollToBottom() {
   this.conversationContent.scrollToBottom();
   // const that = this;

package/src/assets/twp/index-dev.html

@@ -1549,6 +1549,7 @@
                         <button class="btn btn-light" onclick="onClickTestButton('close')">Close <em class="fa fa-arrow-down"></em></button>
                         <button class="btn btn-light" onclick="onClickTestButton('hide')">Hide</button>
                         <button class="btn btn-light" onclick="onClickTestButton('show')">Show</button>
+                        <button class="btn btn-light" onclick="onClickTestButton('startConversation')">Start Conversation</button>
                         <button class="btn btn-light" onclick="onClickTestButton('dispose')">Dispose</button>
                         <button class="btn btn-light" onclick="onClickTestButton('showCallout')">Show callout</button>
                         <button class="btn btn-light" onclick="onClickTestButton('reInit')">ReInit</button>

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

@@ -1,4 +1,4 @@
-import { MEMBER_LEFT_GROUP, TOUCHING_OPERATOR } from './../../utils/constants';
+import { LIVE_PAGE, MEMBER_LEFT_GROUP, TOUCHING_OPERATOR } from './../../utils/constants';
 import { CustomLogger } from './../logger/customLogger';
 
 import { Inject, Injectable, Optional } from '@angular/core';
@@ -372,6 +372,7 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
         const INFO_SUPPORT_LEAD_UPDATED = this.translationMap.get('INFO_SUPPORT_LEAD_UPDATED');
         const INFO_SUPPORT_MEMBER_LEFT_GROUP = this.translationMap.get('INFO_SUPPORT_MEMBER_LEFT_GROUP');
         const INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU = this.translationMap.get('INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU');
+        const INFO_SUPPORT_LIVE_PAGE = this.translationMap.get('INFO_SUPPORT_LIVE_PAGE');
 
         if (message.attributes.messagelabel
             && message.attributes.messagelabel.parameters
@@ -413,13 +414,19 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
         } else if ((message.attributes.messagelabel && message.attributes.messagelabel.key === LEAD_UPDATED)) {
             message.text = INFO_SUPPORT_LEAD_UPDATED;
         } else if ((message.attributes.messagelabel && message.attributes.messagelabel.key === MEMBER_LEFT_GROUP)) {
-            let subject: string;
+            let subject: string = '';
             if (message.attributes.messagelabel.parameters.fullname) {
                 subject = message.attributes.messagelabel.parameters.fullname;
             }else{
                 subject = message.attributes.messagelabel.parameters.member_id;
             }
             message.text = subject + ' ' +  INFO_SUPPORT_MEMBER_LEFT_GROUP ;
+        }else if(message.attributes.messagelabel && message.attributes.messagelabel.key === LIVE_PAGE){
+            let sourceUrl: string = '';
+            if(message.attributes && message.attributes.sourcePage){
+                sourceUrl = message.attributes.sourcePage
+            }
+            message.text= INFO_SUPPORT_LIVE_PAGE + ' ' + sourceUrl
         }
     }
 

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

@@ -156,7 +156,7 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
                 this.changed(conversation);
             }
             else {
-                this.logger.log('[MQTTConversationsHandler]Added conv -> Added!')
+                this.logger.log('[MQTTConversationsHandler] Added conv -> Added!')
                 this.added(conversation);
             }
         });
@@ -269,10 +269,12 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
             conversation.conversation_with = conversation.conversWith // conversWith comes from remote
         }
         const index = searchIndexInArrayForUid(this.conversations, conversation.conversation_with);
+        const oldConversation = this.conversations[index]
         if (index > -1) {
             this.updateConversationWithSnapshot(this.conversations[index], conversation);
             this.logger.debug('[MQTTConversationsHandler] conversationchanged.isnew', JSON.stringify(conversation))
             this.conversationChanged.next(this.conversations[index]);
+            this.conversationChangedDetailed.next({value: this.conversations[index], previousValue: oldConversation})
             this.conversations.splice(index, 1, this.conversations[index])
             this.conversations.sort(compareValues('timestamp', 'desc'));
         }

package/src/chat21-core/utils/constants.ts

@@ -65,6 +65,7 @@ export const MEMBER_JOINED_GROUP = 'MEMBER_JOINED_GROUP';
 export const MEMBER_LEFT_GROUP = "MEMBER_LEFT_GROUP"
 export const LEAD_UPDATED = "LEAD_UPDATED";
 export const TOUCHING_OPERATOR = "TOUCHING_OPERATOR";
+export const LIVE_PAGE = "LIVE_PAGE"
 
 // URLS
 // export const URL_SOUND = 'assets/sounds/pling.mp3';

package/src/environments/real_data/widget-config-native-prod.json

@@ -19,7 +19,7 @@
         "appId": "tilechat",
         "MQTTendpoint": "wss://eu.rtmv3.tiledesk.com/mqws/ws",
         "APIendpoint": "https://eu.rtmv3.tiledesk.com/chatapi/api",
-        "_log": true
+        "log": true
     },
     "apiUrl": "https://api.tiledesk.com/v3/",
     "baseImageUrl": "https://eu.rtmv3.tiledesk.com/api/",