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

package/src/app/component/message/bubble-message/bubble-message.component.ts

@@ -54,10 +54,8 @@ export class BubbleMessageComponent implements OnInit {
   }
 
   ngOnChanges() {
-    // console.log('BUBBLE-MSG Hello !!!! this.message ',  this.message)
     if (this.message && this.message.metadata && typeof this.message.metadata === 'object' ) {
       this.sizeImage = this.getMetadataSize(this.message.metadata)
-      // console.log('BUBBLE-MSG ngOnChanges message > metadata', this.message.metadata)
     }
 
   }

package/src/app/component/message/image/image.component.ts

@@ -44,7 +44,6 @@ export class ImageComponent implements OnInit {
     console.log('Image COMP - IMAGE FILENAME ', fileName) 
     fileName? null: fileName = decodeURIComponent(decodeURIComponent(url).split('/').pop())
     // const a: any = document.createElement('a');
-    // console.log('ellll', this.el)
     // a.href = this.sanitizer.bypassSecurityTrustUrl(url);
     // a.download = fileName;
     // document.body.appendChild(a);

package/src/app/providers/global-settings.service.ts

@@ -79,7 +79,6 @@ export class GlobalSettingsService {
         // const projectid = globals.projectid;
         this.getProjectParametersById(projectid).subscribe( response => {
             const project = response['project'];
-            // console.log('1 - setParameters ', project);
             if (project) {
                 that.globals.project.initialize(
                     project['id'],
@@ -1674,12 +1673,12 @@ export class GlobalSettingsService {
 
         TEMP = getParameterByName(windowContext, 'tiledesk_singleConversation');
         if (TEMP) {
-            globals.singleConversation = stringToBoolean(TEMP);;
+            globals.singleConversation = stringToBoolean(TEMP);
         }
 
         TEMP = getParameterByName(windowContext, 'tiledesk_restartConversation');
         if (TEMP) {
-            globals.restartConversation = TEMP;
+            globals.restartConversation = stringToBoolean(TEMP);
         }
 
         TEMP = getParameterByName(windowContext, 'tiledesk_nativeRating');

package/src/app/providers/translator.service.ts

@@ -69,10 +69,8 @@ export class TranslatorService {
           if (browserLang === 'it') {
               this._translate.use('it');
               this.http.get(this.baseLocation + `/assets/i18n/${browserLang}.json`).subscribe(data=> {
-                console.log('ress lang', JSON.parse(data['_body']))
                 this._translate.setTranslation('it', JSON.parse(data['_body']));
                 this._translate.get('LABEL_PREVIEW').subscribe(res => {
-                  console.log('default translate --> ', res)
                 });
               })
               // this._translate.setTranslation('it', './assets/i18n/en.json')

package/src/app/utils/globals.ts

@@ -221,30 +221,24 @@ export class Globals {
    messangerPageTitle: string; // *******  new ********
    telegramUsername: string; // *******  new ********
   constructor(
-  ) {
-    // console.log(' ---------------- 1: initDefafultParameters ---------------- ');
-  }
+  ) { }
 
 
   /**
    * 1: initParameters
    */
   initDefafultParameters() {
-    // console.log('initDefafultParameters, ', window, window.frameElement);
     this.globalsParameters = {};
     this.filterSystemMsg = true;
 
     let wContext: any = window;
-    // console.log('windowContext 0', wContext);
     if (window.frameElement && window.frameElement.getAttribute('tiledesk_context') === 'parent') {
       wContext = window.parent;
     }
-    // console.log('windowContext 1', wContext);
     const windowcontextFromWindow = getParameterByName(window, 'windowcontext');
     if (windowcontextFromWindow !== null && windowcontextFromWindow === 'window.parent') {
       wContext = window.parent;
     }
-    // console.log('windowContext 2', wContext);
     // this.parameters['windowContext'] = windowContext;
     this.windowContext = wContext;
 

package/src/app/utils/rules.ts

@@ -0,0 +1,13 @@
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+export class Rules {
+
+    private url = window.location
+
+    private logger: LoggerService = LoggerInstance.getInstance()
+    constructor(){}
+
+    initRules(){
+        console.log('locationnnnnnn', this.url)
+    }
+}

package/src/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/src/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/src/chat21-core/providers/abstract/logger.service.ts

@@ -9,6 +9,7 @@ export abstract class LoggerService {
   constructor() { }
 
   abstract setLoggerConfig(isLogEnabled: boolean, logLevel: string);
+  abstract getLoggerConfig(): {isLogEnabled: boolean, logLevel: number};
   abstract debug(...message: any[])
   abstract log(...message: any[])
   abstract warn(...message: any[])

package/src/chat21-core/providers/firebase/firebase-archivedconversations-handler.ts

@@ -214,20 +214,6 @@ export class FirebaseArchivedConversationsHandler extends ArchivedConversationsH
     // ---------------------------------------------------------- //
     // BEGIN PRIVATE FUNCTIONS
     // ---------------------------------------------------------- //
-    /**
-     *
-     */
-    // private getConversationsFromStorage() {
-    //     const that = this;
-    //     this.databaseProvider.getConversations()
-    //     .then((conversations: [ConversationModel]) => {
-    //         that.loadedConversationsStorage.next(conversations);
-    //     })
-    //     .catch((e) => {
-    //         console.log('error: ', e);
-    //     });
-    // }
-
 
     // /**  DEPRECATED
     //  *
@@ -252,33 +238,6 @@ export class FirebaseArchivedConversationsHandler extends ArchivedConversationsH
         }
     }
 
-     /**
-     * @param childSnapshot
-     */
-    // private conversationGenerate(childSnapshot: any): ConversationModel {
-    //     console.log('conversationGenerate: ', childSnapshot.val());
-    //     const childData: ConversationModel = childSnapshot.val();
-    //     childData.uid = childSnapshot.key;
-    //     const conversation = this.completeConversation(childData);
-    //     if (this.isValidConversation(conversation)) {
-    //         this.setClosingConversation(childSnapshot.key, false);
-    //         const index = searchIndexInArrayForUid(this.conversations, conversation.uid);
-    //         if (index > -1) {
-    //             this.conversations.splice(index, 1, conversation);
-    //         } else {
-    //             this.conversations.splice(0, 0, conversation);
-    //         }
-    //         //this.databaseProvider.setConversation(conversation);
-    //         this.conversations.sort(compareValues('timestamp', 'desc'));
-    //         if (conversation.is_new) {
-    //             this.soundMessage();
-    //         }
-    //         return conversation;
-    //     } else {
-    //         return null;
-    //     }
-    // }
-
     // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
     /**
      * 1 -  completo la conversazione con i parametri mancanti

package/src/chat21-core/providers/firebase/firebase-conversation-handler.ts

@@ -405,9 +405,7 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
         } else if ((message.attributes.messagelabel && message.attributes.messagelabel.key === CHAT_CLOSED)) {
             message.text = INFO_SUPPORT_CHAT_CLOSED;
         } else if ((message.attributes && message.attributes.messagelabel && message.attributes.messagelabel.key === TOUCHING_OPERATOR) && message.sender === "system") {
-            // console.log('FIREBASEConversationHandlerSERVICE message text', message.text)
             const textAfterColon = message.text.split(":")[1]
-            // console.log('FIREBASEConversationHandlerSERVICE message text - textAfterColon', textAfterColon)
             if (textAfterColon !== undefined) {
                 message.text = INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU + ': ' + textAfterColon;
             }
@@ -534,7 +532,6 @@ private addCommandMessage(msg: MessageModel){
             that.logger.debug('[FIREBASEConversationHandlerSERVICE] addCommandMessage --> type="wait"', command, i, commands.length)
             //publish waiting event to simulate user typing
             if(isJustRecived(that.startTime.getTime(), msg.timestamp)){
-                // console.log('message just received::', command, i, commands)
                 that.messageWait.next({uid: that.conversationWith, uidUserTypingNow: msg.sender, nameUserTypingNow: msg.sender_fullname, waitTime: command.time, command: command})
             }
             setTimeout(function() {
@@ -571,7 +568,6 @@ private generateMessageObject(message, command_message, callback) {
 
 
     private isValidMessage(msgToCkeck:MessageModel): boolean{
-        // console.log('message to check-->', msgToCkeck)
         // if(!this.isValidField(msgToCkeck.uid)){
         //     return false;
         // }

package/src/chat21-core/providers/firebase/firebase-image-repo.ts

@@ -41,11 +41,9 @@ export class FirebaseImageRepoService extends ImageRepoService {
 
 
     checkImageExists(url: string, callback: (exist: boolean) => void): void {
-        console.log('urllll', url)
         this.http.get(url, { responseType: 'blob' }).subscribe( res => {
             callback(true)
         },(error) => {
-            console.log('ressssssss errorr', error);
             callback(false)
         })
     }

package/src/chat21-core/providers/firebase/firebase-notifications.ts

@@ -48,13 +48,7 @@ export class FirebaseNotifications extends NotificationsService {
                     });
                 } else {
                     this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser - !not registered",)
-                    // navigator.serviceWorker.register('http://localhost:8101/firebase-messaging-sw.js')
-                    //     .then(function (registration) {
-                    //         console.log('Service worker successfully registered.');
-                    //         return registration;
-                    //     }).catch(function (err) {
-                    //         console.error('Unable to register service worker.', err);
-                    //     });
+
                 }
             });
         }
@@ -98,61 +92,6 @@ export class FirebaseNotifications extends NotificationsService {
         }
     }
 
-    // getNotificationPermissionAndSaveToken(currentUserUid) {
-    //     // this.tenant = this.getTenant();
-    //     this.logger.log('[FIREBASE-NOTIFICATIONS] calling requestPermission - tenant ', this.tenant)
-    //     this.logger.log('[FIREBASE-NOTIFICATIONS] calling requestPermission - currentUserUid ', currentUserUid)
-    //     this.userId = currentUserUid;
-    //     const messaging = firebase.messaging();
-    //     if (firebase.messaging.isSupported()) {
-    //         // messaging.requestPermission()
-    //         Notification.requestPermission().then((permission) => {
-    //             if (permission === 'granted') {
-    //                 this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> requestPermission Notification permission granted.');
-    //                 messaging.getToken({ vapidKey: 'BOsgS2ADwspKdWAmiFDZXEYqY1HSYADVfJT3j67wsySh3NxaViJqoabPJH8WM02wb5r8cQIm5TgM0UK047Z1D1c'}).then((currentToken) => {
-    //                     if (currentToken) {
-    //                         this.sendTokenToServer(currentToken);
-    //     // updateUIForPushEnabled(currentToken);
-
-    //                     } else {
-    //                       // Show permission request UI
-    //                       console.log('No registration token available. Request permission to generate one.');
-    //                       // ...
-    //                     }
-    //                   }).catch((err) => {
-    //                     console.log('An error occurred while retrieving token. ', err);
-    //                     // ...
-    //                   });
-
-    //                 resetUI()
-
-    //             } else {
-    //                 this.logger.error('Unable to get permission to notify.');
-    //             }
-    //         })
-
-    //     }
-    // }
-
-    //  sendTokenToServer(currentToken) {
-    //     if (!this.isTokenSentToServer()) {
-    //       console.log('Sending token to server...');
-    //       // TODO(developer): Send the current token to your server.
-    //       this.setTokenSentToServer(true);
-    //     } else {
-    //       console.log('Token already sent to server so won\'t send it again ' +
-    //           'unless it changes');
-    //     }
-    //   }
-
-    //   isTokenSentToServer() {
-    //     return window.localStorage.getItem('sentToServer') === '1';
-    //   }
-
-    //   setTokenSentToServer(sent) {
-    //     window.localStorage.setItem('sentToServer', sent ? '1' : '0');
-    //   }
-
     removeNotificationsInstance(callback: (string) => void) {
         var self = this;
         firebase.auth().onAuthStateChanged(function (user) {
@@ -190,19 +129,6 @@ export class FirebaseNotifications extends NotificationsService {
         }
     }
 
-    // removeNotificationsInstance() {
-    //     let promise = new Promise((resolve, reject) => {
-    //         this.appStoreService.getInstallation(this.projectId).then((res) => {
-    //             console.log("Get Installation Response: ", res);
-    //             resolve(res);
-    //         }).catch((err) => {
-    //             console.error("Error getting installation: ", err);
-    //             reject(err);
-    //         })
-    //     })
-    //     return promise;
-    // }
-
 
     // ********** PRIVATE METHOD - START ****************//
     private updateToken(FCMcurrentToken, currentUserUid) {

package/src/chat21-core/providers/logger/customLogger.ts

@@ -23,6 +23,10 @@ export class CustomLogger extends LoggerService{
         }
     }
 
+    getLoggerConfig(): {isLogEnabled: boolean, logLevel: number}{
+        return {isLogEnabled: this.isLogEnabled, logLevel: this.logLevel}
+    }
+
     error(message: any, ...optionalParams: any[]) {
         if (this.isLogEnabled && this.logLevel >= LogLevel.ERROR) {
             this.logger.error(message, ...optionalParams)

package/src/chat21-core/providers/mqtt/chat-service.ts

@@ -34,10 +34,8 @@ export class Chat21Service {
     }
     if (!this.chatClient) {
       this.chatClient = new Chat21Client(this._config);
-    }
-    else {
+    } else {
       console.log("Did you try again to create a Chat21Client istance?");
     }
-    // console.log("chatClient init. ID:", this.chatClient.client_id)
   }
 }

package/src/chat21-core/providers/mqtt/mqtt-archivedconversations-handler.ts

@@ -63,7 +63,6 @@ export class MQTTArchivedConversationsHandler extends ArchivedConversationsHandl
         const conversation = this.archivedConversations.find(conv => conv.conversation_with === conversationWith);
         this.logger.log('[MQTTArchivedConversationsHandler] getConversationDetail found locally? *****: ', conversation);
         if (conversation) {
-            console.log('found!');
             callback(conversation);
         } else {
             this.logger.log('[MQTTArchivedConversationsHandler] getConversationDetail Not found locally, remote.getConversationDetail *****: ', conversation);

package/src/chat21-core/providers/mqtt/mqtt-notifications.ts

@@ -35,10 +35,8 @@ export class MQTTNotifications extends NotificationsService {
   }
     
   getNotificationPermissionAndSaveToken(currentUserUid) {
-    console.log("[MQTTNotificationService] getNotificationPermissionAndSaveToken()",currentUserUid );
     this.userId = currentUserUid;
     if (firebase.messaging.isSupported()) {
-      console.log("[MQTTNotificationService] firebase.messaging.isSupported -> YES");
       const messaging = firebase.messaging();
       // messaging.requestPermission()
       Notification.requestPermission().then((permission) => {

package/src/chat21-core/providers/mqtt/mqtt-presence.service.ts

@@ -43,19 +43,6 @@ export class MQTTPresenceService extends PresenceService {
   }
 
   userIsOnline(userid: string): Observable<any> {
-    // console.log('userIsOnline', userid);
-    // const that = this;
-    // const urlNodeConnections = this.urlNodePresence + userid + '/connections';
-    // console.log('userIsOnline: ', urlNodeConnections);
-    // const connectionsRef = firebase.database().ref().child(urlNodeConnections);
-    // connectionsRef.on('value', (child) => {
-    //   console.log('is-online-' + userid);
-    //   if (child.val()) {
-    //     that.events.publish('is-online-' + userid, userid, true);
-    //   } else {
-    //     that.events.publish('is-online-' + userid, userid, false);
-    //   }
-    // });
     return this.BSIsOnline
   }
 

package/src/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)
 }