@chat21/chat21-ionic 3.4.27-rc21 → 3.4.27-rc23

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

@@ -0,0 +1,578 @@
+
+//import { Injectable } from '@angular/core';
+import { forwardRef, Inject } from '@angular/core';
+
+import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+//@Injectable()
+export class WebSocketJs {
+
+  public url: string;
+  public onCreate?: Function;
+  public onUpdate?: Function;
+  public onOpen?: Function;
+  public onData?: Function;
+  public ws: WebSocket;
+  public topics;
+  public callbacks;
+  // public userHasClosed: boolean;
+
+  // HEARTBEAT https://github.com/zimv/websocket-heartbeat-js/blob/master/lib/index.js
+  private pingTimeoutId;
+  private pongTimeoutId;
+
+  public pingMsg = { action: "heartbeat", payload: { message: { text: "ping" } } }
+  public pongMsg = { action: "heartbeat", payload: { message: { text: "pong" } } }
+
+  public pongTimeout = 10000;
+  public pingTimeout = 15000;
+
+  private reconnectAttempts = 0;
+  private readonly maxReconnectDelay = 30000;
+  private manuallyClosed = false;
+
+  // nktest
+  // startTimeMS = 0;
+
+  private logger: LoggerService = LoggerInstance.getInstance();
+
+  constructor() {
+
+    // this.logger.log("[WEBSOCKET-JS] HELLO !!!");
+    this.topics = [];
+    this.callbacks = new Map();
+
+    // this.sendingMessages = [];//new Map();
+  }
+
+
+  /**
+   * readyState: A read-only attribute. It represents the state of the connection. It can have the following values:
+   * 0: Connection is in progress and has not yet been established.
+   * 1: Connection is established and messages can be sent between the client and the server.
+   * 2: Connection is going through the closing handshake.
+   * 3: Connection has been closed or could not be opened.
+   */
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ ref - called by 'WsRequestsService' and 'WsMsgsService' & call 'subscribe' 
+  // -----------------------------------------------------------------------------------------------------
+  // WsRequestsService:
+  //  - in getCurrentProjectAndSubscribeTo_WsRequests() 
+  //  - in subscribeTo_wsRequestById() called when in 
+  //     WsRequestsMsgsComponent onInit() is got the request id from url params
+  // WsMsgsService     
+  //  - in subsToWS_MsgsByRequestId() called when in 
+  //     WsRequestsMsgsComponent onInit() is got the request id from url params
+
+  ref(topic, calledby, onCreate, onUpdate, onData) {
+    // this.logger.log('[WEBSOCKET-JS] ****** CALLING REF ****** ');
+    this.logger.log('[WEBSOCKET-JS] - REF - calledby ', calledby);
+    this.logger.log('[WEBSOCKET-JS] - REF - TOPIC ', topic);
+    this.logger.log('[WEBSOCKET-JS] - REF - CALLBACKS', this.callbacks);
+
+    if (!this.callbacks) {
+      this.logger.log('[WEBSOCKET-JS] - REF OOOOPS! NOT CALLBACKS ***', this.callbacks);
+      return
+    }
+
+    this.callbacks.set(topic, { onCreate: onCreate, onUpdate: onUpdate, onData: onData });
+    this.logger.log('[WEBSOCKET-JS] - CALLBACK-SET - callbacks', this.callbacks);
+
+    if (this.ws && this.ws.readyState == WebSocket.OPEN) {
+      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);
+
+    } else {
+      // this.ws =  new WebSocket("wss://tiledesk-server-pre.herokuapp.com/?token=JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI1ZGRkMzBiZmYwMTk1ZjAwMTdmNzJjNmQiLCJlbWFpbCI6InByZWdpbm9AZjIxdGVzdC5pdCIsImZpcnN0bmFtZSI6Ikdpbm8iLCJsYXN0bmFtZSI6IlByZSIsImVtYWlsdmVyaWZpZWQiOnRydWUsImlhdCI6MTYwODgwNjY0MCwiYXVkIjoiaHR0cHM6Ly90aWxlZGVzay5jb20iLCJpc3MiOiJodHRwczovL3RpbGVkZXNrLmNvbSIsInN1YiI6InVzZXIiLCJqdGkiOiI1YmVmMDcxYy00ODBlLTQzYzQtOTRhYS05ZjQxYzMyNDcxMGQifQ.wv6uBn2P6H9wGb5WCYQkpPEScMU9PB1pBUzFouhJk20");
+
+      this.logger.log('[WEBSOCKET-JS] - REF - READY STATE ≠ 1 > OPEN WS AND THEN SUBSCRIBE TO TOPICS');
+      this.logger.log('% »»» WebSocketJs WF *** REF *** WS 2 ', this.ws);
+
+      var that = this;
+      if (this.ws) {
+        this.ws.addEventListener("open", function (event) {
+          that.logger.log('[WEBSOCKET-JS] - REF - OPEN EVENT *** ', event);
+          that.subscribe(topic);
+        });
+      } else {
+  
+        
+      }
+
+      if (this.topics.indexOf(topic) === -1) {
+        this.topics.push(topic);
+      }
+    }
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ subscribe - is called by 'ref' & call 'send'
+  // -----------------------------------------------------------------------------------------------------
+  subscribe(topic) {
+
+    if (this.topics.indexOf(topic) === -1) {
+      this.topics.push(topic);
+    }
+    this.logger.log('[WEBSOCKET-JS] - SUBSCRIBE TO TOPIC ', topic);
+
+    var message = {
+      action: 'subscribe',
+      payload: {
+        //topic: '/' + project_id + '/requests',
+        topic: topic,
+        message: undefined,
+        method: undefined
+      },
+    };
+    this.logger.log("[WEBSOCKET-JS] - SUBSCRIBE TO TOPIC - DATA TO SEND ", message, " FOR SUBSCRIBE TO TOPIC: ", topic);
+    this.send(message, `SUBSCRIBE to ${topic}`);
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ unsubscribe 
+  // - called by: 'WsRequestsService' > getCurrentProjectAndSubscribeTo_WsRequests()  
+  //                                  > unsubscribeTo_wsRequestById() called by WsRequestsMsgsComponent > On Init & On Destroy
+  //              'WsMsgsService' > unsubsToWS_MsgsByRequestId() > On Init & On Destroy
+  //  - call 'send'
+  // -----------------------------------------------------------------------------------------------------
+  unsubscribe(topic) {
+    this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE  - FROM TOPIC: ", topic);
+    // this.logger.log("% »»» WebSocketJs WF *** UNSUBSCRIBE *** - this.topics ", this.topics);
+    // this.logger.log("% »»» WebSocketJs WF *** UNSUBSCRIBE *** - topic ", topic);
+    // this.logger.log("% »»» WebSocketJs WF *** UNSUBSCRIBE *** - callbacks ", this.callbacks);
+
+
+    var index = this.topics.indexOf(topic);
+
+    if (index > -1) {
+      this.topics.splice(index, 1);
+    }
+
+    this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE - TOPICS AFTER SPLICE THE TOPIC ", this.topics);
+    this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE - DELETE TOPIC FROM CALLBACKS - CALLBACKS SIZE ", this.callbacks.size);
+
+    // if (this.callbacks.length > 0) {
+    if (this.callbacks.size > 0) {
+      this.callbacks.delete(topic);
+      this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE - CALLBACKS AFTER DELETE TOPIC ", this.callbacks);
+    }
+
+    var message = {
+      action: 'unsubscribe',
+      payload: {
+        //topic: '/' + project_id + '/requests',
+        topic: topic,
+        message: undefined,
+        method: undefined
+      },
+    };
+    this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE DATA", message);
+
+    if (this.ws && this.ws.readyState == WebSocket.OPEN) {
+      this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE TO TOPIC - DATA TO SEND ", message, " FOR UNSUBSCRIBE TO TOPIC: ", topic);
+      this.send(message, `UNSUSCRIBE from ${topic}`);
+
+    } else if (this.ws) {
+      this.logger.log("[WEBSOCKET-JS] - UN-SUBSCRIBE TRY 'SEND' BUT READY STASTE IS : ", this.ws.readyState);
+    }
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ send - 
+  // -----------------------------------------------------------------------------------------------------
+  send(data, calling_method) {
+    // this.logger.log("[WEBSOCKET-JS] - SEND - INIZIAL-MSG ", initialMessage, " CALLED BY ", calling_method);
+
+    this.ws.send(JSON.stringify(data));
+  }
+
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ close (to find where is used search for x webSocketClose()) 
+  // -----------------------------------------------------------------------------------------------------
+  close() {
+    this.topics = [];
+    this.callbacks = [];
+    this.logger.log("[WEBSOCKET-JS] - CALLED CLOSE - TOPICS ", this.topics, ' - CALLLBACKS ', this.callbacks);
+
+    if (this.ws) {
+      this.ws.onclose = function () { }; // disable onclose handler first
+      this.ws.close();
+    }
+    this.heartReset();
+    this.manuallyClosed = true;
+  }
+
+  reconnect(url, onCreate, onUpdate, onData, onOpen = undefined, onOpenCallback = undefined, _topics = [], _callbacks = new Map()) {
+    this.reconnectAttempts++;
+    const delay = Math.min(this.reconnectAttempts * 1000, this.maxReconnectDelay);
+
+    this.logger.log(`WebSocket reconnect in ${delay}ms`);
+    const that = this;
+    setTimeout(() => {
+      if (!that.manuallyClosed) {
+        that.init(url, onCreate, onUpdate, onData, onOpen, function () {
+          that.logger.log('[WEBSOCKET-JS] websocket IS CLOSED ... CALLING RESUSCRIBE ');
+          that.resubscribe();
+        }, that.topics, that.callbacks);
+      }
+    }, delay);
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Resubscribe
+  // -----------------------------------------------------------------------------------------------------
+  resubscribe() {
+    this.logger.log("[WEBSOCKET-JS] - RESUBSCRIBE - TO TOPICS ", this.topics);
+    this.logger.log("[WEBSOCKET-JS] - RESUBSCRIBE - CALLBACKS ", this.callbacks);
+
+    if (this.topics.length > 0) {
+      this.topics.forEach(topic => {
+        this.logger.log("[WEBSOCKET-JS] - RESUBSCRIBE - SUBDCRIBE TO TOPICS ", topic);
+        this.subscribe(topic); // nn fa sudbcribe 
+      });
+    }
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ HeartCheck
+  // -----------------------------------------------------------------------------------------------------
+  heartCheck() {
+    this.heartReset();
+    this.heartStart();
+  }
+
+  // _heartStart() {
+  //   // if(this.forbidReconnect) return;//Non ricollegare o eseguire il battito cardiaco
+  //   this.pingTimeoutId = setTimeout(() => {
+  //     // 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
+  //     try {
+  //       this.logger.log('% »»» WebSocketJs - HEARTBEAT send MSG ', JSON.stringify(this.pingMsg));
+  //       this.ws.send(JSON.stringify(this.pingMsg));
+  //       // Se non viene ripristinato dopo un determinato periodo di tempo, il backend viene attivamente disconnesso
+  //       this.pongTimeoutId = setTimeout(() => {
+  //         // se onclose Si esibirà reconnect，Eseguiamo ws.close() Bene, se lo esegui direttamente reconnect Si innescherà onclose Causa riconnessione due volte
+  //         this.ws.close();
+  //       }, this.pongTimeout);
+
+  //     } catch (e) {
+
+  //       this.logger.log('% »»» WebSocketJs - HEARTBEAT err ', e);
+  //     }
+
+  //   }, this.pingTimeout);
+  // }
+
+
+  // getRemainingTime() {
+  //   var milliSecondsTime = 15000;
+  //   var timer;
+
+  //   this.logger.log('% »»» WebSocketJs - heartStart timer 1', milliSecondsTime / 1000);
+  //   timer = setInterval(function () {
+  //     milliSecondsTime = milliSecondsTime - 1000;
+  //     if (milliSecondsTime / 1000 == 0) {
+  //       clearTimeout(timer);
+  //     }
+  //     else {
+  //       this.logger.log('% »»» WebSocketJs - heartStart timer 2 ', milliSecondsTime / 1000);
+  //     }
+  //   }, 1000);
+  // }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ HeartStart
+  // -----------------------------------------------------------------------------------------------------
+  private heartStart() {
+    // this.getRemainingTime();
+
+    // usa intervallo adattivo se tab è in background (Chrome throtla i timer)
+    const adaptivePing = document.hidden ? this.pingTimeout * 3 : this.pingTimeout;
+
+    // pianifica invio ping
+    this.pingTimeoutId = setTimeout(() => {
+      if (!this.ws || this.ws.readyState !== WebSocket.OPEN) return;
+
+      // 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
+      this.send(this.pingMsg, 'HEART-START')
+
+      // Se non viene ripristinato dopo un determinato periodo di tempo, il backend viene attivamente disconnesso
+      this.pongTimeoutId = setTimeout(() => {
+        this.logger.log("[WEBSOCKET-JS] - HEART-START - PONG-TIMEOUT-ID  - CLOSE WS ");
+        // se onclose Si esibirà reconnect，Eseguiamo ws.close() Bene, se lo esegui direttamente reconnect Si innescherà onclose Causa riconnessione due volte
+        this.ws.close();
+      }, this.pongTimeout) as unknown as number;
+
+
+    }, adaptivePing);
+
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ heartReset
+  // -----------------------------------------------------------------------------------------------------
+  private heartReset() {
+    if (this.pongTimeoutId !== undefined) {
+      clearTimeout(this.pongTimeoutId);
+      this.pongTimeoutId = undefined;
+    }
+
+    if (this.pingTimeoutId !== undefined) {
+      clearTimeout(this.pingTimeoutId);
+      this.pingTimeoutId = undefined;
+    }
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ init
+  // -----------------------------------------------------------------------------------------------------
+  init(url, onCreate, onUpdate, onData, onOpen = undefined, onOpenCallback = undefined, _topics = [], _callbacks = new Map()) {
+
+
+    this.manuallyClosed = false;
+    this.url = url;
+    this.onCreate = onCreate;
+    this.onUpdate = onUpdate;
+    this.onData = onData;
+    this.onOpen = onOpen;
+    this.topics = _topics//[];//new Map();
+    this.callbacks = _callbacks// new Map();
+    // this.userHasClosed = false;
+    // this.logger.log('% »»» WebSocketJs WF - closeWebsocket this.userHasClosed ' , this.userHasClosed);
+
+    // this.sendingMessages = [];//new Map();
+    // this.data = [];
+    // this.init(this.sendMesagesInSendingArray);
+    this.logger.log("[WEBSOCKET-JS] - CALLING INIT - url ", this.url);
+    this.logger.log("[WEBSOCKET-JS] - CALLING INIT - topics ", this.topics);
+    this.logger.log("[WEBSOCKET-JS] - CALLING INIT - url ", this.url);
+    this.logger.log("[WEBSOCKET-JS] - CALLING INIT - callbacks ", this.callbacks);
+
+
+    var that = this;
+    return new Promise(function (resolve, reject) {
+      // var options = {
+      //     // headers: {
+      //     //     "Authorization" : "JWT " + token
+      //     // }
+      // };
+      // this.logger.log('options', options);
+      // var ws = new WebSocket('ws://localhost:3000');
+      // var ws = new WebSocket('ws://localhost:3000/public/requests');
+      // var ws = new WebSocket('ws://localhost:3000/5bae41325f03b900401e39e8/messages');
+
+
+      // -----------------------------------------------------------------------------------------------------
+      // @ new WebSocket
+      // -----------------------------------------------------------------------------------------------------
+      that.ws = new WebSocket(that.url);
+
+
+      // -----------------------------------------------------------------------------------------------------
+      // @ onopen
+      // -----------------------------------------------------------------------------------------------------
+      that.ws.onopen = function (e) {
+        that.logger.log('[WEBSOCKET-JS] - websocket is connected ...', e);
+
+        // Inizializza heartbeat
+        that.heartCheck();
+        that.reconnectAttempts = 0;
+
+        if (onOpenCallback) { onOpenCallback(); }
+        if (that.onOpen) { that.onOpen(); }
+
+      }
+
+      // -----------------------------------------------------------------------------------------------------
+      // @ onclose
+      // -----------------------------------------------------------------------------------------------------
+      that.ws.onclose = function (e) {
+        that.logger.log('[WEBSOCKET-JS] websocket IS CLOSED ... Try to reconnect in 3 seconds ', e);
+
+        // this.logger.log('% »»» WebSocketJs - websocket onclose this.userHasClosed ', that.userHasClosed);
+        // https://stackoverflow.com/questions/3780511/reconnection-of-client-when-server-reboots-in-websocket
+        // Try to reconnect in 3 seconds
+
+        // --------------------
+        // @ init > resubscribe
+        // --------------------
+        that.heartReset();
+
+        if (!that.manuallyClosed) {
+          that.reconnect(url, onCreate, onUpdate, onData, onOpen, function () {
+            that.logger.log('[WEBSOCKET-JS] websocket IS CLOSED ... CALLING RESUSCRIBE ');
+            that.resubscribe();
+          }, that.topics, that.callbacks);
+        }
+
+        // setTimeout(function () {
+        //   that.init(url, onCreate, onUpdate, onData, onOpen, function () {
+        //     that.logger.log('[WEBSOCKET-JS] websocket IS CLOSED ... CALLING RESUSCRIBE ');
+        //     that.resubscribe();
+        //   }, that.topics, that.callbacks);
+        // }, 3000);
+      }
+
+      // -----------------------------------------------------------------------------------------------------
+      // @ onerror
+      // -----------------------------------------------------------------------------------------------------
+      that.ws.onerror = function (err) {
+        that.logger.error('[WEBSOCKET-JS] websocket IS CLOSED - websocket error ...', err)
+      }
+
+      // -----------------------------------------------------------------------------------------------------
+      // @ onmessage
+      // -----------------------------------------------------------------------------------------------------
+      that.ws.onmessage = function (message) {
+        // that.logger.log('[WEBSOCKET-JS] websocket onmessage ', message);
+        // that.logger.log('[WEBSOCKET-JS] websocket onmessage data', message.data);
+
+        // let test = '{ "action": "publish","payload": {"topic": "/5df26badde7e1c001743b63c/requests", "method": "CREATE", "message": [ { "_id": "5f29372d690e6f0034edf100", "status": 200, "preflight": false, "hasBot": true, "participants": ["bot_5df272e8de7e1c001743b645"],  "participantsAgents": [], "participantsBots": ["5df272e8de7e1c001743b645"], "request_id": "support-group-MDszsSJlwqQn1_WCh6u", "requester": "5f29371b690e6f0034edf0f5", "lead": "5f29372d690e6f0034edf0ff", "first_text": "ocourse the email is valid ","department": "5df26badde7e1c001743b63e", "agents": [{"user_available": true,"online_status": "online", "number_assigned_requests": 35, "_id": "5e0f2119705a35001725714d","id_project": "5df26badde7e1c001743b63c", "id_user": "5aaa99024c3b110014b478f0", "role": "admin", "createdBy": "5df26ba1de7e1c001743b637","createdAt": "2020-01-03T11:10:17.123Z", "updatedAt": "2020-01-03T11:10:17.123Z", "__v": 0 }, { "user_available": false, "online_status": "offline", "number_assigned_requests": 0, "_id": "5e1a13824437eb0017f712b4", "id_project": "5df26badde7e1c001743b63c","id_user": "5ac7521787f6b50014e0b592", "role": "admin", "createdBy": "5df26ba1de7e1c001743b637", "createdAt": "2020-01-11T18:27:14.657Z","updatedAt": "2020-01-11T18:27:14.657Z", "__v": 0}, { "user_available": false,"online_status": "offline", "number_assigned_requests": 0, "_id": "5df26bdfde7e1c001743b640", "id_project": "5df26badde7e1c001743b63c", "id_user": "5de9200d6722370017731969","role": "admin","createdBy": "5df26ba1de7e1c001743b637", "createdAt": "2019-12-12T16:33:35.244Z", "updatedAt": "2019-12-12T16:33:35.244Z","__v": 0 }, {"user_available": true, "online_status": "online","number_assigned_requests": -11, "_id": "5eb1a3647ac005003480f54d", "id_project": "5df26badde7e1c001743b63c","id_user": "5e09d16d4d36110017506d7f","role": "owner", "createdBy": "5aaa99024c3b110014b478f0","createdAt": "2020-05-05T17:33:24.328Z", "updatedAt": "2020-05-05T17:33:24.328Z","__v": 0}], "sourcePage": "https://www.tiledesk.com/pricing-self-managed/", "language": "en","userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36","attributes": { "departmentId": "5df26badde7e1c001743b63e","departmentName": "Default Department","ipAddress": "115.96.30.154","client": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36","sourcePage": "https://www.tiledesk.com/pricing-self-managed/", "projectId": "5df26badde7e1c001743b63c", "requester_id": "ce31d3fd-a358-49c7-9b9f-5aead8330063", "subtype": "info","decoded_jwt": {"_id": "ce31d3fd-a358-49c7-9b9f-5aead8330063","firstname": "Guest", "id": "ce31d3fd-a358-49c7-9b9f-5aead8330063", "fullName": "Guest ","iat": 1596536604,"aud": "https://tiledesk.com","iss": "https://tiledesk.com","sub": "guest","jti": "702a4a7e-e56a-43cf-aadd-376f7c12f633"}},"id_project": "5df26badde7e1c001743b63c","createdBy": "ce31d3fd-a358-49c7-9b9f-5aead8330063","tags": [], "notes": [],"channel": {"name": "chat21"},"createdAt": "2020-08-04T10:23:41.641Z","updatedAt": "2021-03-25T18:01:13.371Z","__v": 3,"assigned_at": "2020-08-04T10:25:26.059Z","channelOutbound": {"name": "chat21"},"snapshot": {"agents": [{"id_user": "5aaa99024c3b110014b478f0"}, {"id_user": "5ac7521787f6b50014e0b592"}, {"id_user": "5de9200d6722370017731969"}, { "id_user": "5e09d16d4d36110017506d7f"}]},"id": "5f29372d690e6f0034edf100","requester_id": "5f29372d690e6f0034edf0ff"}]}}'
+        // let test_due = '{ "action": "publish","payload": {"topic": "/5df26badde7e1c001743b63c/requests", "method": "CREATE", "message": [ { "_id": "5f29372d690e6f0034edf100", "status": 200, "preflight": false, "hasBot": true, "participants": ["bot_5df272e8de7e1c001743b645"],  "participantsAgents": [], "participantsBots": ["5df272e8de7e1c001743b645"], "request_id": "support-group-MDszsSJlwqQn1_WCh6u", "requester": "5f29371b690e6f0034edf0f5", "lead": "5f29372d690e6f0034edf0ff", "first_text": "ocourse the email is valid ","department": "5df26badde7e1c001743b63e", "agents": [{"user_available": true,"online_status": "online", "number_assigned_requests": 35, "_id": "5e0f2119705a35001725714d","id_project": "5df26badde7e1c001743b63c", "id_user": "5aaa99024c3b110014b478f0", "role": "admin", "createdBy": "5df26ba1de7e1c001743b637","createdAt": "2020-01-03T11:10:17.123Z", "updatedAt": "2020-01-03T11:10:17.123Z", "__v": 0 }, { "user_available": false, "online_status": "offline", "number_assigned_requests": 0, "_id": "5e1a13824437eb0017f712b4", "id_project": "5df26badde7e1c001743b63c","id_user": "5ac7521787f6b50014e0b592", "role": "admin", "createdBy": "5df26ba1de7e1c001743b637", "createdAt": "2020-01-11T18:27:14.657Z","updatedAt": "2020-01-11T18:27:14.657Z", "__v": 0}, { "user_available": false,"online_status": "offline", "number_assigned_requests": 0, "_id": "5df26bdfde7e1c001743b640", "id_project": "5df26badde7e1c001743b63c", "id_user": "5de9200d6722370017731969","role": "admin","createdBy": "5df26ba1de7e1c001743b637", "createdAt": "2019-12-12T16:33:35.244Z", "updatedAt": "2019-12-12T16:33:35.244Z","__v": 0 }, {"user_available": true, "online_status": "online","number_assigned_requests": -11, "_id": "5eb1a3647ac005003480f54d", "id_project": "5df26badde7e1c001743b63c","id_user": "5e09d16d4d36110017506d7f","role": "owner", "createdBy": "5aaa99024c3b110014b478f0","createdAt": "2020-05-05T17:33:24.328Z", "updatedAt": "2020-05-05T17:33:24.328Z","__v": 0}], "sourcePage": "https://www.tiledesk.com/pricing-self-managed/", "language": "en","userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36","attributes": { "departmentId": "5df26badde7e1c001743b63e","departmentName": "Default Department","ipAddress": "115.96.30.154","client": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36","sourcePage": "https://www.tiledesk.com/pricing-self-managed/", "projectId": "5df26badde7e1c001743b63c", "requester_id": "ce31d3fd-a358-49c7-9b9f-5aead8330063", "subtype": "info","decoded_jwt": {"_id": "ce31d3fd-a358-49c7-9b9f-5aead8330063","firstname": "Guest", "id": "ce31d3fd-a358-49c7-9b9f-5aead8330063", "fullName": "Guest ","iat": 1596536604,"aud": "https://tiledesk.com","iss": "https://tiledesk.com","sub": "guest","jti": "702a4a7e-e56a-43cf-aadd-376f7c12f633"}},"id_project": "5df26badde7e1c001743b63c","createdBy": "ce31d3fd-a358-49c7-9b9f-5aead8330063","tags": [], "notes": [],"channel": {"name": "chat21"},"createdAt": "2020-08-04T10:23:41.641Z","updatedAt": "2021-03-25T18:01:13.371Z","__v": 3,"assigned_at": "2020-08-04T10:25:26.059Z","channelOutbound": {"name": "chat21"},"_snapshot": {"agents": [{"id_user": "5aaa99024c3b110014b478f0"}, {"id_user": "5ac7521787f6b50014e0b592"}, {"id_user": "5de9200d6722370017731969"}, { "id_user": "5e09d16d4d36110017506d7f"}]},"id": "5f29372d690e6f0034edf100","requester_id": "5f29372d690e6f0034edf0ff"}]}}'
+
+        let json;
+        try {
+          json = JSON.parse(message.data);
+          // var json = JSON.parse(test_due);
+          // this.logger.log('% »»» WebSocketJs - websocket onmessage JSON.parse(message.data) json payload', json.payload);
+          // this.logger.log('% »»» WebSocketJs - websocket onmessage JSON.parse(message.data) json payload topic', json.payload.topic);
+          // this.logger.log('% »»» WebSocketJs - websocket onmessage JSON.parse(message.data) json ', json);
+        } catch (e) {
+          that.logger.error('[WEBSOCKET-JS] -  This doesn\'t look like a valid JSON: ', message.data);
+          return;
+        }
+
+        
+        // -----------------------
+        // HEARTBEAT HANDLING
+        // @ check the action and the message's text - 
+        // if action is 'heartbeat' and text is ping send the PONG message and return
+        // -----------------------
+        if (json.action === "heartbeat") {
+          const text = json?.payload?.message?.text;
+
+          // Server -> Client ping
+          if (text === "ping") {
+            that.send(that.pongMsg, 'ON-MESSAGE');
+            return;
+          }
+
+          // Server -> Client pong (risposta al nostro ping)
+          if (text === "pong") {
+            that.heartCheck();
+            return;
+          }
+
+          return;
+        }
+
+        var object = { event: json.payload, data: json };
+        if (that.onData) {
+          that.onData(json.payload.message, object);
+        }
+
+        var callbackObj = that.callbacks.get(object.event.topic);
+        if (callbackObj && callbackObj.onData) {
+          callbackObj.onData(json.payload.message, object);
+        }
+
+        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);
+              }
+
+              if (callbackObj) {
+                callbackObj.onCreate(element, object);
+              }
+            }
+
+            if (insUp == "UPDATE") {
+              if (that.onUpdate) {
+                that.onUpdate(element, object);
+              }
+
+              if (callbackObj && callbackObj.onUpdate) {
+                callbackObj.onUpdate(element, object);
+              }
+            }
+            resolve({ element: element, object: object });
+          });
+
+        } 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) {
+              that.onCreate(json.payload.message, object);
+            }
+
+            if (callbackObj && callbackObj.onCreate) {
+              callbackObj.onCreate(json.payload.message, object);
+            }
+          }
+
+          if (insUp == "UPDATE") {
+            if (that.onUpdate) {
+              that.onUpdate(json.payload.message, object);
+            }
+
+            if (callbackObj && callbackObj.onUpdate) {
+              callbackObj.onUpdate(json.payload.message, object);
+            }
+
+          }
+
+          resolve({ element: json.payload.message, object: object });
+          // resolve:
+          // $('#messages').after(json.text + '<br>');
+        }
+      }
+    }); // .PROMISE
+  }
+
+  // -------------------------------------
+  // !! not use this but the above close()
+  // -------------------------------------
+
+  // closeWebsocket() {
+  //   this.topics = [];
+  //   this.callbacks = [];
+  //   this.logger.log('% »»» WebSocketJs WF - closeWebsocket  this.ws ', this.ws)
+
+  //   if (this.ws) {
+  //     this.ws.close();
+  //     this.logger.log('% »»» WebSocketJs WF - closeWebsocket ')
+  //   }
+  // }
+
+
+
+
+  isArray(what) {
+    return Object.prototype.toString.call(what) === '[object Array]';
+  }
+
+
+}

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

