@chat21/chat21-web-widget 5.0.48 → 5.0.49-rc.1

package/package.json

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

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

@@ -633,7 +633,7 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
    */
   sendLivePage(){
     setTimeout(() => {
-      const message= 'Moved to: ' + this.g.attributes.sourcePage
+      const message= 'Moved to: [' + this.g.attributes.sourceTitle + '](' +  this.g.attributes.sourcePage + ')'
       const attributes={
         subtype: 'info/support',
         messagelabel: {key: LIVE_PAGE}

package/src/app/component/message/info-message/info-message.component.html

@@ -5,7 +5,7 @@
         <div class="bounce1"></div>
     </div>
       
-    <div>
+    <div style="max-width: 70%;">
         <span class="base_info" [innerHTML]="message?.text | marked" [options]="tooltipOptions" [tooltip]="timeTooltipLeft"  placement="left" contentType="template"></span>
         <ng-template #timeTooltipLeft>
             <span>{{message.timestamp | amTimeAgo}} ({{message.timestamp | amLocal | amDateFormat: 'L HH:mm:ss'}})</span>

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

@@ -5,6 +5,7 @@
     align-content: center;
     justify-content: center;
     padding: 4px 0px 2px 0px;
+    width: 100%;
 }
 .base_info {
     border-radius: 14px;
@@ -23,6 +24,10 @@
 .base_info ::ng-deep > p {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
+
+    a {
+        word-break: break-all;
+    }
 }
 
 .spinner {

package/src/app/utils/globals.ts

@@ -381,7 +381,7 @@ export class Globals {
     /** set the text size of attachment-buttons */
     this.singleConversation = false;
     /** set the single conversation mode for the widget */
-    this.restartConversation = true;
+    this.restartConversation = false;
     /** allow you to always restart a new converazioe */
     this.nativeRating = true;
     /** set if native rating componet has to be shown */

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

@@ -228,7 +228,7 @@
     <meta property="og:locale" content="en">
     <meta property="og:image" content="">
     
-    <link rel="icon" type="image/png" href="https://tiledesk.com/wp-content/uploads/2022/07/tiledesk_v13-300x300.png">
+    <link rel="icon" type="image/png" href="./tiledesk_widget_files/logo-short.png">
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
     <script defer="" src="./tiledesk_widget_files/jquery.min.js"></script>
     <script defer="" src="./tiledesk_widget_files/bootstrap.min.js"></script>
@@ -286,6 +286,7 @@
             console.log("onBeforeInit Tiledesk FN", event_data);
             
             setTimeout(() => {
+                document.getElementById("preloader").style.display = "none";
                 if(event_data && event_data.detail && event_data.detail.appConfigs){
                     
                     var enbedJs = event_data.detail.appConfigs.enbedJs? event_data.detail.appConfigs.enbedJs : false;
@@ -295,14 +296,20 @@
                     baseUrlConsole = event_data.detail.appConfigs.dashboardUrl? event_data.detail.appConfigs.dashboardUrl : baseUrlConsole;
                 }
             }, 1000);
+
+            setTimeout(() => {
+                if(event_data && event_data.detail && event_data.detail.global && !event_data.detail.global.isOpen){
+                    window.Tiledesk('open')
+                }
+            }, 3000);
             
         });
         
         window.Tiledesk('onInit', function(event_data) {
             console.log("onInit Tiledesk FN", event_data); 
-            setTimeout(() => {
-                document.getElementById("preloader").style.display = "none";
-            }, 1000);
+            // setTimeout(() => {
+            //     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){

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

@@ -384,7 +384,7 @@
     <meta property="og:locale" content="en">
     <meta property="og:image" content="">
     
-    <link rel="icon" type="image/png" href="https://tiledesk.com/wp-content/uploads/2022/07/tiledesk_v13-300x300.png">
+    <link rel="icon" type="image/png" href="./tiledesk_widget_files/logo-short.png">
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
     <script defer="" src="./tiledesk_widget_files/jquery.min.js"></script>
     <script defer="" src="./tiledesk_widget_files/bootstrap.min.js"></script>

package/src/assets/twp/index.html

@@ -218,7 +218,7 @@
     <meta property="og:locale" content="en">
     <meta property="og:image" content="">
     
-    <link rel="icon" type="image/png" href="https://tiledesk.com/wp-content/uploads/2022/07/tiledesk_v13-300x300.png">
+    <link rel="icon" type="image/png" href="./tiledesk_widget_files/logo-short.png">
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
     <script defer="" src="./tiledesk_widget_files/jquery.min.js"></script>
     <script defer="" src="./tiledesk_widget_files/bootstrap.min.js"></script>

package/src/launch.js

@@ -40,7 +40,7 @@ function loadIframe(tiledeskScriptBaseLocation) {
     srcTileDesk += '<title>Tilechat Widget</title>';
     srcTileDesk += '<base href="./">';
     srcTileDesk += '<link rel="icon" type="image/x-icon" href="favicon.ico">';
-    srcTileDesk += '<link rel="stylesheet" type="text/css" href="' + tiledeskScriptBaseLocation +'/assets/styles/tiledesk_v1.scss">';
+    srcTileDesk += '<link rel="stylesheet" type="text/css" href="' + tiledeskScriptBaseLocation +'/assets/styles/tiledesk_v1.scss" media="all">';
     srcTileDesk += '</head>';
     srcTileDesk += '<body>';
     srcTileDesk += '<chat-root></chat-root>';