@chat21/chat21-web-widget 5.0.53-rc.4 → 5.0.53-rc.6

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.53-rc.6
+- changed: removed wait object from Rule model
+- bug-fixed: splitted message lose original parent message attributes
+- bug-fixed: preChat form element UI padding
+
+### 5.0.53-rc.5
+- changed: minor improvements for last-message component UI
+- changed: last-message UI for long text message and long attachment buttons
+- removed: automatic open widget after 3s on index.html
+- bug-fixed: on click over callout not opens widget correctly if singleConversation is active                                                                     
+
 ### 5.0.53-rc.4
 - added: proactive rules from /widget/botsRules
 - added: imHere method for presence service
@@ -15,6 +26,8 @@
 - bug-fixed: location.href and document.title is wrong (about:srcdoc)
 - bug-fixed: wait 2s before publish ImHere event to MQTT presence
 
+### 5.0.53 in PROD
+
 ### 5.0.53-rc.3
 - added: html descriptions to index.html and index-dev.html
 - changed: script tag for style.css to link tag with rel="stylesheet"

package/package.json

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

package/src/app/app.component.html

@@ -115,7 +115,7 @@
   *******************************************
   tabindex -> 20 -->
   <chat-eyeeye-catcher-card *ngIf="g.senderId"
-    (onOpenChat)="onOpenChatEyeEyeCatcherCard()"
+    (onOpenChat)="onOpenCloseWidget($event)"
     (onCloseEyeCatcherCard)="onCloseEyeCatcherCard($event)">
   </chat-eyeeye-catcher-card> 
 

package/src/app/component/form/inputs/form-text/form-text.component.scss

@@ -86,6 +86,8 @@ input[type='text'].errors{
   position: relative;
   padding-bottom: 0px; //7px;
   margin: 35px 0px 0px; //27px 0 0;
+  display: flex;
+  width: 100%;
 }
 .form-group label.control-label {
   font-size: 11px;
@@ -107,7 +109,7 @@ input {
   border-radius: $chat-footer-border-radius;
   font-weight: 400;
   height: 48px;
-  padding: 16px;
+  padding: 0px 16px;
   font-size: 14px;
   line-height: 1.42857143;
   display: block;

package/src/app/component/form/inputs/form-textarea/form-textarea.component.scss

@@ -103,7 +103,7 @@ textarea {
     border-radius: $chat-footer-border-radius;
     font-weight: 400;
     // height: 36px;
-    padding: 16px;
+    padding: 0px 16px;
     font-size: 14px;
     line-height: 1.42857143;
     display: block;

package/src/app/component/last-message/last-message.component.scss

@@ -46,7 +46,7 @@
     position: fixed;
     // right: 5px;
     bottom: 90px;
-    max-height: calc(100% - 75px);
+    // max-height: calc(100% - 75px);
     width: 375px;
     max-width: 100%;
 }
@@ -64,11 +64,30 @@
     border-radius: $border-radius-bubble-message;
     padding: 0;
     word-wrap: break-word;
+
+    max-height: 160px;
+    display: flex;
+    overflow-y: auto;
     // padding: 14px;
     // padding: 6px 6px 6px 6px;
     // box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     // -webkit-animation: heartbeat 1.5s ease-in-out both;
     // animation: heartbeat 1.5s ease-in-out both;   
+    &::-webkit-scrollbar {
+        width: 6px;
+        background-color: #00000000!important;
+    } 
+
+    &:hover {
+        &::-webkit-scrollbar-track {
+            background-color: #f9f9f9 !important;
+        }
+        
+        &::-webkit-scrollbar-thumb {
+            background: #777777; 
+        }
+
+    }
 }
 
 .no-background{
@@ -93,6 +112,7 @@
     box-shadow: rgba(0, 18, 46, 0.16) 0px 8px 12px 0px;
     clear: both;
     margin-left: 45px;
+    margin-right: 16px;
     margin-bottom: 8px;
     border-radius: 12px 12px 12px 0px;
     padding: 5px;
@@ -205,6 +225,7 @@
 }
 
 .headerPreviewMessage {
+    margin-right: 16px;
     position: relative;
     height: 40;// height: 50;
     margin: 10px 0px 0px 50px;

package/src/app/utils/rules.ts

@@ -53,7 +53,6 @@ export class Rules {
     private doAction(action: Rule['do']){
         this.logger.info('[RULES] doAction', this.currentUser, action)
         let message = action.filter(obj => Object.keys(obj).includes('message'))
-        let wait = action.filter(obj => Object.keys(obj).includes('wait'))
         if(message && message.length>0){
             message[0]['message'].attributes = { ...this.g.attributes, ...message[0]['message'].attributes}
             message[0]['message'].userAgent = this.g.attributes['client']
@@ -62,10 +61,7 @@ export class Rules {
             message[0]['message'].language = this.g.lang
             message[0]['message'].departmentid = this.g.attributes.departmentId
             console.log('message[0]', message[0]['message'])
-            setTimeout(() => {
-                this.tiledeskRequestsService.sendMessageToRequest(this.request_id, this.tiledeskToken, message[0]['message']) 
-                console.log('rulessss', this.appStorageService.getItem('_botsRules'))
-            }, wait[0]['wait']);
+            this.tiledeskRequestsService.sendMessageToRequest(this.request_id, this.tiledeskToken, message[0]['message'])
         }
     }
 

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

@@ -437,7 +437,7 @@
                     
                     var enbedJs = event_data.detail.appConfigs.enbedJs? event_data.detail.appConfigs.enbedJs : false;
                     document.getElementById("enbed").style.display = enbedJs? "inline-block": "none";
-                    document.getElementById("base_url").innerHTML = enbedJs ? baseUrl + '/launch.js': null;
+                    document.getElementById("base_url").innerHTML = enbedJs ? window.tiledesk.getBaseLocation() + '/launch.js': null;
                     
                     baseUrlConsole = event_data.detail.appConfigs.dashboardUrl? event_data.detail.appConfigs.dashboardUrl : baseUrlConsole;
                 }

package/src/assets/twp/index.html

@@ -282,7 +282,7 @@
                     
                     var enbedJs = event_data.detail.appConfigs.enbedJs? event_data.detail.appConfigs.enbedJs : false;
                     document.getElementById("enbed").style.display = enbedJs? "inline-block": "none";
-                    document.getElementById("base_url").innerHTML = enbedJs ? baseUrl + '/launch.js': null;
+                    document.getElementById("base_url").innerHTML = enbedJs ? window.tiledesk.getBaseLocation() + '/launch.js': null;
                     
                     baseUrlConsole = event_data.detail.appConfigs.dashboardUrl? event_data.detail.appConfigs.dashboardUrl : baseUrlConsole;
                 }
@@ -296,11 +296,11 @@
                 document.getElementById("preloader").style.display = "none";
             }, 1000);
             //open widget after 3s if is closed
