@chat21/chat21-web-widget 5.0.57-rc.2 → 5.0.57-rc.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.57-rc.4
+- changed: set calloutStatus to false as default value
+
+### 5.0.57-rc.3
+- changed: tiledesk logo during conversation
+- changed: show entire text of buttons
+- bug-fixed: window.location is undefined in chat21client.js
+
 ### 5.0.57-rc.2
 - changed: tiledesk logo during conversation
 - removed: image loader wrapper

package/package.json

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

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

@@ -45,7 +45,7 @@
     
     <!-- CONTENT -->
     <chat-conversation-content
-        [class.hideTextReply]="!hideFooterTextReply"
+        [class.hideTextReply]="hideFooterTextReply && g?.poweredBy"
         [messages]="messages"
         [senderId]="senderId"
         [baseLocation]="g?.windowContext['tiledesk']?.getBaseLocation()"

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

@@ -11,7 +11,7 @@
 
 :host chat-conversation-content.hideTextReply ::ng-deep .chat21-sheet-content{
 
-    bottom: calc(var(--chat-footer-logo-height) + var(--chat-footer-height)) !important
+    bottom: var(--chat-footer-height) !important
 }
 
 // ============= CSS #chat21-conversation-component ================= //

package/src/app/component/conversation-detail/conversation-content/conversation-content.component.scss

@@ -66,7 +66,7 @@
                 top: 0;
                 right: 0;
                 left: 0;
-                bottom: var(--chat-footer-height); //43px;
+                bottom: calc(var(--chat-footer-logo-height) + var(--chat-footer-height));
                 overflow: hidden;
                 .time{
                     margin-bottom: 20px;

package/src/app/component/conversation-detail/conversation-footer/conversation-footer.component.html

@@ -1,5 +1,5 @@
 <!-- LOGO-->
-<div id="hiddenFooter" *ngIf="!hideTextAreaContent" class="fade-in-bottom" 
+<div id="hiddenFooter" *ngIf="!hideTextAreaContent && poweredBy" class="fade-in-bottom" 
     [class.hideTextReply]="hideTextReply">
     <div tabindex="-1" class="c21-powered-by" [innerHTML]="poweredBy"></div>
 </div>

package/src/app/component/conversation-detail/conversation-footer/conversation-footer.component.scss

@@ -253,15 +253,11 @@ textarea:active{
     align-items: center;
     justify-content: center;
     // position: absolute;
-    box-shadow: inset 0px -22px 16px -15px rgba(0,0,0,0.1);
+    // box-shadow: inset 0px -22px 16px -15px rgba(0,0,0,0.1);
     &.hideTextReply{
         height: var(--chat-footer-height);
         position: unset;
         box-shadow: none;
-        .c21-powered-by{
-            background-color: var(--chat-footer-background-color);
-            
-        }
     }
     .c21-powered-by {
         // height: 40px;

package/src/app/component/message/buttons/action-button/action-button.component.scss

@@ -24,7 +24,8 @@
     font-size: var(--buttonFontSize);
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
-    white-space: nowrap;
+    // white-space: nowrap;
+    word-wrap: break-word;
     letter-spacing: -0.24px;
     -webkit-font-smoothing: antialiased;
     color: var(--textColor);

package/src/app/component/message/buttons/text-button/text-button.component.scss

@@ -26,7 +26,8 @@
     font-size: var(--buttonFontSize);
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
-    white-space: nowrap;
+    // white-space: nowrap;
+    word-wrap: break-word;
     letter-spacing: -0.24px;
     -webkit-font-smoothing: antialiased;
     color: var(--textColor); //$blue

package/src/app/utils/globals.ts

@@ -266,7 +266,7 @@ export class Globals {
     /** title box callout */
     this.calloutMsg = '';
     /** stato callout (shown only first time) */
-    this.calloutStaus = true;
+    this.calloutStaus = false;
     /** message box callout */
     this.userFullname = '';
     /** userFullname: Current user fullname. Set this parameter to specify

package/src/assets/js/chat21client.js

@@ -24,12 +24,13 @@ class Chat21Client {
         this.reconnections = 0 // just to check how many reconnections
         this.client_id = this.uuidv4();
         this.log = options.log ? true : false;
+       
         if (options && options.MQTTendpoint) {
             if (options.MQTTendpoint.startsWith('/')) {
                 if (this.log) {
                     console.log("MQTTendpoint relative url");
                 }
-                var loc = window.location, new_uri;
+                var loc = window.parent.location, new_uri;
                 if (loc.protocol === "https:") {
                     // new_uri = "wss:";
                     new_uri = "mqtt:";
@@ -41,6 +42,7 @@ class Chat21Client {
                 new_uri += "//" + loc.host;
                 // new_uri += loc.pathname + "/to/ws";
                 new_uri += options.MQTTendpoint;
+                console.log('new_uriiiiiii', new_uri, loc, document.location, window.parent)
                 this.endpoint = new_uri
             } else {
                 this.endpoint = options.MQTTendpoint
@@ -987,6 +989,7 @@ class Chat21Client {
         }
         if (this.log) {console.log("starting mqtt connection with LWT on:", this.presence_topic, this.endpoint)}
         // client = mqtt.connect('mqtt://127.0.0.1:15675/ws',options)
+        console.log("starting mqtt connection with LWT on:", this.presence_topic, this.endpoint)
         this.client = mqtt.connect(this.endpoint,options)
         
         this.client.on('connect', // TODO if token is wrong it must reply with an error!

package/src/chat21-core/providers/mqtt/chat-service.ts

@@ -43,6 +43,7 @@ export class Chat21Service {
     }
     if (!this.chatClient) {
       // const { Chat21Client} = await import("../../../assets/js/chat21client");
+      
       this.chatClient = new Chat21Client(this._config);
     } else {
       console.log("Did you try again to create a Chat21Client istance?");