@chat21/chat21-ionic 3.0.97-rc.1 → 3.0.97-rc.3

package/src/app/pages/profile-info/profile-info.page.ts

@@ -1,3 +1,4 @@
+import { AppConfigProvider } from 'src/app/services/app-config';
 import { ImageRepoService } from 'src/chat21-core/providers/abstract/image-repo.service';
 import { Component, OnInit, Input, EventEmitter, Output, ViewChild, Renderer2 } from '@angular/core';
 import { ModalController } from '@ionic/angular';
@@ -20,6 +21,9 @@ import { EventsService } from 'src/app/services/events-service';
 // Logger
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { WebsocketService } from 'src/app/services/websocket/websocket.service';
+import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
+import { skip } from 'rxjs/operators';
 
 @Component({
   selector: 'app-profile-info',
@@ -27,27 +31,29 @@ import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance'
   styleUrls: ['./profile-info.page.scss'],
 })
 export class ProfileInfoPage implements OnInit {
-  @ViewChild('useruidTooltip', { static: false }) useruidTooltip: any;
-
+  
   loggedUser: UserModel;
   version: string;
   itemAvatar: any;
-  public translationMap: Map<string, string>;
+
+  public translationsMap: Map<string, string>;
   private logger: LoggerService = LoggerInstance.getInstance();
 
   private subscriptions = [];
   borderColor = '#2d323e';
   fontColor = '#949494';
-  tooltip: HTMLElement;
-  tooltipOptions = {
-    'show-delay': 100,
-    'tooltip-class': 'chat-tooltip',
-    'theme': 'light',
-    'shadow': false,
-    'hide-delay-mobile': 0,
-    'hideDelayAfterClick': 3000,
-    'hide-delay': 200
-  };
+  
+  @Input() selectedStatus: number;
+  @Input() profile_name_translated: string;
+  @Input() token: string;
+  @Input() project: { _id: string, name: string, type: string, isActiveSubscription: boolean, plan_name: string}
+
+  isVisiblePAY: boolean;
+  teammateStatus = [
+    { id: 1, name: 'Available', avatar: 'assets/images/teammate-status/avaible.svg', label: "LABEL_AVAILABLE" },
+    { id: 2, name: 'Unavailable', avatar: 'assets/images/teammate-status/unavaible.svg', label: "LABEL_NOT_AVAILABLE" },
+    { id: 3, name: 'Inactive', avatar: 'assets/images/teammate-status/inactive.svg', label: "LABEL_INACTIVE" },
+  ];
 
   constructor(
     private modalController: ModalController,
@@ -57,7 +63,9 @@ export class ProfileInfoPage implements OnInit {
     public presenceService: PresenceService,
     public events: EventsService,
     private imageRepo: ImageRepoService,
-    public renderer: Renderer2
+    public renderer: Renderer2,
+    public wsService: WebsocketService,
+    public appConfigProvider: AppConfigProvider,
   ) { }
 
   /** */
@@ -79,6 +87,7 @@ export class ProfileInfoPage implements OnInit {
   /** */
   initialize() {
     this.setUser();
+    this.getOSCODE();
     this.setSubscriptions();
   }
 
@@ -114,8 +123,13 @@ export class ProfileInfoPage implements OnInit {
       'ARRAY_DAYS',
       'LABEL_IS_WRITING',
       'LABEL_LOGOUT'
+
     ];
-    this.translationMap = this.translateService.translateLanguage(keys);
+    this.translationsMap = this.translateService.translateLanguage(keys);
+
+    this.teammateStatus.forEach(element => {
+      element.label = this.translationsMap.get(element.label)
+    });
   }
 
 
@@ -155,9 +169,9 @@ export class ProfileInfoPage implements OnInit {
     this.logger.log('[PROFILE-INFO-PAGE] userIsOnLine - userId ', userId, ' - isOnline ', isOnline);
     this.itemAvatar.online = isOnline;
     if (isOnline) {
-      this.itemAvatar.status = this.translationMap.get('LABEL_AVAILABLE');
+      this.itemAvatar.status = this.translationsMap.get('LABEL_AVAILABLE');
     } else {
-      this.itemAvatar.status = this.translationMap.get('LABEL_NOT_AVAILABLE');
+      this.itemAvatar.status = this.translationsMap.get('LABEL_NOT_AVAILABLE');
     }
   }
 
@@ -165,7 +179,7 @@ export class ProfileInfoPage implements OnInit {
   userLastConnection = (userId: string, timestamp: string) => {
     this.logger.log('[PROFILE-INFO-PAGE] userLastConnection - userId ', userId, ' - timestamp ', timestamp);
     if (timestamp && timestamp !== '') {
-      const lastConnectionDate = setLastDateWithLabels(this.translationMap, timestamp);
+      const lastConnectionDate = setLastDateWithLabels(this.translationsMap, timestamp);
       this.itemAvatar.lastConnection = lastConnectionDate;
       if (!this.itemAvatar.online) {
         this.itemAvatar.status = lastConnectionDate;
@@ -208,6 +222,63 @@ export class ProfileInfoPage implements OnInit {
     this.events.publish('profileInfoButtonClick:logout', true);
   }
 
+  changeAvailabilityStateInUserDetailsSidebar(selectedStatusID) {
+    this.logger.log('[PROFILE-INFO-PAGE] - changeAvailabilityState projectid', this.project._id, ' available 1: ', selectedStatusID);
+    
+    let IS_AVAILABLE = null
+    let profilestatus = ''
+    if (selectedStatusID === 1) {
+      IS_AVAILABLE = true
+    } else if (selectedStatusID === 2) {
+      IS_AVAILABLE = false
+    } else if (selectedStatusID === 3) {
+      IS_AVAILABLE = false
+      profilestatus = 'inactive'
+    }
+
+    this.wsService.updateCurrentUserAvailability(this.token, this.project._id, IS_AVAILABLE, profilestatus).subscribe((projectUser: any) => {
+
+        this.logger.log('[PROFILE-INFO-PAGE] - PROJECT-USER UPDATED ', projectUser)
+
+      }, (error) => {
+        this.logger.error('[PROFILE-INFO-PAGE] - PROJECT-USER UPDATED - ERROR  ', error);
+
+      }, () => {
+        this.logger.log('[PROFILE-INFO-PAGE] - PROJECT-USER UPDATED  * COMPLETE *');
+
+    });
+
+  }
+
+  getOSCODE() {
+    let public_Key = this.appConfigProvider.getConfig().t2y12PruGU9wUtEGzBJfolMIgK;
+    this.logger.log('[PROFILE-INFO-PAGE] AppConfigService getAppConfig public_Key', public_Key);
+    this.logger.log('[PROFILE-INFO-PAGE] AppConfigService getAppConfig', this.appConfigProvider.getConfig());
+    if (public_Key) {
+      let keys = public_Key.split("-");
+      this.logger.log('[PROFILE-INFO-PAGE] PUBLIC-KEY - public_Key keys', keys)
+
+      keys.forEach(key => {
+        if (key.includes("PAY")) {
+
+          let pay = key.split(":");
+
+          if (pay[1] === "F") {
+            this.isVisiblePAY = false;
+          } else {
+            this.isVisiblePAY = true;
+          }
+        }
+      });
+
+      if (!public_Key.includes("PAY")) {
+        this.isVisiblePAY = false;
+      }
+    } else {
+      this.isVisiblePAY = false;
+    }
+  }
+
   copyLoggedUserUID() {
     var copyText = document.createElement("input");
     copyText.setAttribute("type", "text");

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

@@ -1,3 +1,4 @@
+import { TooltipDirective } from './../directives/tooltip.directive';
 import { OptionsComponent } from './../chatlib/conversation-detail/message/options/options.component';
 import { HeaderConversationsListUnassigned } from './../components/conversations-list/header-conversations-list-unassigned/header-conversations-list-unassigned.component';
 import { NavbarComponent } from './../components/navbar/navbar.component';
@@ -29,7 +30,7 @@ import { HeaderConversationsListArchived } from 'src/app/components/conversation
 import { UserPresenceComponent } from 'src/app/components/utils/user-presence/user-presence.component';
 import { UserTypingComponent } from 'src/chat21-core/utils/user-typing/user-typing.component';
 import { ListConversationsComponent } from '../chatlib/list-conversations-component/list-conversations/list-conversations.component';
-import { MomentModule } from 'angular2-moment';
+import { MomentModule } from 'ngx-moment';
 import { AvatarComponent } from 'src/app/chatlib/conversation-detail/message/avatar/avatar.component';
 import { MarkedPipe } from 'src/app/directives/marked.pipe';
 import { AutofocusDirective } from 'src/app/directives/autofocus.directive';
@@ -40,13 +41,11 @@ import { InfoSupportGroupComponent } from 'src/app/components/conversation-info/
 import { InfoDirectComponent } from 'src/app/components/conversation-info/info-direct/info-direct.component';
 import { AdvancedInfoAccordionComponent } from 'src/app/components/conversation-info/advanced-info-accordion/advanced-info-accordion.component';
 import { InfoGroupComponent } from 'src/app/components/conversation-info/info-group/info-group.component';
-import { TooltipModule, TooltipOptions } from 'ng2-tooltip-directive';
 import { MessageAttachmentComponent } from 'src/app/chatlib/conversation-detail/message/message-attachment/message-attachment.component';
 import { ImageViewerComponent } from 'src/app/components/image-viewer/image-viewer.component';
 import { SidebarComponent } from 'src/app/components/sidebar/sidebar.component';
 import { SidebarUserDetailsComponent } from 'src/app/components/sidebar-user-details/sidebar-user-details.component';
 import { ProjectItemComponent } from 'src/app/components/project-item/project-item.component';
-import { DefaultTooltipOptions } from 'src/chat21-core/utils/utils';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
@@ -92,6 +91,7 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
     AutofocusDirective,
     HtmlEntitiesEncodePipe,
     SafeHtmlPipe,
+    TooltipDirective,
     HeaderConversationsListArchived,
     HeaderConversationsListUnassigned,
     NetworkOfflineComponent
@@ -99,6 +99,7 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
   exports: [
     // MessageTextAreaComponent,
     AutofocusDirective,
+    TooltipDirective,
     AvatarProfileComponent,
     HeaderConversationsList,
     ImageViewerComponent,
@@ -141,7 +142,6 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
     MomentModule,
     NgSelectModule,
     FormsModule,
-    TooltipModule.forRoot(DefaultTooltipOptions as TooltipOptions)
 
   ],
   schemas: [

package/src/assets/images/channel_icons/chat21.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-v-78d18411="" width="15" height="15" fill="none" viewBox="0 0 24 24" class="inbox-icon">
+    <path d="M22.002 12C22.002 6.477 17.524 2 12 2 6.476 1.999 2 6.477 2 12.001c0 5.186 3.947 9.45 9.001 9.952V20.11c-.778-.612-1.478-1.905-1.939-3.61h1.94V15H8.737a18.969 18.969 0 0 1-.135-5h6.794c.068.64.105 1.31.105 2h1.5c0-.684-.033-1.353-.095-2h3.358c.154.64.237 1.31.237 2h1.5ZM4.786 16.5h2.722l.102.396c.317 1.17.748 2.195 1.27 3.015a8.532 8.532 0 0 1-4.094-3.41ZM3.736 10h3.358a20.847 20.847 0 0 0-.095 2c0 1.043.075 2.051.217 3H4.043a8.483 8.483 0 0 1-.544-3c0-.682.08-1.347.232-1.983L3.736 10Zm5.122-5.902.023-.008C8.16 5.222 7.611 6.748 7.298 8.5H4.25c.905-2 2.56-3.587 4.608-4.402Zm3.026-.594L12 3.5l.126.006c1.262.126 2.48 2.125 3.045 4.995H8.83c.568-2.878 1.79-4.88 3.055-4.996Zm3.343.76-.107-.174.291.121a8.533 8.533 0 0 1 4.339 4.29h-3.048c-.298-1.665-.806-3.125-1.475-4.237Z M12 19a1 1 0 0 0 1 1h3v2h-.5a.5.5 0 1 0 0 1h4a.5.5 0 0 0 0-1H19v-2h3a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-9a1 1 0 0 0-1 1v5Z" fill="currentColor"/>
+</svg>

package/src/assets/images/channel_icons/direct.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="15"  width="15" viewBox="0 0 24 24" fill="#000000">
+    <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
+</svg>

package/src/assets/images/channel_icons/email-logo.svg

@@ -0,0 +1,9 @@
+<svg focusable="false"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="15"  width="15" viewBox="0 0 512 512"
+	 style="enable-background:new 0 0 512 512;" xml:space="preserve">
+	<path fill="#2C3E48" d="M502.3,190.8c3.9-3.1,9.7-0.2,9.7,4.7V400c0,26.5-21.5,48-48,48H48c-26.5,0-48-21.5-48-48V195.6
+		c0-5,5.7-7.8,9.7-4.7c22.4,17.4,52.1,39.5,154.1,113.6c21.1,15.4,56.7,47.8,92.2,47.6c35.7,0.3,72-32.8,92.3-47.6
+		C450.3,230.4,479.9,208.2,502.3,190.8z M256,320c23.2,0.4,56.6-29.2,73.4-41.4c132.7-96.3,142.8-104.7,173.4-128.7
+		c5.8-4.5,9.2-11.5,9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5,64,0,85.5,0,112v19c0,7.4,3.4,14.3,9.2,18.9
+		c30.6,23.9,40.7,32.4,173.4,128.7C199.4,290.8,232.8,320.4,256,320L256,320z"/>
+</svg>

package/src/assets/images/channel_icons/form-logo_v2.svg

@@ -0,0 +1,13 @@
+<svg focusable="false"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 448 512" height="15"  width="15"
+	 style="enable-background:new 0 0 448 512;" xml:space="preserve">
+<path fill="#779bbb" d="M450,432V80c0-26.5-21.5-48-48-48H50C23.5,32,2,53.5,2,80v352c0,26.5,21.5,48,48,48h352
+	C428.5,480,450,458.5,450,432z M114,192c-8.8,0-16-7.2-16-16v-32c0-8.8,7.2-16,16-16h226c8.8,0,16,7.2,16,16l1,32
+	c0,8.8-8.2,16-17,16H114z M114,288c-8.8,0-16-7.2-16-16v-32c0-8.8,7.2-16,16-16h155c8.8,0,16,7.2,16,16v32c0,8.8-7.2,16-16,16H114z
+	 M114,384c-8.8,0-16-7.2-16-16v-32c0-8.8,7.2-16,16-16h111c8.8,0,16,7.2,16,16v32c0,8.8-7.2,16-16,16H114z"/>
+<g>
+	<polygon fill="#779bbb" points="405.1,237.6 365,204.1 262.4,336.1 262.3,378.6 302.4,369.6 	"/>
+	<path fill="#779bbb" d="M427.8,197L398,172.1c-2.8-2.4-7-1.9-9.2,1L371.8,195l40.1,33.5l17.1-21.9C431.1,203.7,430.7,199.4,427.8,197z
+		"/>
+</g>
+</svg>

package/src/assets/images/channel_icons/group.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="15"  width="15" viewBox="0 0 24 24" fill="#000000">
+    <path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/>
+</svg>

package/src/assets/images/channel_icons/messenger-logo.svg

@@ -0,0 +1,8 @@
+<svg focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="15"  width="15" viewBox="0 0 512 512"
+	 style="enable-background:new 0 0 512 512;" xml:space="preserve">
+	<path fill="#2C3E48" d="M256.5,8C116.5,8,8,110.3,8,248.6c0,72.3,29.7,134.8,78.1,177.9c8.3,7.5,6.6,11.9,8.1,58.2
+		c0.4,11,9.6,19.6,20.6,19.2c2.5-0.1,5-0.6,7.3-1.7c52.9-23.3,53.6-25.1,62.6-22.7c153.3,42.2,319.4-55.9,319.4-231
+		C504,110.3,396.6,8,256.5,8z M405.8,193.1l-73,115.6c-11.1,17.4-34.1,22.6-51.6,11.5c-0.8-0.5-1.6-1-2.3-1.6l-58.1-43.5
+		c-5.3-4-12.7-4-18,0l-78.4,59.4c-10.5,7.9-24.2-4.6-17.1-15.7l73-115.6c11-17.4,34.1-22.6,51.6-11.6c0.8,0.5,1.6,1.1,2.4,1.6
+		l58.1,43.5c5.3,4,12.7,4,18,0l78.4-59.4C399.1,169.5,412.8,182,405.8,193.1L405.8,193.1z"/>
+</svg>

package/src/assets/images/channel_icons/telegram-logo.svg

@@ -0,0 +1,7 @@
+<svg focusable="false"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 448 512" height="15"  width="15"
+	 style="enable-background:new 0 0 448 512;" xml:space="preserve">
+	<path fill="#2C3E48" d="M446.7,98.6l-67.6,318.8c-5.1,22.5-18.4,28.1-37.3,17.5l-103-75.9l-49.7,47.8c-5.5,5.5-10.1,10.1-20.7,10.1
+		l7.4-104.9l190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8,284L16.2,252.2c-22.1-6.9-22.5-22.1,4.6-32.7L418.2,66.4
+		C436.6,59.5,452.7,70.5,446.7,98.6z"/>
+</svg>

package/src/assets/images/channel_icons/whatsapp-logo.svg

@@ -0,0 +1,12 @@
+<svg focusable="false"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 448 512" height="15"  width="15"
+	 style="enable-background:new 0 0 448 512;" xml:space="preserve">
+	<path fill="2C3E48" d="M380.9,97.1C339,55.1,283.2,32,223.9,32c-122.4,0-222,99.6-222,222c0,39.1,10.2,77.3,29.6,111L0,480l117.7-30.9
+		c32.4,17.7,68.9,27,106.1,27h0.1c122.3,0,224.1-99.6,224.1-222C448,194.8,422.8,139.1,380.9,97.1z M223.9,438.7
+		c-33.2,0-65.7-8.9-94-25.7l-6.7-4l-69.8,18.3L72,359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2c0-101.7,82.8-184.5,184.6-184.5
+		c49.3,0,95.6,19.2,130.4,54.1s56.2,81.2,56.1,130.5C410.5,355.9,325.6,438.7,223.9,438.7z M325.1,300.5c-5.5-2.8-32.8-16.2-37.9-18
+		c-5.1-1.9-8.8-2.8-12.5,2.8c-3.7,5.6-14.3,18-17.6,21.8c-3.2,3.7-6.5,4.2-12,1.4c-32.6-16.3-54-29.1-75.5-66
+		c-5.7-9.8,5.7-9.1,16.3-30.3c1.8-3.7,0.9-6.9-0.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5c-3.2-0.2-6.9-0.2-10.6-0.2
+		c-3.7,0-9.7,1.4-14.8,6.9c-5.1,5.6-19.4,19-19.4,46.3s19.9,53.7,22.6,57.4c2.8,3.7,39.1,59.7,94.8,83.8c35.2,15.2,49,16.5,66.6,13.9
+		c10.7-1.6,32.8-13.4,37.4-26.4s4.6-24.1,3.2-26.4C334.3,304.6,330.6,303.2,325.1,300.5z"/>
+</svg>

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

@@ -1,8 +1,6 @@
 import { Injectable } from '@angular/core';
 import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
 import { BehaviorSubject } from 'rxjs';
-import { ActivatedRoute } from '@angular/router';
-import { ConnectionService } from 'ng-connection-service';
 // firebase
 // import * as firebase from 'firebase/app';
 import firebase from "firebase/app";
@@ -19,21 +17,10 @@ import { MessagingAuthService } from '../abstract/messagingAuth.service';
 import { UserModel } from '../../models/user';
 
 // utils
-import {
-  avatarPlaceholder,
-  getColorBck,
-} from '../../utils/utils-user';
-import { resolve } from 'url';
 import { CustomLogger } from '../logger/customLogger';
 import { AppStorageService } from '../abstract/app-storage.service';
 import { LoggerInstance } from '../logger/loggerInstance';
 import { LoggerService } from '../abstract/logger.service';
-
-
-import { Observable, Observer, fromEvent, merge } from 'rxjs';
-import { map } from 'rxjs/operators'
-import { Network } from '@ionic-native/network/ngx';
-
 // @Injectable({ providedIn: 'root' })
 @Injectable()
 export class FirebaseAuthService extends MessagingAuthService {
@@ -57,9 +44,7 @@ export class FirebaseAuthService extends MessagingAuthService {
   isConnected = true;
   unsubscribe: any;
   constructor(
-    public http: HttpClient,
-    private network: Network,
-    private connectionService: ConnectionService
+    public http: HttpClient
   ) {
     super();
     // this.initialize()

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

@@ -98,6 +98,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         }
         this.chat21Service.chatClient.lastMessages(this.conversationWith, (err, messages) => {
             if (!err) {
+                messages.sort(compareValues('timestamp', 'asc'));
                 messages.forEach(message => {
                     const msg: MessageModel = message;        
                     msg.uid = message.message_id;

package/src/chat21-core/providers/mqtt/mqtt-notifications.ts

@@ -36,10 +36,10 @@ export class MQTTNotifications extends NotificationsService {
   }
     
   getNotificationPermissionAndSaveToken(currentUserUid) {
-    console.log("[MQTTNotificationService] getNotificationPermissionAndSaveToken()",currentUserUid );
+    this.logger.log("[MQTTNotificationService] getNotificationPermissionAndSaveToken()",currentUserUid );
     this.userId = currentUserUid;
     if (firebase.messaging.isSupported()) {
-      console.log("[MQTTNotificationService] firebase.messaging.isSupported -> YES");
+      this.logger.log("[MQTTNotificationService] firebase.messaging.isSupported -> YES");
       const messaging = firebase.messaging();
       // messaging.requestPermission()
       Notification.requestPermission().then((permission) => {

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

@@ -39,6 +39,12 @@ export const BCK_COLOR_CONVERSATION_UNSELECTED = '#FFFFFF ';
 
 export const TYPE_SUPPORT_GROUP = 'support-group';
 export const CHANNEL_TYPE_GROUP = 'group';
+export const CHANNEL_TYPE_CHAT21 = 'chat21';
+export const CHANNEL_TYPE_EMAIL = 'email';
+export const CHANNEL_TYPE_FORM = 'form';
+export const CHANNEL_TYPE_MESSANGER = 'messanger';
+export const CHANNEL_TYPE_WHATSAPP = 'whatsapp';
+export const CHANNEL_TYPE_TELEGRAM = 'telegram';
 
 // TYPES MESSAGES
 export const TYPE_MSG_TEXT = 'text';
@@ -46,6 +52,7 @@ export const TYPE_MSG_IMAGE = 'image';
 export const TYPE_MSG_FILE = 'file';
 export const TYPE_MSG_BUTTON = 'button';
 export const TYPE_MSG_EMAIL = 'email';
+export const TYPE_MSG_FORM = 'form';
 
 export const MAX_WIDTH_IMAGES = 300;
 export const MIN_WIDTH_IMAGES = 130;

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

@@ -12,7 +12,6 @@ import { ConversationModel } from '../models/conversation';
 import { MAX_WIDTH_IMAGES, TYPE_DIRECT, TYPE_SUPPORT_GROUP } from './constants';
 
 import { avatarPlaceholder, getColorBck } from './utils-user';
-import { TooltipOptions } from 'ng2-tooltip-directive';
 
 /**
  * Shortest description  for phone and tablet
@@ -30,17 +29,6 @@ export function windowsMatchMedia() {
   }
 }
 
-
-export const DefaultTooltipOptions: TooltipOptions = {
-  'show-delay': 500,
-  'tooltip-class': 'chat-tooltip',
-  'theme': 'light',
-  'shadow': false,
-  'hide-delay-mobile': 0,
-  'hideDelayAfterClick': 3000,
-  'hide-delay': 200
-}
-
 /**
  * chiamata da ChatConversationsHandler
  * restituisce url '/conversations'
@@ -585,11 +573,14 @@ export function setConversationAvatar(
   conversationWithEmail?: string,
   projectId?: string,
   project_name?: string,
+  channel?: string,
   width?: string,
   height?: string,
 ): any {
   const conversationWidth = (width) ? width : '40px';
   const conversationHeight = (height) ? height : '40px';
+  const conversationChannel = (channel) ? channel : 'chat21';
+
   const conversationAvatar = {
     uid: conversationWith,
     conversation_with: conversationWith,
@@ -600,6 +591,7 @@ export function setConversationAvatar(
     color: getColorBck(conversationWithFullname),
     projectId: projectId,
     project_name: project_name,
+    channel: conversationChannel,
     width: conversationWidth,
     height: conversationHeight
   };
@@ -824,6 +816,24 @@ export function checkPlatformIsMobile() {
   return false;
 }
 
+export function isOniOSMobileDevice(): boolean {
+  let IS_ON_IOS_MOBILE_DEVICE = false;
+  if (/iPad|iPhone|iPod/i.test(window.navigator.userAgent)) {
+    IS_ON_IOS_MOBILE_DEVICE = true;
+
+  }
+  // console.log('[CONVS-DETAIL][HEADER] IS_ON_IOS_MOBILE_DEVICE ', this.IS_ON_IOS_MOBILE_DEVICE)
+  return IS_ON_IOS_MOBILE_DEVICE;
+}
+
+export function isOnMobileDevice() {
+  let IS_ON_MOBILE_DEVICE = false;
+  if (/Android|iPhone/i.test(window.navigator.userAgent)) {
+    IS_ON_MOBILE_DEVICE = true;
+  }
+  // this.logger.log('[APP-COMP] IS_ON_MOBILE_DEVICE', this.IS_ON_MOBILE_DEVICE)
+  return IS_ON_MOBILE_DEVICE;
+}
 
 export function checkWindowWidthIsLessThan991px() {
   // console.log('UTILS - checkWindowWidthIsLessThan991px:: ', window.innerWidth);