@chat21/chat21-ionic 3.0.78-rc.4 → 3.0.78

package/src/assets/i18n/de.json

@@ -44,7 +44,6 @@
   "LABEL_VIDEO_CHAT": "Videoanruf",
   "LABEL_LEAVE_GROUP": "Die Gruppe verlassen",
   "LABEL_CLOSE_GROUP": "Nah dran",
-  "LABEL_OPEN_INFO_CONVERSATION":"Konversationsdetails öffnen",
   "ALERT_TITLE": "Aufmerksamkeit!",
   "CLOSE_ALERT_CONFIRM_LABEL": "OK",
   "CLOSE_ALERT_CANCEL_LABEL": "ABBRECHEN",
@@ -164,8 +163,6 @@
   "WAITING_TIME_FOUND": "Das Team antwortet normalerweise in $reply_time",
   "WAITING_TIME_NOT_FOUND": "Das Team wird so schnell wie möglich antworten",
   "CLOSED": "ABGESCHLOSSEN",
-  "DIRECT_CHAT":"Direkter Chat",
-  "GROUP_CHAT":"Gruppenchat",
   "PleaseSelectChatToStartMessaging": "Bitte wählen Sie einen Chat aus, um die Nachrichtenübermittlung zu starten",
   "FromThisAreNew": "------------------",
   "Preview": "Vorschau",

package/src/assets/i18n/en.json

@@ -44,7 +44,6 @@
   "LABEL_VIDEO_CHAT": "Video call",
   "LABEL_LEAVE_GROUP": "Leave the group",
   "LABEL_CLOSE_GROUP": "Close",
-  "LABEL_OPEN_INFO_CONVERSATION":"Open conversation details",
   "ALERT_TITLE": "Attention!",
   "CLOSE_ALERT_CONFIRM_LABEL": "OK",
   "CLOSE_ALERT_CANCEL_LABEL": "CANCEL",
@@ -164,8 +163,6 @@
   "WAITING_TIME_FOUND": "The team typically replies in $reply_time",
   "WAITING_TIME_NOT_FOUND": "The team will reply as soon as possible",
   "CLOSED": "CLOSED",
-  "DIRECT_CHAT":"Direct chat",
-  "GROUP_CHAT":"Group chat",
   "PleaseSelectChatToStartMessaging": "Please select a chat to start messaging",
   "FromThisAreNew": "------------------",
   "Preview": "Preview",

package/src/assets/i18n/es.json

@@ -44,7 +44,6 @@
   "LABEL_VIDEO_CHAT": "Videollamada",
   "LABEL_LEAVE_GROUP": "Dejar el grupo",
   "LABEL_CLOSE_GROUP": "Cerrar",
-  "LABEL_OPEN_INFO_CONVERSATION":"Abrir detalles de la conversación",
   "ALERT_TITLE": "¡Atención!",
   "CLOSE_ALERT_CONFIRM_LABEL": "Ok",
   "CLOSE_ALERT_CANCEL_LABEL": "CANCAR",
@@ -164,8 +163,6 @@
   "WAITING_TIME_FOUND": "El equipo normalmente responde en $reply_time",
   "WAITING_TIME_NOT_FOUND": "El equipo responderá lo antes posible",
   "CLOSED": "CERRADO",
-  "DIRECT_CHAT":"Chat directo",
-  "GROUP_CHAT":"Grupo de chat",
   "PleaseSelectChatToStartMessaging": "Por favor, selecciona un chat para empezar a enviar mensajes",
   "FromThisAreNew": "------------------",
   "Preview": "Vista previa",

package/src/assets/i18n/fr.json

@@ -44,7 +44,6 @@
   "LABEL_VIDEO_CHAT": "Appel vidéo",
   "LABEL_LEAVE_GROUP": "Quitter le groupe",
   "LABEL_CLOSE_GROUP": "Fermer",
