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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # chat21-web-widget ver 5.0
 
+### 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 +21,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.5",
   "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;

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/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/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,7 +10,8 @@ export interface Rule {
         regexOption: string,
         text: string, 
         urlMatches: string, 
-        triggerEvery: number},
+        triggerEvery: number
+    },
     do: [
         {wait: number},
         {message: any}