@chat21/chat21-ionic 3.0.59-rc9 → 3.0.59

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

@@ -35,7 +35,8 @@ import { Platform } from '@ionic/angular';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { NetworkService } from 'src/app/services/network-service/network.service';
-
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators'
 
 @Component({
   selector: 'app-conversations-list',
@@ -43,7 +44,10 @@ import { NetworkService } from 'src/app/services/network-service/network.service
   styleUrls: ['./conversations-list.page.scss'],
 })
 export class ConversationListPage implements OnInit {
+
   @ViewChild('ioncontentconvlist', { static: false }) ionContentConvList: IonContent;
+
+  private unsubscribe$: Subject<any> = new Subject<any>();
   private subscriptions: Array<string>;
   public tenant: string;
   public loggedUserUid: string;
@@ -72,6 +76,11 @@ export class ConversationListPage implements OnInit {
   public lastProjectId: string;
   public isOnline: boolean = true;
   public checkInternet: boolean;
+
+  public displayNewConvsItem: boolean = true
+
+
+
   constructor(
     private router: Router,
     private route: ActivatedRoute,
@@ -90,14 +99,50 @@ export class ConversationListPage implements OnInit {
     public appConfigProvider: AppConfigProvider,
     public platform: Platform,
     private networkService: NetworkService,
-   
+
   ) {
     this.listenToAppCompConvsLengthOnInitConvs();
     this.listenToLogoutEvent();
+    this.listenGoOnline();
+    this.listenGoOffline();
     this.listenToSwPostMessage();
+    this.listenSupportConvIdHasChanged();
+    // this.listenDirectConvIdHasChanged();
+  }
 
+  listenSupportConvIdHasChanged() {
+    this.events.subscribe('supportconvid:haschanged', (IDConv) => {
+      this.logger.log('[CONVS-LIST-PAGE] - listen To convid:haschanged - convId', IDConv);
+      if (IDConv) {
+        // const conversationSelected = this.conversations.find(item => item.uid === convId);
+        // this.onConversationSelected(conversationSelected)
+        this.setUidConvSelected(IDConv, 'active');
+      }
+      if (!IDConv) {
+        this.logger.log('[CONVS-LIST-PAGE] - listen To convid:haschanged - is the page without conv select');
+
+        const chatTabCount = +localStorage.getItem('tabCount')
+        this.logger.log('[CONVS-LIST-PAGE] - listen To convid:haschanged - chatTabCount ', chatTabCount);
+        if (chatTabCount && chatTabCount > 0) {
+          this.logger.log('[CONVS-LIST-PAGE] - listen To convid:haschanged - the chat is already open ', chatTabCount);
+          if (checkPlatformIsMobile()) {
+            this.logger.log('[CONVS-LIST-PAGE] - the chat is in mobile mode ', checkPlatformIsMobile());
+            this.events.publish('noparams:mobile', true);
+          }
+        }
+      }
+    });
   }
 
+  // listenDirectConvIdHasChanged() {
+  //   this.events.subscribe('directconvid:haschanged', (contact_id) => {
+  //     // console.log('[CONVS-LIST-PAGE] - listen To directconvid:haschanged - contact_id', contact_id);
+  //     if (contact_id) {
+  //       this.uidConvSelected = contact_id
+  //     }
+  //   });
+  // }
+
 
   // -----------------------------------------------
   // @ Lifehooks
@@ -105,8 +150,50 @@ export class ConversationListPage implements OnInit {
   ngOnInit() {
     this.watchToConnectionStatus();
     this.getSupportMode();
+
+    // const currentUrl = this.router.url;
+    // this.logger.log('[CONVS-LIST-PAGE] current_url ngOnInit ', currentUrl);
+    // this.route.queryParams.subscribe(params => {
+    //   this.logger.log('[CONVS-LIST-PAGE] ngOnInit params', params);
+    //   if (params && params.convId) {
+    //     console.log('[CONVS-LIST-PAGE] ngOnInit params convId:', params.convId);
+
+    //     const conversationSelected = this.conversations.find(item => item.uid === params.convId);
+    //     if (conversationSelected) {
+    //       this.conversationSelected = conversationSelected;
+    //       console.log('[CONVS-LIST-PAGE] ngOnInit params convselected - conversationSelected: ', this.conversationSelected);
+    //       setTimeout(() => {
+    //         // this.navigateByUrl('active', params.convId)
+    //       }, 0);
+    //     }
+
+    //   } else {
+    //     console.log('[CONVS-LIST-PAGE] ngOnInit params No convId Params ');
+    //   }
+    //   if (params && params.contact_id && params.contact_fullname) {
+    //     this.logger.log('[CONVS-LIST-PAGE] ngOnInit params contact_id:', params.contact_id, 'contact_fullname ', params.contact_fullname);
+    //     setTimeout(() => {
+    //       this.router.navigateByUrl('conversation-detail/' + params.contact_id + '/' + params.contact_fullname + '/new');
+    //     }, 0);
+    //     this.uidConvSelected = params.contact_id
+    //   } else {
+    //     this.logger.log('[CONVS-LIST-PAGE] ngOnInit params No contact_id and contact_fullname Params ');
+    //   }
+
+    //   if (params && params.conversation_detail) {
+    //     this.logger.log('[CONVS-LIST-PAGE] ngOnInit params conversation_detail:', params.conversation_detail);
+    //     setTimeout(() => {
+    //       this.router.navigateByUrl('conversation-detail/');
+    //     }, 0);
+    //   } else {
+    //     this.logger.log('[CONVS-LIST-PAGE] ngOnInit params No conversation_detail Params ');
+    //   }
+
+    // });
   }
 
+
+
   getSupportMode() {
     this.supportMode = this.appConfigProvider.getConfig().supportMode;
     // console.log('[ION-LIST-CONVS-COMP] - supportMode ', this.supportMode)
@@ -218,12 +305,20 @@ export class ConversationListPage implements OnInit {
 
   private listnerStart() {
     const that = this;
-    this.chatManager.BSStart.subscribe((data: any) => {
-      this.logger.log('[CONVS-LIST-PAGE] ***** BSStart Current user *****', data);
-      if (data) {
-        that.initialize();
-      }
-    });
+    this.chatManager.BSStart
+      .pipe(
+        takeUntil(that.unsubscribe$)
+      )
+      .subscribe((data: any) => {
+        this.logger.log('[CONVS-LIST-PAGE] - BSStart SUBSCR DATA - Current user *****', data);
+        if (data) {
+          that.initialize();
+        }
+      }, error => {
+        this.logger.error('[CONVS-LIST-PAGE] - BSStart SUBSCR - ERROR: ', error);
+      }, () => {
+        this.logger.log('[CONVS-LIST-PAGE] - BSStart SUBSCR * COMPLETE *')
+      });
   }
 
 
@@ -259,7 +354,6 @@ export class ConversationListPage implements OnInit {
     if (!this.archivedConversations || this.archivedConversations.length === 0) {
       this.loadingIsActive = false;
     }
-
   }
 
 
@@ -279,9 +373,32 @@ export class ConversationListPage implements OnInit {
     });
   }
 
+  listenGoOnline() {
+    this.events.subscribe('go:online', (goonline) => {
+      this.logger.info('[CONVS-LIST-PAGE] - listen To go:online - goonline', goonline);
+      // this.events.unsubscribe('profileInfoButtonClick:logout')
+      if (goonline === true) {
+        this.displayNewConvsItem = true
+      }
+    });
+  }
+
+  listenGoOffline() {
+
+    this.events.subscribe('go:offline', (offline) => {
+      this.logger.info('[CONVS-LIST-PAGE] - listen To go:offline - offline', offline);
+      // this.events.unsubscribe('profileInfoButtonClick:logout')
+      if (offline === true) {
+        this.displayNewConvsItem = false
+      }
+    });
+  }
+
   listenToLogoutEvent() {
     this.events.subscribe('profileInfoButtonClick:logout', (hasclickedlogout) => {
       this.logger.info('[CONVS-LIST-PAGE] - listenToLogoutEvent - hasclickedlogout', hasclickedlogout);
+
+
       this.conversations = []
       this.conversationsHandlerService.conversations = [];
       this.uidConvSelected = null;
@@ -392,6 +509,9 @@ export class ConversationListPage implements OnInit {
    * evento richiamato quando si seleziona un utente nell'elenco degli user
    * apro dettaglio conversazione
    */
+  // --------------------------------
+  // !!!!!! IS USED? ?????
+  // ------------------------------
   subscribeChangedConversationSelected = (user: UserModel, type: string) => {
     this.logger.log('[CONVS-LIST-PAGE]  ************** subscribeUidConvSelectedChanged navigateByUrl', user, type);
     this.uidConvSelected = user.uid;
@@ -482,6 +602,7 @@ export class ConversationListPage implements OnInit {
     this.initConversationsHandler();
     this.initVariables();
     this.initSubscriptions();
+
     // this.initHandlerEventEmitter();
   }
 
@@ -526,6 +647,7 @@ export class ConversationListPage implements OnInit {
   setUidConvSelected(uidConvSelected: string, conversationType?: string,) {
     this.logger.log('[CONVS-LIST-PAGE] setuidCOnvSelected', uidConvSelected)
     this.uidConvSelected = uidConvSelected;
+    this.logger.log('uidConvSelected', uidConvSelected)
     // this.conversationsHandlerService.uidConvSelected = uidConvSelected;
     if (uidConvSelected) {
       let conversationSelected;
@@ -536,7 +658,7 @@ export class ConversationListPage implements OnInit {
       }
       if (conversationSelected) {
         this.logger.log('[CONVS-LIST-PAGE] conversationSelected', conversationSelected);
-        this.logger.log('[CONVS-LIST-PAGE] la conv ', this.conversationSelected, ' has already been loaded');
+        this.logger.log('[CONVS-LIST-PAGE] the conversation ', this.conversationSelected, ' has already been loaded');
         this.conversationSelected = conversationSelected;
         this.logger.log('[CONVS-LIST-PAGE] setUidConvSelected: ', this.conversationSelected);
       }
@@ -544,7 +666,7 @@ export class ConversationListPage implements OnInit {
   }
 
   onConversationSelected(conversation: ConversationModel) {
-    //console.log('returnSelectedConversation::', conversation)
+    this.logger.log('onConversationSelected conversation', conversation)
     if (conversation.archived) {
       this.navigateByUrl('archived', conversation.uid)
       this.logger.log('[CONVS-LIST-PAGE] onConversationSelected archived conversation.uid ', conversation.uid)
@@ -641,6 +763,7 @@ export class ConversationListPage implements OnInit {
 
 
   navigateByUrl(converationType: string, uidConvSelected: string) {
+    this.logger.log('[CONVS-LIST-PAGE] calling navigateByUrl: ');
     this.logger.log('[CONVS-LIST-PAGE] navigateByUrl uidConvSelected: ', uidConvSelected);
     this.logger.log('[CONVS-LIST-PAGE] navigateByUrl run  this.setUidConvSelected');
     this.logger.log('[CONVS-LIST-PAGE] navigateByUrl this.uidConvSelected ', this.uidConvSelected);
@@ -648,12 +771,14 @@ export class ConversationListPage implements OnInit {
 
     this.setUidConvSelected(uidConvSelected, converationType);
     if (checkPlatformIsMobile()) {
-      this.logger.log('[CONVS-LIST-PAGE] PLATFORM_MOBILE 1', this.navService);
+      this.logger.log('[CONVS-LIST-PAGE] checkPlatformIsMobile(): ', checkPlatformIsMobile());
+      this.logger.log('[CONVS-LIST-PAGE] DESKTOP (window >= 768)', this.navService);
       let pageUrl = 'conversation-detail/' + this.uidConvSelected + '/' + this.conversationSelected.conversation_with_fullname + '/' + converationType;
       this.logger.log('[CONVS-LIST-PAGE] pageURL', pageUrl)
       this.router.navigateByUrl(pageUrl);
     } else {
-      this.logger.log('[CONVS-LIST-PAGE] PLATFORM_DESKTOP 2', this.navService);
+      this.logger.log('[CONVS-LIST-PAGE] checkPlatformIsMobile(): ', checkPlatformIsMobile());
+      this.logger.log('[CONVS-LIST-PAGE] MOBILE (window < 768) ', this.navService);
       let pageUrl = 'conversation-detail/' + this.uidConvSelected;
       if (this.conversationSelected && this.conversationSelected.conversation_with_fullname) {
         pageUrl = 'conversation-detail/' + this.uidConvSelected + '/' + this.conversationSelected.conversation_with_fullname + '/' + converationType;

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

@@ -36,6 +36,14 @@ export class UnassignedConversationsPage implements OnInit {
     this.translationMap = this.translateService.translateLanguage(keys);
     this.buildIFRAME();
     this.listenToPostMsg();
+    this.hideHotjarFeedbackBtn();
+  }
+
+  hideHotjarFeedbackBtn() {
+    const hotjarFeedbackBtn = <HTMLElement>document.querySelector("#_hj_feedback_container > div > button")
+    if (hotjarFeedbackBtn) {
+      hotjarFeedbackBtn.style.display = "none";
+    }
   }
 
   buildIFRAME() {
@@ -55,7 +63,7 @@ export class UnassignedConversationsPage implements OnInit {
     this.iframe.style.background = "white";
     this.ion_content.appendChild(this.iframe);
 
-  //  this.getIframeHaLoaded()
+    //  this.getIframeHaLoaded()
   }
 
   getIframeHaLoaded() {
@@ -66,7 +74,7 @@ export class UnassignedConversationsPage implements OnInit {
       iframe.addEventListener("load", function () {
         self.logger.log("[APP-STORE-INSTALL] GET - Finish");
         let spinnerElem = <HTMLElement>document.querySelector('.stretchspinner-unassigned-convs')
-        
+
         self.logger.log('[APP-STORE-INSTALL] GET iframeDoc readyState spinnerElem', spinnerElem)
         spinnerElem.classList.add("hide-stretchspinner")
 

package/src/app/services/app-config.ts

@@ -18,18 +18,90 @@ export class AppConfigProvider {
 
   /** */
   loadAppConfig() {
-    const that = this;
-    return this.http.get(this.appConfig.remoteConfigUrl).toPromise().then(data => {
-        that.appConfig = data;
+    // const that = this;
+    // return this.http.get(this.appConfig.remoteConfigUrl).toPromise().then(data => {
+    //     that.appConfig = data;
+    //   }).catch(err => {
+    //     console.log('error loadAppConfig' + err);
+    //   });
+
+    // ---- new
+
+
+    return this.http.get(this.appConfig.remoteConfigUrl)
+      .toPromise().then((data: any ) => {
+        // console.log('AppConfigService loadAppConfig data: ', data);
+ 
+        const allconfig = data
+        // console.log('[APP-CONFIG-SERVICE] - loadAppConfig allconfig: ', allconfig);
+
+        if (allconfig.hasOwnProperty('wsUrlRel')) {
+
+          // console.log('[APP-CONFIG-SERVICE] - loadAppConfig allconfig !!!! exist wsUrlRel ->: ', allconfig.wsUrlRel);
+          var wsUrlRelIsEmpty = this.isEmpty(allconfig.wsUrlRel)
+          // console.log('[APP-CONFIG-SERVICE] - loadAppConfig allconfig !!!! exist wsUrlRel -> wsUrlRelIsEmpty ?', wsUrlRelIsEmpty);
+
+          if (wsUrlRelIsEmpty === false) {
+            // console.log('[APP-CONFIG-SERVICE]- loadAppConfig allconfig !!!! exist - SERVER_BASE_URL', data.apiUrl);
+
+            // if (allconfig.apiUrl.indexOf("http://") !== -1) {
+
+            //   const ws_url = allconfig.apiUrl.replace("http://", "ws://").slice(0, -1) + allconfig.wsUrlRel;
+            //   // console.log('AppConfigService loadAppConfig allconfig !!!! exist - SERVER_BASE_URL protocol is HTTP - wsUrl', ws_url);
+
+            //   allconfig.wsUrl = ws_url
+
+            // } else if (allconfig.apiUrl.indexOf("https://") !== -1) {
+
+            //   const ws_url = allconfig.apiUrl.replace("https://", "wss://").slice(0, -1) + allconfig.wsUrlRel;
+
+            //   allconfig.wsUrl = ws_url
+
+            //   // console.log('AppConfigService loadAppConfig allconfig !!!! exist - SERVER_BASE_URL protocol is HTTPS - wsUrl', ws_url);
+            // } else {
+            
+            
+              // console.log('AppConfigService loadAppConfig allconfig !!!! exist - SERVER_BASE_URL !!! IS RELATIVE - window.location ', window.location);
+
+              // console.log(window.location)
+
+              if (window.location.protocol === 'http:') {
+                allconfig.wsUrl = 'ws://' + window.location.hostname + allconfig.wsUrlRel
+
+              } else if (window.location.protocol === 'https:') {
+
+                allconfig.wsUrl = 'wss://' + window.location.hostname + allconfig.wsUrlRel
+              } else {
+
+                allconfig.wsUrl = 'ws://' + window.location.hostname + allconfig.wsUrlRel
+              }
+            // }
+
+          } else {
+            // console.log('[APP-CONFIG-SERVICE] loadAppConfig allconfig !!!! exist wsUrlRel but IS EMPTY');
+          }
+
+        } else {
+
+          // console.log('[APP-CONFIG-SERVICE] loadAppConfig allconfig !!!! does not exist wsUrlRel');
+        }
+
+        this.appConfig = allconfig;
+      
+
       }).catch(err => {
-        // console.log('error loadAppConfig' + err);
+        console.error('error loadAppConfig' + err);
       });
   }
 
+  isEmpty(wsUrlRel: string) {
+    return (wsUrlRel === undefined || wsUrlRel == null || wsUrlRel.length <= 0) ? true : false;
+  }
+
   /** */
   getConfig() {
     return this.appConfig;
   }
-  
+
 
 }

package/src/app/services/websocket/websocket-js.ts

@@ -78,10 +78,8 @@ export class WebSocketJs {
     this.callbacks.set(topic, { onCreate: onCreate, onUpdate: onUpdate, onData: onData });
     this.logger.log('[WEBSOCKET-JS] - CALLBACK-SET - callbacks', this.callbacks);
 
-    this.logger.log('[WEBSOCKET-JS] - REF - READY STATE ', this.ws.readyState);
-
     if (this.ws && this.ws.readyState == 1) {
-
+      this.logger.log('[WEBSOCKET-JS] - REF - READY STATE ', this.ws.readyState);
       this.logger.log('[WEBSOCKET-JS] - REF - READY STATE = 1 > SUBSCRIBE TO TOPICS ');
 
       this.subscribe(topic);
@@ -172,11 +170,11 @@ export class WebSocketJs {
     var str = JSON.stringify(message);
     this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE str " + str);
 
-    if (this.ws.readyState == 1) {
+    if (this.ws && this.ws.readyState == 1) {
       this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE TO TOPIC - STRING TO SEND " + str, " FOR UNSUBSCRIBE TO TOPIC: ", topic);
       this.send(str, `UNSUSCRIBE from ${topic}`);
 
-    } else {
+    } else if (this.ws) {
       this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE TRY 'SEND' BUT READY STASTE IS : ", this.ws.readyState);
     }
   }
@@ -196,7 +194,7 @@ export class WebSocketJs {
   // -----------------------------------------------------------------------------------------------------
   close() {
     this.topics = [];
-    this.callbacks = []; 
+    this.callbacks = [];
     this.logger.log("[WEBSOCKET-JS] - CALLED CLOSE - TOPICS ", this.topics, ' - CALLLBACKS ', this.callbacks);
 
     if (this.ws) {
@@ -277,13 +275,13 @@ export class WebSocketJs {
 
       // Qui viene inviato un battito cardiaco Dopo averlo ricevuto, viene restituito un messaggio di battito cardiaco.
       // onmessage Ottieni il battito cardiaco restituito per indicare che la connessione è normale
-      if (this.ws.readyState == 1) {
+      if (this.ws && this.ws.readyState == 1) {
 
         // this.logger.log("[WEBSOCKET-JS] - HEART-START - SEND PING-MSG");
 
         this.send(JSON.stringify(this.pingMsg), 'HEART-START')
 
-      } else {
+      } else if (this.ws) {
 
         this.logger.log("[WEBSOCKET-JS] - HEART-START - TRY TO SEND PING-MSG BUT READY STATE IS ", this.ws.readyState);
 
@@ -442,7 +440,7 @@ export class WebSocketJs {
             // @ send PONG
             // -------------------
             // that.logger.log('[WEBSOCKET-JS] -  RECEIVED PING -> SEND PONG MSG');
-         
+
             that.send(JSON.stringify(that.pongMsg), 'ON-MESSAGE')
 
           } else {
@@ -465,15 +463,15 @@ export class WebSocketJs {
         if (json && json.payload && json.payload.message && that.isArray(json.payload.message)) {
 
           json.payload.message.forEach(element => {
-  
+
             //let insUp = that.insertOrUpdate(element);
             let insUp = json.payload.method;
-          
+
             var object = { event: json.payload, data: element };
 
             var callbackObj = that.callbacks.get(object.event.topic);
 
-         
+
             if (insUp == "CREATE") {
               if (that.onCreate) {
                 that.onCreate(element, object);
@@ -499,10 +497,10 @@ export class WebSocketJs {
         } else {
           //let insUp = that.insertOrUpdate(json.payload.message);
           let insUp = json.payload.method;
-         
+
           var object = { event: json.payload, data: json };
           var callbackObj = that.callbacks.get(object.event.topic);
-        
+
 
           if (insUp == "CREATE") {
             if (that.onCreate) {

package/src/app/services/websocket/websocket.service.ts

@@ -84,14 +84,14 @@ export class WebsocketService {
   }
 
   subscriptionToWsConversations(project_id) {
-    this.logger.log("[WS-SERV] - CALLED SUBSC TO WS CONVS - PROJECT ID ", project_id);
+    // console.log("[WS-SERV] - CALLED SUBSC TO WS CONVS - PROJECT ID ", project_id);
     var self = this;
     this.wsRequestsList = [];
 
     this.webSocketJs.ref('/' + project_id + '/requests', 'getCurrentProjectAndSubscribeTo_WsRequests',
 
       function (data, notification) {
-        // self.logger.log("[WS-SERV] - CONVS - CREATE DATA ", data);
+        // console.log("[WS-SERV] - CONVS - CREATE DATA ", data);
         if (data) {
           // ------------------------------------------------
           // @ Agents - pass in data agents get from snapshot
@@ -167,14 +167,21 @@ export class WebsocketService {
 
         if (index === -1) {
           self.addWsRequests(data)
-          // self.logger.log("[WS-REQUESTS-SERV] - CREATE - ADD REQUESTS");
+          // console.log("[WS-REQUESTS-SERV] - CREATE - ADD REQUESTS");
         } else {
-          // self.logger.log("[WS-REQUESTS-SERV] - CREATE - REQUEST ALREADY EXIST - NOT ADD");
+          // console.log("[WS-REQUESTS-SERV] - CREATE - REQUEST ALREADY EXIST - NOT ADD AND NOT PUBLISH");
+          // if (data !== null && data !== undefined) {
+          //   self.wsRequestsList.push(data);
+          // }
+          // if (self.wsRequestsList) {
+          //   self.wsRequestsList$.next(self.wsRequestsList);
+          //     console.log("[WS-SERV] -  NOT ADD - BUT PUBLIC ANYWAY ", self.wsRequestsList);
+          // }
         }
 
       }, function (data, notification) {
 
-        // self.logger.log("[WS-SERV] - CONVS - UPDATE DATA ", data);
+        // console.log("[WS-SERV] - CONVS - UPDATE DATA ", data);
 
         // -------------------------------------------------------
         // @ Agents (UPDATE) pass in data agents get from snapshot
@@ -191,8 +198,18 @@ export class WebsocketService {
 
 
       }, function (data, notification) {
-        // self.logger.log("[WS-SERV] - CONVS  - ON-DATA - DATA ", data);
-
+        self.logger.log("[WS-SERV] CHAT - CONVS  - ON-DATA - DATA ", data);
+        self.logger.log("[WS-SERV] CHAT - CONVS  - ON-DATA - notification ", notification);
+
+        // console.log("[WS-SERV] CHAT - CONVS  - ON-DATA - DATA notification > event > method ", notification.event.method);
+        if (notification.event.method === 'CREATE') {
+          self.wsRequestsList = [];
+          self.wsRequestsList.push(data)
+          self.logger.log("[WS-SERV] CHAT - CONVS  - ON-DATA - DATA wsRequestsList ", self.wsRequestsList);
+          if (self.wsRequestsList) {
+            self.wsRequestsList$.next(self.wsRequestsList);
+          }
+        }
       }
     );
   }
@@ -211,7 +228,8 @@ export class WebsocketService {
       // -----------------------------------------------------------------------------------------------------
       // publish all REQUESTS 
       // -----------------------------------------------------------------------------------------------------
-        this.wsRequestsList$.next(this.wsRequestsList);
+      this.wsRequestsList$.next(this.wsRequestsList);
+      // this.logger.log("[WS-SERV] -  ADD REQUESTS CONVS LIST ", this.wsRequestsList);
     }
   }