-  "LABEL_OPEN_INFO_CONVERSATION":"Ouvrir les détails de la conversation",
   "ALERT_TITLE": "Attention!",
   "CLOSE_ALERT_CONFIRM_LABEL": "d'accord",
   "CLOSE_ALERT_CANCEL_LABEL": "ANNULER",
@@ -164,8 +163,6 @@
   "WAITING_TIME_FOUND": "L'équipe répond généralement en $reply_time",
   "WAITING_TIME_NOT_FOUND": "L'équipe vous répondra dans les plus brefs délais",
   "CLOSED": "FERMÉ",
-  "DIRECT_CHAT":"Chat direct",
-  "GROUP_CHAT":"Chat de groupe",
   "PleaseSelectChatToStartMessaging": "Veuillez sélectionner un chat pour commencer à envoyer des messages",
   "FromThisAreNew": "------------------",
   "Preview": "Aperçu",

package/src/assets/i18n/it.json

@@ -44,7 +44,6 @@
     "LABEL_VIDEO_CHAT": "Video chiamata",
     "LABEL_LEAVE_GROUP": "Abbandona il gruppo",
     "LABEL_CLOSE_GROUP": "Chiudi",
-    "LABEL_OPEN_INFO_CONVERSATION":"Apri i dettagli della conversazione",
     "ALERT_TITLE": "Attenzione!",
     "CLOSE_ALERT_CONFIRM_LABEL": "OK",
     "CLOSE_ALERT_CANCEL_LABEL": "ANNULLA",
@@ -164,8 +163,6 @@
     "WAITING_TIME_FOUND": "Il team tipicamente risponde in $reply_time",
     "WAITING_TIME_NOT_FOUND": "Vi risponderemo appena possibile",
     "CLOSED": "CHIUSA",
-    "DIRECT_CHAT":"Chat diretta",
-    "GROUP_CHAT":"Chat di gruppo",
     "PleaseSelectChatToStartMessaging": "Seleziona una chat per iniziare a messaggiare",
     "FromThisAreNew": "------------------",
     "Preview": "Anteprima",

package/src/assets/i18n/kk.json

@@ -44,7 +44,6 @@
     "LABEL_VIDEO_CHAT": "Бейне қоңырау",
     "LABEL_LEAVE_GROUP": "Топтан шығыңыз",
     "LABEL_CLOSE_GROUP": "Жабық",
-    "LABEL_OPEN_INFO_CONVERSATION":"Әңгімелесу мәліметтерін ашыңыз",
     "ALERT_TITLE": "Назар аударыңыз!",
     "CLOSE_ALERT_CONFIRM_LABEL": "ЖАРАЙДЫ МА",
     "CLOSE_ALERT_CANCEL_LABEL": "БАС ТАРТУ",
@@ -164,8 +163,6 @@
     "WAITING_TIME_FOUND": "Топ әдетте $reply_time-мен жауап береді",
     "WAITING_TIME_NOT_FOUND": "Команда мүмкіндігінше тезірек жауап береді",
     "CLOSED": "ЖАБЫҚ",
-    "DIRECT_CHAT":"Тікелей чат",
-    "GROUP_CHAT":"Топтық чат",
     "PleaseSelectChatToStartMessaging": "Хабар алмасуды бастау үшін чатты таңдаңыз",
     "FromThisAreNew": "------------------",
     "Preview": "Алдын ала қарау",

package/src/assets/i18n/pt.json

@@ -44,7 +44,6 @@
   "LABEL_VIDEO_CHAT": "Videochamada",
   "LABEL_LEAVE_GROUP": "Sair do grupo",
   "LABEL_CLOSE_GROUP": "Fechar",
-  "LABEL_OPEN_INFO_CONVERSATION":"Abrir detalhes da conversa",
   "ALERT_TITLE": "Atenção!",
   "CLOSE_ALERT_CONFIRM_LABEL": "OK",
   "CLOSE_ALERT_CANCEL_LABEL": "CANCELAR",
@@ -164,8 +163,6 @@
   "WAITING_TIME_FOUND": "A equipe normalmente responde em $reply_time",
   "WAITING_TIME_NOT_FOUND": "A equipe responderá o mais rápido possível",
   "CLOSED": "FECHADO",