-            setTimeout(() => {
-                if(event_data && event_data.detail && event_data.detail.global && !event_data.detail.global.isOpen){
-                    window.Tiledesk('open')
-                }
-            }, 3000);
+            // setTimeout(() => {
+            //     if(event_data && event_data.detail && event_data.detail.global && !event_data.detail.global.isOpen){
+            //         window.Tiledesk('open')
+            //     }
+            // }, 3000);
         });
 
         window.Tiledesk('onAuthStateChanged', function(event_data) {

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

@@ -534,6 +534,7 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
         command_message.isSender = message.isSender;
         command_message.attributes? command_message.attributes.commands = true : command_message.attributes = {commands : true}
         command_message.attributes.parentUid = parentUid //added to manage message STATUS UPDATES
+        command_message.attributes = {...message.attributes, ...command_message.attributes}
         this.addedNew(command_message)
         callback();
     }

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

@@ -502,6 +502,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         command_message.isSender = message.isSender;
         command_message.attributes? command_message.attributes.commands = true : command_message.attributes = {commands : true}
         command_message.attributes.parentUid = parentUid //added to manage message STATUS UPDATES
+        command_message.attributes = {...message.attributes, ...command_message.attributes}
         this.addedMessage(command_message)
         callback();
     }

package/src/iframe-style.css

@@ -70,7 +70,7 @@
 }
 #tiledesk-container.closed #tiledeskdiv.messagePreview {
     width: 375px; /*340px*/
-    height: 400px; /*300px*/
+    height: 440px; /*300px*/
     min-width: 340px;
 }
 

package/src/models/rule.ts

@@ -10,9 +10,10 @@ export interface Rule {
         regexOption: string,
         text: string, 
         urlMatches: string, 
-        triggerEvery: number},
+        triggerEvery: number
+    },
     do: [
-        {wait: number},
+        // {wait: number},
         {message: any}
     ]
 }