@chat21/chat21-web-widget 5.0.51 → 5.0.52-rc.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.52-rc.3
+- added: build info in menu conversation-header component if singleConversation is enabled
+- bug-fixed: splitted messages is shown twice
+- removed: open automatically the widget after 3s in index-dev.html page
+
+### 5.0.52-rc.1
+- changed: background opacity in chatbot-panel html page
+- bug-fixed: splitted messages is shown twice
+
 ### 5.0.51 in PROD
 
 ### 5.0.51-rc.2

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

@@ -108,6 +108,7 @@
             background-position: inherit;
             background-attachment: fixed;
             background-size: cover;
+            opacity: 0.4;
         }
 
         .row {
@@ -261,6 +262,7 @@
             calloutTimer: 1,
             singleConversation: true,
             restartConversation: true,
+            isLogEnabled: true,
             hideCloseConversationOptionMenu: true
             // autostart: false
 
@@ -418,29 +420,6 @@
         // console.log('tiledesk_projectid: ', tiledesk_projectid);
         // console.log('project_name: ', project_name);
 
-        window.onload = function() {
-            document.getElementById("project_id").innerHTML = '"' + tiledesk_projectid + '"';
-            // document.getElementById("project_name").innerHTML = project_name;
-            
-            if(role !== 'agent'){
-                document.getElementById("testPageButton").style.display = 'block'
-            }
-        }
-
-        // window.tileDeskAsyncInit = function() {
-        //     window.tiledesk.on('onLoadParams', function(event_data) {
-        //         // console.log('onLoadParams: ')
-        //         window.tiledesk.open();
-        //     });
-
-        //     window.tiledesk.on('onInit', function(event_data) {
-        //         setTimeout(() => {
-        //             document.getElementById("preloader").style.display = "none";
-        //         }, 1000);
-                
-        //     });
-        // };
-
         function getQueryVariable(variable)     {
             var query = window.location.search.substring(1);
             var vars = query.split("&");

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

@@ -460,11 +460,11 @@
                 document.getElementById('events').scrollTop = document.getElementById('events').scrollHeight
             }, 1000);
             //open widget after 3s if is closed
-            setTimeout(() => {
-                if(event_data && event_data.detail && event_data.detail.global && !event_data.detail.global.isOpen){
-                    window.Tiledesk('open')
-                }
-            }, 3000);
+            // setTimeout(() => {
+            //     if(event_data && event_data.detail && event_data.detail.global && !event_data.detail.global.isOpen){
+            //         window.Tiledesk('open')
+            //     }
+            // }, 3000);
         });
         
         window.Tiledesk('onAuthStateChanged', function(event_data) {

package/dist/launch.js

@@ -161,14 +161,73 @@ function loadIframe(tiledeskScriptBaseLocation) {
     }); 
     /**** END EVENST ****/
 
-    // ifrm.srcdoc = srcTileDesk
     iDiv.appendChild(ifrm);
+
+    // buildIframeDOM(ifrm)
+    // ifrm.contentWindow.document.open();
+    // ifrm.document.srcdoc = srcTileDesk;
+    // ifrm.srcdoc = srcTileDesk
     ifrm.contentWindow.document.open();
     ifrm.contentWindow.document.write(srcTileDesk);
     ifrm.contentWindow.document.close();
 
 }
 
+function buildIframeDOM(iframe){
+
+  var meta = document.createElement('meta');
+  meta.setAttribute('charset', 'utf-8')
+  var meta_2 = document.createElement('meta')
+  meta_2.setAttribute('name', 'viewport')
+  meta_2.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0')
+  var title = document.createElement('title')
+  title.title = 'Tilechat Widget'
+  var base = document.createElement('base')
+  base.setAttribute('href', './')
+  var link_1 = document.createElement('link')
+  link_1.setAttribute('rel', 'icon')
+  link_1.setAttribute('type', 'image/x-icon')
+  link_1.setAttribute('href', 'favicon.ico')
+  var link_2 = document.createElement('link')
+  link_2.setAttribute('rel', 'stylesheet')
+  link_2.setAttribute('type', 'text/css')
+  link_2.setAttribute('href', tiledeskScriptBaseLocation + '/assets/styles/tiledesk_v1.scss')
+  link_2.setAttribute('media','all')
+
+  
+  let head = iframe.contentWindow.document.getElementsByTagName('head')[0]
+  head.appendChild(meta)
+  head.appendChild(meta_2)
+  head.appendChild(title)
+  head.appendChild(base)
+  head.appendChild(link_1)
+  head.appendChild(link_2)
+
+  var script_1 = document.createElement('script')
+  script_1.setAttribute('type','text/javascript')
+  script_1.setAttribute('src',tiledeskScriptBaseLocation + '/runtime.js')
+  var script_2 = document.createElement('script')
+  script_2.setAttribute('type','text/javascript')
+  script_2.setAttribute('src',tiledeskScriptBaseLocation + '/polyfills.js')
+  var script_3 = document.createElement('script')
+  script_3.setAttribute('type','text/javascript')
+  script_3.setAttribute('src',tiledeskScriptBaseLocation + '/styles.css')
+  var script_4 = document.createElement('script')
+  script_4.setAttribute('type','text/javascript')
+  script_4.setAttribute('src',tiledeskScriptBaseLocation + '/vendor.js')
+  var script_5 = document.createElement('script')
+  script_5.setAttribute('type','text/javascript')
+  script_5.setAttribute('src',tiledeskScriptBaseLocation + '/main.js')
+
+  let body= iframe.contentWindow.document.getElementsByTagName('body')[0]
+  body.appendChild(document.createElement('chat-root'))
+  body.appendChild(script_1)
+  body.appendChild(script_2)
+  body.appendChild(script_3)
+  body.appendChild(script_4)
+  body.appendChild(script_5)
+}
+
 
 function initAysncEvents() {
   console.log('INIT ASYNC EVENTS')