-  "DIRECT_CHAT":"Bate-papo direto",
-  "GROUP_CHAT":"Conversa em grupo",
   "PleaseSelectChatToStartMessaging": "Selecione um bate-papo para começar a enviar mensagens",
   "FromThisAreNew": "------------------",
   "Preview": "Visualizar",

package/src/assets/i18n/ru.json

@@ -44,7 +44,6 @@
   "LABEL_VIDEO_CHAT": "Видеозвонок",
   "LABEL_LEAVE_GROUP": "Выйти из группы",
   "LABEL_CLOSE_GROUP": "Закрывать",
-  "LABEL_OPEN_INFO_CONVERSATION":"Открыть детали беседы",
   "ALERT_TITLE": "Внимание!",
   "CLOSE_ALERT_CONFIRM_LABEL": "Ok",
   "CLOSE_ALERT_CANCEL_LABEL": "ОТМЕНИТЬ",
@@ -164,8 +163,6 @@
   "WAITING_TIME_FOUND": "Команда обычно отвечает $reply_time",
   "WAITING_TIME_NOT_FOUND": "Команда ответит как можно скорее",
   "CLOSED": "ЗАКРЫТО",
-  "DIRECT_CHAT":"Прямой чат",
-  "GROUP_CHAT":"Групповой чат",
   "PleaseSelectChatToStartMessaging": "Пожалуйста, выберите чат, чтобы начать обмен сообщениями",
   "FromThisAreNew": "------------------",
   "Preview": "Предварительный просмотр",

package/src/assets/i18n/sr.json

@@ -44,7 +44,6 @@
         "LABEL_VIDEO_CHAT": "Видео позив",
         "LABEL_LEAVE_GROUP": "Напусти групу",
         "LABEL_CLOSE_GROUP": "Затвори",
-        "LABEL_OPEN_INFO_CONVERSATION":"Отворите детаље разговора",
         "ALERT_TITLE": "УПОЗОРЕЊЕ",
         "CLOSE_ALERT_CONFIRM_LABEL": "ок",
         "CLOSE_ALERT_CANCEL_LABEL": "ПОНИШТИТИ, ОТКАЗАТИ",
@@ -164,8 +163,6 @@
         "WAITING_TIME_FOUND": "Тим обично одговара у $reply_time",
         "WAITING_TIME_NOT_FOUND": "Тим ће одговорити у најкраћем могућем року",
         "CLOSED": "ЗАТВОРЕНО",
-        "DIRECT_CHAT":"Директно ћаскање",
-        "GROUP_CHAT":"Групно ћаскање",
         "PleaseSelectChatToStartMessaging": "Изаберите ћаскање да бисте започели размену порука",
         "FromThisAreNew": "------------------",
         "Preview": "Преглед",

package/src/assets/i18n/sv.json

@@ -44,7 +44,6 @@
     "LABEL_VIDEO_CHAT": "Videosamtal",
     "LABEL_LEAVE_GROUP": "Lämna gruppen",
     "LABEL_CLOSE_GROUP": "Stänga",
-    "LABEL_OPEN_INFO_CONVERSATION":"Öppna konversationsinformation",
     "ALERT_TITLE": "Uppmärksamhet!",
     "CLOSE_ALERT_CONFIRM_LABEL": "OK",
     "CLOSE_ALERT_CANCEL_LABEL": "ANNULLERA",
@@ -164,8 +163,6 @@
     "WAITING_TIME_FOUND": "Teamet svarar vanligtvis med $reply_time",
     "WAITING_TIME_NOT_FOUND": "Teamet kommer att svara så snart som möjligt",
     "CLOSED": "STÄNGD",
-    "DIRECT_CHAT":"Direkt chatt",
-    "GROUP_CHAT":"Gruppchatt",
     "PleaseSelectChatToStartMessaging": "Välj en chatt för att börja skicka meddelanden",
     "FromThisAreNew": "------------------",
     "Preview": "Förhandsvisning",

