@chat21/chat21-web-widget 5.0.64 → 5.0.65-rc.1

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.65-rc.1
+- added: disconnectTime tiledesk property to manage the time before disconnecting from messaging system if no interaction is fired while the widget is in closed status
+- bug-fixed: numbered list reduce the font-size of the bubble-message
+- bug-fixed: init() method of conversationHandler.service is not called after a refresh page
+
 ### 5.0.64 in PROD
 - removed: LWT e imHere() for presence management
 - removed: tooltip lib

package/package.json

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

package/src/app/app.component.ts

@@ -409,7 +409,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                 }
 
                 //if widget is closed subscribe to 'click' event and set a 60sec timer to disconnect if handler isn't fired
-                if(!this.g.isOpen){
+                if(!this.g.isOpen && this.g.disconnetTime > 0){
                     that.listenToWidgetClick()
                 }
 
@@ -2100,7 +2100,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
             //disconnect 
             this.forceDisconnect = true
             this.messagingAuthService.logout()
-        }, 60*1000);
+        }, this.g.disconnetTime * 1000);
         window.addEventListener("click", function(){
             console.log('[FORCE] <<INTERACTION>> within 1 minute')
             clearTimeout(clickTimeout)

package/src/app/component/message/text/text.component.scss

@@ -35,4 +35,16 @@ p ::ng-deep a {
 p ::ng-deep p{
     margin-block-end: 0em;
     margin-block-start: 0em
+}
+
+p ::ng-deep ol{
+    margin-block-end: 0em;
+    margin-block-start: 0em;
+    padding-inline-start: 15px;
+    
+    li:before {
+        content:"";
+        font-size: 1.4em;
+        vertical-align:middle;
+    }
 }

package/src/app/providers/global-settings.service.ts

@@ -1018,7 +1018,12 @@ export class GlobalSettingsService {
         // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > telegramUsername:: ', TEMP]);
         if (TEMP !== undefined) {
             globals.fileUploadAccept = TEMP;
-        }      
+        } 
+        TEMP = tiledeskSettings['disconnetTime'];
+        // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > disconnetTime:: ', TEMP]);
+        if (TEMP !== undefined) {
+            globals.disconnetTime = +TEMP;
+        }     
     }
 
     /**
@@ -1285,6 +1290,11 @@ export class GlobalSettingsService {
         if (TEMP !== null) {
             this.globals.fileUploadAccept = TEMP;
         }
+        TEMP = el.nativeElement.getAttribute('disconnetTime');
+        if (TEMP !== null) {
+            this.globals.disconnetTime = +TEMP;
+        }
+        
         
     }
 
@@ -1727,6 +1737,12 @@ export class GlobalSettingsService {
         if (TEMP) {
             globals.fileUploadAccept = TEMP;
         }
+
+        TEMP = getParameterByName(windowContext, 'tiledesk_disconnetTime');
+        if (TEMP) {
+            globals.disconnetTime = +TEMP;
+        }
+        
     }
 
     /**

package/src/app/utils/globals.ts

@@ -212,6 +212,7 @@ export class Globals {
    messangerPageTitle: string; // *******  new ********
    telegramUsername: string; // *******  new ********
    fileUploadAccept: string; // *******  new ********
+   disconnetTime: number; // *******  new ********
   constructor(
   ) { }
 
@@ -387,6 +388,8 @@ export class Globals {
     this.telegramUsername = ''
     /**enable user to set a telegram number to chat with */
     this.fileUploadAccept = "image/*,.pdf,.txt"
+    /**enable auto disconnect from messaging after a defined amount of time (s)*/
+    this.disconnetTime = 10
 
     this.showWaitTime = true;
 

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

@@ -708,6 +708,19 @@
             }
             return true;
         }
+
+        function onClickDisconnectTime(){
+            let status = document.querySelector('input[name="disconnetTime"]:checked');
+            let value;
+            status? value = status.value : '';
+            if(!value){
+                value = document.getElementById('disconnetTimeText').value;
+            }
+            !value? value = -1 : '';
+            window.tiledeskSettings['disconnetTime'] = +value
+            console.log('onClickDisconnectTime: status-->',window.tiledeskSettings);
+            window.Tiledesk('restart')
+        }
     
         function onClickStartFromHome(){
             let status = document.querySelector('input[name="startFromHome"]:checked').value
@@ -1627,6 +1640,19 @@
                     <div class="row section c21-parameters">
                         <div><h3 style="line-height: 0.3;">MANAGE <em><strong>widget settings</strong></em></h3></div>
                         <div>Select an option for Tiledesk settings parameter</div>
+                        <div class="row">
+                            <div class="col-md-5 formElement"><span><em><strong>disconnectTime</strong></em></span></div>
+                            <div class="col-md-5">
+                                <input class="form-check-input" type="radio" name="disconnectTime" value="-1"><label class="form-check-label" for="preChatForm">-1(disabled)</label>
+                                <div class="formElement" >
+                                    <div class="col-form-label" style="width: 90px">Time (s):</div>
+                                    <input class="form-control col-sm-2" type="text" id="disconnectTimeText" name="disconnectTime" placeholder="Ex. 10">
+                                </div>
+                            </div>
+                            <div class="col-md-2">
+                                <button class="btn btn-light" onclick="onClickDisconnectTime()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
+                            </div>
+                        </div>
                         <div class="row">
                             <div class="col-md-5 formElement"><span><em><strong>startFromHome</strong></em></span></div>
                             <div class="col-md-5">

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

@@ -1,3 +1,4 @@
+import { async } from '@angular/core/testing';
 import { LIVE_PAGE, TOUCHING_OPERATOR } from './../../utils/constants';
 import { Inject, Injectable } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
@@ -85,6 +86,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         this.messages = [];
         this.showInfoMessage = showInfoMessage;
         // this.attributes = this.setAttributes();
+        return;
     }
 
     /**
@@ -103,9 +105,9 @@ export class MQTTConversationHandler extends ConversationHandlerService {
             if (!err) {
                 this.logger.log('[MQTTConversationHandlerSERVICE] message lastMessages:', messages);
                 messages.sort(compareValues('timestamp', 'asc'));
-                messages.forEach((message) => {
+                messages.forEach(async (message) => {
                     // this.addedMessage(msg);
-                    const msg: MessageModel = message;        
+                    const msg: MessageModel = message;
                     msg.uid = message.message_id;
 
                     //escape command message is already in list checking by parendUid 
@@ -113,7 +115,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                         return;
                     }
 
-                    if (msg.attributes && msg.attributes.commands ) {
+                    if (msg.attributes && msg.attributes.commands && msg.attributes.commands.lenght > 0 ) {
                         this.logger.debug('[MQTTConversationHandlerSERVICE] splitted message::::', this.messages, msg)
                         this.addCommandMessage(msg)
                     } else {
@@ -141,7 +143,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                 //     return;
                 // }
                 
-                if (msg.attributes && msg.attributes.commands) {
+                if (msg.attributes && msg.attributes.commands && msg.attributes.commands.lenght > 0) {
                     this.logger.debug('[MQTTConversationHandlerSERVICE] splitted message::::', msg)
                     this.addCommandMessage(msg)
                 } else {