@@ -41,18 +41,18 @@ export class WebsocketService {
     return new Promise(function (resolve, reject) {
 
       self.webSocketJs.ref(path, 'subscriptionToWsCurrentUser_allProject',
-        function (data, notification) {
+        function (data) {
           // console.log("[WS-SERV] SUBSCR TO WS CURRENT PROJECT-USER AVAILABILITY - CREATE - data ", data);
           resolve(data)
           // self.currentUserWsAvailability$.next(data.user_available);
           self.currentProjectUserAvailability$.next(data)
 
-        }, function (data, notification) {
+        }, function (data) {
           resolve(data)
           // console.log("[WS-SERV] SUBSCR TO WS CURRENT PROJECT-USER AVAILABILITY - UPDATE - data ", data);
           self.currentProjectUserAvailability$.next(data)
 
-        }, function (data, notification) {
+        }, function (data) {
           resolve(data)
           if (data) {
             // console.log("[WS-SERV] SUBSCR TO WS CURRENT PROJECT-USER AVAILABILITY - UPDATE - data", data);
@@ -94,7 +94,7 @@ export class WebsocketService {
 
     this.webSocketJs.ref('/' + project_id + '/requests', 'getCurrentProjectAndSubscribeTo_WsRequests',
 
-      function (data, notification) {
+      function (data) {
         // console.log("[WS-SERV] - CONVS - CREATE DATA ", data);
         if (data) {
           // ------------------------------------------------
@@ -183,7 +183,7 @@ export class WebsocketService {
           // }
         }
 
-      }, function (data, notification) {
+      }, function (data) {
 
         // console.log("[WS-SERV] - CONVS - UPDATE DATA ", data);
 
@@ -201,9 +201,8 @@ export class WebsocketService {
         self.updateWsRequests(data)
 
 
-      }, function (data, notification) {
+      }, function (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') {
@@ -306,17 +305,17 @@ export class WebsocketService {
 
     this.webSocketJs.ref(path, 'subscribeToWS_RequesterPresence',
 
-      function (data, notification) {
+      function (data) {
         // this.logger.log("[WS-REQUESTS-SERV] - SUBSCRIBE TO REQUESTER-PRECENCE - CREATE data ", data);
 
         self.wsRequesterStatus$.next(data);
 
-      }, function (data, notification) {
+      }, function (data) {
         // this.logger.log("[WS-REQUESTS-SERV] - SUBSCRIBE TO REQUESTER-PRECENCE - UPDATE data ", data);
 
         self.wsRequesterStatus$.next(data);
 
-      }, function (data, notification) {
+      }, function (data) {
 
         if (data) {
           // this.logger.log("[WS-REQUESTS-SERV] - SUBSCRIBE TO REQUESTER-PRECENCE - ON-DATA data ", data);