@chat21/chat21-web-widget 5.0.52-rc.4 → 5.0.53-rc.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.53-rc.1
+- added: Rules class (work in progress)
+- added: base_script.html to load element inside tiledesk-iframe
+- added: getLoggerConfig to logger service
+- removed: document.write() injection
+- removed: unused html test file
+
+
+### 5.0.52 in PROD
+
 ### 5.0.52-rc.4
 - bug-fixed: getLastConversation for MQTTConversationsHandler service not return uid into conv object
 

package/angular.json

@@ -27,13 +27,11 @@
               "src/favicon.ico",
               "src/assets",
               "src/test.html",
-              "src/test-buttons.html",
-              "src/test-auth.html",
-              "src/test-auth-remote.html",
               "src/test-new.html",
               "src/test-custom-auth.html",
               "src/tiledesk.js",
               "src/launch.js",
+              "src/base_script.html",
               "src/iframe-style.css",
               "src/widget-config-template.json",
               "src/widget-config.json",

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

@@ -231,10 +231,11 @@
         }
     </script> -->
 
-    <meta property="og:title" content="Widget test page">
-    <meta property="og:description" content="">
+
+    <meta property="og:title" content="Try Tiledesk now!" />
+    <meta property="og:description" content="Qualify your leads to increase your sales faster. It's really easy to do it with the Tiledesk conversational form builder" />
+    <meta property="og:image" content="https://tiledesk.com/wp-content/uploads/2022/12/6029654-02-min.png" />
     <meta property="og:locale" content="en">
-    <meta property="og:image" content="">
     
     <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">
@@ -345,71 +346,10 @@
         if(urlToConsole){
             baseUrlConsole = urlToConsole;
         }
-        
-
 
         var currentUrl = window.location.href
         var baseUrl = window.location.origin
-        function shareOnFacebook() {
-            var fbShareUrl = "https://www.facebook.com/sharer.php?u=" + encodeURIComponent(currentUrl);
-            window.open(
-                fbShareUrl,
-                '_blank' 
-            );
-        }
 
-        function shareOnTwitter() {
-            var TwShareUrl = "https://twitter.com/share?url=" + encodeURIComponent(currentUrl);
-            window.open(
-                TwShareUrl,
-                '_blank' 
-            );
-         }
-
-        function shareOnLinkedin() {
-            var LinkedinShareUrl = "https://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(currentUrl);
-            window.open(
-                LinkedinShareUrl,
-                '_blank' 
-            );
-         }
-
-        function shareOnTelegram() {                                    
-            var TelegramShareUrl = "tg://msg_url?url=" + encodeURIComponent(currentUrl) ;
-            // console.log('TelegramShareUrl ', TelegramShareUrl ) 
-            window.open(
-                TelegramShareUrl,
-                '_blank' 
-            );
-         }
-
-        function shareOnWhatsapp() {            
-            var WhatsappShareUrl = "whatsapp://send?text=" + currentUrl;
-            window.open(
-                WhatsappShareUrl,
-                '_blank' 
-            );
-        }
-
-        function goToConsole(){
-            var url = new URL(currentUrl);
-            var tiledesk_projectid = url.searchParams.get("tiledesk_projectid");
-            var project_name = url.searchParams.get("project_name");
-            var urlConsole = baseUrlConsole + "#/project/"+tiledesk_projectid+"/home";
-            //var urlConsole = "dashboard/#/project/"+tiledesk_projectid+"/home";
-            window.open(
-                urlConsole,
-                '_blank' 
-            );
-        }
-
-        function goToTestPage(){
-            var urlTestPage = currentUrl.replace('index.html', 'index-dev.html')
-            window.open(
-                urlTestPage,
-                '_blank' 
-            );
-        }
                         
         var url = new URL(currentUrl);
         var tiledesk_projectid = url.searchParams.get("tiledesk_projectid");

package/dist/base_script.html

@@ -0,0 +1,57 @@
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+        <title>Tilechat Widget</title>
+        <link rel="icon" type="image/x-icon" href="favicon.ico">
+        <script>
+            var tiledeskScriptBaseLocation = window.location.href.replace("/base_script.html","");
+            
+            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')
+
+            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 link = document.createElement('link')
+            link.setAttribute('type','text/css')
+            link.setAttribute('rel','stylesheet')
+            link.setAttribute('href',tiledeskScriptBaseLocation + '/styles.css')
+            link.setAttribute('media','all')
+            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')
+
+            
+            window.addEventListener("load", (event) => {
+
+                let head = document.getElementsByTagName('head')[0]
+                head.appendChild(link_2)
+
+                let body = document.getElementsByTagName('body')[0]
+                body.appendChild(script_1)
+                body.appendChild(script_2)
+                body.appendChild(link)
+                body.appendChild(script_4)
+                body.appendChild(script_5)
+            });
+        </script>
+    </head> 
+    <body>
+        <chat-root></chat-root>
+        <!-- <script type="text/javascript" src="http://localhost:4202/runtime.js"></script>
+        <script type="text/javascript" src="http://localhost:4202/polyfills.js"></script>
+        <script type="text/css" src="http://localhost:4202/styles.css"></script>
+        <script type="text/javascript" src="http://localhost:4202/vendor.js"></script>
+        <script type="text/javascript" src="http://localhost:4202/main.js"></script> -->
+    </body>
+</html>

package/dist/launch.js

@@ -163,69 +163,12 @@ function loadIframe(tiledeskScriptBaseLocation) {
 
     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();
-
-}
+    ifrm.src = tiledeskScriptBaseLocation + '/base_script.html'
+    // 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)
 }