@chat21/chat21-ionic 3.0.79 → 3.0.80-rc.1

package/src/assets/i18n/sv.json

@@ -5,6 +5,8 @@
     "LABEL_AVAILABLE": "tillgängligt",
     "LABEL_NOT_AVAILABLE": "inte tillgänglig",
     "LABEL_INACTIVE":"inaktiv",
+    "LABEL_ONLINE":"uppkopplad",
+    "LABEL_OFFLINE":"off-line",
     "LABEL_NO_MSG_HERE": "Fortfarande inget meddelande här...",
     "LABEL_TODAY": "i dag",
     "LABEL_TOMORROW": "i går",
@@ -44,6 +46,7 @@
     "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",
@@ -67,7 +70,7 @@
     "INFO_SUPPORT_CHAT_CLOSED": "Chatten stängd",
     "INFO_SUPPORT_LEAD_UPDATED":"Lead uppdaterad",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"borttagen från gruppen",
-    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"lämnade samtalet",
+    "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",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Stängd",
@@ -163,6 +166,8 @@
     "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",
@@ -263,5 +268,13 @@
     "First_name_of_agent": "Agentens förnamn",
     "EnterCannedResponseTitle": "Ange standardsvarstitel",
     "WriteMsgToSendToYourVisitors": "Skriv ett standardsvarsmeddelande att skicka till dina besökare",
-    "EditProfile": "Redigera profil"
+    "EditProfile": "Redigera profil",
+    "NAVBAR":{
+        "SIMULATE_VISITOR":"Simulera besökare",
+        "PROJECT_SETTINGS":"Projektinställningar",
+        "VIEW_ALL_PROJECTS":"Se alla projekt",
+        "ADD_PROJECT":"Lägg till projekt",
+        "RECENT_PROJECTS":"Nyliga projekt",
+        "OTHER_PROJECTS":"Andra projekt"
+    }
 }

package/src/assets/i18n/tr.json

@@ -5,6 +5,8 @@
   "LABEL_AVAILABLE": "mevcut",
   "LABEL_NOT_AVAILABLE": "müsait değil",
   "LABEL_INACTIVE":"etkin değil",
+  "LABEL_ONLINE":"internet üzerinden",
+  "LABEL_OFFLINE":"çevrimdışı",
   "LABEL_NO_MSG_HERE": "Hala mesaj yok...",
   "LABEL_TODAY": "bugün",
   "LABEL_TOMORROW": "dün",
@@ -44,6 +46,7 @@
   "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",
@@ -67,7 +70,7 @@
   "INFO_SUPPORT_CHAT_CLOSED": "sohbet kapatıldı",
   "INFO_SUPPORT_LEAD_UPDATED":"Potansiyel müşteri güncellendi",
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"gruptan kaldırıldı",
-  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"konuşmayı bıraktı",
+  "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ı",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Kapalı",
@@ -163,6 +166,8 @@
   "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",
@@ -263,5 +268,13 @@
   "First_name_of_agent": "Ajanın adı",
   "EnterCannedResponseTitle": "Hazır yanıt başlığını girin",
   "WriteMsgToSendToYourVisitors": "Ziyaretçilerinize göndermek için hazır bir yanıt mesajı yazın",
-  "EditProfile": "Profili Düzenle"
+  "EditProfile": "Profili Düzenle",
+  "NAVBAR":{
+    "SIMULATE_VISITOR":"Ziyaretçiyi simüle et",
+    "PROJECT_SETTINGS":"Proje ayarları",
+    "VIEW_ALL_PROJECTS":"Tüm projeleri görüntüle",
+    "ADD_PROJECT":"Proje ekle",
+    "RECENT_PROJECTS":"Son Projeler",
+    "OTHER_PROJECTS":"Diğer projeler"
+  }
 }

package/src/assets/i18n/uk.json

@@ -5,6 +5,8 @@
     "LABEL_AVAILABLE": "доступний",
     "LABEL_NOT_AVAILABLE": "недоступний",
     "LABEL_INACTIVE":"неактивний",
+    "LABEL_ONLINE":"онлайн",
+    "LABEL_OFFLINE":"офлайн",
     "LABEL_NO_MSG_HERE": "Тут досі немає повідомлення...",
     "LABEL_TODAY": "сьогодні",
     "LABEL_TOMORROW": "вчора",
@@ -44,6 +46,7 @@
     "LABEL_VIDEO_CHAT": "Відеодзвінок",
     "LABEL_LEAVE_GROUP": "Вийти з групи",
     "LABEL_CLOSE_GROUP": "Закрити",
+    "LABEL_OPEN_INFO_CONVERSATION":"Відкрити деталі розмови",
     "ALERT_TITLE": "Увага!",
     "CLOSE_ALERT_CONFIRM_LABEL": "добре",
     "CLOSE_ALERT_CANCEL_LABEL": "СКАСУВАТИ",
