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

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.49-rc.1
+- bug-fixed: restartConversation default parameter was set to true
+- bug-fixed: icon for html file moved to local resource
+- changed info-message UI
+
+### 5.0.48 in PROD
+
 ### 5.0.48-rc.3
 - added: startConversation method to start a new conversation from javascript method
 - added: implementation of conversationChangedDetailed in MQTTConversationsHandler service

package/dist/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/dist/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/dist/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/dist/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>';