@chat21/chat21-web-widget 5.0.56-rc.1 → 5.0.56-rc.3

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

@@ -1,7 +1,6 @@
-import { Globals } from 'src/app/utils/globals';
-import { Component, Input, OnInit, SimpleChanges, EventEmitter, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { saveAs } from 'file-saver';
 import { popupUrl } from 'src/chat21-core/utils/utils';
-import { saveAs} from 'file-saver';
 
 @Component({
   selector: 'chat-image',

package/src/app/component/message/info-message/info-message.component.html

@@ -6,7 +6,8 @@
     </div>
       
     <div style="max-width: 70%;">
-        <span class="base_info" [innerHTML]="message?.text | marked" tooltip="{{message.timestamp | amTimeAgo}} ({{message.timestamp | amLocal | amDateFormat: 'L HH:mm:ss'}})"  placement="left" contentType="template"></span>
+        
+        <span class="base_info" [innerHTML]="message?.text | marked" tooltip="{{message.timestamp | dateAgo}} ({{message.timestamp | date:'shortDate'}} {{message.timestamp | date:'HH:mm:ss'}})"  placement="left" contentType="template"></span>
         <!-- <ng-template #timeTooltipLeft>
             <span>{{message.timestamp | amTimeAgo}} ({{message.timestamp | amLocal | amDateFormat: 'L HH:mm:ss'}})</span>
         </ng-template>  -->

package/src/app/component/message/info-message/info-message.component.scss

@@ -1,4 +1,4 @@
-@import 'src/app/sass/variables';
+// @import 'src/app/sass/variables';
 
 .info-container{
     display: flex;
@@ -14,9 +14,9 @@
     padding-right: 4px;
     padding: 6px 10px;
     display: inline-block;
-    background: $bkg-color-info-message;
+    background: var(--bkg-color-info-message);
     font-size: 10px;
-    color: $base-gray;
+    color: var(--base-gray);
     margin-left: 5px; //32px;
     margin-right: 5px; //32px;
 }
@@ -50,15 +50,15 @@
 }
 
 .spinner .bounce1 {
-    background-color: $bkg-color-info-message;
+    background-color: var(--bkg-color-info-message);
 }
 
 .spinner .bounce2 {
-    background-color:$bkg-color-info-message;
+    background-color:var(--bkg-color-info-message);
     opacity: 0.6
 }
 
 .spinner .bounce3 {
-    background-color:$bkg-color-info-message;
+    background-color:var(--bkg-color-info-message);
     opacity: 0.4
 }

package/src/app/component/message/like-unlike/like-unlike.component.scss

@@ -1,4 +1,4 @@
-@import 'src/app/sass/variables';
+// @import 'src/app/sass/variables';
 
 :host{
     // --borderRadius: #{$border-radius-bubble-message};

package/src/app/component/message/like-unlike/like-unlike.component.ts

@@ -1,6 +1,6 @@
-import { LoggerInstance } from './../../../../chat21-core/providers/logger/loggerInstance';
-import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { Component, OnInit } from '@angular/core';
+import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { LoggerInstance } from './../../../../chat21-core/providers/logger/loggerInstance';
 
 @Component({
   selector: 'chat-like-unlike',

package/src/app/component/message/text/text.component.scss

@@ -1,4 +1,4 @@
-@import 'src/app/sass/variables';
+// @import 'src/app/sass/variables';
 
 .message_innerhtml {
     margin: 0px;

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

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output, Sanitizer } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
   selector: 'chat-text',

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

@@ -1,4 +1,4 @@
-import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 // models
 import { MessageModel } from '../../../models/message';

package/src/app/component/selection-department/selection-department.component.scss

@@ -1,13 +1,13 @@
-@import 'src/app/sass/variables';
+// @import 'src/app/sass/variables';
 // @import '../../../sass/normalize.css';
 
 
 #chat21-selection-department {
 
-    --backgroundColor: #{$light-white};
-    --textColor: #{$blue};
-    --hoverBackgroundColor: #{$blue};
-    --hoverTextColor: #{$light-white};
+    --backgroundColor: #{var(--light-white)};
+    --textColor: #{var(--blue)};
+    --hoverBackgroundColor: #{var(--blue)};
+    --hoverTextColor: #{var(--light-white)};
 
     background-color: #ffffff;
     width: 100%;
@@ -72,7 +72,7 @@
                 padding: 0;
                 margin: 0;
                 line-height: 1.2em;
-                color: $gray;
+                color: var(--gray);
                 font-size: 1.6em;
                 text-align: center;
                 word-wrap: break-word;

package/src/app/component/selection-department/selection-department.component.ts

@@ -1,10 +1,10 @@
+import { AfterViewInit, Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
-import { Component, OnInit, Output, EventEmitter, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
 import { Globals } from '../../utils/globals';
 
-import { DepartmentModel } from 'src/models/department';
 import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { DepartmentModel } from 'src/models/department';
 
 @Component({
     selector: 'chat-selection-department',

package/src/app/component/send-button/send-button.component.ts

@@ -1,5 +1,4 @@
-import { ConversationFooterComponent } from './../conversation-detail/conversation-footer/conversation-footer.component';
-import { Component, OnInit, EventEmitter, Output } from '@angular/core';
+import { Component, EventEmitter, OnInit, Output } from '@angular/core';
 import { Globals } from '../../utils/globals';
 
 @Component({

package/src/app/component/star-rating-widget/star-rating-widget.component.scss

@@ -1,6 +1,6 @@
 // @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
 // @import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
-@import 'src/app/sass/variables';
+// @import 'src/app/sass/variables';
 
 #chat21-star-rating-widget {
   background-color: #ffffff;
@@ -85,13 +85,13 @@
       .default-title {
         font-size: 2em;
         font-family:'Roboto';
-        color:$black;
+        color:var(--black);
       }
       .default-text {
         font-size: 1.4em;
         font-family:'Roboto';
         // line-height: 1.2em;
-        color:$black;
+        color:var(--black);
         margin: 0 0 4px 0;
       }
       .step-rate{
@@ -233,12 +233,12 @@
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       padding: 10px;
-      color: $black;
+      color: var(--black);
       width: calc(100% - 40px);
       height: 110px;
       resize: none;
       font-size: 13px;
-      border-radius: $chat-footer-border-radius;
+      border-radius: var(--chat-footer-border-radius);
       background-color: #fafafa;
       text-align: left;
       font-weight: 300;
@@ -285,4 +285,4 @@
     color: rgb(42, 106, 193);
   }
   
-}
+}

package/src/app/component/star-rating-widget/star-rating-widget.component.ts

@@ -1,8 +1,8 @@
-import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
-import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { StarRatingWidgetService } from 'src/app/providers/star-rating-widget.service';
 import { Globals } from 'src/app/utils/globals';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
 
 @Component({

package/src/app/pipe/date-ago.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { DateAgoPipe } from './date-ago.pipe';
+
+describe('DateAgoPipe', () => {
+  it('create an instance', () => {
+    const pipe = new DateAgoPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

package/src/app/pipe/date-ago.pipe.ts

@@ -0,0 +1,42 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+import * as dayjs from 'dayjs'
+import * as relativeTime from 'dayjs/plugin/relativeTime'
+dayjs.extend(relativeTime)
+
+@Pipe({
+  name: 'dateAgo',
+  pure: true
+})
+export class DateAgoPipe implements PipeTransform {
+
+  transform(value: any, args?: any): any {
+    if (value) {
+        // const seconds = Math.floor((+new Date() - +new Date(value)) / 1000);
+        // if (seconds < 29) // less than 30 seconds ago will show as 'Just now'
+        //     return 'Just now';
+        // const intervals: { [key: string]: number } = {
+        //     'year': 31536000,
+        //     'month': 2592000,
+        //     'week': 604800,
+        //     'day': 86400,
+        //     'hour': 3600,
+        //     'minute': 60,
+        //     'second': 1
+        // };
+        // let counter;
+        // for (const i in intervals) {
+        //     counter = Math.floor(seconds / intervals[i]);
+        //     if (counter > 0)
+        //         if (counter === 1) {
+        //             return counter + ' ' + i + ' ago'; // singular (1 day ago)
+        //         } else {
+        //             return counter + ' ' + i + 's ago'; // plural (2 days ago)
+        //         }
+        // }
+        value = dayjs(value).fromNow()
+    }
+    return value;
+}
+
+}

package/src/app/providers/app-config.service.ts

@@ -13,7 +13,6 @@ export class AppConfigService {
 
   constructor(private http: HttpClient, public g: Globals) {
     this.appConfig = environment;
-    // console.debug('chat21-web-widget environment: ', environment);
   }
 
   loadAppConfig() {

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

@@ -1,20 +1,17 @@
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { LogLevel } from './../../chat21-core/utils/constants';
 import { ElementRef, Injectable } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 
 // services
 import { Globals } from '../utils/globals';
-import { getImageUrlThumb, stringToBoolean, convertColorToRGBA, getParameterByName, stringToNumber, detectIfIsMobile } from '../utils/utils';
+import { convertColorToRGBA, detectIfIsMobile, getImageUrlThumb, getParameterByName, stringToBoolean } from '../utils/utils';
 
 import { TemplateBindingParseResult } from '@angular/compiler';
-import { AppConfigService } from './app-config.service';
-import { __core_private_testing_placeholder__ } from '@angular/core/testing';
-import { ProjectModel } from '../../models/project';
 import { AppStorageService } from '../../chat21-core/providers/abstract/app-storage.service';
 import { LoggerService } from '../../chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from '../../chat21-core/providers/logger/loggerInstance';
-import { invertColor, isJsonArray, isJsonString } from '../../chat21-core/utils/utils';
+import { invertColor, isJsonArray } from '../../chat21-core/utils/utils';
+import { AppConfigService } from './app-config.service';
 
 
 @Injectable()
@@ -1749,21 +1746,8 @@ export class GlobalSettingsService {
         this.globals.departments = departments;
         if (departments.length === 1) {
             // UN SOLO DEPARTMENT
-            const department = departments[0];
             this.logger.debug('[GLOBAL-SET] initDepartments DEPARTMENT FIRST ::::', departments[0]);
             this.globals.setParameter('departmentDefault', departments[0]);
-            if (department && department.online_msg && department.online_msg !== '') {
-                this.globals.online_msg = department.online_msg;
-            }
-            if (department && department.offline_msg && department.offline_msg !== '') {
-                this.globals.offline_msg = department.offline_msg;
-            }
-            // if (department['offline_msg']) {
-            //     this.globals.offline_msg = department['offline_msg'];
-            // }
-            // if (department['online_msg']) {
-            //     this.globals.online_msg = department['online_msg'];
-            // }
             this.setDepartment(departments[0]);
             // return false;
         } else if (departments.length > 1) {
@@ -1773,18 +1757,6 @@ export class GlobalSettingsService {
             departments.forEach(department => {
                 if (department['default'] === true) {
                     // this.globals.departmentDefault = department;
-                    if (department && department.online_msg && department.online_msg !== '') {
-                        this.globals.online_msg = department.online_msg;
-                    }
-                    if (department && department.offline_msg && department.offline_msg !== '') {
-                        this.globals.offline_msg = department.offline_msg;
-                    }
-                    // if (department['offline_msg']) {
-                    //     this.globals.offline_msg = department['offline_msg'];
-                    // }
-                    // if (department['online_msg']) {
-                    //     this.globals.online_msg = department['online_msg'];
-                    // }
                     // console.log('this.globals.offline_msg ::::', department['offline_msg']);
                     // console.log('this.globals.online_msg ::::', department['online_msg']);
                     // departments.splice(i, 1);

package/src/app/providers/star-rating-widget.service.ts

@@ -1,13 +1,13 @@
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { Observable, BehaviorSubject } from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 
 // services
-import { Globals } from 'src/app/utils/globals';
+import { map } from 'rxjs/operators';
 import { AppConfigService } from 'src/app/providers/app-config.service';
-import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { Globals } from 'src/app/utils/globals';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
-import { map } from 'rxjs/operators';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
 
 @Injectable()

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

@@ -1,18 +1,17 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-// import * as translations from '../utils/translations';
 import { TranslateService } from '@ngx-translate/core';
 import { environment } from '../../environments/environment';
 
-import { throwError as observableThrowError, Observable } from 'rxjs';
-import { catchError, tap } from 'rxjs/operators';
+import { throwError as observableThrowError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
 // import 'rxjs/add/observable/throw';
 // import 'rxjs/add/operator/catch';
 import { Globals } from '../utils/globals';
 
-import { AppConfigService } from './app-config.service';
 import { LoggerService } from '../../chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from '../../chat21-core/providers/logger/loggerInstance';
+import { AppConfigService } from './app-config.service';
 
 @Injectable()
 export class TranslatorService {
@@ -20,7 +19,6 @@ export class TranslatorService {
   private defaultLanguage = 'en'; // default language
   private language: string; // user language
   private logger: LoggerService = LoggerInstance.getInstance()
-  // private translations: Object;
 
   translated_string: any;
   baseLocation: string;
@@ -215,8 +213,6 @@ export class TranslatorService {
       'LABEL_TU',
       'LABEL_PLACEHOLDER',
       'LABEL_START_NW_CONV',
-      'LABEL_FIRST_MSG',
-      'LABEL_FIRST_MSG_NO_AGENTS',
       'LABEL_SELECT_TOPIC',
       'LABEL_COMPLETE_FORM',
       'LABEL_FIELD_NAME',
@@ -271,8 +267,6 @@ export class TranslatorService {
       globals.LABEL_TU = res['LABEL_TU']
       globals.LABEL_PLACEHOLDER = res['LABEL_PLACEHOLDER']
       globals.LABEL_START_NW_CONV = res['LABEL_START_NW_CONV'];
-      globals.LABEL_FIRST_MSG = res['LABEL_FIRST_MSG'];
-      globals.LABEL_FIRST_MSG_NO_AGENTS = res['LABEL_FIRST_MSG_NO_AGENTS'];
       globals.LABEL_SELECT_TOPIC = res['LABEL_SELECT_TOPIC'];
       globals.LABEL_COMPLETE_FORM = res['LABEL_COMPLETE_FORM'];
       globals.LABEL_FIELD_NAME = res['LABEL_FIELD_NAME'];
@@ -342,8 +336,6 @@ export class TranslatorService {
     // console.log('»»»»» globals', globals)
     // globals.LABEL_PLACEHOLDER = this.translateForKey('LABEL_PLACEHOLDER') // done
     // globals.LABEL_START_NW_CONV = this.translateForKey('LABEL_START_NW_CONV'); // done
-    // globals.LABEL_FIRST_MSG = this.translateForKey('LABEL_FIRST_MSG'); // done
-    // globals.LABEL_FIRST_MSG_NO_AGENTS = this.translateForKey('LABEL_FIRST_MSG_NO_AGENTS'); // done
     // globals.LABEL_SELECT_TOPIC = this.translateForKey('LABEL_SELECT_TOPIC'); // done
     // globals.LABEL_COMPLETE_FORM = this.translateForKey('LABEL_COMPLETE_FORM'); // done
     // globals.LABEL_FIELD_NAME = this.translateForKey('LABEL_FIELD_NAME'); // done

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

@@ -1,9 +1,9 @@
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
-import { Globals } from '../utils/globals';
-import { AppConfigService } from '../providers/app-config.service';
 import { map } from 'rxjs/operators';
+import { AppConfigService } from '../providers/app-config.service';
+import { Globals } from '../utils/globals';
 
 @Injectable()
 export class WaitingService {

package/src/app/sass/_variables.scss

@@ -1,36 +1,39 @@
 // =========== COLORS =============== //
-$black: #1a1a1a;
-$light-white: #f7f7f7;
-$gray: #aaaaaa;
-$dark-gray: #5f6368;
-$light-gray: #eeeeee;
-$base-gray: #666666;
-$red: red;
-$danger: #a94442;
-$blue: rgb(42, 106, 193);
-
-$trasp-light-gray: rgba(191, 191, 191, 0.2);
-$trasp-black:rgba(0,0,0,0.8);
-$trasp-light-black:rgba(0,0,0,0.2);
+:root{
+    --black: #1a1a1a;
+    --light-white: #f7f7f7;
+    --gray: #aaaaaa;
+    --dark-gray: #5f6368;
+    --light-gray: #eeeeee;
+    --base-gray: #666666;
+    --danger: #a94442;
+    --blue: rgb(42, 106, 193);
+
+    --trasp-light-gray: rgba(191, 191, 191, 0.2);
+    $trasp-black:rgba(0,0,0,0.8);
+    --trasp-light-black:rgba(0,0,0,0.2);
 
-// $theme-color: rgb(42, 106, 193);
-/** conversation **/
-$bck-msg-sent: rgb(98, 168, 234);
-$col-msg-sent: #ffffff;
+    // $theme-color: rgb(42, 106, 193);
+    /** conversation **/
+    --bck-msg-sent: rgb(98, 168, 234);
+    --col-msg-sent: #ffffff;
 
-$border-radius-bubble-message: 20px;
-$button-in-msg-font-size: 15px;
-$button-in-msg-max-width: 280px;
+    --border-radius-bubble-message: 20px;
+    --button-in-msg-font-size: 15px;
+    --button-in-msg-max-width: 280px;
 
-$max-width-images: 230px; //change also MAX_WIDTH_IMAGES in constants.ts
+    --max-width-images: 230px; //change also MAX_WIDTH_IMAGES in constants.ts
 
-$bkg-color-info-message: rgba(24, 119, 242, 0.1);
+    --bkg-color-info-message: rgba(24, 119, 242, 0.1);
 
-$chat-footer-height: 56px;
-$chat-footer-border-radius: 16px;
-$chat-footer-background-color: #f6f7fb;
+    --chat-footer-height: 56px;
+    --chat-footer-border-radius: 16px;
+    --chat-footer-background-color: #f6f7fb;
 
-$icon-fill-color: #5f6368
+    --icon-fill-color: #5f6368
+}
+
+$trasp-black:rgba(0,0,0,0.8);
 
 
 

package/src/app/utils/globals.ts

@@ -1,14 +1,14 @@
 import { Injectable } from '@angular/core';
-import { environment } from '../../environments/environment';
 import { BehaviorSubject } from 'rxjs';
+import { environment } from '../../environments/environment';
 
 /** CONSTANTS */
 import { CHANNEL_TYPE_GROUP } from 'src/chat21-core/utils/constants';
 
 /** MODELS */
+import { DepartmentModel } from 'src/models/department';
 import { ProjectModel } from 'src/models/project';
 import { UserAgent } from 'src/models/userAgent';
-import { DepartmentModel } from 'src/models/department';
 
 /** UTILS FUNCTIONS */
 import { avatarPlaceholder, detectIfIsMobile, getParameterByName, setColorFromString } from 'src/app/utils/utils';
@@ -21,17 +21,13 @@ import { Rule } from 'src/models/rule';
   })
 export class Globals {
 
-  obsObjChanged = new BehaviorSubject<any>(null);
-  obsIsOpen = new BehaviorSubject<boolean>(null);
-
   BASE_LOCATION = 'https://widget.tiledesk.com/v2';
   POWERED_BY ='<a tabindex="-1" target="_blank" href="http://www.tiledesk.com/?utm_source=widget"><img src="https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-logo_new_gray.svg"/></a>'
   DEFAULT_LOGO_CHAT = '/assets/images/tiledesk_logo_white_small.svg';
-  WIDGET_TITLE = 'Tiledesk';
 
   // ============ BEGIN: SET FUNCTION BY UTILS ==============//
   // getParameterByName = getParameterByName;
-  convertColorToRGBA = convertColorToRGBA;
+  // convertColorToRGBA = convertColorToRGBA;
   // ============ BEGIN: SET INTERNAL PARAMETERS ==============//
 
   project = new ProjectModel();
@@ -43,11 +39,9 @@ export class Globals {
   isLogged: boolean;
   soundEnabled: boolean;
   BUILD_VERSION: String;
-  filterSystemMsg: boolean; /** se è true i messaggi inviati da system non vengono visualizzati */
   baseLocation: string;
   availableAgents: Array<UserAgent> = [];
-  isLogout = false; /** indica se ho appena fotto il logout */
-
+  
   attributes: any;
   preChatFormJson: any; // *******  new ********
   token: string;
@@ -70,20 +64,16 @@ export class Globals {
   // areAgentsAvailable = false;
   areAgentsAvailableText: string;
   availableAgentsStatus = false; // indica quando è impostato lo stato degli agenti nel subscribe
-  signInWithCustomToken: boolean;
   displayEyeCatcherCard: string;
 
   firstOpen = true;
   departmentID = null;
   privacyApproved = false;
-  startedAt = new Date();
 
   // ============ BEGIN: LABELS ==============//
   LABEL_TU: string;
   LABEL_PLACEHOLDER: string;
   LABEL_START_NW_CONV: string;
-  LABEL_FIRST_MSG: string;
-  LABEL_FIRST_MSG_NO_AGENTS: string;
   LABEL_SELECT_TOPIC: string;
   LABEL_COMPLETE_FORM: string;
   LABEL_FIELD_NAME: string;
@@ -188,9 +178,6 @@ export class Globals {
    showLogoutOption: boolean;
    supportMode: boolean;
 
-   online_msg: string;
-   offline_msg: string;
-
    customAttributes: any;
    showAttachmentButton: boolean;
    showAllConversations: boolean;
@@ -232,7 +219,6 @@ export class Globals {
    */
   initDefafultParameters() {
     this.globalsParameters = {};
-    this.filterSystemMsg = true;
 
     let wContext: any = window;
     if (window.frameElement && window.frameElement.getAttribute('tiledesk_context') === 'parent') {
@@ -406,9 +392,6 @@ export class Globals {
 
     this.showLogoutOption = false;
 
-    this.offline_msg = this.LABEL_FIRST_MSG_NO_AGENTS;
-    this.online_msg = this.LABEL_FIRST_MSG;
-
     this.isOpenNewMessage = false;
     this.showAttachmentButton = true;
     this.showAllConversations = true;
@@ -443,11 +426,6 @@ export class Globals {
     // this.parameters['BUILD_VERSION'] = 'v.' + environment.version;
     // this.parameters.push({'BUILD_VERSION': 'v.' + environment.version});
 
-    this.filterSystemMsg = true;
-    /** ???? scolpito in MessagingService. se è true i messaggi inviati da system non vengono visualizzati */
-    // this.parameters['filterSystemMsg'] = true;
-    // this.parameters.push({'filterSystemMsg': true});
-
     this.soundEnabled = true;
     // this.parameters['soundEnabled'] = true;
     // this.parameters.push({'soundEnabled': true});
@@ -459,10 +437,6 @@ export class Globals {
     this.isOpenMenuOptions = false;
     // this.parameters['isOpenMenuOptions'] = false;
     // this.parameters.push({'isOpenMenuOptions': false});
-                                                        /** open/close menu options  */
-    this.signInWithCustomToken = false;
-    // this.parameters['signInWithCustomToken'] = false;
-    // this.parameters.push({'signInWithCustomToken': false});
 
     this.displayEyeCatcherCard = 'none';
     // this.parameters['displayEyeCatcherCard'] = 'none';
@@ -622,7 +596,6 @@ export class Globals {
     this.isOpen = val;
     this.setParentBodyStyleMobile(val, this.isMobile)
     this.setElementStyle(val)
-    this.obsIsOpen.next(val);
   }
 
   /**
@@ -634,9 +607,6 @@ export class Globals {
     // storage = true;
     this[key] = val;
     const obj = {'key': key, 'val': val};
-    if (storage === true) {
-      this.obsObjChanged.next(obj);
-    }
   }
 
   /**

package/src/app/utils/rules.ts

@@ -1,13 +1,12 @@
+import { Injectable } from '@angular/core';
 import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
-import { Globals } from './globals';
-import { UserModel } from './../../chat21-core/models/user';
-import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
-import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { TiledeskRequestsService } from 'src/chat21-core/providers/tiledesk/tiledesk-requests.service';
-import { Inject, Injectable } from '@angular/core';
-import { IRules, Rule } from 'src/models/rule';
 import { getDateDifference } from 'src/chat21-core/utils/utils';
+import { Rule } from 'src/models/rule';
+import { UserModel } from './../../chat21-core/models/user';
+import { Globals } from './globals';
 
 
 @Injectable({
@@ -60,7 +59,6 @@ export class Rules {
             message[0]['message'].sourcePage = this.g.attributes['sourcePage']
             message[0]['message'].language = this.g.lang
             message[0]['message'].departmentid = this.g.attributes.departmentId
-            console.log('message[0]', message[0]['message'])
             this.tiledeskRequestsService.sendMessageToRequest(this.request_id, this.tiledeskToken, message[0]['message'])
         }
     }