@chat21/chat21-web-widget 5.0.55 → 5.0.56-rc.2

package/src/chat21-core/providers/localSessionStorage.ts

@@ -26,8 +26,6 @@ export class LocalSessionStorage extends AppStorageService{
   getItem(key: string) {
       let prefix;
       try {
-          // const sv = 'sv' + environment.shemaVersion + '_';
-          // prefix = prefix + sv;
           prefix = this.storagePrefix + '_';
       } catch (e) {
           this.logger.error('[LocalSessionStorage] getItem >Error :', e);
@@ -41,11 +39,8 @@ export class LocalSessionStorage extends AppStorageService{
    *  @param value
    */
   setItem(key: string, value: any): void {
-      // this.removeItem(key);
       let prefix;
       try {
-          // const sv = 'sv' + environment.shemaVersion + '_';
-          // prefix = prefix + sv;
           prefix = this.storagePrefix + '_';
       } catch (e) {
           this.logger.error('[LocalSessionStorage] setItem > Error :', e);
@@ -61,8 +56,6 @@ export class LocalSessionStorage extends AppStorageService{
   getItemWithoutProjectID(key: string) {
       let prefix;
       try {
-          // const sv = 'sv' + environment.shemaVersion + '_';
-          // prefix = prefix + sv;
           prefix = this.storagePrefix + '_';
       } catch (e) {
           this.logger.error('[LocalSessionStorage] getItemWithoutProjectID > Error :', e);
@@ -80,8 +73,6 @@ export class LocalSessionStorage extends AppStorageService{
       this.removeItem(key);
       let prefix = STORAGE_PREFIX;
       try {
-          // const sv = 'sv' + environment.shemaVersion + '_';
-          // prefix = prefix + sv;
           prefix = this.storagePrefix + '_';
       } catch (e) {
           this.logger.error('[LocalSessionStorage] setItemWithoutProjectID > Error :', e);
@@ -93,8 +84,6 @@ export class LocalSessionStorage extends AppStorageService{
   removeItem(key: string): void {
       let prefix;
       try {
-          // const sv = 'sv' + environment.shemaVersion + '_';
-          // prefix = prefix + sv;
           prefix = this.storagePrefix + '_';
       } catch (e) {
           this.logger.error('[LocalSessionStorage] removeItem > Error :', e);
@@ -106,8 +95,6 @@ export class LocalSessionStorage extends AppStorageService{
   clear(): void {
       let prefix;
       try {
-          // const sv = 'sv' + environment.shemaVersion + '_';
-          // prefix = prefix + sv;
           prefix = this.storagePrefix + '_';
       } catch (e) {
           this.logger.error('[LocalSessionStorage] clear > Error :', e);
@@ -121,9 +108,9 @@ export class LocalSessionStorage extends AppStorageService{
         }
       }
   
-      for (let i = 0; i < arrayKey.length; i++) {
+      for (const key of arrayKey) {
         // localStorage.removeItem(arrayKey[i]);
-        this.removeItemForKey(arrayKey[i]);
+        this.removeItemForKey(key);
       }
   
   }

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

@@ -14,7 +14,7 @@ import { Chat21Client } from '../../../assets/js/chat21client';
  */
 export class Chat21Service {
 
-  public chatClient: any;
+  public _chatClient: any;
   private _config: any;
 
   constructor() {
@@ -28,11 +28,21 @@ export class Chat21Service {
     return this._config;
   }
 
-  initChat() {
+  public get chatClient(){
+    return this._chatClient
+  }
+
+  public set chatClient(chatClient){
+    this._chatClient =chatClient
+  }
+
+  public initChat() {
+
     if (!this._config || this._config.appId === 'CHANGEIT') {
       throw new Error('chat21Config is not defined. Please setup your environment');
     }
     if (!this.chatClient) {
+      // const { Chat21Client} = await import("../../../assets/js/chat21client");
       this.chatClient = new Chat21Client(this._config);
     } else {
       console.log("Did you try again to create a Chat21Client istance?");

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

@@ -10,7 +10,7 @@ import { ConversationModel } from '../../models/conversation';
 // utils
 import { TYPE_GROUP } from '../../utils/constants';
 import { avatarPlaceholder, getColorBck } from '../../utils/utils-user';
-import { compareValues, getFromNow, searchIndexInArrayForUid } from '../../utils/utils';
+import { compareValues, searchIndexInArrayForUid } from '../../utils/utils';
 import { ArchivedConversationsHandlerService } from '../abstract/archivedconversations-handler.service';
 import { LoggerService } from '../abstract/logger.service';
 import { LoggerInstance } from '../logger/loggerInstance';
@@ -363,39 +363,6 @@ export class MQTTArchivedConversationsHandler extends ArchivedConversationsHandl
         return status;
     }
 
-    /**
-     * calcolo il tempo trascorso da ora al timestamp passato
-     * @param timestamp 
-     */
-    private getTimeLastMessage(timestamp: string) {
-        const timestampNumber = parseInt(timestamp) / 1000;
-        const time = getFromNow(timestampNumber);
-        return time;
-    }
-
-    // removeByUid(uid) {
-    //     const index = searchIndexInArrayForUid(this.conversations, uid);
-    //     if (index > -1) {
-    //         this.conversations.splice(index, 1);
-    //         // this.events.publish('conversationsChanged', this.conversations);
-    //         this.conversationsChanged.next(this.conversations);
-    //     }
-    // }
-
-    // addConversationListener(uidUser, conversationId) {
-    //     var that = this;
-    //     this.tenant = environment.tenant;
-    //     // const tenant = this.chatManager.getTenant();
-    //     const url = '/apps/' + this.tenant + '/users/' + uidUser + '/conversations/' + conversationId;
-    //     const reference = firebase.database().ref(url);
-    //     console.log("ChatConversationsHandler::addConversationListener::reference:",url, reference.toString());
-    //     reference.on('value', function (snapshot) {
-    //         setTimeout(function () {
-    //             // that.events.publish(conversationId + '-listener', snapshot);
-    //         }, 100);
-    //     });
-    // }
-
     /**
      * restituisce il numero di conversazioni nuove
      */

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

@@ -4,18 +4,16 @@ import { BehaviorSubject } from 'rxjs';
 import { environment } from '../../../environments/environment';
 
 // firebase
-import * as firebase from 'firebase/app';
-import 'firebase/messaging';
-import 'firebase/database';
-import 'firebase/auth';
+// import * as firebase from 'firebase/app';
+// import 'firebase/messaging';
+// import 'firebase/database';
+// import 'firebase/auth';
 
 // services
 // import { EventsService } from '../events-service';
 import { MessagingAuthService } from '../abstract/messagingAuth.service';
 import { Chat21Service } from './chat-service';
 // models
-import { UserModel } from '../../models/user';
-import { avatarPlaceholder, getColorBck } from '../../utils/utils-user';
 import { AppStorageService } from '../abstract/app-storage.service';
 import { LoggerService } from '../abstract/logger.service';
 import { LoggerInstance } from '../logger/loggerInstance';

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

@@ -12,7 +12,7 @@ import { ConversationsHandlerService } from '../abstract/conversations-handler.s
 
 // utils
 import { avatarPlaceholder, getColorBck } from '../../utils/utils-user';
-import { compareValues, getFromNow, searchIndexInArrayForUid } from '../../utils/utils';
+import { compareValues, searchIndexInArrayForUid } from '../../utils/utils';
 import { LoggerService } from '../abstract/logger.service';
 import { LoggerInstance } from '../logger/loggerInstance';
 
@@ -426,16 +426,6 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
         return status;
     }
 
-    /**
-     * calcolo il tempo trascorso da ora al timestamp passato
-     * @param timestamp 
-     */
-    private getTimeLastMessage(timestamp: string) {
-        const timestampNumber = parseInt(timestamp) / 1000;
-        const time = getFromNow(timestampNumber);
-        return time;
-    }
-
     /**
      * restituisce il numero di conversazioni nuove
      */

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

@@ -4,10 +4,10 @@ import { Injectable } from '@angular/core';
 import { NotificationsService } from '../abstract/notifications.service';
 import { LoggerInstance } from '../logger/loggerInstance';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+
 // firebase
-import firebase from "firebase/app";
-import 'firebase/messaging';
-import 'firebase/auth';
+// import firebase from "firebase/app";
+
 // chat21
 import { Chat21Service } from './chat-service';
 
@@ -20,6 +20,8 @@ export class MQTTNotifications extends NotificationsService {
   private userId: string;
   private tenant: string;
   private vapidkey: string;
+  private firebase: any;
+
   private logger: LoggerService = LoggerInstance.getInstance();
 
   constructor(
@@ -28,16 +30,20 @@ export class MQTTNotifications extends NotificationsService {
     super();
   }
 
-  initialize(tenant: string, vapId: string): void {
+  async initialize(tenant: string, vapId: string) {
     this.tenant = tenant;
     this.vapidkey = vapId;
+
+    const { default: firebase} = await import("firebase/app");
+    this.firebase = firebase
+
     return;
   }
     
   getNotificationPermissionAndSaveToken(currentUserUid) {
     this.userId = currentUserUid;
-    if (firebase.messaging.isSupported()) {
-      const messaging = firebase.messaging();
+    if (this.firebase.messaging.isSupported()) {
+      const messaging = this.firebase.messaging();
       // messaging.requestPermission()
       Notification.requestPermission().then((permission) => {
         if (permission === 'granted') {
@@ -77,7 +83,7 @@ export class MQTTNotifications extends NotificationsService {
       let connectionsRefURL = '';
       if (connectionsRefinstancesId) {
         connectionsRefURL = connectionsRefinstancesId + self.FCMcurrentToken;
-        const connectionsRef = firebase.database().ref().child(connectionsRefURL);
+        const connectionsRef = this.firebase.database().ref().child(connectionsRefURL);
         self.logger.log('[MQTTNotificationService] >>>> connectionsRef ', connectionsRef);
         self.logger.log('[MQTTNotificationService] >>>> connectionsRef url ', connectionsRefURL);
         connectionsRef.off()

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

@@ -3,9 +3,9 @@ import { Injectable } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 
 // firebase
-import * as firebase from 'firebase/app';
-import 'firebase/messaging';
-import 'firebase/database';
+// import * as firebase from 'firebase/app';
+// import 'firebase/messaging';
+// import 'firebase/database';
 
 // services
 // import { EventsService } from '../events-service';

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

@@ -1,9 +1,9 @@
 import { Injectable } from '@angular/core';
 
 // firebase
-import * as firebase from 'firebase/app';
-import 'firebase/messaging';
-import 'firebase/database';
+// import * as firebase from 'firebase/app';
+// import 'firebase/messaging';
+// import 'firebase/database';
 
 // services
 // import { EventsService } from './abstract/events-service';

package/src/chat21-core/providers/tiledesk/tiledesk-auth.service.ts

@@ -112,7 +112,6 @@ export class TiledeskAuthService {
         if (data['success'] && data['token']) {
           that.tiledeskToken = data['token'];
           that.createCompleteUser(data['user']);
-          // that.appStorage.setItem('tiledeskToken', that.tiledeskToken); // salvarlo esternamente nell'app.component
           this.checkAndSetInStorageTiledeskToken(that.tiledeskToken)
           resolve(this.currentUser)
         }

package/src/chat21-core/utils/user-typing/user-typing.component.scss

@@ -1,7 +1,7 @@
-@import 'src/app/sass/variables';
+// @import 'src/app/sass/variables';
 :root {
-    --bubbleReceivedBackgroundColor: $blue;
-    --foregroundColor: $bck-msg-sent;
+    --bubbleReceivedBackgroundColor: var(--blue);
+    --foregroundColor: var(--bck-msg-sent);
 }
 
 

package/src/chat21-core/utils/utils.ts

@@ -1,25 +1,8 @@
-import * as moment from 'moment';
-import 'moment/locale/it.js';
-
-// firebase
-import * as firebase from 'firebase/app';
-import 'firebase/storage';
-
-import { environment } from '../../environments/environment';
+import * as dayjs from 'dayjs'
+import * as duration from 'dayjs/plugin/duration'
+dayjs.extend(duration)
 // tslint:disable-next-line:max-line-length
-import {
-  MAX_WIDTH_IMAGES,
-  STORAGE_PREFIX,
-  TYPE_DIRECT,
-  TYPE_SUPPORT_GROUP
-} from './constants';
-
-import {
-  avatarPlaceholder,
-  getColorBck,
-  getImageUrlThumbFromFirebasestorage
- } from './utils-user';
-import { time } from 'console';
+
 import { ConversationModel } from '../models/conversation';
 /**
  * Shortest description  for phone and tablet
@@ -103,38 +86,38 @@ export function contactsRef(tenant) {
 /**
  * @deprecated
  */
-export function setHeaderDate(translate, timestamp): string {
-  // const LABEL_TODAY = translate.get('LABEL_TODAY');
-  // const LABEL_TOMORROW = translate.get('LABEL_TOMORROW');
+// export function setHeaderDate(translate, timestamp): string {
+//   // const LABEL_TODAY = translate.get('LABEL_TODAY');
+//   // const LABEL_TOMORROW = translate.get('LABEL_TOMORROW');
 
-  const date = new Date(timestamp);
-  const now: Date = new Date();
-  let labelDays = '';
-  if (now.getFullYear() !== date.getFullYear()) {
-    // quest'anno: data esatta
-    const month = date.getMonth() + 1;
-    labelDays = date.getDay() + '/' + month + '/' + date.getFullYear();
-  } else if (now.getMonth() !== date.getMonth()) {
-    // questo mese: data esatta
-    const month = date.getMonth() + 1;
-    labelDays = date.getDay() + '/' + month + '/' + date.getFullYear();
-  } else if (now.getDay() === date.getDay()) {
-    // oggi: oggi
-    labelDays = moment().calendar(timestamp).split(' ')[0].toLocaleLowerCase();
-    // labelDays = LABEL_TODAY;
-  } else if (now.getDay() - date.getDay() === 1) {
-    // ieri: ieri
-    labelDays = moment().calendar(timestamp).split(' ')[0].toLocaleLowerCase();
-    // labelDays = LABEL_TOMORROW;
-  } else {
-    // questa settimana: giorno
-    labelDays = convertDayToString(translate, date.getDay());
-  }
-  // se le date sono diverse o la data di riferimento non è impostata
-  // ritorna la data calcolata
-  // altrimenti torna null
-  return labelDays;
-}
+//   const date = new Date(timestamp);
+//   const now: Date = new Date();
+//   let labelDays = '';
+//   if (now.getFullYear() !== date.getFullYear()) {
+//     // quest'anno: data esatta
+//     const month = date.getMonth() + 1;
+//     labelDays = date.getDay() + '/' + month + '/' + date.getFullYear();
+//   } else if (now.getMonth() !== date.getMonth()) {
+//     // questo mese: data esatta
+//     const month = date.getMonth() + 1;
+//     labelDays = date.getDay() + '/' + month + '/' + date.getFullYear();
+//   } else if (now.getDay() === date.getDay()) {
+//     // oggi: oggi
+//     labelDays = moment().calendar(timestamp).split(' ')[0].toLocaleLowerCase();
+//     // labelDays = LABEL_TODAY;
+//   } else if (now.getDay() - date.getDay() === 1) {
+//     // ieri: ieri
+//     labelDays = moment().calendar(timestamp).split(' ')[0].toLocaleLowerCase();
+//     // labelDays = LABEL_TOMORROW;
+//   } else {
+//     // questa settimana: giorno
+//     labelDays = convertDayToString(translate, date.getDay());
+//   }
+//   // se le date sono diverse o la data di riferimento non è impostata
+//   // ritorna la data calcolata
+//   // altrimenti torna null
+//   return labelDays;
+// }
 
 
 
@@ -150,9 +133,9 @@ export function setLastDate(translate, timestamp): string {
   const LABEL_TO = translate.get('LABEL_TO');
   const LABEL_LAST_ACCESS = translate.get('LABEL_LAST_ACCESS');
 
-  var date = new Date(timestamp);
+  let date = new Date(timestamp);
   let now: Date = new Date();
-  var labelDays = '';
+  let labelDays = '';
   if (now.getFullYear() !== date.getFullYear()) {
     const month = date.getMonth() + 1;
     labelDays = date.getDay() + '/' + month + '/' + date.getFullYear();
@@ -226,19 +209,6 @@ export function supports_html5_session() {
   }
 }
 
-export function setStoragePrefix(): string{
-  let prefix = STORAGE_PREFIX;
-  try {
-      // const sv = 'sv' + environment.shemaVersion + '_';
-      // prefix = prefix + sv;
-      prefix = environment.storage_prefix + '_';
-  } catch (e) {
-      this.g.wdLog(['> Error :' + e]);
-  }
-  return prefix + this.g.projectid + '_';
-}
-
-
 export function convertMessage(messageText) {
   if (messageText) {
     messageText = convert(messageText);
@@ -480,112 +450,26 @@ export function compareValues(key, order = 'asc') {
   };
 }
 
-/** */
-export function getNowTimestamp() {
-  //console.log("timestamp:", moment().valueOf());
-  return moment().valueOf();
-}
-
-export function getFormatData(timestamp): string {
-  var dateString = moment.unix(timestamp / 1000).format('L');
-  // const date = new Date(timestamp);
-  // const labelDays = date.getDay()+"/"+date.getMonth()+"/"+date.getFullYear();
-  return dateString;
-}
-
-export function getTimeLastMessage(timestamp: string) {
-  const timestampNumber = parseInt(timestamp, null) / 1000;
-  const time = getFromNow(timestampNumber);
-  return time;
-}
 
-// export function getFromNow(windowContext, timestamp) {
-//   let browserLang = windowContext.navigator.language;
-//   if (this.g.lang && this.g.lang !== '') {
-//     browserLang = this.g.lang;
-//   }
-//   moment.locale(browserLang);
-//   // console.log('getFromNow - browserLang: ', browserLang);
-//   const date_as_string = moment.unix(timestamp).fromNow();
-//   return date_as_string;
+// export function getFormatData(timestamp): string {
+//   var dateString = moment.unix(timestamp / 1000).format('L');
+//   // const date = new Date(timestamp);
+//   // const labelDays = date.getDay()+"/"+date.getMonth()+"/"+date.getFullYear();
+//   return dateString;
 // }
 
-export function getFromNow(timestamp): string {
-  // var fullDate = new Date(this.news.date.$date)
-  // console.log('FULL DATE: ', fullDate);
-  // var month = '' + (fullDate.getMonth() + 1)
-  // var day = '' + fullDate.getDate()
-  // var year = fullDate.getFullYear()
-  // var hour = '' + fullDate.getHours()
-  // var min = fullDate.getMinutes()
-  // var sec = fullDate.getSeconds()
-  // if (month.length < 2) month = '0' + month;
-  // if (day.length < 2) day = '0' + day;
-  // if (hour.length < 2) hour = '0' + hour;
-  // console.log('Giorno ', day)
-  // console.log('Mese ', month)
-  // console.log('Anno ', year)
-  // console.log('Ora ', hour)
-  // console.log('Min ', min)
-  // console.log('Sec', sec)
-
-  // this.dateFromNow = moment(year + month + day, "YYYYMMDD").fromNow()
-  // let date_as_string = moment(year + month + day, "YYYYMMDD").fromNow()
-
-  // let date_as_string = moment(year + "-" + month + "-" + day + " " + hour + ":" + min + ":" + sec).fromNow()
-  // let date_as_string = moment("2017-07-03 08:33:37").fromNow()
-  //var day = new Date(2017, 8, 16);
-  //let date_as_string = moment(day);
-
-  // var dateString = moment.unix(timestamp).format("MM/DD/YYYY");
-  // console.log(moment(dateString).fromNow(), dateString);
-  // var date = "Thu Aug 19 2017 19:58:03 GMT+0000 (GMT)";
-  // console.log(moment(date).fromNow()); // 1 hour ago
-  // console.log(moment.unix(1483228800).fromNow());
-  // console.log(moment.unix(1501545600).fromNow());
-  //console.log("timestamp: ",timestamp, " - 1483228800 - ", moment.unix(1483228800).fromNow());
-  // console.log();
-
-  //console.log("window.navigator.language: ", window.navigator.language);
-
-  moment.locale(window.navigator.language);
-  let date_as_string = moment.unix(timestamp).fromNow();
-  return date_as_string;
-}
-
-
 export function getDateDifference(startTimestampDate, endTimestampDate){
-  // var startTime = moment.unix(startTimestampDate);
-  // var endTime = moment.unix(endTimestampDate);
-
-  const startTime = moment(startTimestampDate);
-  const endTime = moment(endTimestampDate);
-  const duration = moment.duration(endTime.diff(startTime));
+  
+  const startTime = dayjs(startTimestampDate);
+  const endTime = dayjs(endTimestampDate);
+  const duration = dayjs.duration(endTime.diff(startTime, null, true));
   const days = duration.asDays()
   const hours = duration.asHours();
   const minutes = duration.asMinutes();
-
+  
   return {days, hours, minutes}
 }
 
-
-// export function getUrlImgProfile(uid: string) {
-//   const baseLocation = this.g.baseLocation;
-//   if (!uid || uid === 'system' ) {
-//     return baseLocation + IMG_PROFILE_BOT;
-//   } else if ( uid === 'error') {
-//     return baseLocation + IMG_PROFILE_DEFAULT;
-//   } else {
-//       return getImageUrlThumb(uid);
-//   }
-// }
-
-export function getImageUrlThumb(FIREBASESTORAGE_BASE_URL_IMAGE: string, uid: string) {
-  let imageurl = FIREBASESTORAGE_BASE_URL_IMAGE + environment['firebaseConfig'].storageBucket + '/o/profiles%2F' + uid + '%2Fthumb_photo.jpg?alt=media';
-  return imageurl;
-}
-
-
 /**
  *
  * @param string

package/src/launch.js

@@ -1,6 +1,6 @@
 /** */
 ready(function() {
-    // console.log('DOM is ready, call initWidget');
+    console.log('DOM is ready, call initWidget');
     if(!window.tileDeskAsyncInit){
       initAysncEvents();
     }
@@ -9,10 +9,37 @@ ready(function() {
 
 /** */
 function ready(callbackFunction){
-    if(document.readyState != 'loading')
-      callbackFunction()
-    else
-      document.addEventListener("DOMContentLoaded", callbackFunction)
+    // if(document.readyState != 'loading'){
+    //   console.log('in ifffffff', document.readyState)
+    //   callbackFunction()
+    // }
+    // else{
+    //   document.addEventListener("DOMContentLoaded", callbackFunction)
+    // }
+    document.addEventListener('scroll', start);
+    document.addEventListener('mousedown', start);
+    document.addEventListener('mousemove', start);
+    document.addEventListener('touchstart', start);
+    document.addEventListener('keydown', start);
+
+    function start(){
+      if(document.readyState==='complete'){
+        callbackFunction()
+      }else if(window.attachEvent){
+        window.attachEvent('onload',callbackFunction);
+      }else{
+        window.addEventListener('load',callbackFunction,false);
+      }
+      
+      document.removeEventListener('scroll', start);
+      document.removeEventListener('mousedown', start);
+      document.removeEventListener('mousemove', start);
+      document.removeEventListener('touchstart', start);
+      document.removeEventListener('scroll', start);
+      document.removeEventListener('keydown', start);
+    }
+
+    
 }
        
 
@@ -39,17 +66,17 @@ function loadIframe(tiledeskScriptBaseLocation) {
     srcTileDesk += '<meta charset="utf-8">';
     srcTileDesk += '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />';
     srcTileDesk += '<title>Tilechat Widget</title>';
-    srcTileDesk += '<base href="./">';
+    srcTileDesk += '<base href="'+tiledeskScriptBaseLocation+ '">';
     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" media="all">';
     srcTileDesk += '</head>';
     srcTileDesk += '<body>';
     srcTileDesk += '<chat-root></chat-root>';
-    srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/runtime.js"></script>';
-    srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/polyfills.js"></script>';
+    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/runtime.js"></script>';
+    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/polyfills.js"></script>';
+    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/vendor.js"></script>';
+    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/main.js"></script>';
     srcTileDesk += '<link type="text/css" rel="stylesheet" href="'+tiledeskScriptBaseLocation+'/styles.css" media="all"></link>';
-    srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/vendor.js"></script>';
-    srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/main.js"></script>';
     srcTileDesk += '</body>';
     srcTileDesk += '</html>';
     
@@ -171,7 +198,7 @@ function loadIframe(tiledeskScriptBaseLocation) {
     }else {
       ifrm.srcdoc = srcTileDesk
     }
-   
+
 
 }
 
@@ -321,7 +348,10 @@ function initCSSWidget(tiledeskScriptBaseLocation) {
         link.rel  = 'stylesheet';
         link.type = 'text/css';
         link.href = tiledeskScriptBaseLocation+'/iframe-style.css';
-        link.media = 'all';
+        link.media = 'print';
+        link.onload = function(){
+          link.media = 'all'
+        }
         head.appendChild(link);
     // }
 }