@@ -67,7 +70,7 @@
     "INFO_SUPPORT_CHAT_CLOSED": "Чат закритий",
     "INFO_SUPPORT_LEAD_UPDATED":"Лід оновлено",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"видалено з групи",
-    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"залишив розмову",
+    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"залишив бесіду",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Вам призначено новий запит на підтримку",
     "LABEL_PROFILE": "Профіль",
     "LABEL_CLOSE": "зачинено",
@@ -163,6 +166,8 @@
     "WAITING_TIME_FOUND": "Команда зазвичай відповідає $ час відповіді",
     "WAITING_TIME_NOT_FOUND": "Команда відповість якомога швидше",
     "CLOSED": "ЗАЧИНЕНО",
+    "DIRECT_CHAT":"Прямий чат",
+    "GROUP_CHAT":"Груповий чат",
     "PleaseSelectChatToStartMessaging": "Виберіть чат, щоб почати обмін повідомленнями",
     "FromThisAreNew": "------------------",
     "Preview": "Попередній перегляд",
@@ -263,5 +268,13 @@
     "First_name_of_agent": "Ім'я агента",
     "EnterCannedResponseTitle": "Введіть назву готової відповіді",
     "WriteMsgToSendToYourVisitors": "Напишіть готове повідомлення-відповідь, щоб надіслати його відвідувачам",
-    "EditProfile": "Редагувати профіль"
+    "EditProfile": "Редагувати профіль",
+    "NAVBAR":{
+        "SIMULATE_VISITOR":"Імітація відвідувача",
+        "PROJECT_SETTINGS":"Налаштування проекту",
+        "VIEW_ALL_PROJECTS":"Переглянути всі проекти",
+        "ADD_PROJECT":"Додати проект",
+        "RECENT_PROJECTS":"Останні проекти",
+        "OTHER_PROJECTS":"Інші проекти"
+    }
 }

package/src/assets/i18n/uz.json

@@ -6,6 +6,8 @@
     "LABEL_AVAILABLE": "mavjud",
     "LABEL_NOT_AVAILABLE": "mavjud emas",
     "LABEL_INACTIVE":"harakatsiz",
+    "LABEL_ONLINE":"onlayn",
+    "LABEL_OFFLINE":"oflayn",
     "LABEL_NO_MSG_HERE": "Bu yerda hali xabar yo'q...",
     "LABEL_TODAY": "Bugun",
     "LABEL_TOMORROW": "kecha",
@@ -45,6 +47,7 @@
     "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",
@@ -164,6 +167,8 @@
     "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",
@@ -264,5 +269,13 @@
     "First_name_of_agent": "Agentning ismi",
     "EnterCannedResponseTitle": "Tayyor javob sarlavhasini kiriting",
     "WriteMsgToSendToYourVisitors": "Mehmonlaringizga yuborish uchun konservalangan javob xabarini yozing",
-    "EditProfile": "Profilni tahrirlash"
+    "EditProfile": "Profilni tahrirlash",
+    "NAVBAR":{
+        "SIMULATE_VISITOR":"Mehmonni simulyatsiya qilish",
+        "PROJECT_SETTINGS":"Loyiha sozlamalari",
+        "VIEW_ALL_PROJECTS":"Barcha loyihalarni ko'rish",
+        "ADD_PROJECT":"Loyiha qo'shish",
+        "RECENT_PROJECTS":"So'nggi loyihalar",
+        "OTHER_PROJECTS":"Boshqa loyihalar"
+    }
 }

package/src/chat21-core/models/conversation.ts

