@chat21/chat21-web-widget 5.0.72-rc.1 → 5.0.72-rc.3

package/CHANGELOG.md

@@ -1,8 +1,21 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.72-rc.3
+- changed: API_URL template key in favour of SERVER_BASE_URL
+
+### 5.0.71.5 in PROD
+
+### 5.0.71.4 in PROD
+
+### 5.0.72-rc.2
+- bug-fixed: update attributes after setAttributeParameter external function is called
+
 ### 5.0.72-rc.1
 - changed: set retain option in mqtt connection as FALSE
 
+### 5.0.71.3 in PROD
+- bug-fixed: removed img filter from home footer section
+
 ### 5.0.71.2 in PROD
 - bug-fixing: widget do not restart conversation in chatbot-panel.html file
 

package/package.json

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

package/src/app/app.component.ts

@@ -744,7 +744,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                 attributes = {};
             }
         }
-        // this.g.wdLog(['attributes: ', attributes, this.g.attributes]);
+        // console.log('attributes: ', attributes, this.g.attributes);
         // that.g.wdLog(['CLIENT_BROWSER: ', CLIENT_BROWSER);
         if (CLIENT_BROWSER) {
             attributes['client'] = CLIENT_BROWSER;
@@ -776,6 +776,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         try {
             // attributes['payload'] = this.g.customAttributes.payload;
             attributes['payload'] = []
+
             if (this.g.customAttributes) {
                 attributes['payload'] = this.g.customAttributes;
             }
@@ -1174,6 +1175,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
 
     private setAttributeParameter(parameterObj: {key: string, value: any}){
         this.g.setAttributeParameter(parameterObj.key, parameterObj.value)
+        this.appStorageService.setItem('attributes', JSON.stringify(this.g.attributes));
     }
 
     private removeFirebasewebsocketFromLocalStorage() {

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

@@ -304,7 +304,7 @@ textarea:active{
                 position: relative;
                 vertical-align: middle;
                 object-fit: contain;
-                filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
+                //filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
                 padding-right: 5px;
             }
         }

package/src/app/component/home/home.component.scss

@@ -295,7 +295,7 @@
                     position: relative;
                     vertical-align: middle;
                     object-fit: contain;
-                    filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
+                    // filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
                     padding-right: 5px;
                 }
             }

package/src/app/utils/globals.ts

@@ -23,7 +23,7 @@ import { Rule } from 'src/models/rule';
 export class Globals {
 
   BASE_LOCATION = 'https://widget.tiledesk.com/v2';
-  POWERED_BY ='<a tabindex="-1" target="_blank" href="http://www.tiledesk.com/?utm_source=widget"><img src="https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-solo_logo_new_gray.svg"/><span>Powered by Tiledesk</span></a>'
+  POWERED_BY ='<a tabindex="-1" target="_blank" href="https://www.tiledesk.com/?utm_source=widget"><img src="https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-solo_logo_new_gray.svg"/><span>Powered by Tiledesk</span></a>'
   DEFAULT_LOGO_CHAT = '/assets/images/tiledesk_logo_white_small.svg';
 
   // ============ BEGIN: SET FUNCTION BY UTILS ==============//

package/src/assets/js/chat21client.js

@@ -986,7 +986,7 @@ class Chat21Client {
                 topic: this.presence_topic,
                 payload: '{"disconnected":true}',
                 qos: 1,
-                retain: false
+                retain: true
             },
             clientId: this.client_id,
             username: 'JWT',

package/src/assets/twp/chatbot-panel.html

@@ -612,6 +612,8 @@
                         /** HEADER-LOGO **/  
                         brandJson['COMMON'].BASE_LOGO_NO_TEXT? document.getElementById('header-logo').src = brandJson['COMMON'].BASE_LOGO_NO_TEXT: null;
                         brandJson['COMMON'].BRAND_PRIMARY_COLOR? document.body.style.setProperty('--base-company-logo', brandJson['COMMON'].BRAND_PRIMARY_COLOR): null;
+                        /** IFRAME TITLE**/
+                        brandJson['COMMON'].COMPANY_NAME? document.getElementById('tiledeskiframe').title = brandJson['COMMON'].COMPANY_NAME + ' Widget' : null;
                     }
                 }
                     

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

@@ -148,7 +148,7 @@
             justify-content: space-around;
         }
         #header-logo{
-            max-height: 45px;
+            height: 45px;
         }
 
         .navbar{
@@ -731,6 +731,8 @@
                         brandJson['COMMON'].BASE_LOGO_WHITE? document.getElementById('header-logo').src = brandJson['COMMON'].BASE_LOGO_WHITE : null;
                         /** HEADER-DOCS RESOURCES **/    
                         document.getElementsByClassName('docs')[0].style.display = 'none'
+                        /** IFRAME TITLE**/
+                        brandJson['COMMON'].COMPANY_LOGO? document.getElementById('tiledeskiframe').title = brandJson['COMMON'].COMPANY_NAME + ' Widget' : null;
                     }
                 }
             }
@@ -1681,7 +1683,7 @@
                     </div>
 
                     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-                        <ul class="nav navbar-nav">
+                        <ul class="nav navbar-nav docs">
                             <li><a href="https://developer.tiledesk.com/widget/web-sdk" target="_blank">WEB SDK &amp; Docs<span></span></a></li>
                             <li><a href="https://www.tiledesk.com/pricing-cloud/" target="_blank">Pricing<span></span></a></li>
                             <li><a href="https://www.tiledesk.com/blog/" target="_blank">Blog<span></span></a></li>

package/src/assets/twp/index.html

@@ -151,7 +151,7 @@
             justify-content: space-around;
         }
         #header-logo{
-            max-height: 45px;
+            height: 45px;
         }
 
         #wrapper {
@@ -415,6 +415,8 @@
                         brandJson['COMMON'].BASE_LOGO_WHITE? document.getElementById('header-logo').src = brandJson['COMMON'].BASE_LOGO_WHITE : null;
                         /** HEADER-DOCS RESOURCES **/   
                         document.getElementsByClassName('docs')[0].style.display = 'none'
+                        /** IFRAME TITLE**/
+                        brandJson['COMMON'].COMPANY_LOGO? document.getElementById('tiledeskiframe').title = brandJson['COMMON'].COMPANY_NAME + ' Widget' : null;
                     }
                     
                 }

package/src/widget-config-template.json

@@ -19,7 +19,7 @@
         "MQTTendpoint": "${MQTT_ENDPOINT}",
         "APIendpoint": "${MQTT_APIENDPOINT}"
     },
-    "apiUrl": "${API_URL}",
+    "apiUrl": "${SERVER_BASE_URL}",
     "baseImageUrl": "${API_BASEIMAGE_URL}",
     "dashboardUrl": "${DASHBOARD_URL}",
     "authPersistence": "${AUTH_PERSISTENCE}",