@chat21/chat21-ionic 3.0.90-rc.4 → 3.0.90-rc.6

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # chat21-ionic ver 3.0
 
+### 3.0.90-rc.6
+- changed: dimension of bottom tiledesk logo in left sidebar
+- removed: isDev control
+
+### 3.0.90-rc.5
+- added: implementation of conversationChangedDetailed in MQTTConversationsHandler service
+- added: LIVE_PAGE info-message type
+- added: live page info in conversation. header (work in progress)
+- changed: info-message UI
+- bug-fixed: options-container not has transparent background if one emotion is present
+- bug-fixed: modals not closed on ESC keyboard button
+- removed: forward of logs to server
+
 ### 3.0.90-rc.4
 - added: splitMessage in MQTTConversationHandler service
 - changed: aligned FirebaseConversationHandler service to widget

package/README.md

@@ -74,6 +74,7 @@ Use [Docker Compose Tiledesk installation guide](https://github.com/Tiledesk/til
         production: false,
         remoteConfig: true,
         remoteConfigUrl: '/chat-config.json',
+        globalRemoteJSSrc: "https://<YOUR_CUSTOM_SCRIPT_1>, https://<YOUR_CUSTOM_SCRIPT_2>"
         chatEngine: "mqtt", // OR YOUR CUSTOM CHAT ENGINE
         updloaEngine: "native", // OR YOUR CUSTOM UPLOAD ENGINE
         pushEngine:"none", // OR YOUR CUSTOM PUSH ENGINE
@@ -106,7 +107,12 @@ Use [Docker Compose Tiledesk installation guide](https://github.com/Tiledesk/til
     }
   };
   ```
-  
+
+# Load external scripts
+
+
+* `globalRemoteJSSrc`: load external scripts by setting a comma separated script string url.
+
 * `logLevel`: The Chat21-ionic supports 4 log levels. The order is as follows:
   `Error < Warn < Info < Debug`
 

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.90-rc.4",
+    "version": "3.0.90-rc.6",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/app.component.ts

@@ -60,6 +60,7 @@ import * as PACKAGE from 'package.json';
 import { filter } from 'rxjs/operators'
 import { WebSocketJs } from './services/websocket/websocket-js';
 import { Location } from '@angular/common'
+import { ScriptService } from './services/scripts/script.service';
 
 // import { filter } from 'rxjs/operators';
 
@@ -153,6 +154,7 @@ export class AppComponent implements OnInit {
     // private tiledeskService: TiledeskService,
     private networkService: NetworkService,
     public webSocketJs: WebSocketJs,
+    public scriptService: ScriptService,
     public location: Location
   ) {
 
@@ -341,7 +343,7 @@ export class AppComponent implements OnInit {
 
 
     this.initializeApp('oninit');
-    this.initSegment()
+    this.loadCustomScript(appconfig)
     this.listenToPostMsgs();
   }
 
@@ -1045,7 +1047,7 @@ export class AppComponent implements OnInit {
       this.logger.log('[APP-COMP] ***** conversationRemoved *****', conversation);
       if(conversation) { 
         this.updateConversationsOnStorage();
-        isDevMode()? null: this.segmentResolved(conversation)
+        this.segmentResolved(conversation)
       }
     });
   }
@@ -1091,7 +1093,7 @@ export class AppComponent implements OnInit {
 
       this.initConversationsHandler(currentUser.uid);
       this.initArchivedConversationsHandler(currentUser.uid);
-      isDevMode()? null: this.segmentSignIn()
+      this.segmentSignIn()
     }
     this.checkPlatform();
     try {
@@ -1198,7 +1200,7 @@ export class AppComponent implements OnInit {
 
 
     if (hasClickedLogout === true) {
-      isDevMode()? null: this.segmentSignedOut()
+      this.segmentSignedOut()
       this.appStorageService.removeItem('conversations')
       this.isInitialized = false;
       // ----------------------------------------------
@@ -1292,7 +1294,7 @@ export class AppComponent implements OnInit {
   }
 
   private initConversationsHandler(userId: string) {
-    const keys = ['YOU', 'INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU'];
+    const keys = ['YOU'];
     const translationMap = this.translateService.translateLanguage(keys);
 
     this.logger.log('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);
@@ -1346,17 +1348,10 @@ export class AppComponent implements OnInit {
     }
   }
 
-  private initSegment(){
-    if(!isDevMode()){
-      var head  = document.getElementsByTagName('head')[0];
-      var script  = document.createElement('script');
-      script.type="text/javascript";
-      script.text =`!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="qaTU0wG6VH6xPAhOzD2kneI70Txg1fTB";;analytics.SNIPPET_VERSION="4.15.3";
-                    analytics.load("qaTU0wG6VH6xPAhOzD2kneI70Txg1fTB");
-                    analytics.page();
-                    }}();`
-      head.appendChild(script);
-    } 
+  private loadCustomScript(config){
+    if(config.hasOwnProperty("globalRemoteJSSrc")){
+      this.scriptService.buildScriptArray(config['globalRemoteJSSrc'])
+    }
   }
 
   private segmentSignIn(){

package/src/app/app.module.ts

@@ -1,3 +1,4 @@
+import { ScriptService } from './services/scripts/script.service';
 import { ConvertRequestToConversation } from './../chat21-core/utils/convertRequestToConversation';
 import { LogLevel, PUSH_ENGINE_FIREBASE, PUSH_ENGINE_MQTT } from './../chat21-core/utils/constants';
 import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
@@ -280,12 +281,12 @@ const appInitializerFn = (appConfig: AppConfigProvider, logger: NGXLogger) => {
     }),
     LoggerModule.forRoot({
       level: NgxLoggerLevel.DEBUG,
-      serverLogLevel: NgxLoggerLevel.ERROR,
+      // serverLogLevel: NgxLoggerLevel.ERROR,
       timestampFormat: 'HH:mm:ss.SSS',
       enableSourceMaps: false,
       disableFileDetails: true,
       colorScheme: ['purple', 'yellow', 'gray', 'gray', 'red', 'red', 'red'],
-      serverLoggingUrl: 'https://tiledesk-server-pre.herokuapp.com/logs'
+      // serverLoggingUrl: 'https://tiledesk-server-pre.herokuapp.com/logs'
     }),
     ScrollbarThemeModule,
     SharedModule,
@@ -377,7 +378,8 @@ const appInitializerFn = (appConfig: AppConfigProvider, logger: NGXLogger) => {
     Chooser,
     Chat21Service,
     WebSocketJs,
-    ConvertRequestToConversation
+    ConvertRequestToConversation,
+    ScriptService
   ]
 })
 export class AppModule { }

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.scss

@@ -35,7 +35,8 @@
 
 
 //------- MANAGE CHAT-OPTIONS component :: INIT ------- //
-:host .base_sent .msg_sent.no-background ::ng-deep > div{
+:host .base_sent .msg_sent.no-background ::ng-deep > div,
+:host .base_sent .msg_sent.emoticon ::ng-deep > div{
     .options-container{
         background: transparent;
 
@@ -46,7 +47,8 @@
     
 }
 
-:host .base_receive .msg_receive.no-background ::ng-deep > div{
+:host .base_receive .msg_receive.no-background ::ng-deep > div,
+:host .base_receive .msg_receive.emoticon ::ng-deep > div{
     .options-container{
         background: transparent;
 

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.ts

@@ -111,6 +111,7 @@ export class IonConversationDetailComponent extends ConversationContentComponent
     } else if (this.browserLang && stored_preferred_lang) {
       chat_lang = stored_preferred_lang
     }
+
     moment.locale(chat_lang)
     // this.translate.getTranslation(chat_lang).subscribe((labels: string) => {
     //   console.log('[CONVS-DETAIL] translations: ', labels);
@@ -211,7 +212,7 @@ export class IonConversationDetailComponent extends ConversationContentComponent
       component: CreateCannedResponsePage,
       componentProps: attributes,
       swipeToClose: false,
-      backdropDismiss: false,
+      backdropDismiss: true,
     })
     modal.onDidDismiss().then((dataReturned: any) => {
       // 
@@ -231,8 +232,8 @@ export class IonConversationDetailComponent extends ConversationContentComponent
       cssClass: 'json-modal-class',
       componentProps: attributes,
       swipeToClose: false,
-      backdropDismiss: false,
-      keyboardClose: true,
+      backdropDismiss: true,
+      // keyboardClose: true,
     })
     modal.onDidDismiss().then((dataReturned: any) => {
       // 

package/src/app/chatlib/conversation-detail/message/info-message/info-message.component.html

@@ -1,20 +1,20 @@
 <div class="info-container">
-    <!-- <div class="spinner">
+    <div class="spinner">
         <div class="bounce3"></div>
         <div class="bounce2"></div>
         <div class="bounce1"></div>
-    </div> -->
+    </div>
       
-    <div>
+    <div style="max-width: 70%;">
         <span class="base_info" [innerHTML]="message?.text | marked" [options]="tooltipOptions" [tooltip]="timeTooltipLeft"  placement="left" content-type="template"></span>
         <ng-template #timeTooltipLeft>
             <span>{{message.timestamp | amTimeAgo}} ({{message.timestamp | amLocal | amDateFormat: 'L HH:mm:ss'}})</span>
         </ng-template> 
     </div>
     
-    <!-- <div class="spinner">
+    <div class="spinner">
         <div class="bounce1"></div>
         <div class="bounce2"></div>
         <div class="bounce3"></div>
-    </div> -->
+    </div>
 </div>

package/src/app/chatlib/conversation-detail/message/info-message/info-message.component.scss

@@ -3,6 +3,7 @@
     align-content: center;
     justify-content: center;
     padding: 4px 0px 2px 0px;
+    width: 100%;
 }
 
 .base_info {
@@ -17,6 +18,11 @@
     color: var(--basic-gray);
     margin-left: 5px; //32px;
     margin-right: 5px; //32px;
+
+    a {
+        word-break: break-all;
+    }
+
  
 }
 

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.html

@@ -63,10 +63,18 @@
           </div>
         </div>
         
-
+        <!-- <div>
+          <ion-button class="live" ion-button color="danger">
+            <span class="live-icon"></span>
+            <span class="live-text">{{translationsMap.get('LIVE')}}</span>
+            <span class="live-content">source page</span>
+          </ion-button>
+        </div> -->
         
 
       </div>
+
+      
       
 
       <!-- <div *ngIf="conversationWithFullname" class="tile-info-with" (click)="onOpenCloseInfoConversation()">        

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.scss

@@ -222,4 +222,60 @@ ion-header {
     left: 63px;
 }
 
+ion-button.live{
+    --padding-end: 0px;
+    --padding-start: 5px;
+    
+    span.live-icon{
+        display: inline-block;
+        position: relative;
+        // top: calc(50% - 5px);
+        background-color: white;
+        width: 10px;
+        height: 10px;
+        margin-left: 5px;
+        margin-right: 5px;
+        border: 1px solid rgba(black, .1);
+        border-radius: 50%;
+        z-index: 1;
+        &:before{
+          content: '';
+          display: block;
+          position: absolute;
+          background-color: rgba(white,.6);
+          width: 100%;
+          height: 100%;
+          border-radius: 50%;
+          animation: live 2s ease-in-out infinite;
+          z-index: -1;
+        }
+    }
+    
+    span.live-text{
+        color: white;
+        margin-left: 5px;
+        margin-right: 5px;
+    }
+    
+    span.live-content{
+        background-color: white;
+        color: red;
+        margin-left: 5px;
+        padding: 0px 5px;
+        height: 100%;
+        display: flex;
+        align-items: center;
+    }
+    
+    @keyframes live {
+      0% {
+        transform: scale(1,1);
+      }
+      100% {
+        transform: scale(3.5,3.5);
+        background-color: rgba(red,0);
+      }
+    }
+}
+
 

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.ts

@@ -27,10 +27,12 @@ import { TYPE_DIRECT, TYPE_SUPPORT_GROUP } from 'src/chat21-core/utils/constants
   styleUrls: ['./header-conversation-detail.component.scss'],
 })
 export class HeaderConversationDetailComponent implements OnInit, OnChanges {
+
   @Input() conversationAvatar: any
   @Input() idLoggedUser: string
   @Input() conversationUid: string
   @Input() conv_type: string
+  @Input() liveInfo: {sourcePage: string, sourceTitle: string}
   @Input() isMobile: boolean
   @Input() translationsMap: Map<string, string>
   conversationWithFullname: string

package/src/app/components/sidebar/sidebar.component.html

@@ -226,9 +226,9 @@
       <!-- LOGO TILEDESK  (click)="goToOfficialSite()" -->
       <!-- ------------------------------------------- -->
       <li  matTooltipClass="custom-mat-tooltip" matTooltip="Tiledesk" class="logo"
-        #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100" style="text-align: center;">
+        #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100" style="text-align: center;min-height:43px">
           <a target="_blank" href="{{ tiledesk_url }}" class="customAncor">
-            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="40px" x="0px" y="0px" viewBox="0 0 60 60" xml:space="preserve">
+            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="30px" x="0px" y="0px" viewBox="0 0 60 60" xml:space="preserve">
               <path fill="#F18876" d="M51.8,28.2h-19c-1.7,0-3-1.3-3-3V6.4c0-1.7-1.3-3-3-3H8c-1.7,0-3,1.3-3,3v22v22c0,1.7,1.3,3,3,3H6.7h3.4  c0.8,0,1.3,0.2,1.9,0.8l2.3,2.3l2.1,2.1c0.8,0.8,1.7,0.8,2.4,0l2.1-2.1l2.3-2.3c0.6-0.6,1.1-0.8,1.9-0.8H52c1.7,0,3-1.3,3-3V31.2  C54.8,29.5,53.5,28.2,51.8,28.2"/>
               <path fill="#E5BBAD" d="M52,24.2H36.8c-1.5,0-2.8-1.3-2.8-2.8V6.2c0-1.5,1.3-2.8,2.8-2.8H52c1.5,0,2.8,1.3,2.8,2.8v15.2  C54.8,22.9,53.5,24.2,52,24.2"/>
             </svg>

package/src/app/pages/conversation-detail/conversation-detail.page.html

@@ -42,7 +42,8 @@
     [isMobile]="isMobile" 
     [idLoggedUser]="loggedUser.uid"
     [conversationUid]="conversationWith"
-    [conversationAvatar]="conversationAvatar" 
+    [conversationAvatar]="conversationAvatar"
+    [liveInfo]="liveInfo" 
     [translationsMap]="translationsHeaderMap"
     [conv_type]="conv_type">
   </app-header-conversation-detail>

package/src/app/pages/conversation-detail/conversation-detail.page.ts

@@ -127,6 +127,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   public translationsContentMap: Map<string, string> = new Map()
   public conversationAvatar: any
   public leadInfo: {lead_id: string, hasEmail: boolean , email: string, projectId: string};
+  public liveInfo: {sourcePage: string, sourceTitle: string}
   public member: UserModel
   public isFileSelected: boolean
   public showIonContent = false
@@ -650,6 +651,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       'LABEL_TO',
       'LABEL_LAST_ACCESS',
       'ARRAY_DAYS',
+      'LIVE',
       'Resolve',
     ]
 
@@ -682,6 +684,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       'INFO_SUPPORT_LEAD_UPDATED',
       'INFO_SUPPORT_MEMBER_LEFT_GROUP',
       'INFO_SUPPORT_MEMBER_ABANDONED_GROUP',
+      'INFO_SUPPORT_LIVE_PAGE',
       'LABEL_TODAY',
       'LABEL_TOMORROW',
       'LABEL_LAST_ACCESS',
@@ -1051,7 +1054,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
           attributes,
         )
       }
-      isDevMode()? null : this.segmentNewAgentMessage(this.conversation)
+      this.segmentNewAgentMessage(this.conversation)
     }
   }
   // ----------------------------------------------------------
@@ -1106,6 +1109,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
         this.logger.log('[CONVS-DETAIL] subscribe to messageInfo - messageId ', msg, this.conversation)
         if (msg) {
           that.updateLeadInfo(msg)
+          // this.updateLiveInfo(msg)
           // this.setHeaderContent()
         }
       })
@@ -1214,6 +1218,15 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     }
   }
 
+  updateLiveInfo(msg){
+    if(msg.attributes && msg.attributes.hasOwnProperty("sourcePage")){
+      this.liveInfo = { sourcePage: msg.attributes['sourcePage'], sourceTitle: null}
+    }
+    if(msg.attributes && msg.attributes.hasOwnProperty("sourceTitle")){
+      this.liveInfo = { sourcePage: msg.attributes['sourcePage'], sourceTitle: msg.attributes['sourceTitle']}
+    }
+  }
+
   // ----------------------------------------------------------------
   // @ Unsubscribe all subscribed events (called in ionViewWillLeave)
   // ----------------------------------------------------------------

package/src/app/pages/conversations-list/conversations-list.page.ts

@@ -501,7 +501,7 @@ export class ConversationListPage implements OnInit {
         if (conversation) {
           this.onImageLoaded(conversation)
           this.onConversationLoaded(conversation)
-          !isDevMode() && conversation.is_new && this.isInitialized? this.segmentNewConversationAdded(conversation) : null;
+          conversation.is_new && this.isInitialized? this.segmentNewConversationAdded(conversation) : null;
         }
     })
 

package/src/app/services/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/app/services/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/assets/i18n/ar.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"تمت إزالته من المجموعة",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"وقد غادر المحادثة",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "تم تعيين طلب دعم جديد لك",
+  "INFO_SUPPORT_LIVE_PAGE": "انتقل ل",
   "LABEL_PROFILE": "الملف الشخصي",
   "LABEL_CLOSE": "مغلق",
   "LABEL_DISCONNECT": "قطع الاتصال",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"مشاريع حديثه",
     "OTHER_PROJECTS":"مشاريع أخرى"
   },
-  "JSON_RESPONSE":"استجابة JSON"
+  "JSON_RESPONSE":"استجابة JSON",
+  "LIVE":"حاليا"
 }

package/src/assets/i18n/az.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"qrupdan çıxarıldı",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"söhbəti tərk etdi",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Sizə yeni dəstək sorğusu təyin edilib",
+    "INFO_SUPPORT_LIVE_PAGE":"Köçürüldü",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Bağlı",
     "LABEL_DISCONNECT": "Bağlantını kəsin",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Son layihələr",
         "OTHER_PROJECTS":"Digər layihələr"
     },
-    "JSON_RESPONSE":"JSON cavabı"
+    "JSON_RESPONSE":"JSON cavabı",
+    "LIVE":"Canlı"
 }

package/src/assets/i18n/de.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"aus der Gruppe entfernt",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"hat die Unterhaltung verlassen",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Ihnen wurde eine neue Support-Anfrage zugewiesen",
+  "INFO_SUPPORT_LIVE_PAGE":"Umgezogen nach",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Abgeschlossen",
   "LABEL_DISCONNECT": "Trennen",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Letzte Projekte",
     "OTHER_PROJECTS":"Weitere Projekte"
   },
-  "JSON_RESPONSE":"JSON Response"
+  "JSON_RESPONSE":"JSON Response",
+  "LIVE":"Live"
 }

package/src/assets/i18n/en.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"removed from group",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"has left the conversation",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "A new support request has been assigned to you",
+  "INFO_SUPPORT_LIVE_PAGE":"Moved to",
   "LABEL_PROFILE": "Profile",
   "LABEL_CLOSE": "Closed",
   "LABEL_DISCONNECT": "Disconnect",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Recent projects",
     "OTHER_PROJECTS":"Other projects"
   },
-  "JSON_RESPONSE":"JSON Response"
+  "JSON_RESPONSE":"JSON Response",
+  "LIVE":"Live"
 }

package/src/assets/i18n/es.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"eliminado del grupo",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"ha abandonado la conversación",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU":"Se le ha asignado una nueva solicitud de soporte",
+  "INFO_SUPPORT_LIVE_PAGE":"Trasladado a",
   "LABEL_PROFILE": "Perfil",
   "LABEL_CLOSE": "Cerrado",
   "LABEL_DISCONNECT": "Desconectar",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Proyectos recientes",
     "OTHER_PROJECTS":"Otros proyectos"
   },
-  "JSON_RESPONSE":"Respuesta JSON"
+  "JSON_RESPONSE":"Respuesta JSON",
+  "LIVE":"En Vivo"
 }

package/src/assets/i18n/fr.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"supprimé du groupe",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"a quitté la conversation",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Une nouvelle demande de support vous a été attribuée",
+  "INFO_SUPPORT_LIVE_PAGE":"Déplacé vers",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Fermé",
   "LABEL_DISCONNECT": "Déconnecter",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Les projets récents",
     "OTHER_PROJECTS":"Autres projets"
   },
-  "JSON_RESPONSE":"Réponse JSON"
+  "JSON_RESPONSE":"Réponse JSON",
+  "LIVE":"En direct"
 }

package/src/assets/i18n/it.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"rimosso dal gruppo",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP": "ha abbandonato la conversazione",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU":"Una nuova richiesta di supporto è stata assegnata a te",
+    "INFO_SUPPORT_LIVE_PAGE":"Spostato in",
     "LABEL_PROFILE": "Profilo",
     "LABEL_CLOSE": "Chiusa",
     "LABEL_DISCONNECT": "Disconnetti",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Progetti recenti",
         "OTHER_PROJECTS":"Altri progetti"
     },
-    "JSON_RESPONSE":"JSON di risposta"
+    "JSON_RESPONSE":"JSON di risposta",
+    "LIVE":"Live"
 }

package/src/assets/i18n/kk.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"топтан шығарылды",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"әңгімеден шығып кетті",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Сізге жаңа қолдау сұрауы тағайындалды",
+    "INFO_SUPPORT_LIVE_PAGE":"Көшті",
     "LABEL_PROFILE": "Профиль",
     "LABEL_CLOSE": "Жабық",
     "LABEL_DISCONNECT": "Ажырату",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Соңғы жобалар",
         "OTHER_PROJECTS":"Басқа жобалар"
     },
-    "JSON_RESPONSE":"JSON жауабы"
+    "JSON_RESPONSE":"JSON жауабы",
+    "LIVE": "Тікелей эфир"
 }

package/src/assets/i18n/pt.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"removido do grupo",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"deixou a conversa",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Uma nova solicitação de suporte foi atribuída a você",
+  "INFO_SUPPORT_LIVE_PAGE":"Movido para",
   "LABEL_PROFILE": "Perfil",
   "LABEL_CLOSE": "Fechadas",
   "LABEL_DISCONNECT": "Desconectar",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Projetos Recentes",
     "OTHER_PROJECTS":"Outros projetos"
   },
-  "JSON_RESPONSE":"Resposta JSON"
+  "JSON_RESPONSE":"Resposta JSON",
+  "LIVE":"Ao vivo"
 }

package/src/assets/i18n/ru.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"удален из группы",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"вышел из беседы",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Вам назначен новый запрос в службу поддержки",
+  "INFO_SUPPORT_LIVE_PAGE":"Переехал в",
   "LABEL_PROFILE": "Профиль",
   "LABEL_CLOSE": "Закрыто",
   "LABEL_DISCONNECT": "Отключить",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Недавние Проекты",
     "OTHER_PROJECTS":"Другие проекты"
   },
-  "JSON_RESPONSE":"JSON-ответ"
+  "JSON_RESPONSE":"JSON-ответ",
+  "LIVE":"Жить"
 }

package/src/assets/i18n/sr.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"уклоњен из групе",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"је напустио разговор",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Додељен вам је нови захтев за подршку",
+  "INFO_SUPPORT_LIVE_PAGE":"Преселио у",
   "LABEL_PROFILE": "Профил",
   "LABEL_CLOSE": "Затворено",
   "LABEL_DISCONNECT": "Прекини везу",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Недавни пројекти",
     "OTHER_PROJECTS":"Остали пројекти"
   },
-  "JSON_RESPONSE":"ЈСОН одговор"
+  "JSON_RESPONSE":"ЈСОН одговор",
+  "LIVE":"Уживо"
 }

package/src/assets/i18n/sv.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"borttagen från gruppen",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"har lämnat konversationen",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "En ny supportförfrågan har tilldelats dig",
+    "INFO_SUPPORT_LIVE_PAGE":"Flyttade till",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Stängd",
     "LABEL_DISCONNECT": "Koppla ifrån",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Nyliga projekt",
         "OTHER_PROJECTS":"Andra projekt"
     },
-    "JSON_RESPONSE":"JSON-svar"
+    "JSON_RESPONSE":"JSON-svar",
+    "LIVE":"Lev"
 }

package/src/assets/i18n/tr.json

@@ -82,6 +82,7 @@
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"gruptan kaldırıldı",
   "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"görüşmeden ayrıldı",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Size yeni bir destek talebi atandı",
+  "INFO_SUPPORT_LIVE_PAGE":"Şuraya taşındı:",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Kapalı",
   "LABEL_DISCONNECT": "Bağlantıyı kes",
@@ -290,5 +291,6 @@
     "RECENT_PROJECTS":"Son Projeler",
     "OTHER_PROJECTS":"Diğer projeler"
   },
-  "JSON_RESPONSE":"JSON Yanıtı"
+  "JSON_RESPONSE":"JSON Yanıtı",
+  "LIVE":"Canlı"
 }

package/src/assets/i18n/uk.json

@@ -82,6 +82,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"видалено з групи",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"залишив бесіду",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Вам призначено новий запит на підтримку",
+    "INFO_SUPPORT_LIVE_PAGE":"Переїхав до",
     "LABEL_PROFILE": "Профіль",
     "LABEL_CLOSE": "зачинено",
     "LABEL_DISCONNECT": "Від’єднати",
@@ -290,5 +291,6 @@
         "RECENT_PROJECTS":"Останні проекти",
         "OTHER_PROJECTS":"Інші проекти"
     },
-    "JSON_RESPONSE":"Відповідь JSON"
+    "JSON_RESPONSE":"Відповідь JSON",
+    "LIVE":"Жити"
 }

package/src/assets/i18n/uz.json

@@ -83,6 +83,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"guruhdan olib tashlandi",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"suhbatni tark etdi",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Sizga yangi qoʻllab-quvvatlash soʻrovi tayinlandi",
+    "INFO_SUPPORT_LIVE_PAGE":"Koʻchirildi",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Yopiq",
     "LABEL_DISCONNECT": "Ulanishni uzing",
@@ -291,5 +292,6 @@
         "RECENT_PROJECTS":"So'nggi loyihalar",
         "OTHER_PROJECTS":"Boshqa loyihalar"
     },
-    "JSON_RESPONSE":"JSON javobi"
+    "JSON_RESPONSE":"JSON javobi",
+    "LIVE":"Jonli"
 }

package/src/chat-config-pre.json

@@ -1,5 +1,6 @@
 {
     "t2y12PruGU9wUtEGzBJfolMIgK": "CAR:T-PAY:T-ANA:T-ACT:T-APP:T-MTT:T",
+    "globalRemoteJSSrc":"https://console.tiledesk.com/v2/dashboard/scripts/script_2.js, https://console.tiledesk.com/v2/dashboard/scripts/script_2.js",
     "chatEngine": "firebase",
     "uploadEngine": "firebase",
     "pushEngine": "firebase",

package/src/chat-config-template.json

@@ -1,5 +1,6 @@
 {
     "t2y12PruGU9wUtEGzBJfolMIgK": "${FEATURES_TOKEN}",
+    "globalRemoteJSSrc":"${REMOTE_JS_SRC}",
     "chatEngine": "${CHAT21_ENGINE}",
     "uploadEngine": "${UPLOAD_ENGINE}",
     "pushEngine":"${PUSH_ENGINE}",

package/src/chat-config.json

@@ -1,5 +1,6 @@
 {
     "t2y12PruGU9wUtEGzBJfolMIgK":"${FEATURES_TOKEN}",
+    "globalRemoteJSSrc":"${REMOTE_JS_SRC}",
     "chatEngine": "mqtt",
     "updloaEngine": "native",
     "pushEngine":"none",

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

@@ -18,7 +18,7 @@ import { ConversationHandlerService } from '../abstract/conversation-handler.ser
 import { LoggerService } from '../abstract/logger.service';
 import { LoggerInstance } from '../logger/loggerInstance';
 // utils
-import { MSG_STATUS_RECEIVED, CHAT_REOPENED, CHAT_CLOSED, MEMBER_JOINED_GROUP, TYPE_DIRECT, MESSAGE_TYPE_INFO, TOUCHING_OPERATOR, LEAD_UPDATED, MEMBER_LEFT_GROUP } from '../../utils/constants';
+import { MSG_STATUS_RECEIVED, CHAT_REOPENED, CHAT_CLOSED, MEMBER_JOINED_GROUP, TYPE_DIRECT, MESSAGE_TYPE_INFO, TOUCHING_OPERATOR, LEAD_UPDATED, MEMBER_LEFT_GROUP, LIVE_PAGE } from '../../utils/constants';
 import { compareValues, searchIndexInArrayForUid, conversationMessagesRef } from '../../utils/utils';
 
 
@@ -374,7 +374,8 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
         const INFO_SUPPORT_LEAD_UPDATED = this.translationMap.get('INFO_SUPPORT_LEAD_UPDATED');
         const INFO_SUPPORT_MEMBER_LEFT_GROUP = this.translationMap.get('INFO_SUPPORT_MEMBER_LEFT_GROUP');
         const INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU = this.translationMap.get('INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU');
-
+        const INFO_SUPPORT_LIVE_PAGE = this.translationMap.get('INFO_SUPPORT_LIVE_PAGE');
+        
         if (message.attributes.messagelabel
             && message.attributes.messagelabel.parameters
             && message.attributes.messagelabel.key === MEMBER_JOINED_GROUP
@@ -422,6 +423,15 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
                 subject = message.attributes.messagelabel.parameters.member_id;
             }
             message.text = subject + ' ' +  INFO_SUPPORT_MEMBER_LEFT_GROUP ;
+        } else if(message.attributes.messagelabel && message.attributes.messagelabel.key === LIVE_PAGE){
+            let sourceUrl: string = '';
+            if(message.attributes && message.attributes.sourcePage){
+                sourceUrl = message.attributes.sourcePage 
+            }
+            if(message.attributes && message.attributes.sourceTitle){
+                sourceUrl = '['+message.attributes.sourceTitle+']('+sourceUrl+')'
+            }
+            message.text= INFO_SUPPORT_LIVE_PAGE + ': ' + sourceUrl
         }
     }
 

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

@@ -1,4 +1,4 @@
-import { TOUCHING_OPERATOR, LEAD_UPDATED, MEMBER_LEFT_GROUP } from './../../utils/constants';
+import { TOUCHING_OPERATOR, LEAD_UPDATED, MEMBER_LEFT_GROUP, LIVE_PAGE } from './../../utils/constants';
 import { Inject, Injectable } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 
@@ -118,7 +118,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         const handler_message_updated = this.chat21Service.chatClient.onMessageUpdatedInConversation(
             this.conversationWith,  (message, topic) => {
             this.logger.log('[MQTTConversationHandler] message updated:', message, 'on topic:', topic);
-            this.updatedMessageStatus(message);
+            this.changed(message);
         });
     }
 
@@ -255,7 +255,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
     }
 
     /** */
-    private updatedMessageStatus(patch: any) {
+    private changed(patch: any) {
         if(this.skipInfoMessage && messageType(MESSAGE_TYPE_INFO, patch) ){
             return;
         }
@@ -332,7 +332,8 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         const INFO_SUPPORT_LEAD_UPDATED = this.translationMap.get('INFO_SUPPORT_LEAD_UPDATED');
         const INFO_SUPPORT_MEMBER_LEFT_GROUP = this.translationMap.get('INFO_SUPPORT_MEMBER_LEFT_GROUP');
         const INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU = this.translationMap.get('INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU');
-
+        const INFO_SUPPORT_LIVE_PAGE = this.translationMap.get('INFO_SUPPORT_LIVE_PAGE');
+        
         if (message.attributes.messagelabel
             && message.attributes.messagelabel.parameters
             && message.attributes.messagelabel.key === MEMBER_JOINED_GROUP
@@ -379,6 +380,15 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                subject = message.attributes.messagelabel.parameters.member_id;
            }
            message.text = subject + ' ' +  INFO_SUPPORT_MEMBER_LEFT_GROUP ;
+        } else if(message.attributes.messagelabel && message.attributes.messagelabel.key === LIVE_PAGE){
+            let sourceUrl: string = '';
+            if(message.attributes && message.attributes.sourcePage){
+                sourceUrl = message.attributes.sourcePage 
+            }
+            if(message.attributes && message.attributes.sourceTitle){
+                sourceUrl = '['+message.attributes.sourceTitle+']('+sourceUrl+')'
+            }
+            message.text= INFO_SUPPORT_LIVE_PAGE + ': ' + sourceUrl
         }
     }
 

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

@@ -158,7 +158,7 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
                 this.changed(conversation);
             }
             else {
-                this.logger.log('[MQTTConversationsHandler]Added conv -> Added!')
+                this.logger.log('[MQTTConversationsHandler] Added conv -> Added!')
                 this.added(conversation);
             }
         });
@@ -252,6 +252,7 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
             conversation.conversation_with = conversation.conversWith // conversWith comes from remote
         }
         const index = searchIndexInArrayForUid(this.conversations, conversation.conversation_with);
+        const oldConversation = this.conversations[index]
         if (index > -1) {
             // const conv = this.conversations[index];
             this.logger.log("Conversation to update found", this.conversations[index]);
@@ -259,6 +260,7 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
             this.logger.debug('[MQTTConversationsHandler] conversationchanged.isnew', JSON.stringify(conversation))
             this.logger.log("this.conversations:" + JSON.stringify(this.conversations));
             this.logger.log("Conversation updated --> ", this.conversations[index]);
+            this.conversationChangedDetailed.next({value: this.conversations[index], previousValue: oldConversation})
             this.conversationChanged.next(this.conversations[index]);
             this.conversations.sort(compareValues('timestamp', 'desc'));
         }

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

@@ -65,9 +65,10 @@ export const MESSAGE_TYPE_OTHERS = 'OTHERS';
 export const CHAT_REOPENED = 'CHAT_REOPENED';
 export const CHAT_CLOSED = 'CHAT_CLOSED';
 export const MEMBER_JOINED_GROUP = 'MEMBER_JOINED_GROUP';
-export const MEMBER_LEFT_GROUP = "MEMBER_LEFT_GROUP"
+export const MEMBER_LEFT_GROUP = "MEMBER_LEFT_GROUP";
 export const LEAD_UPDATED = "LEAD_UPDATED";
 export const TOUCHING_OPERATOR = "TOUCHING_OPERATOR";
+export const LIVE_PAGE = "LIVE_PAGE"
 
 
 // URLS

package/src/global.scss

@@ -252,6 +252,10 @@ select:-webkit-autofill:focus {
 .base_info > p {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
+
+    a {
+        word-break: break-all;
+    }
 }
 
 .toast-custom-class {
@@ -510,6 +514,10 @@ select:-webkit-autofill:focus {
     padding-bottom: 5px;
     min-height: 60px;
     width: 60px; // for SMALL SIDEBAR
+
+    a.customAncor{
+        margin: 0px;
+    }
 }
 
 .sidebar .logo:after {
@@ -520,6 +528,8 @@ select:-webkit-autofill:focus {
     height: 1px;
     width: 80%;
     background-color: rgba(180, 180, 180, 0.3);
+
+    
 }
 
 .logo-img-wpr {

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component_2.html

@@ -1,116 +0,0 @@
-<ion-header no-border class="ion-no-border">
-  <ion-toolbar style="height:60px">
-    <div class="flex-container">
-      <div class="back-flex-container">
-        <ion-buttons slot="start" style="height:60px">
-          <!-- (click)="pushPage('conversations-list')" defaultHref="/conversations-list" -->
-          <ion-back-button style="display: block;" text="" *ngIf="isMobile" (click)="goBackToConversationList()">
-          </ion-back-button>
-        </ion-buttons>
-      </div>
-      <div class="user-info-flex-container">
-        <div style="display: flex;">
-          <div>1</div>
-          <div>2</div>
-        </div>
-      </div>
-
-      <div class="resolve-flex-container">
-        <ion-buttons slot="end">
-
-          <!-- <ion-button ion-button fill="clear" color="primary" size="small" (click)="presentCreateTicketModal()" [ngClass]="{'resolve-conv-margin-right': !isMobile}">
-            <ion-icon name="ticket-outline"></ion-icon>
-            <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Crea ticket' | translate}} </span>
-          </ion-button> -->
-        
-          <ion-button *ngIf="conversationUid?.startsWith('support-group') && conv_type !== 'archived'" ion-button fill="clear" color="primary" size="small" 
-          (click)="closeConversation()" [ngClass]="{'resolve-conv-margin-right': !isMobile}" [disabled]="conv_closed === true">
-            <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
-            <ion-icon name="archive-outline"></ion-icon>
-            <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
-            <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Resolve' | translate}} </span>
-          </ion-button>
-        
-          <ion-button *ngIf="!openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-            <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
-            <ion-icon slot="icon-only" name="information-circle-outline"></ion-icon>
-            <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
-        
-          </ion-button>
-          <ion-button *ngIf="openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-            <ion-icon slot="icon-only" name="close-circle-outline"></ion-icon>
-          </ion-button>
-        
-        </ion-buttons>
-      </div>
-
-    </div>
-  </ion-toolbar>
-</ion-header>
-
-
-
-
-<ion-title>
-
-  <div *ngIf="conversationAvatar" class="avatar-and-typing-wpr" >
-    <!-- [ngStyle] = "{ 'left': platformName === 'ios' ? '55px' : ''  }" -->
-    <div *ngIf="conversationAvatar" class="avatar-container" (click)="onOpenCloseInfoConversation()" style="cursor: pointer"
-      [ngClass]="{ 'avatar-container-ios': platformName === 'ios' }">
-      <app-avatar-profile [itemAvatar]=conversationAvatar></app-avatar-profile>
-    </div>
-    <!-- [ngStyle] = "{ 'left': platformName === 'ios' ? '63px' : ''  }" -->
-    <div *ngIf="isDirect" class="user-presence" [ngClass]="{ 'user-presence-ios': platformName === 'ios' }">
-      <app-user-presence [idUser]=conversationAvatar.conversation_with [translationMap]=translationMap
-        [borderColor]=borderColor [fontColor]=fontColor>
-      </app-user-presence>
-    </div>
-
-    <div *ngIf="conversationAvatar" class="user-typing">
-      <app-user-typing [idConversation]=conversationAvatar.uid [idCurrentUser]=idLoggedUser [isDirect]=isDirect
-        [translationMap]=translationMap [color]=fontColor [membersConversation]=membersConversation>
-      </app-user-typing>
-    </div>
-
-  </div>
-  <!-- [ngClass] = "{ 'tile-info-with-ios': platformName === 'ios' ? '82px' : ''82px''  }" -->
-  <!-- (click)="onOpenCloseInfoConversation()" -->
-  <div *ngIf="conversationAvatar" class="tile-info-with" 
-    [ngClass]="{ 'tile-info-with-ios': platformName === 'ios' }">
-    <span class="tile-username">{{ conversationAvatar.conversation_with_fullname | truncate:50 }} </span>
-    <!-- <span class="tile-username">{{ conversation_with_fullname }} </span> -->
-
-  </div>
-
-  <!-- <div *ngIf="conversationWithFullname" class="tile-info-with" (click)="onOpenCloseInfoConversation()">        
-    <span class="tile-username">{{ conversationWithFullname }} </span>
-  </div> -->
-
-</ion-title>
-<!-- openInfoConversation  {{openInfoConversation}} -->
-<ion-buttons slot="end">
-
-  <!-- <ion-button ion-button fill="clear" color="primary" size="small" (click)="presentCreateTicketModal()" [ngClass]="{'resolve-conv-margin-right': !isMobile}">
-    <ion-icon name="ticket-outline"></ion-icon>
-    <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Crea ticket' | translate}} </span>
-  </ion-button> -->
-
-  <ion-button *ngIf="conversationUid?.startsWith('support-group') && conv_type !== 'archived'" ion-button fill="clear" color="primary" size="small" 
-  (click)="closeConversation()" [ngClass]="{'resolve-conv-margin-right': !isMobile}" [disabled]="conv_closed === true">
-    <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
-    <ion-icon name="archive-outline"></ion-icon>
-    <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
-    <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Resolve' | translate}} </span>
-  </ion-button>
-
-  <ion-button *ngIf="!openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-    <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
-    <ion-icon slot="icon-only" name="information-circle-outline"></ion-icon>
-    <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
-
-  </ion-button>
-  <ion-button *ngIf="openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-    <ion-icon slot="icon-only" name="close-circle-outline"></ion-icon>
-  </ion-button>
-
-</ion-buttons>