@chat21/chat21-ionic 3.0.70 → 3.0.72-rc.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # chat21-ionic ver 3.0
 
+### 3.0.72-rc.1
+- added: user presence on contact-directory component
+
+### 3.0.71 in PROD
+
+### 3.0.71-rc.1
+- changed: native downloadURL on new file uploaded
+- added: update lead info in conversation-detail and conversation-header when agent updates 
+- added: private message UI when agent receive a private message from other agents
+- removed: scroll-bar from conversation-list page
+
 ### 3.0.70 in PROD
 
 ### 3.0.70-rc.2

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.70",
+    "version": "3.0.72-rc.1",
     "license": "AGPL-3.0",
     "homepage": "https://tiledesk.com/",
     "repository": {

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

@@ -119,7 +119,7 @@
       <!--backgroundColor non viene ancora usato -->
 
       <chat-bubble-message class="messages msg_receive" id="message_msg_receive" style="position: relative;"
-        [ngClass]="{'has-metadata': (isImage(message) || isFrame(message))}" 
+        [ngClass]="{'has-metadata': (isImage(message) || isFrame(message)), 'privateMsg': (message?.attributes && message?.attributes?.subtype === 'private')}" 
         [class.emoticon]="isEmojii(message?.text)"
         [message]="message" 
         [textColor]="'black'"

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

@@ -152,6 +152,11 @@ ion-item {
         width: auto;
         border-top-left-radius: 8px;
         border-bottom-left-radius: 0px;
+
+        &.privateMsg{
+            background-color: var(--bubble-privateMsg);
+            color: var(--bubble-privateMsgColor)
+        }
     }
 
     .emoticon {

package/src/app/chatlib/conversation-detail/message/info-message/info-message.component.html

@@ -1,5 +1,20 @@
-<span class="base_info" [innerHTML]="message?.text | htmlEntiesEncode | marked" [tooltip]="timeTooltipLeft"  placement="left" content-type="template">
-<!-- <span class="base_info" [innerHTML]="message_text | marked"></span> -->
-<ng-template #timeTooltipLeft>
-    <span>{{message.timestamp | amTimeAgo}} ({{message.timestamp | amLocal | amDateFormat: 'L HH:mm:ss'}})</span>
-</ng-template> 
+<div class="info-container">
+    <!-- <div class="spinner">
+        <div class="bounce3"></div>
+        <div class="bounce2"></div>
+        <div class="bounce1"></div>
+    </div> -->
+      
+    <div>
+        <span class="base_info" [innerHTML]="message?.text | marked" [options]="tooltipOptions" [tooltip]="timeTooltipLeft"  placement="left" content-type="template"></span>
+        <ng-template #timeTooltipLeft>
+            <span>{{message.timestamp | amTimeAgo}} ({{message.timestamp | amLocal | amDateFormat: 'L HH:mm:ss'}})</span>
+        </ng-template> 
+    </div>
+    
+    <!-- <div class="spinner">
+        <div class="bounce1"></div>
+        <div class="bounce2"></div>
+        <div class="bounce3"></div>
+    </div> -->
+</div>

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

@@ -1,3 +1,9 @@
+.info-container{
+    display: flex;
+    align-content: center;
+    justify-content: center;
+}
+
 .base_info {
     border-radius: 14px;
     border: 1px solid #C9E4F6;
@@ -8,8 +14,39 @@
     background: #C9E4F6;
     font-size: 0.70em;
     color: var(--basic-gray);
-    margin-left: 32px;
-    margin-right: 32px;
+    margin-left: 5px; //32px;
+    margin-right: 5px; //32px;
  
 }
 
+.spinner {
+    // margin: 15px 10px; //remove it if activate avatar image 
+    width: 45px;
+    // text-align: center;
+    min-height: 100%;
+    margin: auto 0px;
+}
+
+.spinner > div {
+    width: 10px;
+    height: 10px;
+    background-color: #333;
+
+    border-radius: 100%;
+    display: inline-block;
+    margin: 0px 2px;
+}
+
+.spinner .bounce1 {
+    background-color: #C9E4F6;
+}
+
+.spinner .bounce2 {
+    background-color: #C9E4F6;
+    opacity: 0.6
+}
+
+.spinner .bounce3 {
+    background-color: #C9E4F6;
+    opacity: 0.4
+}

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

@@ -16,6 +16,17 @@ export class InfoMessageComponent implements OnInit, OnChanges {
 
   public message_text: string
   private logger: LoggerService = LoggerInstance.getInstance()
+
+  tooltipOptions = {
+    'show-delay': 500,
+    'tooltip-class': 'chat-tooltip',
+    'theme': 'light',
+    'shadow': false,
+    'hide-delay-mobile': 0,
+    'hideDelayAfterClick': 3000,
+    'hide-delay': 200
+  };
+  
   constructor() { }
 
   ngOnInit() {

package/src/app/components/contacts-directory/contacts-directory.component.html

@@ -10,7 +10,13 @@
         <div #avatarPlaceholder class="avatar-placeholder" [ngStyle]="{'background':  'linear-gradient(rgb(255,255,255) -125%,' + user.color + ')'}" [innerHTML]="user.avatar"></div>
         <div *ngIf="user.imageurl" #avatarImage class="avatar-profile" [style.background-image]="'url(' + user.imageurl + ')'"></div>
         <!-- <div *ngIf="getImageAvatar(conversation.sender)" #avatarImage class="avatar-profile" [style.background-image]="'url(' + getImageAvatar(conversation.sender) + ')'"></div> -->
+        <div class="user-presence">
+          <app-presence
+          [isOnline]="user.online">
+          </app-presence>
+        </div>
       </ion-avatar>
+      
       <ion-label>
         <h2>{{ user.fullname }}</h2>
         <p>{{ user.uid }}</p>

package/src/app/components/contacts-directory/contacts-directory.component.scss

@@ -52,6 +52,13 @@ ion-item {
             border-style: solid;
             border-width: 0px;
         }
+        .user-presence{
+            position: absolute;
+            width: 100%;
+            height: 40px;
+            top: 30px;
+            left: calc(50% + 15px);
+        }
     }
     ion-label {
         flex: 1 1 0px;
@@ -81,6 +88,8 @@ ion-item {
         }
         
     }
+    
+
     ion-note {
         position: absolute;
         right: 8px;

package/src/app/components/contacts-directory/contacts-directory.component.ts

@@ -1,3 +1,4 @@
+import { PresenceService } from 'src/chat21-core/providers/abstract/presence.service';
 import { Component, OnInit, Input, Output, EventEmitter, OnChanges } from '@angular/core';
 import { UserModel } from 'src/chat21-core/models/user';
 import { ImageRepoService } from 'src/chat21-core/providers/abstract/image-repo.service';
@@ -5,6 +6,7 @@ import { ImageRepoService } from 'src/chat21-core/providers/abstract/image-repo.
 // Logger
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { filter } from 'rxjs/operators';
 
 @Component({
   selector: 'component-contacts-directory',
@@ -12,6 +14,7 @@ import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance'
   styleUrls: ['./contacts-directory.component.scss'],
 })
 export class ContactsDirectoryComponent implements OnInit, OnChanges {
+
   @Input() contacts: Array<UserModel>;
   @Output() onOpenNewChat = new EventEmitter<UserModel>();
 
@@ -20,7 +23,8 @@ export class ContactsDirectoryComponent implements OnInit, OnChanges {
   private logger: LoggerService = LoggerInstance.getInstance();
  
   constructor(
-    public imageRepoService: ImageRepoService
+    public imageRepoService: ImageRepoService,
+    public presenceService: PresenceService
   ) { }
 
   /**
@@ -35,6 +39,7 @@ export class ContactsDirectoryComponent implements OnInit, OnChanges {
     if(this.contacts){
       this.contacts.forEach(contact => {
         contact.imageurl = this.imageRepoService.getImagePhotoUrl(contact.uid)
+        this.presenceService.userIsOnline(contact.uid).pipe(filter((isOnline) => isOnline !== null)).subscribe((status)=> {contact.online = status.isOnline })
       });
     }
   }

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

@@ -157,11 +157,11 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     } else {
       this.IS_SUPPORT_GROUP_CONVERSATION = false
     }
-    this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges supportMode ', this.supportMode)
-    this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges disableTextarea ', this.disableTextarea)
-    this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges DROP EVENT ", this.dropEvent);
-    this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges tagsCannedFilter ", this.tagsCannedFilter);
-    this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges areVisibleCAR; ", this.areVisibleCAR);
+    // this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges supportMode ', this.supportMode)
+    // this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges disableTextarea ', this.disableTextarea)
+    // this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges DROP EVENT ", this.dropEvent);
+    // this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges tagsCannedFilter ", this.tagsCannedFilter);
+    // this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] ngOnChanges areVisibleCAR; ", this.areVisibleCAR);
 
 
     this.logger.log('[CONVS-DETAIL] - returnChangeTextArea ngOnChanges in [MSG-TEXT-AREA]  this.tagsCannedFilter.length ', this.tagsCannedFilter.length)

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

@@ -10,6 +10,7 @@ export class OptionHeaderComponent implements OnInit {
 
   @Input() headerTitle: string
   @Output() onBackButton = new EventEmitter<boolean>();
+  static UserPresenceComponent: any[] | any;
 
   constructor() { }
 

package/src/app/components/conversation-info/info-group/info-group.component.ts

@@ -148,10 +148,7 @@ export class InfoGroupComponent implements OnInit, AfterViewInit, OnChanges {
         for (const [key, value] of Object.entries(this.groupDetail.members)) {
           this.logger.log('CONVERSATION-DETAIL group detail Key:', key, ' -Value: ', value);
 
-          this.presenceService.userIsOnline(key)
-            .pipe(takeUntil(this.unsubscribe$))
-            .pipe(filter((isOnline) => isOnline !== null))
-            .subscribe((isOnline: any) => {
+          this.presenceService.userIsOnline(key).pipe(takeUntil(this.unsubscribe$)).pipe(filter((isOnline) => isOnline !== null)).subscribe((isOnline: any) => {
               this.logger.log('InfoGroupComponent group detail BSIsOnline isOnline', isOnline)
               members_isonline_array[key]['isSignin'] = isOnline.isOnline
               if (this.member_array.length > 0) {

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

@@ -0,0 +1,2 @@
+<div class="status-icon" [class.online]="isOnline" [style.border-color]="borderColor"></div>
+<div class="online-point" [style.color]="fontColor">{{status}}</div>

package/src/app/components/presence/presence.component.scss

@@ -0,0 +1,24 @@
+.status-icon {
+    position: absolute;
+    width: 14px;
+    height: 14px;
+    top: 0px;
+    left: 0;
+    border: 2px solid #ffffff;
+    border-radius: 50%;
+    background-color: #f44336;
+    &.online {
+        background-color: #4caf50;
+    }
+    
+}
+.online-point {
+    position: absolute;
+    display: inline-block;
+    top: 0;
+    left: 20px;
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 12px;
+    line-height: 14px;
+    text-align: left;
+}

package/src/app/components/presence/presence.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { PresenceComponent } from './presence.component';
+
+describe('PresenceComponent', () => {
+  let component: PresenceComponent;
+  let fixture: ComponentFixture<PresenceComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PresenceComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(PresenceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/app/components/presence/presence.component.ts

@@ -0,0 +1,22 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-presence',
+  templateUrl: './presence.component.html',
+  styleUrls: ['./presence.component.scss'],
+})
+export class PresenceComponent implements OnInit {
+
+  @Input() isOnline: boolean = false;
+  @Input() translationMap: Map<string, string>;
+  // @Input() fontColor: string;
+  // @Input() borderColor: string;
+  
+  borderColor = '#ffffff';
+  fontColor = '#949494';
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

package/src/app/components/sidebar-user-details/sidebar-user-details.component.ts

@@ -137,8 +137,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
   @HostListener('document:click', ['$event'])
   clickout(event) {
-    this.logger.log('[SIDEBAR-USER-DETAILSS-CHAT] clickout event.target)', event.target)
-    this.logger.log('[SIDEBAR-USER-DETAILSS-CHAT] clickout event.target)', event.target.id)
+    // this.logger.log('[SIDEBAR-USER-DETAILSS-CHAT] clickout event.target)', event.target)
     const clicked_element_id = event.target.id
     if (this.eRef.nativeElement.contains(event.target)) {
       // this.logger.log('[SIDEBAR-USER-DETAILS] clicked inside')

package/src/app/pages/contacts-directory/contacts-directory.module.ts

@@ -1,8 +1,9 @@
+import { PresenceComponent } from '../../components/presence/presence.component';
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { IonicModule } from '@ionic/angular';
-import {TranslateLoader, TranslateModule, TranslatePipe} from '@ngx-translate/core';
+import {TranslateModule} from '@ngx-translate/core';
 
 import { ContactsDirectoryPageRoutingModule } from './contacts-directory-routing.module';
 import { ContactsDirectoryComponent } from '../../components/contacts-directory/contacts-directory.component';
@@ -10,7 +11,6 @@ import { ContactsDirectoryComponent } from '../../components/contacts-directory/
 import { ContactsDirectoryPage } from './contacts-directory.page';
 // import { ContactsDirectoryService } from '../../services/contacts-directory.service';
 // import { TiledeskContactsDirectoryService } from '../../services/tiledesk/tiledesk-contacts-directory.service';
-import { HttpClient } from '@angular/common/http';
 
 
 // export function contactsFactory(http: HttpClient) {
@@ -36,7 +36,8 @@ import { HttpClient } from '@angular/common/http';
   ],
   declarations: [
     ContactsDirectoryPage,
-    ContactsDirectoryComponent
+    ContactsDirectoryComponent,
+    PresenceComponent
   ]
 })
 export class ContactsDirectoryPageModule {}

package/src/app/pages/conversation-detail/conversation-detail.page.ts

@@ -971,6 +971,20 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       this.subscriptions.push(subscribe)
     }
 
+    subscriptionKey = 'messageInfo'
+    subscription = this.subscriptions.find((item) => item.key === subscriptionKey)
+    if (!subscription) {
+      subscription = this.conversationHandlerService.messageInfo.pipe(takeUntil(this.unsubscribe$)).subscribe((msg: any) => {
+        this.logger.log('[CONVS-DETAIL] subscribe to messageInfo - messageId ', msg)
+        if (msg) {
+          that.updateLeadInfo(msg)
+          // this.setHeaderContent()
+        }
+      })
+      const subscribe = { key: subscriptionKey, value: subscription }
+      this.subscriptions.push(subscribe)
+    }
+
     // subscriptionKey = 'onGroupChange';
     // subscription = this.subscriptions.find(item => item.key === subscriptionKey);
     // if (!subscription) {
@@ -1009,6 +1023,25 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     })
   }
 
+  updateLeadInfo(msg){
+    if (msg.attributes && msg.attributes['updateUserFullname']) {
+      const userFullname = msg.attributes['updateUserFullname'];
+      this.logger.debug('[CONVS-DETAIL] newMessageAdded --> updateUserFullname', userFullname)
+      this.conversationWithFullname = userFullname //update info for next sendMessage object
+      //updates conversation header info
+      this.conversationAvatar = setConversationAvatar(
+        this.conversationWith,
+        this.conversationWithFullname,
+        this.conversationAvatar.channel_type
+      )
+      
+    }
+    if (msg.attributes && msg.attributes['updateUserEmail']) {
+      const userEmail = msg.attributes['updateUserEmail'];
+      this.logger.debug('[CONVS-DETAIL] newMessageAdded --> userEmail', userEmail)
+    }
+  }
+
   // ----------------------------------------------------------------
   // @ Unsubscribe all subscribed events (called in ionViewWillLeave)
   // ----------------------------------------------------------------

package/src/app/pages/loader-preview/loader-preview.page.html

@@ -27,8 +27,13 @@
     <ion-item>
       <ion-label color="primary" position="floating" floating> {{'AddACaption' | translate}}...</ion-label>
       <!-- <ion-input clearInput></ion-input> -->
-      <ion-textarea #messageTextArea #imageCaptionTexarea rows="1" autosize="false" auto-grow="true" [(ngModel)]="messageString"
-        (ionInput)="onChangeTextArea($event);" (keyup.enter)="pressedOnKeyboard($event, messageString);">
+      <ion-textarea #messageTextArea #imageCaptionTexarea 
+        rows="1"
+        autosize="false" 
+        auto-grow="true" 
+        [(ngModel)]="messageString"
+        (ionInput)="onChangeTextArea($event);"
+        (keyup.enter)="onKeyUp($event, messageString);">
       </ion-textarea>
     </ion-item>
 

package/src/app/pages/loader-preview/loader-preview.page.ts

@@ -333,8 +333,9 @@ export class LoaderPreviewPage implements OnInit, AfterViewInit {
     }
   }
 
-  pressedOnKeyboard(e: any, text: string) {
-    this.logger.log('[LOADER-PREVIEW-PAGE] pressedOnKeyboard - event:: ', e)
+
+  onKeyUp(event: any, text: string) {
+    this.logger.log('[LOADER-PREVIEW-PAGE] onKeyUp - event:: ', event)
     // const message = e.target.textContent.trim();
     // if (e.inputType === 'insertLineBreak' && message === '') {
     //   this.messageString = '';

package/src/app/shared/shared.module.ts

@@ -1,3 +1,4 @@
+import { ContactsDirectoryComponent } from './../components/contacts-directory/contacts-directory.component';
 import { HtmlComponent } from './../chatlib/conversation-detail/message/html/html.component';
 import { BubbleOthersMessageComponent } from './../components/conversation-detail/bubble-others-message/bubble-others-message.component';
 
@@ -91,7 +92,7 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
     AutofocusDirective,
     HtmlEntitiesEncodePipe,
     SafeHtmlPipe,
-    OptionHeaderComponent
+    OptionHeaderComponent,
   ],
   exports: [
     // MessageTextAreaComponent,

package/src/chat-config-mqtt.json

@@ -11,7 +11,7 @@
         "messagingSenderId": "269505353043",
         "appId": "1:269505353043:web:b82af070572669e3707da6",
         "chat21ApiUrl": "https://us-central1-chat21-pre-01.cloudfunctions.net",
-        "tenant":"tilechat"
+        "tenant": "tilechat"
     },
     "chat21Config": {
         "appId": "tilechat",

package/src/chat21-core/providers/abstract/conversation-handler.service.ts

@@ -15,7 +15,9 @@ export abstract class ConversationHandlerService {
   abstract messageAdded: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);
   abstract messageChanged: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);
   abstract messageRemoved: BehaviorSubject<string> = new BehaviorSubject<string>(null);
-
+  abstract messageWait: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  abstract messageInfo: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);
+  
   // params
   abstract attributes: any;
   abstract messages: Array<MessageModel> = [];

package/src/chat21-core/providers/firebase/firebase-conversation-handler.ts

@@ -36,6 +36,7 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
     messageChanged: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);;
     messageRemoved: BehaviorSubject<string> = new BehaviorSubject<string>(null);
     messageWait: BehaviorSubject<any> = new BehaviorSubject<string>(null);
+    messageInfo: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);
 
     // public variables
     public attributes: any;
@@ -245,6 +246,9 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
         if (this.skipMessage && messageType(MESSAGE_TYPE_INFO, msg)) {
             return;
         }
+        if(!this.skipMessage && messageType(MESSAGE_TYPE_INFO, msg)) {
+            this.messageInfo.next(msg)
+        }
         this.addRepalceMessageInArray(childSnapshot.key, msg);
         this.messageAdded.next(msg);
     }

package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts

@@ -34,7 +34,8 @@ export class MQTTConversationHandler extends ConversationHandlerService {
     messageChanged: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);;
     messageRemoved: BehaviorSubject<string> = new BehaviorSubject<string>(null);
     messageWait: BehaviorSubject<any> = new BehaviorSubject<string>(null);
-
+    messageInfo: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);
+    
     // public variables
     public attributes: any;
     public messages: MessageModel[];
@@ -230,9 +231,12 @@ export class MQTTConversationHandler extends ConversationHandlerService {
     private addedMessage(messageSnapshot: any) {
         const msg = this.messageGenerate(messageSnapshot);
         msg.uid = msg.message_id;
-        if(this.skipInfoMessage && messageType(MESSAGE_TYPE_INFO, msg) ){
+        if(this.skipInfoMessage && messageType(MESSAGE_TYPE_INFO, msg)){
             return;
         }
+        if(!this.skipInfoMessage && messageType(MESSAGE_TYPE_INFO, msg)){
+            this.messageInfo.next(msg)
+        }
         // imposto il giorno del messaggio per visualizzare o nascondere l'header data
         msg.headerDate = null;
         const headerDate = setHeaderDate(this.translationMap, msg.timestamp);

package/src/chat21-core/providers/native/native-upload-service.ts

@@ -63,8 +63,10 @@ export class NativeUploadService extends UploadService {
             const url = this.URL_TILEDESK_FILE + '/users'
             return new Promise((resolve, reject) => {
                 that.http.post(url, formData, requestOptions).subscribe(data => {
-                    const downloadURL = this.URL_TILEDESK_FILE + '?path=' + encodeURI(data['filename']);
-                    resolve(downloadURL)
+                    let downloadURL = this.URL_TILEDESK_FILE + '/download' + '?path=' + encodeURI(data['filename']);
+                    if(upload.file.type.includes('pdf')){
+                        downloadURL = this.URL_TILEDESK_FILE + '?path=' + encodeURI(data['filename']);
+                    }
                     // that.BSStateUpload.next({upload: upload});
                 }, (error) => {
                     this.logger.error('[NATIVE UPLOAD] - ERROR upload new file ', error)

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

@@ -72,13 +72,13 @@ export function messageType(msgType: string, message: any) {
     return false;
   }
   if (msgType === MESSAGE_TYPE_INFO) {
-    return this.isInfo(message);
+    return isInfo(message);
   }
   if (msgType === MESSAGE_TYPE_MINE) {
-    return this.isMine(message);
+    return isMine(message);
   }
   if (msgType === MESSAGE_TYPE_OTHERS) {
-    if (this.isInfo(message) === false && this.isMine(message) === false) {
+    if (isInfo(message) === false && isMine(message) === false) {
       return true;
     }
     return false;