@chat21/chat21-web-widget 5.0.59-rc.2 → 5.0.59-rc.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.59-rc.4
+- bug-fixed: texarea remains disabled if messages array has the last (non ordered) timestamp message set with 'disabledTextArea' set to true
+
+### 5.0.59-rc.3
+- bug-fixed: if mobileMarginX or MobileMarginY is set, widget do not fit on fullscreen once is opened
+
 ### 5.0.59-rc.2
 - added: handler for buttons in last-message component
 - changed: tooltip custom directive

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.59-rc.2",
+  "version": "5.0.59-rc.4",
   "license": "MIT",
   "homepage": "https://www.tiledesk.com",
   "repository": {

package/src/app/app.component.ts

@@ -1,3 +1,4 @@
+import { ScriptService } from './../chat21-core/providers/scripts/script.service';
 import { TYPE_DIRECT } from './../chat21-core/utils/constants';
 /** ANGULAR MODULES */
 import { AfterViewInit, Component, ElementRef, HostListener, NgZone, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
@@ -113,6 +114,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
     private appStorageService: AppStorageService,
     private translatorService: TranslatorService,
     private translateService: CustomTranslateService,
+    private scriptService: ScriptService,
     public chatManager: ChatManager,
     private tiledeskRequestsService: TiledeskRequestsService,
     public tiledeskAuthService: TiledeskAuthService,
@@ -123,220 +125,222 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
     public imageRepoService: ImageRepoService,
     public typingService: TypingService,
     public presenceService: PresenceService,
-    public uploadService: UploadService
+    public uploadService: UploadService 
   ){}
 
-  ngOnInit(): void {
-    this.logger.info('[APP-CONF]---------------- ngOnInit: APP.COMPONENT ---------------- ')
-    this.initWidgetParamiters();
-  }
+    ngOnInit(): void {
+        this.logger.info('[APP-CONF]---------------- ngOnInit: APP.COMPONENT ---------------- ')
+        this.initWidgetParamiters();
+    }
 
-  ngAfterViewInit(): void {
-    this.logger.info('[APP-CONF]---------------- ngAfterViewInit: APP.COMPONENT ---------------- ')
-    this.ngZone.run(() => {
-        const that = this;
-        const subChangedConversation = this.conversationsHandlerService.conversationChanged.subscribe((conversation) => {
-            // that.ngZone.run(() => {
-            if (conversation) {
-                this.onImageLoaded(conversation)
-                this.onConversationLoaded(conversation)
+    ngAfterViewInit(): void {
+        this.logger.info('[APP-CONF]---------------- ngAfterViewInit: APP.COMPONENT ---------------- ')
+        this.ngZone.run(() => {
+            const that = this;
+            const subChangedConversation = this.conversationsHandlerService.conversationChanged.subscribe((conversation) => {
+                // that.ngZone.run(() => {
+                if (conversation) {
+                    this.onImageLoaded(conversation)
+                    this.onConversationLoaded(conversation)
 
-                if(conversation.recipient === this.g.senderId && isUserBanned(conversation)){
-                    that.disposeWidget();
+                    if(conversation.recipient === this.g.senderId && isUserBanned(conversation)){
+                        that.disposeWidget();
+                        return;
+                    }
+    
+                    if(conversation.is_new && conversation.sender !== this.g.senderId && !isInfo(conversation)){
+                        that.manageTabNotification();
+                    }
+
+                    if (that.g.isOpen === true) {
+                        that.g.setParameter('displayEyeCatcherCard', 'none');
+
+                        this.logger.debug('[APP-COMP] obsChangeConversation ::: ', conversation);
+                        if (conversation.attributes && conversation.attributes['subtype'] === 'info') {
+                            return;
+                        }
+
+                    } else {
+                        // if(conversation.is_new && isJustRecived(this.g.startedAt.getTime(), conversation.timestamp)){
+                        //widget closed
+                        if(conversation.is_new && conversation.sender !== this.g.senderId && !isInfo(conversation)){
+                            that.lastConversation = conversation;
+                            that.g.isOpenNewMessage = true;
+                            that.logger.debug('[APP-COMP] lastconversationnn', that.lastConversation)
+                        }
+                        
+
+                        let badgeNewConverstionNumber = that.conversationsHandlerService.countIsNew()
+                        that.g.setParameter('conversationsBadge', badgeNewConverstionNumber);
+                        // }
+                    }
+
+                    that.triggerOnConversationUpdated(conversation);
+                } else {
+                    this.logger.debug('[APP-COMP] oBSconversationChanged null: errorrr')
                     return;
                 }
- 
-                if(conversation.is_new && conversation.sender !== this.g.senderId && !isInfo(conversation)){
-                    that.manageTabNotification();
-                }
+                
+                // });
+            });
+            this.subscriptions.push(subChangedConversation);
 
-                if (that.g.isOpen === true) {
+            const subAddedConversation = this.conversationsHandlerService.conversationAdded.subscribe((conversation) => {
+                // that.ngZone.run(() => {
+                if (that.g.isOpen === true && conversation) {
                     that.g.setParameter('displayEyeCatcherCard', 'none');
-
-                    this.logger.debug('[APP-COMP] obsChangeConversation ::: ', conversation);
+                    that.triggerOnConversationUpdated(conversation);
+                    that.logger.debug('[APP-COMP] obsAddedConversation ::: ', conversation);
                     if (conversation.attributes && conversation.attributes['subtype'] === 'info') {
                         return;
                     }
-
-                } else {
-                    // if(conversation.is_new && isJustRecived(this.g.startedAt.getTime(), conversation.timestamp)){
-                    //widget closed
-                    if(conversation.is_new && conversation.sender !== this.g.senderId && !isInfo(conversation)){
+                    if (conversation.is_new) {
+                        that.manageTabNotification()
+                        // this.soundMessage(); 
+                    }
+                    if(this.g.isOpen === false){
                         that.lastConversation = conversation;
                         that.g.isOpenNewMessage = true;
-                        that.logger.debug('[APP-COMP] lastconversationnn', that.lastConversation)
                     }
-                    
+                } else {
+                    //widget closed
 
                     let badgeNewConverstionNumber = that.conversationsHandlerService.countIsNew()
                     that.g.setParameter('conversationsBadge', badgeNewConverstionNumber);
-                    // }
                 }
-
-                that.triggerOnConversationUpdated(conversation);
-            } else {
-                this.logger.debug('[APP-COMP] oBSconversationChanged null: errorrr')
-                return;
-            }
-            
-            // });
-        });
-        this.subscriptions.push(subChangedConversation);
-
-        const subAddedConversation = this.conversationsHandlerService.conversationAdded.subscribe((conversation) => {
-            // that.ngZone.run(() => {
-            if (that.g.isOpen === true && conversation) {
-                that.g.setParameter('displayEyeCatcherCard', 'none');
-                that.triggerOnConversationUpdated(conversation);
-                that.logger.debug('[APP-COMP] obsAddedConversation ::: ', conversation);
-                if (conversation.attributes && conversation.attributes['subtype'] === 'info') {
-                    return;
+                // that.manageTabNotification()
+                // });
+                if(conversation){
+                    this.onImageLoaded(conversation)
+                    this.onConversationLoaded(conversation)
                 }
-                if (conversation.is_new) {
-                    that.manageTabNotification()
-                    // this.soundMessage(); 
+                
+            });
+            this.subscriptions.push(subAddedConversation);
+
+            const subAddedArchivedConversations = this.archivedConversationsService.archivedConversationAdded.subscribe((conversation) => {
+                // that.ngZone.run(() => {
+                if (conversation) {
+                    that.triggerOnConversationUpdated(conversation);
+                    this.onImageLoaded(conversation)
+                    this.onConversationLoaded(conversation)
                 }
-                if(this.g.isOpen === false){
-                    that.lastConversation = conversation;
-                    that.g.isOpenNewMessage = true;
+                // });
+            });
+            this.subscriptions.push(subAddedArchivedConversations);
+
+            const subRemovedArchivedConversations = this.archivedConversationsService.archivedConversationRemoved.subscribe((conversation) => {
+                // that.ngZone.run(() => {
+                if (conversation) {
+                    this.isConversationArchived = false;
+                    that.triggerOnConversationUpdated(conversation);
                 }
-            } else {
-                //widget closed
+                // });
+            });
+            this.subscriptions.push(subRemovedArchivedConversations);
 
-                let badgeNewConverstionNumber = that.conversationsHandlerService.countIsNew()
-                that.g.setParameter('conversationsBadge', badgeNewConverstionNumber);
-            }
-            // that.manageTabNotification()
-            // });
-            if(conversation){
-                this.onImageLoaded(conversation)
-                this.onConversationLoaded(conversation)
-            }
-            
         });
-        this.subscriptions.push(subAddedConversation);
+        this.appStorageService.initialize(environment.storage_prefix, this.g.persistence, this.g.projectid)
+        this.tiledeskAuthService.initialize(this.appConfigService.getConfig().apiUrl)
+        this.tiledeskRequestsService.initialize(this.appConfigService.getConfig().apiUrl, this.g.projectid)
+        this.messagingAuthService.initialize();
+        this.chatManager.initialize();
+        this.uploadService.initialize();
+    }
 
-        const subAddedArchivedConversations = this.archivedConversationsService.archivedConversationAdded.subscribe((conversation) => {
-            // that.ngZone.run(() => {
-            if (conversation) {
-                that.triggerOnConversationUpdated(conversation);
-                this.onImageLoaded(conversation)
-                this.onConversationLoaded(conversation)
-            }
-            // });
-        });
-        this.subscriptions.push(subAddedArchivedConversations);
+    private initWidgetParamiters(){
+        const that = this;
+        const obsSettingsService = this.globalSettingsService.obsSettingsService.subscribe((resp) => {
+            if(resp){
+
+                // /** INIT  */
+                this.logger.setLoggerConfig(this.g.isLogEnabled, this.g.logLevel)
+                this.tabTitle = this.g.windowContext.window.document.title
+                this.appStorageService.initialize(environment.storage_prefix, this.g.persistence, this.g.projectid)
+                this.logger.debug('[APP-COMP] check if token is passed throw url: ', this.g.jwt);
+                /**CHECK IF JWT IS IN URL PARAMETERS */
+                if (this.g.jwt) {
+                    // logging in with custom token from url
+                    // add JWY token to localstorage and authenticate with it           this.logger.debug('[APP-COMP] token from url. isShown:', this.g.isShown, 'autostart:', this.g.autoStart)
+                    this.logger.debug('[APP-COMP]  ----------------  logging in with custom token from url ---------------- ');
+                    //   this.g.autoStart = false;
+                    const storedTiledeskToken = this.appStorageService.getItem('tiledeskToken')
+                    storedTiledeskToken === this.g.jwt? null: this.appStorageService.setItem('tiledeskToken', this.g.jwt);
+                    this.g.tiledeskToken = this.g.jwt;
+                    // this.signInWithCustomToken(this.g.jwt) // moved to authenticate() in else(tiledeskToken)
+                }
 
-        const subRemovedArchivedConversations = this.archivedConversationsService.archivedConversationRemoved.subscribe((conversation) => {
-            // that.ngZone.run(() => {
-            if (conversation) {
-                this.isConversationArchived = false;
-                that.triggerOnConversationUpdated(conversation);
+                /** INIT LABELS TRANSLATIONS */
+                this.translatorService.initI18n().then((result) => {
+                    this.logger.debug('[APP-COMP] »»»» APP-COMPONENT.TS initI18n result', result);
+                    const browserLang = this.translatorService.getLanguage();
+                    // moment.locale(browserLang)
+                    dayjs.locale(browserLang)
+                    this.translatorService.translate(this.g);
+                }).then(() => {
+                    /** INIT  */
+                    that.initAll();
+                    /** TRIGGER ONBEFORE INIT */
+                    that.triggerOnBeforeInit();
+                    /** AUTH */
+                    that.setAuthSubscription();
+                    /** SCRIPT LOAD */
+                    that.loadCustomScript(this.appConfigService.getConfig())
+                })
+        
             }
-            // });
         });
-        this.subscriptions.push(subRemovedArchivedConversations);
-
-    });
-    this.appStorageService.initialize(environment.storage_prefix, this.g.persistence, this.g.projectid)
-    this.tiledeskAuthService.initialize(this.appConfigService.getConfig().apiUrl)
-    this.tiledeskRequestsService.initialize(this.appConfigService.getConfig().apiUrl, this.g.projectid)
-    this.messagingAuthService.initialize();
-    this.chatManager.initialize();
-    this.uploadService.initialize();
-  }
-
-  private initWidgetParamiters(){
-    const that = this;
-    const obsSettingsService = this.globalSettingsService.obsSettingsService.subscribe((resp) => {
-        if(resp){
-
-            // /** INIT  */
-            this.logger.setLoggerConfig(this.g.isLogEnabled, this.g.logLevel)
-            this.tabTitle = this.g.windowContext.window.document.title
-            this.appStorageService.initialize(environment.storage_prefix, this.g.persistence, this.g.projectid)
-            this.logger.debug('[APP-COMP] check if token is passed throw url: ', this.g.jwt);
-            /**CHECK IF JWT IS IN URL PARAMETERS */
-            if (this.g.jwt) {
-                // logging in with custom token from url
-                // add JWY token to localstorage and authenticate with it           this.logger.debug('[APP-COMP] token from url. isShown:', this.g.isShown, 'autostart:', this.g.autoStart)
-                this.logger.debug('[APP-COMP]  ----------------  logging in with custom token from url ---------------- ');
-                //   this.g.autoStart = false;
-                const storedTiledeskToken = this.appStorageService.getItem('tiledeskToken')
-                storedTiledeskToken === this.g.jwt? null: this.appStorageService.setItem('tiledeskToken', this.g.jwt);
-                this.g.tiledeskToken = this.g.jwt;
-                // this.signInWithCustomToken(this.g.jwt) // moved to authenticate() in else(tiledeskToken)
-            }
-
-            /** INIT LABELS TRANSLATIONS */
-            this.translatorService.initI18n().then((result) => {
-                this.logger.debug('[APP-COMP] »»»» APP-COMPONENT.TS initI18n result', result);
-                const browserLang = this.translatorService.getLanguage();
-                // moment.locale(browserLang)
-                dayjs.locale(browserLang)
-                this.translatorService.translate(this.g);
-            }).then(() => {
-                /** INIT  */
-                that.initAll();
-                /** TRIGGER ONBEFORE INIT */
-                that.triggerOnBeforeInit();
-                /** AUTH */
-                that.setAuthSubscription();
-            })
-      
-        }
-    });
-    this.subscriptions.push(obsSettingsService);
-    this.globalSettingsService.initWidgetParamiters(this.g, this.el);
+        this.subscriptions.push(obsSettingsService);
+        this.globalSettingsService.initWidgetParamiters(this.g, this.el);
 
-    // SET AUDIO
-    this.audio = new Audio();
-    this.audio.src = this.g.baseLocation + URL_SOUND_LIST_CONVERSATION;
-    this.audio.load();
-  }
+        // SET AUDIO
+        this.audio = new Audio();
+        this.audio.src = this.g.baseLocation + URL_SOUND_LIST_CONVERSATION;
+        this.audio.load();
+    }
 
-  private initAll() {
-    this.addComponentToWindow(this.ngZone);
+    private initAll() {
+        this.addComponentToWindow(this.ngZone);
 
-    //INIT TRIGGER-HANDLER
-    this.triggerHandler.setElement(this.el)
-    this.triggerHandler.setWindowContext(this.g.windowContext)
+        //INIT TRIGGER-HANDLER
+        this.triggerHandler.setElement(this.el)
+        this.triggerHandler.setWindowContext(this.g.windowContext)
 
-    // /** TRANSLATION LOADER: */
-    // //  this.translatorService.translate(this.g);
-    // this.translatorService.initI18n().then((result) => {
-    //     this.g.wdLog(['»»»» APP-COMPONENT.TS initI18n result', result]);
-    //     this.translatorService.translate(this.g);
-    // });
+        // /** TRANSLATION LOADER: */
+        // //  this.translatorService.translate(this.g);
+        // this.translatorService.initI18n().then((result) => {
+        //     this.g.wdLog(['»»»» APP-COMPONENT.TS initI18n result', result]);
+        //     this.translatorService.translate(this.g);
+        // });
 
-    /** SET ATTRIBUTES */
-    const attributes = this.setAttributesFromStorageService();
-    if (attributes) {
-        this.g.attributes = attributes;
-    }
-    this.setStyleMap()
+        /** SET ATTRIBUTES */
+        const attributes = this.setAttributesFromStorageService();
+        if (attributes) {
+            this.g.attributes = attributes;
+        }
+        this.setStyleMap()
 
-    // ------------------------------- //
+        // ------------------------------- //
 
-    // ------------------------------- //
-    /**
-     * INIZIALIZE GLOBALS :
-     * create settings object used in trigger
-     * set isMobile
-     * set attributes
-    */
-    this.g.initialize();
-    // ------------------------------- //
+        // ------------------------------- //
+        /**
+         * INIZIALIZE GLOBALS :
+         * create settings object used in trigger
+         * set isMobile
+         * set attributes
+        */
+        this.g.initialize();
+        // ------------------------------- //
 
-    this.removeFirebasewebsocketFromLocalStorage();
-    // this.triggerLoadParamsEvent();
-    // this.addComponentToWindow(this.ngZone); // forse dovrebbe stare prima di tutti i triggers
+        this.removeFirebasewebsocketFromLocalStorage();
+        // this.triggerLoadParamsEvent();
+        // this.addComponentToWindow(this.ngZone); // forse dovrebbe stare prima di tutti i triggers
 
-    this.initLauncherButton();
-    this.triggerLoadParamsEvent(); // first trigger
-    //this.setAvailableAgentsStatus();
+        this.initLauncherButton();
+        this.triggerLoadParamsEvent(); // first trigger
+        //this.setAvailableAgentsStatus();
 
-  }
+    }
 
     // ========= begin:: SUBSCRIPTIONS ============//
     private async setAuthSubscription(){
@@ -2064,6 +2068,13 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         this.el.nativeElement.style.setProperty('--button-in-msg-font-size', this.g.buttonFontSize)
     }
 
+
+    private loadCustomScript(config){
+        if(config.hasOwnProperty("globalRemoteJSSrc")){
+          this.scriptService.buildScriptArray(config['globalRemoteJSSrc'])
+        }
+    }
+
     // ========= begin:: DESTROY ALL SUBSCRIPTIONS ============//
     /** elimino tutte le sottoscrizioni */
     ngOnDestroy() {

package/src/app/app.module.ts

@@ -62,10 +62,11 @@ import { TranslateModule } from '@ngx-translate/core';
 import { PickerModule } from '@ctrl/ngx-emoji-mart';
 import { LoggerModule, NGXLogger, NgxLoggerLevel } from "ngx-logger";
 
-//DIRECTIVES
+//DIRECTIVES-PIPES
 import { HtmlEntitiesEncodePipe } from './pipe/html-entities-encode.pipe';
 import { MarkedPipe } from './pipe/marked.pipe';
 import { SafeHtmlPipe } from './pipe/safe-html.pipe';
+import { TooltipDirective } from 'src/app/directives/tooltip.directive';
 
 //LOGGER SERVICES
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
@@ -128,7 +129,7 @@ import { WaitingService } from './providers/waiting.service';
 import { StarRatingWidgetService } from './providers/star-rating-widget.service';
 import { LikeUnlikeComponent } from './component/message/like-unlike/like-unlike.component';
 import { Rules } from './utils/rules';
-import { TooltipDirective } from 'src/app/directives/tooltip.directive';
+import { ScriptService } from 'src/chat21-core/providers/scripts/script.service';
 
 
 const appInitializerFn = (appConfig: AppConfigService, logger: NGXLogger) => {
@@ -381,7 +382,8 @@ export function uploadFactory(http: HttpClient, appConfig: AppConfigService, app
     TranslatorService,
     CustomTranslateService,
     Triggerhandler,
-    WaitingService
+    WaitingService,
+    ScriptService
   ],
   bootstrap: [AppComponent]
 })

package/src/app/component/conversation-detail/conversation-footer/conversation-footer.component.html

@@ -1,7 +1,7 @@
 <!-- LOGO-->
 <div id="hiddenFooter" *ngIf="!hideTextAreaContent && poweredBy" class="fade-in-bottom" 
     [class.hideTextReply]="hideTextReply">
-    <div tabindex="-1" class="c21-powered-by" [innerHTML]="poweredBy"></div>
+    <div tabindex="-1" class="c21-powered-by" [innerHTML]="poweredBy" (click)="managePoweredBy($event)"></div>
 </div>
 
 <!-- TEXTAREA + ICONS: conv active-->

package/src/app/component/conversation-detail/conversation-footer/conversation-footer.component.ts

@@ -596,4 +596,47 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
     }
   }
 
+
+
+  managePoweredBy(event: Event){
+    event.stopPropagation();
+    this.segmentLogoClick()
+    let target = (event.target as Element) || (event.srcElement as Element) || (event.currentTarget as Element)
+    if(target.parentElement.tagName === 'A' && target.parentElement.hasAttribute('href')){
+     window.open(target.parentElement.getAttribute('href'), '_blank')
+    }
+  }
+
+
+  private segmentLogoClick(){
+    let that = this
+    if(window['analytics']){
+      try {
+        window['analytics'].page("Widget Conversation Page, LogoClick", {});
+      } catch (err) {
+        this.logger.error('Event:Signed In [page] error', err);
+      }
+  
+      try {
+        window['analytics'].identify(that.senderId, {
+          name: that.userFullname,
+          email: that.userEmail,
+          logins: 5,
+        });
+      } catch (err) {
+        this.logger.error('Event:LogoClick [identify] error', err);
+      }
+      // Segments
+      try {
+        window['analytics'].track('LogoClick', {
+          "username": that.userFullname,
+          "userId": that.userEmail,
+          "attributes": that.attributes
+        });
+      } catch (err) {
+        this.logger.error('Event:LogoClick [track] error', err);
+      }
+    }
+  }
+
 }

package/src/app/component/home/home.component.html

@@ -144,7 +144,7 @@
     <!-- FOOTER -->
     <div class="c21-footer fade-in-bottom-footer">
         <div id="c21-powered-by" (mouseover)="hover=true" (mouseleave)="hover=false">
-            <div tabindex="-1" class="c21-powered-by" [innerHTML]="g.poweredBy"></div>
+            <div tabindex="-1" class="c21-powered-by" [innerHTML]="g.poweredBy" (click)="managePoweredBy($event)"></div>
             <!-- <div class="build_version">{{g.BUILD_VERSION}}</div> -->
         </div>
         <chat-menu-options *ngIf="!hideSettings"

package/src/app/component/home/home.component.ts

@@ -1,3 +1,4 @@
+import { TiledeskAuthService } from './../../../chat21-core/providers/tiledesk/tiledesk-auth.service';
 import { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, ViewEncapsulation } from '@angular/core';
 import { CustomTranslateService } from 'src/chat21-core/providers/custom-translate.service';
 import { ConversationModel } from '../../../chat21-core/models/conversation';
@@ -47,6 +48,7 @@ export class HomeComponent implements OnInit, AfterViewInit {
   
   constructor(
     public g: Globals,
+    private tiledeskAuthService : TiledeskAuthService,
     private customTranslateService: CustomTranslateService,
   ) {
 
@@ -85,6 +87,49 @@ export class HomeComponent implements OnInit, AfterViewInit {
   }
 
 
+  managePoweredBy(event: Event){
+    event.stopPropagation();
+    this.segmentLogoClick()
+    let target = (event.target as Element) || (event.srcElement as Element) || (event.currentTarget as Element)
+    if(target.parentElement.tagName === 'A' && target.parentElement.hasAttribute('href')){
+     window.open(target.parentElement.getAttribute('href'), '_blank')
+    }
+  }
+
+
+  private segmentLogoClick(){
+    let that = this
+    let user = this.tiledeskAuthService.getCurrentUser()
+    if(window['analytics']){
+      try {
+        window['analytics'].page("Widget Home Page, LogoClick", {});
+      } catch (err) {
+        this.logger.error('Event:Signed In [page] error', err);
+      }
+  
+      try {
+        window['analytics'].identify(user.uid, {
+          name: user.firstname + ' ' + user.lastname,
+          email: user.email,
+          logins: 5,
+        });
+      } catch (err) {
+        this.logger.error('Event:LogoClick [identify] error', err);
+      }
+      // Segments
+      try {
+        window['analytics'].track('LogoClick', {
+          "username": user.firstname + ' ' + user.lastname,
+          "userId": user.uid,
+          "attributes": that.g.attributes
+        });
+      } catch (err) {
+        this.logger.error('Event:LogoClick [track] error', err);
+      }
+    }
+  }
+
+
   
 
 

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

@@ -369,6 +369,7 @@ export class GlobalSettingsService {
             this.globals.isMobile? marginX= this.globals.mobileMarginX: marginX = this.globals.marginX
             divTiledeskiframe.style.right =  marginX;
         }
+        
         if (this.globals.isMobile) {
             divTiledeskiframe.style.bottom =  this.globals.mobileMarginY
         } else {

package/src/app/utils/globals.ts

@@ -587,6 +587,18 @@ export class Globals {
     } else if(!isOpen && chat21conversationsEL){
       chat21conversationsEL.classList.remove('isMobile')
     }
+
+
+    //customize position for 'tiledeskdiv' for mobile
+    if(isOpen && this.isMobile && divTiledeskWidget){
+      divTiledeskWidget.style.right = '0px'
+      divTiledeskWidget.style.bottom = '0px'
+    } else if(!isOpen && this.isMobile && divTiledeskWidget){
+      divTiledeskWidget.style.bottom = this.marginY
+      this.align === 'left'?  divTiledeskWidget.style.left = this.mobileMarginX : divTiledeskWidget.style.right = this.mobileMarginX; 
+    }
+
+
   }
 
   setWidgetPreviewContainerSize(width: number, height: number){

package/src/chat21-core/providers/abstract/notifications.service.ts

@@ -17,7 +17,7 @@ export abstract class NotificationsService {
     } 
   }
 
-  abstract initialize(tenant: string, vapidKey: string): void;
+  abstract initialize(tenant: string, vapidKey: string, platform: string): void;
   abstract getNotificationPermissionAndSaveToken(currentUserUid: string): void;
   abstract removeNotificationsInstance(callback: (string) => void): void;
 

package/src/chat21-core/providers/chat-manager.ts

@@ -184,7 +184,7 @@ export class ChatManager {
   getConversationHandlerByConversationId(conversationId): any {
     let handler = null;
     this.handlers.forEach(conv => {
-      // this.logger.('[CHAT MANAGER]forEach ***', conversationId, this.handlers, conv);
+      this.logger.log('[CHAT MANAGER]forEach ***', conversationId, this.handlers, conv);
       if (conv.conversationWith === conversationId) {
         handler = conv;
         return;

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

@@ -1,79 +1,82 @@
-import { LoggerInstance } from './../logger/loggerInstance';
 import { Injectable } from '@angular/core';
 // services
 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 * as firebase from 'firebase/app';
+import firebase from "firebase/app";
+import 'firebase/messaging';
+import 'firebase/auth';
 
-import { LoggerService } from '../abstract/logger.service';
+@Injectable({ providedIn: 'root' })
 
-// @Injectable({ providedIn: 'root' })
-@Injectable()
 export class FirebaseNotifications extends NotificationsService {
-    
-    // public BUILD_VERSION: string;
+
     private FCMcurrentToken: string;
     private userId: string;
     private tenant: string;
     private vapidkey: string;
-    private firebase: any;
-
+    private platform: string;
     private logger: LoggerService = LoggerInstance.getInstance();
     constructor() {
         super();
     }
 
-    async initialize(tenant: string, vapId: string) {
+    initialize(tenant: string, vapId: string, platform: string): void {
         this.tenant = tenant
         this.vapidkey = vapId
-        this.logger.debug('[FIREBASE-NOTIFICATIONS] initialize - tenant ', this.tenant)
-
-        const { default: firebase} = await import("firebase/app");
-        this.firebase = firebase
+        platform === 'desktop'? this.platform = 'ionic' : this.platform = platform
+        this.logger.log('[FIREBASE-NOTIFICATIONS] initialize - tenant ', this.tenant, this.platform)
 
         if (!('serviceWorker' in navigator)) {
             // , disable or hide UI.
             this.logger.error("[FIREBASE-NOTIFICATIONS] initialize - Service Worker isn't supported on this browser", navigator)
             return;
         }
-        if (('serviceWorker' in navigator)) {
-            // this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser ", navigator)
-            navigator.serviceWorker.getRegistrations().then((serviceWorkerRegistrations) => {
-                this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser serviceWorkerRegistrations", serviceWorkerRegistrations)
-                if (serviceWorkerRegistrations.length > 0) {
-                    serviceWorkerRegistrations.forEach(registration => {
-                        this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser registration ", registration)
-                        // this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser registrations scriptURL", registrations.active.scriptURL)
-                        // this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser registrations state", registrations.active.state)
-
-                    });
-                } else {
-                    this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser - !not registered",)
+        // if (('serviceWorker' in navigator)) {
+        //     navigator.serviceWorker.register('firebase-messaging-sw.js')
+        //         .then(function (registration) {
+        //             console.log('[FIREBASE-NOTIFICATIONS] initialize serviceWorker Registration successful, scope is:', registration.scope);
 
-                }
-            });
-        }
+
+        //             // this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser ", navigator)
+        //             // navigator.serviceWorker.getRegistrations().then((serviceWorkerRegistrations) => {
+        //             //     this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser serviceWorkerRegistrations", serviceWorkerRegistrations)
+        //             //     if (serviceWorkerRegistrations.length > 0) {
+        //             //         serviceWorkerRegistrations.forEach(registration => {
+        //             //             this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser registration ", registration)
+        //             //             // this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser registrations scriptURL", registrations.active.scriptURL)
+        //             //             // this.logger.log("[FIREBASE-NOTIFICATIONS] initialize - Service Worker is supported on this browser registrations state", registrations.active.state)
+
+        //             //         });
+        //             //     } 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);
+        //             //         //     });
+        //             //     }
+        //             // });
+        //         }).catch(function (err) {
+        //             console.log('Service worker registration failed, error:', err);
+        //         });
+        // }
     }
 
+
+
     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.logger.log('initialize FROM [APP-COMP] - [FIREBASE-NOTIFICATIONS] calling requestPermission - tenant ', this.tenant, ' currentUserUid ', currentUserUid)
+        // this.logger.log('[FIREBASE-NOTIFICATIONS] calling requestPermission - currentUserUid ', currentUserUid)
         this.userId = currentUserUid;
-        // Service Worker explicit registration to explicitly define sw location at a path
-        // const swRegistration = async () => {
-        //     try {
-        //         await navigator.serviceWorker.register('http://localhost:8101/firebase-messaging-sw.js');
-        //     } catch (error) {
-        //         console.error(error);
-        //     }
-        // }
-
 
-      
-        if (this.firebase.messaging.isSupported()) {
-            const messaging = this.firebase.messaging(); 
+        if (firebase.messaging.isSupported()) {
+            const messaging = firebase.messaging();
             // messaging.requestPermission()
             Notification.requestPermission().then((permission) => {
                 if (permission === 'granted') {
@@ -91,46 +94,136 @@ export class FirebaseNotifications extends NotificationsService {
             });
         } else {
             this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> FIREBASE MESSAGING IS NOT SUPPORTED')
+
+            // if(this.platform == 'android' || this.platform === 'ios'){
+            //     this.logger.log('[MQTTNotificationService] >>>> FIREBASE MESSAGING: use FCM plugin')
+            //     this.fcm.onTokenRefresh().subscribe(FCMtoken => {
+            //       // Register your new token in your back-end if you want
+            //       // backend.registerToken(token);
+            //       this.FCMcurrentToken = FCMtoken;
+            //       console.log("[MQTTNotificationService] FCM: onTokenRefresh --->", FCMtoken);
+            //       this.updateToken(FCMtoken, currentUserUid)
+            //     });
+            //     this.fcm.requestPushPermission().then((permission) => {
+            //       console.log("[MQTTNotificationService] FCM: requestPushPermission --->", permission);
+            //       if(permission === true){
+            //         this.fcm.getToken().then(FCMtoken => {
+            //           console.log("[MQTTNotificationService] FCM: getToken --->", FCMtoken);
+            //           this.FCMcurrentToken = FCMtoken;
+            //           this.updateToken(FCMtoken, currentUserUid)
+            //         });
+            //       }
+            //     });
+                
+            // }
         }
     }
 
+
+    // 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;
-        this.firebase.auth().onAuthStateChanged(function (user) {
-            if (user) {
-                self.logger.debug('[FIREBASE-NOTIFICATIONS] - User is signed in. ', user)
-
-            } else {
-                self.logger.debug('[FIREBASE-NOTIFICATIONS] - No user is signed in. ', user)
-            }
-        });
-
-        this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.userId', this.userId);
-        this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > FCMcurrentToken', this.FCMcurrentToken);
-        // this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.tenant', this.tenant);
-        const urlNodeFirebase = '/apps/' + this.tenant
-        const connectionsRefinstancesId = urlNodeFirebase + '/users/' + this.userId + '/instances/'
-        this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRefinstancesId ', connectionsRefinstancesId);
+        // firebase.auth().onAuthStateChanged(function (user) {
+        //     if (user) {
+        //         self.logger.debug('[FIREBASE-NOTIFICATIONS] - FB User is signed in. ', user)
+        //         self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.userId', self.userId);
+        //         self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > FCMcurrentToken', self.FCMcurrentToken);
+        //         // this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.tenant', this.tenant);
+        //     } else {
+        //         self.logger.debug('[FIREBASE-NOTIFICATIONS] - No FB user is signed in. ', user)
+        //     }
+        // });
+        const urlNodeFirebase = '/apps/' + self.tenant
+        const connectionsRefinstancesId = urlNodeFirebase + '/users/' + self.userId + '/instances/'
+        self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRefinstancesId ', connectionsRefinstancesId);
         let connectionsRefURL = '';
         if (connectionsRefinstancesId) {
-            connectionsRefURL = connectionsRefinstancesId + this.FCMcurrentToken;
-            const connectionsRef = this.firebase.database().ref().child(connectionsRefURL);
-            this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRef ', connectionsRef);
-            this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRef url ', connectionsRefURL);
+            connectionsRefURL = connectionsRefinstancesId + self.FCMcurrentToken;
+            const connectionsRef = firebase.database().ref().child(connectionsRefURL);
+            self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRef ', connectionsRef);
+            self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> connectionsRef url ', connectionsRefURL);
             connectionsRef.off()
             connectionsRef.remove()
                 .then(() => {
-                    this.logger.log("[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > Remove succeeded.")
+                    self.logger.log("[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > Remove succeeded.")
                     callback('success')
                 }).catch((error) => {
-                    this.logger.error("[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance Remove failed: " + error.message)
+                    self.logger.error("[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance Remove failed: " + error.message)
                     callback('error')
                 }).finally(() => {
-                    this.logger.log('[FIREBASE-NOTIFICATIONS] COMPLETED');
+                    self.logger.log('[FIREBASE-NOTIFICATIONS] COMPLETED');
                 })
         }
+
     }
 
+    // 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) {
@@ -149,14 +242,14 @@ export class FirebaseNotifications extends NotificationsService {
         const device_model = {
             device_model: navigator.userAgent,
             language: navigator.language,
-            platform: 'ionic',
+            platform: this.platform,
             platform_version: this.BUILD_VERSION
         }
 
         updates[connectionsRefinstancesId + connection] = device_model;
 
         this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> getPermission > updateToken in DB', updates);
-        this.firebase.database().ref().update(updates)
+        firebase.database().ref().update(updates)
     }
     // ********** PRIVATE METHOD - END ****************//
 

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

@@ -102,6 +102,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         this.chat21Service.chatClient.lastMessages(this.conversationWith, (err, messages) => {
             if (!err) {
                 this.logger.log('[MQTTConversationHandlerSERVICE] message lastMessages:', messages);
+                messages.sort(compareValues('timestamp', 'asc'));
                 messages.forEach(message => {
                     // this.addedMessage(msg);
                     const msg: MessageModel = message;        

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

@@ -1,49 +1,48 @@
-
 import { Injectable } from '@angular/core';
 // services
 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 from "firebase/app";
+import 'firebase/messaging';
+import 'firebase/auth';
 // chat21
 import { Chat21Service } from './chat-service';
 
-// @Injectable({ providedIn: 'root' })
-@Injectable()
+@Injectable({
+    providedIn: 'root'
+  })
 export class MQTTNotifications extends NotificationsService {
-  
+    
   // public BUILD_VERSION: string;
   private FCMcurrentToken: string;
   private userId: string;
   private tenant: string;
   private vapidkey: string;
-  private firebase: any;
-
+  private platform: string;
   private logger: LoggerService = LoggerInstance.getInstance();
 
   constructor(
-    public chat21Service: Chat21Service
+    public chat21Service: Chat21Service,
   ) {
     super();
   }
 
-  async initialize(tenant: string, vapId: string) {
+  initialize(tenant: string, vapId: string, platform: string): void {
     this.tenant = tenant;
     this.vapidkey = vapId;
-
-    const { default: firebase} = await import("firebase/app");
-    this.firebase = firebase
-
+    platform === 'desktop'? this.platform = 'ionic' : this.platform = platform
+    this.logger.log('[MQTTNotificationService] initialize - tenant ', this.tenant, this.platform)
     return;
   }
     
   getNotificationPermissionAndSaveToken(currentUserUid) {
+    console.log("[MQTTNotificationService] getNotificationPermissionAndSaveToken()",currentUserUid);
     this.userId = currentUserUid;
-    if (this.firebase.messaging.isSupported()) {
-      const messaging = this.firebase.messaging();
+    if (firebase.messaging.isSupported()) {
+      console.log("[MQTTNotificationService] firebase.messaging.isSupported -> YES");
+      const messaging = firebase.messaging();
       // messaging.requestPermission()
       Notification.requestPermission().then((permission) => {
         if (permission === 'granted') {
@@ -61,6 +60,28 @@ export class MQTTNotifications extends NotificationsService {
       });
     } else {
       this.logger.log('[MQTTNotificationService] >>>> FIREBASE MESSAGING IS NOT SUPPORTED')
+
+      // if(this.platform == 'android' || this.platform === 'ios'){
+      //   this.logger.log('[MQTTNotificationService] >>>> FIREBASE MESSAGING: use FCM plugin')
+      //   this.fcm.onTokenRefresh().subscribe(FCMtoken => {
+      //     // Register your new token in your back-end if you want
+      //     // backend.registerToken(token);
+      //     this.FCMcurrentToken = FCMtoken;
+      //     console.log("[MQTTNotificationService] FCM: onTokenRefresh --->", FCMtoken);
+      //     this.saveToken(FCMtoken, currentUserUid)
+      //   });
+      //   this.fcm.requestPushPermission().then((permission) => {
+      //     console.log("[MQTTNotificationService] FCM: requestPushPermission --->", permission);
+      //     if(permission === true){
+      //       this.fcm.getToken().then(FCMtoken => {
+      //         console.log("[MQTTNotificationService] FCM: getToken --->", FCMtoken);
+      //         this.FCMcurrentToken = FCMtoken;
+      //         this.saveToken(FCMtoken, currentUserUid)
+      //       });
+      //     }
+      //   });
+        
+      // }
     }
   }
 
@@ -83,7 +104,7 @@ export class MQTTNotifications extends NotificationsService {
       let connectionsRefURL = '';
       if (connectionsRefinstancesId) {
         connectionsRefURL = connectionsRefinstancesId + self.FCMcurrentToken;
-        const connectionsRef = this.firebase.database().ref().child(connectionsRefURL);
+        const connectionsRef = firebase.database().ref().child(connectionsRefURL);
         self.logger.log('[MQTTNotificationService] >>>> connectionsRef ', connectionsRef);
         self.logger.log('[MQTTNotificationService] >>>> connectionsRef url ', connectionsRefURL);
         connectionsRef.off()
@@ -107,7 +128,7 @@ export class MQTTNotifications extends NotificationsService {
     const device_model = {
       device_model: navigator.userAgent,
       language: navigator.language,
-      platform: 'ionic',
+      platform: this.platform,
       platform_version: this.BUILD_VERSION
     }
     this.chat21Service.chatClient.saveInstance(FCMcurrentToken,device_model,(err, response) => {

package/src/chat21-core/providers/scripts/script.service.spec.ts

@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ScriptService } from './script.service';
+
+describe('ScriptService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: ScriptService = TestBed.get(ScriptService);
+    expect(service).toBeTruthy();
+  });
+});

package/src/chat21-core/providers/scripts/script.service.ts

@@ -0,0 +1,71 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ScriptService {
+
+  private scriptList: Array<{name: string, loaded: boolean, src: string}> = []
+  private logger: LoggerService = LoggerInstance.getInstance();
+  
+  constructor(
+    public http: HttpClient,
+  ) { }
+
+  buildScriptArray(globalRemoteJSSrc: string){
+    this.logger.log('[SCRIPT-SERVICE] buildScriptArray globalRemoteJSSrc ', globalRemoteJSSrc);
+    if(!this.isEmpty(globalRemoteJSSrc)){
+      var scriptArray = globalRemoteJSSrc.split(",")
+
+      let count = 0;
+      scriptArray.forEach(element => {
+        count = count + 1;
+        this.scriptList.push({name: element.split('/').pop(), loaded: false, src: element})
+      });
+      this.logger.log('[SCRIPT-SERVICE] buildScriptArray ', this.scriptList);
+      this.load()
+       
+    }
+  }
+
+  load() {
+    this.logger.log('[SCRIPT-SERV] load ...scripts ', this.scriptList)
+    var promises: any[] = [];
+    this.scriptList.forEach((script) => promises.push(this.loadScript(script)));
+    return Promise.all(promises).catch((err) => {
+        // log that I have an error, return the entire array;
+        this.logger.error('A promise failed to resolve', err);
+
+    });
+  }
+
+
+  loadScript(currentScript){
+    this.logger.log('[SCRIPT-SERVICE] load script:', currentScript);
+    return new Promise((resolve, reject) => {
+      //resolve if already loaded
+      if (currentScript.loaded) {
+        resolve({ script: currentScript.name, loaded: true, status: 'Already Loaded' });
+      }
+      else {
+        //load script
+        let script = document.createElement('script')
+        script.type = 'text/javascript';
+        script.src = currentScript.src;
+        script.onload = () => {
+            currentScript.loaded = true;
+            resolve({ script: name, loaded: true, status: 'Loaded' });
+        }
+        script.onerror = (error: any) => resolve({ script: currentScript.name, loaded: false, status: 'Loaded' });
+        document.getElementsByTagName('head')[0].appendChild(script);
+      }
+    });
+  }
+
+  isEmpty(url: string) {
+    return (url === undefined || url == null || url.length <= 0) ? true : false;
+  }
+}

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

@@ -38,12 +38,20 @@ export const BCK_COLOR_CONVERSATION_UNSELECTED = '#FFFFFF ';
 
 export const TYPE_SUPPORT_GROUP = 'support-group';
 export const CHANNEL_TYPE_GROUP = 'group';
+export const CHANNEL_TYPE_CHAT21 = 'chat21';
+export const CHANNEL_TYPE_EMAIL = 'email';
+export const CHANNEL_TYPE_FORM = 'form';
+export const CHANNEL_TYPE_MESSANGER = 'messanger';
+export const CHANNEL_TYPE_WHATSAPP = 'whatsapp';
+export const CHANNEL_TYPE_TELEGRAM = 'telegram';
 
 // TYPES MESSAGES
 export const TYPE_MSG_TEXT = 'text';
 export const TYPE_MSG_IMAGE = 'image';
 export const TYPE_MSG_FILE = 'file';
 export const TYPE_MSG_BUTTON = 'button';
+export const TYPE_MSG_EMAIL = 'email';
+export const TYPE_MSG_FORM = 'form';
 
 export const MAX_WIDTH_IMAGES = 230;
 export const MIN_WIDTH_IMAGES = 130;