@chat21/chat21-ionic 3.0.62 → 3.0.64

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

@@ -59,9 +59,11 @@ ion-item {
 }
 
 .message_sender_fullname {
-    font-size: 0.7em;
+    font-size: 0.9em;
     margin: 0 0 1px 10px;
-    color: var(--gray);
+    // color: var(--gray);
+    font-weight: 500;
+    color: #080f1a;
 }
 
 .messages {
@@ -82,7 +84,7 @@ ion-item {
     // padding: 2px 0px 4px 40px;
     padding: 2px 0px 14px 40px; // edited to display the date at the bottom of the "message bubble"
     .msg_sent {
-        background-color: var(--bobble-blue);
+        background-color: var(--bubble-blue);
         color: var(--col-msg-sent);
         margin-right: 4px;
         margin-left: 4px;
@@ -90,12 +92,19 @@ ion-item {
         min-width: 14px;
         border-top-right-radius: 8px;
         border-bottom-right-radius: 0px;
+
+        &.privateMsg{
+            background-color: var(--bubble-privateMsg);
+            color: var(--bubble-privateMsgColor)
+        }
+
     }
     .emoticon {
         background: unset !important;
         font-size: 4em;
-        padding-bottom: 21px;
+        // padding-bottom: 21px;
         padding-top: 30px;
+        text-align: right;
     }
     .has-metadata {
         max-width: 100% !important;
@@ -297,13 +306,26 @@ ion-item {
 // emoticon
 // ---------------------------------------------------------
 
-:host .base_sent .msg_sent ::ng-deep div > div > div > .chat-text-emoticon > p > p {
-    margin-bottom: 6px !important;
-    margin-right: -7px !important;
-}
+// :host .base_sent .msg_sent ::ng-deep div > div > div > .chat-text-emoticon > p > p {
+//     margin-bottom: 6px !important;
+//     margin-right: -7px !important;
+// }
 
-:host .base_receive .msg_receive ::ng-deep div > div > div > .chat-text-emoticon > p > p {
-    margin-bottom: 41px !important;
-    margin-left: -8px !important;
-    margin-top: 49px !important;
+// :host .base_receive .msg_receive ::ng-deep div > div > div > .chat-text-emoticon > p > p {
+//     margin-bottom: 41px !important;
+//     margin-left: -8px !important;
+//     margin-top: 49px !important;
+// }
+
+
+// :host .base_sent .msg_sent  .emoticon  ::ng-deep div > div >  div > chat-text > p > p {
+//     margin-bottom: 38px;
+// }
+
+:host .base_sent .emoticon ::ng-deep div > div > div > chat-text > p > p {
+    margin-bottom: 38px;
 }
+
+:host .base_receive .emoticon ::ng-deep div > div > div > chat-text > p > p {
+    margin-bottom: 38px;
+}

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

@@ -3,7 +3,7 @@ import { ChangeDetectorRef, Component, Input, OnInit, Output, EventEmitter } fro
 
 
 import { MESSAGE_TYPE_INFO, MESSAGE_TYPE_MINE, MESSAGE_TYPE_OTHERS } from 'src/chat21-core/utils/constants';
-import { isChannelTypeGroup, isFirstMessage, isInfo, isMine, messageType } from 'src/chat21-core/utils/utils-message';
+import { isChannelTypeGroup, isEmojii, isFirstMessage, isInfo, isMine, messageType } from 'src/chat21-core/utils/utils-message';
 import { UploadService } from 'src/chat21-core/providers/abstract/upload.service';
 import { isFile, isFrame, isImage } from 'src/chat21-core/utils/utils-message';
 
@@ -41,6 +41,7 @@ export class IonConversationDetailComponent extends ConversationContentComponent
   isFirstMessage = isFirstMessage;
   messageType = messageType;
   isChannelTypeGroup = isChannelTypeGroup;
+  isEmojii = isEmojii;
 
   MESSAGE_TYPE_INFO = MESSAGE_TYPE_INFO;
   MESSAGE_TYPE_MINE = MESSAGE_TYPE_MINE;

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

@@ -53,7 +53,7 @@
     border-radius: 50%;
     --padding-end: 7px;
     --padding-start: 7px;
-    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 6%);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
 }
 
 // .emoticon {

package/src/app/chatlib/conversation-detail/message/image/image.component.ts

@@ -66,11 +66,13 @@ export class ImageComponent implements OnInit {
     var modalImg = <HTMLImageElement>document.getElementById("image-viewer-img");
     var captionText = document.getElementById("caption");
     modalImg.src = url
-    captionText.innerHTML = fileName;
+    if (captionText) {
    
-  }
+      captionText.innerHTML = fileName ? fileName : decodeURIComponent(decodeURIComponent(url).split('/').pop());
+      // console.log('XXXX ', decodeURIComponent(decodeURIComponent(url).split('/').pop()))
+    }
 
- 
+  }
 
 
 }

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

@@ -12,7 +12,7 @@
     }
 
     svg {
-        fill:  var(--bobble-blue) 
+        fill:  var(--bubble-blue) 
     }
 
     .c21-ico-schedule {

package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.html

@@ -90,7 +90,7 @@
     <!-- <div *ngIf="getImageAvatar(conversation.sender)" #avatarImage class="avatar-profile" [style.background-image]="'url(' + getImageAvatar(conversation.sender) + ')'"></div> -->
   </ion-avatar>
   <ion-label>
-    <div class="conversation_with truncate" [innerHTML]="conversation.conversation_with_fullname"></div>
+    <div class="conversation_with truncate">{{conversation.conversation_with_fullname}}</div>
     <div class="conversation_message truncate-conv-msg" [ngClass]="{'truncate-on-desktop': !isApp}">
 
       <!-- -------------------------------------------------------------------------- -->

package/src/app/components/conversation-detail/bubble-my-message/bubble-my-message.component.html

@@ -1,6 +1,6 @@
 <div class="message message-my" [class.first-message]="isFirstMessage" >
  
-  <div class="bobble-message" 
+  <div class="bubble-message" 
     [class.image]="message.type == 'image'" 
     [class.no-text]="!message.text" 
     (mouseover)="showButtonInfo()">

package/src/app/components/conversation-detail/bubble-my-message/bubble-my-message.component.scss

@@ -1,5 +1,5 @@
 .message {
-    .bobble-message {
+    .bubble-message {
         position: relative;
         border-radius: 15px;
         font-size: 15px;
@@ -57,8 +57,8 @@
     }
         
   
-    .bobble-message {
-        background-color: var(--bobble-blue);
+    .bubble-message {
+        background-color: var(--bubble-blue);
         color: white;
         margin-right: 24px;
         float: right;
@@ -67,7 +67,7 @@
     }
     &.first-message {
         margin-top: 10px;
-        .bobble-message {
+        .bubble-message {
             border-top-right-radius: 12px;
             border-bottom-right-radius: 0px;
         }

package/src/app/components/conversation-detail/bubble-others-message/bubble-others-message.component.html

@@ -2,7 +2,7 @@
                           
   <span class="button-info" [ngClass]="message.uid" (click)="presentPopover($event, message)"></span>
   
-  <div class="bobble-message" 
+  <div class="bubble-message" 
     [class.image]="message.type == 'image'"
     [class.no-text]="!message.text"
     (mouseover)="showButtonInfo()">

package/src/app/components/conversation-detail/bubble-others-message/bubble-others-message.component.scss

@@ -1,5 +1,5 @@
 .message {
-    .bobble-message {
+    .bubble-message {
         position: relative;
         border-radius: 15px;
         font-size: 15px;
@@ -50,7 +50,7 @@
         .message-other {
             width: 100%;
             margin-top: 4px;
-            .bobble-message {
+            .bubble-message {
                 background-color: var(--light-gray);
                 color: var(--black);
                 margin-left: 24px;
@@ -72,7 +72,7 @@
             }
             &.first-message {
                 margin-top: 10px;
-                .bobble-message {
+                .bubble-message {
                     border-top-left-radius: 12px;
                     border-bottom-left-radius: 0px;
                 }

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

@@ -32,8 +32,8 @@
       <!-- (click)="onOpenCloseInfoConversation()" -->
       <div *ngIf="conversationAvatar" class="tile-info-with" 
         [ngClass]="{ 'tile-info-with-ios': platformName === 'ios' }">
-        <!-- <span class="tile-username">{{ conversationAvatar.conversation_with_fullname }} </span> -->
-        <span class="tile-username">{{ conversation_with_fullname }} </span>
+        <span class="tile-username">{{ conversationAvatar.conversation_with_fullname }} </span>
+        <!-- <span class="tile-username">{{ conversation_with_fullname }} </span> -->
 
       </div>
 
@@ -50,7 +50,7 @@
         <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Crea ticket' | translate}} </span>
       </ion-button> -->
 
-      <ion-button *ngIf="idConv.startsWith('support-group') && conv_type !== 'archived'" ion-button fill="clear" color="primary" size="small" 
+      <ion-button *ngIf="conversationUid?.startsWith('support-group') && conv_type !== 'archived'" ion-button fill="clear" color="primary" size="small" 
       (click)="closeConversation()" [ngClass]="{'resolve-conv-margin-right': !isMobile}" [disabled]="conv_closed === true">
         <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
         <ion-icon name="archive-outline"></ion-icon>

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

@@ -22,6 +22,7 @@ import { ModalController } from '@ionic/angular'
 import { EventsService } from 'src/app/services/events-service'
 import { CreateTicketPage } from 'src/app/pages/create-ticket/create-ticket.page'
 import { TiledeskService } from 'src/app/services/tiledesk/tiledesk.service'
+import { TYPE_DIRECT } from 'src/chat21-core/utils/constants'
 
 @Component({
   selector: 'app-header-conversation-detail',
@@ -31,57 +32,36 @@ import { TiledeskService } from 'src/app/services/tiledesk/tiledesk.service'
 export class HeaderConversationDetailComponent implements OnInit, OnChanges {
   @Input() conversationAvatar: any
   @Input() idLoggedUser: string
+  @Input() conversationUid: string
   @Input() conv_type: string
-  @Input() isOpenInfoConversation: boolean
+  @Input() isOpenInfoConversation: boolean = true
   @Input() isMobile: boolean
   @Input() translationMap: Map<string, string>
   @Output() eventOpenCloseInfoConversation = new EventEmitter<boolean>()
   conversationWithFullname: string
   openInfoConversation = true
   openInfoMessage = true
-  DIRECT = 'direct'
 
   isDirect = false
   isTyping = false
   borderColor = '#ffffff'
   fontColor = '#949494'
   membersConversation = ['SYSTEM']
-  fullNameConv: string
-  idConv: string
-  conversation_with_fullname: string
   platformName: string
   conv_closed: boolean = false;
   IS_ON_IOS_MOBILE_DEVICE: boolean
   private logger: LoggerService = LoggerInstance.getInstance()
 
-  /**
-   * Constructor
-   * @param imageRepoService
-   */
   constructor(
     public imageRepoService: ImageRepoService,
     private route: ActivatedRoute,
     public platform: Platform,
     private router: Router,
-    // public tiledeskAuthService: TiledeskAuthService,
     public tiledeskService: TiledeskService,
     public events: EventsService,
     public modalController: ModalController,
   ) {
-    this.route.paramMap.subscribe((params) => {
-      // this.conversationWithFullname = params.get('FullNameConv');
-      this.logger.log('[CONVS-DETAIL][HEADER] -> params: ', params)
-      this.fullNameConv = params.get('FullNameConv')
-      this.logger.log(
-        '[CONVS-DETAIL][HEADER] -> params > conversation_with_fullname: ',
-        this.fullNameConv,
-      )
-      this.idConv = params.get('IDConv')
-      this.logger.log(
-        '[CONVS-DETAIL][HEADER] -> params > conversation_with: ',
-        this.idConv,
-      )
-    })
+    
   }
 
   // ----------------------------------------------------
@@ -91,8 +71,7 @@ export class HeaderConversationDetailComponent implements OnInit, OnChanges {
 
     this.logger.log('[CONVS-DETAIL][HEADER] - (ngOnInit) - idLoggedUser', this.idLoggedUser,)
     this.logger.log('[CONVS-DETAIL][HEADER] - (ngOnInit) - conversationAvatar', this.conversationAvatar,)
-    this.logger.log('[CONVS-DETAIL][HEADER] - (ngOnInit) -  conv_type', this.conv_type,)
-    this.conversation_with_fullname = this.conversationAvatar.conversation_with_fullname
+    this.logger.log('[CONVS-DETAIL][HEADER] - (ngOnInit) -  conv_type', this.conv_type)
     this.listenToConversationHasBeenClosed()
     this.initialize();
     // this.isOniOSMobileDevice()
@@ -111,29 +90,8 @@ export class HeaderConversationDetailComponent implements OnInit, OnChanges {
   ngOnChanges() {
     this.logger.log('[CONVS-DETAIL][HEADER] - (ngOnChanges) -  conversationAvatar', this.conversationAvatar)
     if (this.conversationAvatar) {
-      this.conversationAvatar.imageurl = this.imageRepoService.getImagePhotoUrl(
-        this.conversationAvatar.uid,
-      )
-    } else {
-      const channelType = setChannelType(this.idConv)
-      this.logger.log('[CONVS-DETAIL][HEADER] - (ngOnChanges) - conversationAvatar usecase UNDEFINED channelType ', channelType)
-      this.conversationAvatar = setConversationAvatar(
-        this.idConv,
-        this.fullNameConv,
-        channelType,
-      )
-      if (this.conversationAvatar) {
-        this.conversationAvatar.imageurl = this.imageRepoService.getImagePhotoUrl(
-          this.conversationAvatar.uid,
-        )
-      }
-      this.logger.log('[CONVS-DETAIL][HEADER] - (ngOnChanges) - conversationAvatar usecase UNDEFINED conversationAvatar', this.conversationAvatar)
-    }
-
-    this.logger.log(
-      '[CONVS-DETAIL][HEADER] - (ngOnChanges) - isOpenInfoConversation',
-      this.isOpenInfoConversation,
-    )
+      this.conversationAvatar.imageurl = this.imageRepoService.getImagePhotoUrl(this.conversationAvatar.uid)
+    } 
     this.openInfoConversation = this.isOpenInfoConversation
   }
 
@@ -142,10 +100,7 @@ export class HeaderConversationDetailComponent implements OnInit, OnChanges {
   // ----------------------------------------------------
   initialize() {
     this.getPlatformName()
-    if (
-      this.conversationAvatar &&
-      this.conversationAvatar.channelType === this.DIRECT
-    ) {
+    if ( this.conversationAvatar && this.conversationAvatar.channelType === TYPE_DIRECT ) {
       this.isDirect = true
     } else if (this.idLoggedUser) {
       this.membersConversation.push(this.idLoggedUser)
@@ -165,13 +120,13 @@ export class HeaderConversationDetailComponent implements OnInit, OnChanges {
 
   closeConversation() {
     this.logger.log('[CONVS-DETAIL][HEADER] click on RESOLVE this.events', this.events) 
-    this.events.publish('conversation:closed', this.idConv)
+    this.events.publish('conversation:closed', this.conversationUid)
   }
 
   listenToConversationHasBeenClosed() {
     this.events.subscribe('conversationhasbeenclosed', (convId) => {
       // console.log('[CONVS-DETAIL][HEADER] conversationhasbeenclosed  convId', convId)
-      if (convId === this.idConv) {
+      if (convId === this.conversationUid) {
         this.logger.log('[CONVS-DETAIL][HEADER] the conversation was closed',)
         this.conv_closed = true;
       }

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.html

@@ -92,8 +92,14 @@
           <!-- https://www.npmjs.com/package/@ctrl/ngx-emoji-mart/v/1.0.6 -->
           <!-- --------------------------------------------------------------------- -->
           <!-- [style]="{ position: 'absolute', bottom: '53px', right: '-246px' }" -->
-          <emoji-mart [showPreview]="false" [perLine]="emojiPerLine" [style.visibility]="showEmojiPicker?'visible':'hidden'"
-            (emojiSelect)="addEmoji($event)"  [ngClass]="{'emoji-mart-desktop': !IS_ON_MOBILE_DEVICE, 'emoji-mart-mobile': IS_ON_MOBILE_DEVICE }">
+          <emoji-mart 
+            [showPreview]="false" 
+            [perLine]="emojiPerLine" 
+            [style.visibility]="showEmojiPicker?'visible':'hidden'"  
+            [include]="emojiiCategories"
+            [color]="emojiColor" 
+            [ngClass]="{'emoji-mart-desktop': !IS_ON_MOBILE_DEVICE, 'emoji-mart-mobile': IS_ON_MOBILE_DEVICE }"
+            (emojiSelect)="addEmoji($event)">
           </emoji-mart>
           <!-- </div> -->
 

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.ts

@@ -87,6 +87,8 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
   showEmojiPicker: boolean = false; //To show/hide emoji picker
   addWhiteSpaceBefore: boolean;
   emojiPerLine: number = 9
+  emojiColor: string ="#3880ff"
+  emojiiCategories = [ 'recent', 'people', 'nature', 'activity']
   /**
    * Constructor
    * @param chooser 

package/src/app/components/image-viewer/image-viewer.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-
+import { saveAs } from 'file-saver';
 @Component({
   selector: 'app-image-viewer',
   templateUrl: './image-viewer.component.html',
@@ -7,9 +7,14 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ImageViewerComponent implements OnInit {
 
-  constructor() { }
+  constructor(
+    
+  ) {  }
+
+
+  ngOnInit() { }
+
 
-  ngOnInit() {}
 
   closeImageViewerModal() {
     // console.log('HAS CLICKED CLOSE MODAL')
@@ -18,6 +23,24 @@ export class ImageViewerComponent implements OnInit {
     modal.style.display = "none";
   }
 
+  // __downloadImage()  {
+  //   var modalImg = <HTMLImageElement>document.getElementById("image-viewer-img")
+  //   console.log('HAS CLICKED CLOSE DWNLD IMG modalImg ', modalImg)
+  //   var modalImgURL = modalImg.src;
+  //   console.log('HAS CLICKED CLOSE DWNLD IMG modalImgURL ', modalImgURL)
+  //   var captionText = document.getElementById("caption").innerHTML;
+  //   console.log('HAS CLICKED CLOSE DWNLD IMG captionText ', captionText)
+
+  //   const a: any = document.createElement('a');
+  //   a.href = modalImgURL;
+  //   a.download = captionText;
+  //   document.body.appendChild(a);
+  //   a.style = 'display: none';
+  //   a.click();
+  //   a.remove();
+  // }
+
+
   downloadImage()  {
     var modalImg = <HTMLImageElement>document.getElementById("image-viewer-img")
     // console.log('HAS CLICKED CLOSE DWNLD IMG modalImg ', modalImg)
@@ -26,13 +49,8 @@ export class ImageViewerComponent implements OnInit {
     var captionText = document.getElementById("caption").innerHTML;
     // console.log('HAS CLICKED CLOSE DWNLD IMG captionText ', captionText)
 
-    const a: any = document.createElement('a');
-    a.href = modalImgURL;
-    a.download = captionText;
-    document.body.appendChild(a);
-    a.style = 'display: none';
-    a.click();
-    a.remove();
+    saveAs(modalImgURL, captionText);
+    this.closeImageViewerModal()
   }
 
 }

package/src/app/components/project-item/project-item.component.ts

@@ -61,9 +61,7 @@ export class ProjectItemComponent implements OnInit {
     this.translations();
     this.listenToPostMsgs();
     this.onInitWindowWidth();
-
-    this.isOnMobileDevice()
-    // console.log('[PROJECT-ITEM] - on INIT')
+    this.isOnMobileDevice();
   }
 
   isOnMobileDevice() {
@@ -71,7 +69,6 @@ export class ProjectItemComponent implements OnInit {
     if (/Android|iPhone/i.test(window.navigator.userAgent)) {
       this.IS_ON_MOBILE_DEVICE = true;
     }
-    // console.log('[PROJECT-ITEM] IS_ON_MOBILE_DEVICE', this.IS_ON_MOBILE_DEVICE)
     return this.IS_ON_MOBILE_DEVICE;
   }
 
@@ -107,10 +104,7 @@ export class ProjectItemComponent implements OnInit {
 
   listenToPostMsgs() {
     window.addEventListener("message", (event) => {
-      // console.log("[PROJECT-ITEM] post message event ", event);
-
       if (event && event.data) {
-        // console.log("[PROJECT-ITEM] message event data  ", event.data);
         if (event.data === 'hasChangedProject') {
           this.unservedRequestCount = 0;
           if (this.project) {
@@ -161,11 +155,13 @@ export class ProjectItemComponent implements OnInit {
   getStoredCurrenUser() {
     const storedCurrentUser = this.appStorageService.getItem('currentUser');
     this.logger.log('[PROJECT-ITEM] - STORED CURRENT USER ', storedCurrentUser)
-    if (storedCurrentUser) {
+    if (storedCurrentUser && storedCurrentUser !== 'undefined') {
       const currentUser = JSON.parse(storedCurrentUser)
       this.logger.log('[PROJECT-ITEM] - STORED CURRENT USER OBJCT', currentUser);
       this.currentUserId = currentUser.uid
       this.logger.log('[PROJECT-ITEM] - CURRENT USER ID', this.currentUserId);
+    } else {
+      this.logger.error('[PROJECT-ITEM] - STORED CURRENT USER OBJCT NOT FOUND IN STORAGE');
     }
   }
 
@@ -298,28 +294,19 @@ export class ProjectItemComponent implements OnInit {
   }
 
   updateUnservedRequestCount() {
-    // console.log('[PROJECT-ITEM] updateUnservedRequestCount ')
-    // this.requestsService.requestsList_bs.subscribe((requests) => {
+
     this.wsService.wsRequestsList$
       .subscribe((requests) => {
-        // console.log('[PROJECT-ITEM] requests ', requests)
         if (requests) {
           let count = 0;
           requests.forEach(r => {
-            // this.logger.log('NAVBAR - UPDATE-UNSERVED-REQUEST-COUNT request agents', r.agents)
-            // *bug fix: when the user is an agent also for the unserved we have to consider if he is present in agents
-            // && this.ROLE_IS_AGENT === true
             if (r['status'] === 100) {
               if (this.hasmeInAgents(r['agents']) === true) {
                 count = count + 1;
               }
             }
-            // if (r['status'] === 100 && this.ROLE_IS_AGENT === false) {
-            //   count = count + 1;
-            // }
           });
           this.unservedRequestCount = count;
-          // console.log('[PROJECT-ITEM] UNSERVED REQUEST COUNT - RES ', this.unservedRequestCount)
         }
       }, error => {
         this.logger.error('[PROJECT-ITEM] UNSERVED REQUEST COUNT * error * ', error)
@@ -331,10 +318,7 @@ export class ProjectItemComponent implements OnInit {
   hasmeInAgents(agents) {
     if (agents) {
       for (let j = 0; j < agents.length; j++) {
-        // this.logger.log('[PROJECT-ITEM] hasmeInAgents currentUserId  ', this.currentUserId)
-        // this.logger.log('[PROJECT-ITEM] hasmeInAgents agent  ', agents[j].id_user)
         if (this.currentUserId === agents[j].id_user) {
-          // this.logger.log('[PROJECT-ITEM] hasmeInAgents ')
           return true
         }
       }
@@ -344,7 +328,6 @@ export class ProjectItemComponent implements OnInit {
   }
 
   updateCurrentUserRequestCount() {
-    // this.requestsService.requestsList_bs.subscribe((requests) => {
     this.wsService.wsRequestsList$
       .pipe(
         takeUntil(this.unsubscribe$)
@@ -353,15 +336,9 @@ export class ProjectItemComponent implements OnInit {
         if (requests) {
           let count = 0;
           requests.forEach(r => {
-
-            // const membersArray = Object.keys(r.members);
             const participantsArray = r['participants'] // new used with ws 
-            // this.logger.log('[NAVBAR] »» WIDGET updateCurrentUserRequestCount REQUEST currentUserRequestCount membersArray ', membersArray);
-
-            // const currentUserIsInParticipants = membersArray.includes(this.user._id);
+    
             const currentUserIsInParticipants = participantsArray.includes(this.currentUserId); // new used with ws 
-
-            // this.logger.log('[NAVBAR] »» WIDGET updateCurrentUserRequestCount REQUEST currentUserRequestCount currentUserIsInParticipants ', currentUserIsInParticipants);
             if (currentUserIsInParticipants === true) {
               count = count + 1;
             }
@@ -374,7 +351,6 @@ export class ProjectItemComponent implements OnInit {
       }, () => {
         this.logger.log('[PROJECT-ITEM] CURRENT USER REQUEST COUNT */* COMPLETE */*')
       })
-
   }
 
 

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

@@ -117,7 +117,7 @@
       <!-- ------------------------------------------- -->
       <!-- Conversations (MONITOR) (click)="goToConversations()" -->
       <!-- ------------------------------------------- -->
-      <ng-container *ngIf="USER_ROLE !== 'agent'">
+      <!-- <ng-container *ngIf="USER_ROLE !== 'agent'"> -->
         <li  matTooltipClass="custom-mat-tooltip" matTooltip="Monitor"
           #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100"  style="text-align: center;">
           <a target="_self" href="{{ dashboard_convs_url }}" class="customAncor" style="height: 40px;margin-right: 0px !important;">
@@ -134,7 +134,7 @@
         
           </a>
         </li>
-      </ng-container>
+      <!-- </ng-container> -->
 
       <!-- ------------------------------------------- -->
       <!-- CONTACTS (LEADS)  (click)="goToContacts()" -->