package/src/assets/i18n/tr.json

@@ -44,7 +44,6 @@
   "LABEL_VIDEO_CHAT": "Görüntülü arama",
   "LABEL_LEAVE_GROUP": "Gruptan ayrıl",
   "LABEL_CLOSE_GROUP": "Kapat",
-  "LABEL_OPEN_INFO_CONVERSATION":"Görüşme ayrıntılarını aç",
   "ALERT_TITLE": "Dikkat!",
   "CLOSE_ALERT_CONFIRM_LABEL": "Tamam",
   "CLOSE_ALERT_CANCEL_LABEL": "İPTAL ET",
@@ -164,8 +163,6 @@
   "WAITING_TIME_FOUND": "Ekip genellikle $reply_time",
   "WAITING_TIME_NOT_FOUND": "Ekip en kısa sürede cevap verecektir",
   "CLOSED": "KAPALI",
-  "DIRECT_CHAT":"Doğrudan sohbet",
-  "GROUP_CHAT":"Grup Sohbeti",
   "PleaseSelectChatToStartMessaging": "Mesajlaşmaya başlamak için lütfen bir sohbet seçin",
   "FromThisAreNew": "------------------",
   "Preview": "Ön izleme",

package/src/assets/i18n/uk.json

@@ -44,7 +44,6 @@
     "LABEL_VIDEO_CHAT": "Відеодзвінок",
     "LABEL_LEAVE_GROUP": "Вийти з групи",
     "LABEL_CLOSE_GROUP": "Закрити",
-    "LABEL_OPEN_INFO_CONVERSATION":"Відкрити деталі розмови",
     "ALERT_TITLE": "Увага!",
     "CLOSE_ALERT_CONFIRM_LABEL": "добре",
     "CLOSE_ALERT_CANCEL_LABEL": "СКАСУВАТИ",
@@ -164,8 +163,6 @@
     "WAITING_TIME_FOUND": "Команда зазвичай відповідає $ час відповіді",
     "WAITING_TIME_NOT_FOUND": "Команда відповість якомога швидше",
     "CLOSED": "ЗАЧИНЕНО",
-    "DIRECT_CHAT":"Прямий чат",
-    "GROUP_CHAT":"Груповий чат",
     "PleaseSelectChatToStartMessaging": "Виберіть чат, щоб почати обмін повідомленнями",
     "FromThisAreNew": "------------------",
     "Preview": "Попередній перегляд",

package/src/assets/i18n/uz.json

@@ -45,7 +45,6 @@
     "LABEL_VIDEO_CHAT": "Video qo'ng'iroq",
     "LABEL_LEAVE_GROUP": "Guruhni tark eting",
     "LABEL_CLOSE_GROUP": "Yopish",
-    "LABEL_OPEN_INFO_CONVERSATION":"Suhbat tafsilotlarini oching",
     "ALERT_TITLE": "Diqqat!",
     "CLOSE_ALERT_CONFIRM_LABEL": "OK",
     "CLOSE_ALERT_CANCEL_LABEL": "BEKOR",
@@ -165,8 +164,6 @@
     "WAITING_TIME_FOUND": "Jamoa odatda $reply_timebilan javob beradi",
     "WAITING_TIME_NOT_FOUND": "Jamoa imkon qadar tezroq javob beradi",
     "CLOSED": "YOPIQ",
-    "DIRECT_CHAT":"To'g'ridan-to'g'ri suhbat",
-    "GROUP_CHAT":"Guruh suhbati",
     "PleaseSelectChatToStartMessaging": "Xabar yozishni boshlash uchun chatni tanlang",
     "FromThisAreNew": "------------------",
     "Preview": "Ko‘rib chiqish",

package/src/chat21-core/providers/firebase/firebase-typing.service.ts

@@ -12,11 +12,11 @@ import 'firebase/database';
 import { TypingService } from '../abstract/typing.service';
 import { CustomLogger } from '../logger/customLogger';
 import { LoggerInstance } from '../logger/loggerInstance';
