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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.48-rc.3",
+  "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

@@ -102,9 +102,9 @@
         .mockup{
             background-repeat: no-repeat;
             background-image: url(../images/website_mockup.jpg);      
-            background-size: calc(100% - 122px);
-            background-position-x: 50px;
-            background-position-y: 100px;
+            background-size: calc(100% - 40px);
+            /* background-position-x: 50px; */
+            /* background-position-y: 100px; */
         }
 
         .row {
@@ -159,7 +159,7 @@
             text-align: center;
 
             position: relative;
-            margin-top: -81px; /* negative value of footer height */
+            margin-top: -100px; /* negative value of footer height */
             height: 80px;
             clear:both;
         }
@@ -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){
@@ -445,37 +452,6 @@
     </div>
 
     <div id="wrapper">
-        <header id="header">
-            <nav class="navbar navbar-inverse" role="navigation">
-                <div class="container">
-                    <div class="navbar-header">
-
-                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-                            <span class="sr-only">Toggle navigation</span>
-                            <span class="icon-bar"></span>
-                            <span class="icon-bar"></span>
-                            <span class="icon-bar"></span>
-                        </button>
-                        <a class="navbar-brand" href="https://console.tiledesk.com/"></a>
-                    </div>
-
-                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-                        <ul class="nav navbar-nav">
-                            <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>
-                        </ul>
-
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="sign-up"><a onclick="goToConsole()" href="#">GO TO CONSOLE</a></li>
-                        </ul>
-
-                        <ul class="nav navbar-nav navbar-right" id="testPageButton"  style="display: none;">
-                            <li class="sign-up"><a onclick="goToTestPage()" href="#">GO TO TEST PAGE</a></li>
-                        </ul>
-                    </div>
-                </div>
-            </nav>
         </header>
 
         <div id="main" class="container">

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>';