@@ -16,7 +16,6 @@ export class ConversationModel {
     public sender_fullname: string,
     public status: string,
     public timestamp: number,
-    public time_last_message: string,
     // public selected: boolean,
     public color: string,
     public avatar: string,

package/src/chat21-core/models/projects.ts

@@ -0,0 +1,27 @@
+export interface Project {
+    _id: string;
+    updatedAt?: any;
+    createdAt?: any;
+    name?: string;
+    activeOperatingHours?: boolean;
+    operatingHours?: any
+    createdBy?: string;
+    id_project?: any;
+    widget?: any;
+    settings?: any;
+    role?: string;
+    user_available?: boolean;
+    profile_name?: any;
+    profile_agents?: any;
+    trial_expired?: any;
+    trial_days_left?: number;
+    trial_days?: number;
+    profile_type?: string;
+    subscription_is_active?: any;
+    profile?: any;
+    subscription_end_date?: any;
+    subscription_id?: any;
+    subscription_creation_date?: any;
+    subscription_start_date?: any;
+    __v?: any;
+}

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,14 +35,11 @@ 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();
@@ -64,10 +61,11 @@ export class FirebaseTypingService extends TypingService {
       urlTyping = this.urlNodeTypings + idCurrentUser + '/' + idConversation;
     }
     this.logger.debug('[FIREBASETypingSERVICE] urlTyping: ', urlTyping);
-    const ref = firebase.database().ref(urlTyping);
-    ref.on('child_changed', (childSnapshot) => {
+    this.ref = firebase.database().ref(urlTyping);
+    this.ref.on('child_changed', (childSnapshot) => {
       const precence: TypingModel = childSnapshot.val();
-      this.BSIsTyping.next({uid: idConversation, uidUserTypingNow: precence.uid, nameUserTypingNow: precence.name});
+      this.logger.debug('[FIREBASETypingSERVICE] child_changed: ', precence);
+      this.BSIsTyping.next({uid: idConversation, uidUserTypingNow: precence.uid, nameUserTypingNow: precence.name, waitTime: TIME_TYPING_MESSAGE});
     });
   }
 

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

@@ -43,8 +43,12 @@ 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';
@@ -69,7 +73,7 @@ export const TOUCHING_OPERATOR = "TOUCHING_OPERATOR";
 // URLS
 // export const URL_SOUND = 'assets/sounds/pling.mp3';
 export const URL_SOUND_LIST_CONVERSATION = '/assets/sounds/pling.mp3';
-export const URL_SOUND_CONVERSATION_DETAIL = '/assets/sounds/justsaying.mp3';
+export const URL_SOUND_CONVERSATION_ADDED = '/assets/sounds/wheep-wheep.mp3';
 // export const CHAT_SEND_BY_EMAIL_LINK =
 // 'mailto:?subject=Transcript Chat Conversation&body=Salve,%0D%0A%0D%0Adi
 // seguito potrà scaricare il transcript della conversazione intercorsa con il nostro servizio di

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

@@ -0,0 +1,41 @@
+import { TYPE_DIRECT, TYPE_SUPPORT_GROUP } from 'src/chat21-core/utils/constants';
+import { ConversationModel } from 'src/chat21-core/models/conversation';
+import { Inject, Injectable, OnInit } from '@angular/core';
+import { avatarPlaceholder, getColorBck } from './utils-user';
+import moment from 'moment';
+
+@Injectable()
+export class ConvertRequestToConversation {
+
+
+    
+    initialize(){
+
+    }
+
+    getConvFromRequest(request: any): ConversationModel{
+        return new ConversationModel(
+            request.request_id,
+            request.attributes,
+            request.request_id && (request.request_id.startsWith('group-') || request.request_id.startsWith('support-group'))? TYPE_SUPPORT_GROUP: TYPE_DIRECT,
+            request.lead && request.lead.fullname ? request.lead.fullname: null,
+            request.requester_id,
+            request.lead && request.lead.fullname ? request.lead.fullname: null,
+            request.requester_id,
+            '',
+            true,
+            request.first_text,
+            request.first_text,
+            request.requester_id,
+            '',
+            request.lead && request.lead.fullname ? request.lead.fullname: null,
+            '0',
+            moment(request.createdAt).unix(),
+            getColorBck(request.lead.fullname),
+            avatarPlaceholder(request.lead.fullname),
+            false,
+            'text'
+        ); 
+    }
+
+}

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

@@ -1,6 +1,9 @@
-<div class="tile-typing-now" [class.active]="isTyping">
-  <span *ngIf="nameUserTypingNow">
-    {{nameUserTypingNow}}
-  </span>
-  {{ translationMap?.get('LABEL_IS_WRITING') }}
+<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>

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

@@ -1,10 +1,24 @@
+:root {
+    --themeColor: rgb(240, 242, 247);
+    --foregroundColor: black;
+}
+
+
 .tile-typing-now {
-    font-size: 12px;
-    background-color: #fff;
-    display: none;
-    &.active {
-        display: block;
-    }
+    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;
+    // }
 }
 
 /* BEGIN LOADING */
@@ -14,49 +28,105 @@
     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: 100px auto 0;
+    margin: 15px 10px; //remove it if activate avatar image 
     width: 70px;
-    text-align: center;
+    // text-align: center;
+    min-height: 20px;
+    display: block;
 }
+
 .spinner > div {
-    width: 18px;
-    height: 18px;
+    width: 9px;
+    height: 9px;
     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);
     }
 }
-/* END LOADING */
+/* ******BOUNCE SPINNER END****** */

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

@@ -1,113 +1,31 @@
-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';
+import { Component, OnInit, OnDestroy, Input, ElementRef } from '@angular/core';
 
 @Component({
-  selector: 'app-user-typing',
+  selector: '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() idConversation: string;
+  // @Input() idCurrentUser: string;
+  // @Input() isDirect: boolean;
+  @Input() typingLocation: string = 'content'
   @Input() translationMap: Map<string, 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();
+  @Input() themeColor: string;
+  @Input() idUserTypingNow: string;
+  @Input() nameUserTypingNow: string;
+  // @Input() membersConversation: [string];
 
-  constructor(
-    public typingService: TypingService
-  ) { }
+  constructor(private elementRef: ElementRef) { }
 
   /** */
   ngOnInit() {
-    this.logger.log('[USER-TYPING-COMPONENT] - ngOnInit');
-    this.initialize();
+    this.elementRef.nativeElement.style.setProperty('--themeColor', this.themeColor);
   }
 
   /** */
   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 = [];
   }