-import { TIME_TYPING_MESSAGE } from 'src/chat21-core/utils/constants';
 
 
 export class TypingModel {
  
+
   constructor(
       public uid: string,
       public timestamp: any,
@@ -35,11 +35,14 @@ export class FirebaseTypingService extends TypingService {
   BSIsTyping: BehaviorSubject<any> = new BehaviorSubject<any>(null);
   BSSetTyping: BehaviorSubject<any> = new BehaviorSubject<any>(null);
 
+  // public params
+  // public tenant: string;
+  private tenant: string;
+
+  // private params
   private urlNodeTypings: string;
   private setTimeoutWritingMessages: any;
-  private tenant: string;
   private logger: LoggerService = LoggerInstance.getInstance();
-  private ref: firebase.database.Query;
 
   constructor() {
     super();
@@ -61,11 +64,10 @@ export class FirebaseTypingService extends TypingService {
       urlTyping = this.urlNodeTypings + idCurrentUser + '/' + idConversation;
     }
     this.logger.debug('[FIREBASETypingSERVICE] urlTyping: ', urlTyping);
-    this.ref = firebase.database().ref(urlTyping);
-    this.ref.on('child_changed', (childSnapshot) => {
+    const ref = firebase.database().ref(urlTyping);
+    ref.on('child_changed', (childSnapshot) => {
       const precence: TypingModel = childSnapshot.val();
-      this.logger.debug('[FIREBASETypingSERVICE] child_changed: ', precence);
-      this.BSIsTyping.next({uid: idConversation, uidUserTypingNow: precence.uid, nameUserTypingNow: precence.name, waitTime: TIME_TYPING_MESSAGE});
+      this.BSIsTyping.next({uid: idConversation, uidUserTypingNow: precence.uid, nameUserTypingNow: precence.name});
     });
   }
 

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

@@ -43,12 +43,8 @@ export const CHANNEL_TYPE_GROUP = 'group';
 // TYPES MESSAGES
 export const TYPE_MSG_TEXT = 'text';
 export const TYPE_MSG_IMAGE = 'image';
-export const TYPE_MSG_FILE = 'file';
-export const TYPE_MSG_BUTTON = 'button';
-
 export const MAX_WIDTH_IMAGES = 300;
 export const MIN_WIDTH_IMAGES = 130;
-export const TIME_TYPING_MESSAGE = 2000;
 export const TYPE_DIRECT = 'direct';
 export const TYPE_GROUP = 'group';
 export const SYSTEM = 'system';

package/src/chat21-core/utils/user-typing/user-typing.component.html

@@ -1,9 +1,6 @@
-<div class="tile-typing-now" *ngIf="typingLocation === 'header'">
-  <span *ngIf="nameUserTypingNow">{{nameUserTypingNow}} </span>
-  {{ translationMap?.get('LABEL_WRITING') }}
-</div>
-<div class="spinner" *ngIf="typingLocation === 'content'">
-  <div class="bounce1"></div>
-  <div class="bounce2"></div>
-  <div class="bounce3"></div>
+<div class="tile-typing-now" [class.active]="isTyping">
+  <span *ngIf="nameUserTypingNow">
+    {{nameUserTypingNow}}
+  </span>
+  {{ translationMap?.get('LABEL_IS_WRITING') }}
 </div>

package/src/chat21-core/utils/user-typing/user-typing.component.scss

@@ -1,24 +1,10 @@
-:root {
-    --themeColor: rgb(240, 242, 247);
-    --foregroundColor: black;
-}
-
-
 .tile-typing-now {
-    position: absolute;
-    left: 40px;
-    right: 40px;
-    bottom: 3px;
-    width: auto;
-    text-align: center;
-    margin: 0px;
-    padding: 0px;
-    font-size: 1.1em;
-    color: var(--foregroundColor);
-    //display: none;
-    // &.active {
-    //     display: block;
-    // }
+    font-size: 12px;
+    background-color: #fff;
+    display: none;
+    &.active {
+        display: block;
+    }
 }
 
 /* BEGIN LOADING */
@@ -28,105 +14,49 @@
     left: 0;
     top: 0;
     margin: 0;
-    // &.active {
-    //     display: inline-block;
-    //     width: 30px;
-    // }
+    &.active {
+        display: inline-block;
+        width: 30px;
+    }
 }
 #tile-spinner > div {
     width: 6px;
     height: 6px;
     background-color: var(--basic-blue);
 }
-// .spinner {
-//     margin: 100px auto 0;
-//     width: 70px;
-//     text-align: center;
-// }
-// .spinner > div {
-//     width: 18px;
-//     height: 18px;
-//     background-color: #333;
-//     border-radius: 100%;
-//     display: inline-block;
-//     -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-//     animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-// }
-// .spinner .bounce1 {
-//     -webkit-animation-delay: -0.32s;
-//     animation-delay: -0.32s;
-// }
-// .spinner .bounce2 {
-//     -webkit-animation-delay: -0.16s;
-//     animation-delay: -0.16s;
-// }
-// @-webkit-keyframes sk-bouncedelay {
-//     0%, 80%, 100% { -webkit-transform: scale(0) }
-//     40% { -webkit-transform: scale(1.0) }
-// }
-// @keyframes sk-bouncedelay {
-//     0%, 80%, 100% { 
-//     -webkit-transform: scale(0);
-//     transform: scale(0);
-//     } 40% { 
-//         -webkit-transform: scale(1.0);
-//         transform: scale(1.0);
-//     }
-// }
-/* END LOADING */
-
-
-/* ******BOUNCE SPINNER START****** */
 .spinner {
-    margin: 15px 10px; //remove it if activate avatar image 
+    margin: 100px auto 0;
     width: 70px;
-    // text-align: center;
-    min-height: 20px;
-    display: block;
+    text-align: center;
 }
-
 .spinner > div {
-    width: 9px;
-    height: 9px;
+    width: 18px;
+    height: 18px;
     background-color: #333;
-
     border-radius: 100%;
     display: inline-block;
     -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
     animation: sk-bouncedelay 1.4s infinite ease-in-out both;
 }
-
 .spinner .bounce1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
-    background-color: var(--themeColor)
 }
-
 .spinner .bounce2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
-    background-color: var(--themeColor);
-    opacity: 0.4
 }
-
-.spinner .bounce3 {
-    background-color: var(--themeColor);
-    opacity: 0.6
-}
-
-
 @-webkit-keyframes sk-bouncedelay {
     0%, 80%, 100% { -webkit-transform: scale(0) }
     40% { -webkit-transform: scale(1.0) }
 }
-
 @keyframes sk-bouncedelay {
     0%, 80%, 100% { 
-        -webkit-transform: scale(0);
-        transform: scale(0);
+    -webkit-transform: scale(0);
+    transform: scale(0);
     } 40% { 
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
     }
 }
-/* ******BOUNCE SPINNER END****** */
+/* END LOADING */

package/src/chat21-core/utils/user-typing/user-typing.component.ts

@@ -1,31 +1,113 @@
-import { Component, OnInit, OnDestroy, Input, ElementRef } from '@angular/core';
+import { Component, OnInit, OnDestroy, Input } from '@angular/core';
+
+// services
+import { TypingService } from '../../providers/abstract/typing.service';
+
+// Logger
+import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
 @Component({
-  selector: 'user-typing',
+  selector: 'app-user-typing',
   templateUrl: './user-typing.component.html',
   styleUrls: ['./user-typing.component.scss'],
 })
 export class UserTypingComponent implements OnInit, OnDestroy {
 
- // @Input() idConversation: string;
-  // @Input() idCurrentUser: string;
-  // @Input() isDirect: boolean;
-  @Input() typingLocation: string = 'content'
+  @Input() idConversation: string;
+  @Input() idCurrentUser: string;
+  @Input() isDirect: boolean;
   @Input() translationMap: Map<string, string>;
-  @Input() themeColor: string;
-  @Input() idUserTypingNow: string;
-  @Input() nameUserTypingNow: string;
-  // @Input() membersConversation: [string];
+  @Input() color: string;
+  @Input() membersConversation: [string];
+
+  public status = '';
+  public isTyping = false;
+  public nameUserTypingNow: string;
+
+  private setTimeoutWritingMessages: any;
+  private subscriptions = [];
+
+  private logger: LoggerService = LoggerInstance.getInstance();
 
-  constructor(private elementRef: ElementRef) { }
+  constructor(
+    public typingService: TypingService
+  ) { }
 
   /** */
   ngOnInit() {
-    this.elementRef.nativeElement.style.setProperty('--themeColor', this.themeColor);
+    this.logger.log('[USER-TYPING-COMPONENT] - ngOnInit');
+    this.initialize();
   }
 
   /** */
   ngOnDestroy() {
+    this.logger.log('UserTypingComponent - ngOnDestroy');
+    // this.unsubescribeAll();
+  }
+
+  /** */
+  initialize() {
+    this.status = ''; // this.translationMap.get('LABEL_AVAILABLE');
+    this.logger.log('this.translationMap', this.translationMap);
+    this.logger.log('this.status', this.status);
+    this.setSubscriptions();
+    this.typingService.isTyping(this.idConversation, this.idCurrentUser, this.isDirect);
+  }
+
+  /** */
+  private setSubscriptions() {
+    const that = this;
+    const conversationSelected = this.subscriptions.find(item => item.key === this.idConversation);
+    if (!conversationSelected) {
+      const subscribeBSIsTyping =  this.typingService.BSIsTyping.subscribe((data: any) => {
+        this.logger.log('***** BSIsTyping *****', data);
+        if (data) {
+          const isTypingUid = data.uid;
+          if (this.idConversation === isTypingUid) {
+            that.subscribeTypings(data);
+          }
+        }
+      });
+      const subscribe = {key: this.idConversation, value: subscribeBSIsTyping };
+      this.subscriptions.push(subscribe);
+    }
+  }
+
+  /** */
+  subscribeTypings(data: any) {
+    const that = this;
+    try {
+      const key = data.uidUserTypingNow;
+      this.nameUserTypingNow = null;
+      if (data.nameUserTypingNow) {
+        this.nameUserTypingNow = data.nameUserTypingNow;
+      }
+      this.logger.log('subscribeTypings data:', data);
+      const userTyping = this.membersConversation.includes(key);
+      if ( !userTyping ) {
+        this.isTyping = true;
+        this.logger.log('child_changed key', key);
+        this.logger.log('child_changed name', this.nameUserTypingNow);
+        clearTimeout(this.setTimeoutWritingMessages);
+        this.setTimeoutWritingMessages = setTimeout(() => {
+            that.isTyping = false;
+        }, 2000);
+      }
+    } catch (error) {
+      this.logger.log('error: ', error);
+    }
+  }
+
+
+  /** */
+  private unsubescribeAll() {
+    this.logger.log('UserTypingComponent unsubescribeAll: ', this.subscriptions);
+    this.subscriptions.forEach((subscription: any) => {
+      this.logger.log('unsubescribe: ', subscription);
+      subscription.unsubescribe();
+    });
+    this.subscriptions = [];
   }
 
 

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

@@ -590,10 +590,8 @@ export function setConversationAvatar(
   conversationWith: string,
   conversationWithFullname: string,
   conversationChannelType: string,
-  projectId?: string,
-  project_name?: string,
   width?: string,
-  height?: string,
+  height?: string
 ): any {
   const conversationWidth = (width) ? width : '40px';
   const conversationHeight = (height) ? height : '40px';
@@ -604,8 +602,6 @@ export function setConversationAvatar(
     channelType: conversationChannelType,
     avatar: avatarPlaceholder(conversationWithFullname),
     color: getColorBck(conversationWithFullname),
-    projectId: projectId,
-    project_name: project_name,
     width: conversationWidth,
     height: conversationHeight
   };