@chat21/chat21-ionic 3.4.21 → 3.4.23-rc1

package/CHANGELOG.md

@@ -8,6 +8,31 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 3.4.23-rc1
+- **bug-fixed**: cannot click to change user status 
+- **bug-fixed**: tooltip not hided alfter click on it
+
+# 3.4.22 in PROD
+- **added**: managed allowed_upload_extentions from project settings
+
+# 3.4.21-rc6
+- **added**: managed allowed_upload_extentions from project settings
+
+# 3.4.21-rc5
+- **added**: setConversation as read when agent click on it
+
+# 3.4.21-rc4
+- **added**: ability to init and decrement new conversation count badge
+
+# 3.4.21-rc3
+- **changed**: badge notification for agentDesktop
+
+# 3.4.21-rc2
+- **added**: count in newConversation handler event
+
+# 3.4.21-rc1
+- **added**:  implement badge notification for agentDesktop sw when new conversation is assigned to logged agent
+
 # 3.4.21 in PROD
 
 # 3.4.20 in PROD

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.4.21",
+    "version": "3.4.23-rc1",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/app.component.ts

@@ -168,6 +168,7 @@ export class AppComponent implements OnInit {
     }, { capture: true });
   }
 
+
   listenChatAlreadyOpenWithoutParamsInMobileMode() {
     this.events.subscribe('noparams:mobile', (isAlreadyOpenInMobileMode) => {
       // console.log('[APP-COMP] Chat is Already Open In Mobile Mode ', isAlreadyOpenInMobileMode)
@@ -332,7 +333,7 @@ export class AppComponent implements OnInit {
 
   listenToPostMsgs() {
     window.addEventListener("message", (event) => {
-      this.logger.log("[APP-COMP] message event ", event);
+      // this.logger.log("[APP-COMP] message event ", event);
 
       if (event && event.data && event.data.action && event.data.parameter) {
         if (event.data.action === 'openJoinConversationModal') {
@@ -1110,6 +1111,7 @@ export class AppComponent implements OnInit {
       if (conversation && conversation.is_new === true && this.isInitialized) {
         this.manageTabNotification('conv_added', conversation.sound)
         this.manageEventNewConversation(conversation)
+        this.setNotification();
       }
       if(conversation) this.updateConversationsOnStorage()
     });
@@ -1343,7 +1345,10 @@ export class AppComponent implements OnInit {
 
   subscribeConversationSelected= (conversation: ConversationModel) => {
     if(conversation && conversation.is_new){
-      this.audio_NewConv.pause()
+      this.audio_NewConv.pause();
+      this.conversationsHandlerService.setConversationRead(conversation.uid)
+      //UPDATE NOTIFICATION FOR NEW CONVERSATION COUNT 
+      this.setNotification();
     }
   }
 
@@ -1419,6 +1424,9 @@ export class AppComponent implements OnInit {
         this.logger.debug('[APP-COMP]-CONVS - INIT CONV CONVS 2', conversations)
         this.events.publish('appcompSubscribeToConvs:loadingIsActive', false);
       }
+
+      //INIT NOTIFICATION FOR NEW CONVERSATION COUNT 
+      this.setNotification();
     });
 
   }
@@ -1635,6 +1643,14 @@ export class AppComponent implements OnInit {
     this.triggerEvents.triggerOnNewConversationInit(conversation)
   }
 
+  private setNotification() {
+    this.logger.log('[APP-COMP] setNotification for NEW CONVERSATION');
+    if(window['AGENTDESKTOP']){
+      this.logger.log('[APP-COMP] manageNotification AGENTDESKTOP exist', window['AGENTDESKTOP']);
+      window['AGENTDESKTOP']['TAB'].Badge(this.conversationsHandlerService.countIsNew().toString())
+    }
+  }
+
 
   @HostListener('document:visibilitychange', [])
   visibilitychange() {

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

@@ -36,7 +36,8 @@
     // transform: translate(0);
     transform: translate(60px);
     display: block;
-    left: 0px;
+    // left: 0px;
+    left: 10px;
 }
 
 .user-details-btn-close {
@@ -243,7 +244,7 @@
     -webkit-font-smoothing: antialiased;
     vertical-align: middle;
     cursor: pointer;
-
+    height: 60px;
     &:hover {
         text-decoration: underline;
     }
@@ -258,7 +259,7 @@
     text-align: center;
 
     padding-bottom: 15px;
-    padding-top: 100px;
+    padding-top: 56px;
     font-size: 16px;
     font-weight: 400;
     z-index: 1;

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

@@ -87,7 +87,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
   subcribeToAuthStateChanged() {
     this.messagingAuthService.BSAuthStateChanged.subscribe((state) => {
-      this.logger.log('[SIDEBAR-USER-DETAILS] BSAuthStateChanged ', state)
+     this.logger.log('[SIDEBAR-USER-DETAILS] BSAuthStateChanged ', state)
 
       if (state === 'online') {
         const storedCurrentUser = this.appStorageService.getItem('currentUser')
@@ -281,7 +281,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   listenToCurrentStoredProject() {
     this.events.subscribe('storage:last_project', projectObjct => {
       if (projectObjct && projectObjct !== 'undefined') {
-        // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ', projectObjct)
+        // this.logger.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ', projectObjct)
 
         //TODO: recuperare info da root e non da id_project
         this.project = {
@@ -309,7 +309,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
     try {
       this.tiledeskToken = this.appStorageService.getItem('tiledeskToken');
-      // console.log('[SIDEBAR-USER-DETAILS] - GET STORED TOKEN ', this.tiledeskToken)
+      // this.logger.log('[SIDEBAR-USER-DETAILS] - GET STORED TOKEN ', this.tiledeskToken)
     } catch (err) {
       this.logger.error('[SIDEBAR-USER-DETAILS] - GET STORED TOKEN ', err)
     }
@@ -346,7 +346,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
         if (projectUser) {
           if (projectUser['user_available'] === false && projectUser['profileStatus'] === 'inactive') {
-            // console.log('teammateStatus ', this.teammateStatus) 
+            // this.logger.log('teammateStatus ', this.teammateStatus) 
             this.selectedStatus = this.teammateStatus[2].id;
             this.logger.debug('[SIDEBAR-USER-DETAILS] - PROFILE_STATUS selected option', this.teammateStatus[2].name);
             this.teammateStatus = this.teammateStatus.slice(0)

package/src/app/components/utils/user-presence/user-presence.component.scss

@@ -4,8 +4,10 @@
 
 .status-icon-container{
     position: fixed;
-    top: 22px;
-    left: 30px;
+    // top: 22px;
+    // left: 30px;
+    top: 30px;
+    left: 38px;
     background-color: white;
     height: 17px;
     width: 17px;

package/src/app/directives/tooltip.directive.ts

@@ -24,6 +24,10 @@ export class TooltipDirective {
     if (this.tooltip) { this.hide(); }
   }
 
+  @HostListener('click') onClick() {
+    if (this.tooltip) { this.hide(); }
+  }
+
   show() {
     this.create();
     this.setPosition();

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

@@ -210,7 +210,7 @@
               [isCopilotEnabled]="isCopilotEnabled"
               [supportMode]="supportMode"
               [leadInfo]="leadInfo"
-              [fileUploadAccept]="appConfigProvider.getConfig().fileUploadAccept"
+              [fileUploadAccept]="fileUploadAccept"
               [emailSection]="isEmailEnabled"
               [offlineMsgEmail]="offlineMsgEmail"
               [whatsappTemplatesSection]="isWhatsappTemplatesEnabled"

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

@@ -154,6 +154,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   isEmailEnabled: boolean;
   offlineMsgEmail: boolean;
   isWhatsappTemplatesEnabled: boolean;
+  fileUploadAccept: string;
   //SOUND
   setTimeoutSound: any;
   audio: any;
@@ -490,7 +491,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     this.showMessageWelcome = false
 
     const appconfig = this.appConfigProvider.getConfig()
-    this.tenant = appconfig.firebaseConfig.tenant
+    this.tenant = appconfig.firebaseConfig.tenant;
     this.logger.log('[CONVS-DETAIL] - initialize -> firebaseConfig tenant ', this.tenant)
 
     this.logger.log('[CONVS-DETAIL] - initialize -> conversationWith: ', this.conversationWith, ' -> conversationWithFullname: ', this.conversationWithFullname)
@@ -570,7 +571,8 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
         const projectId = project.id_project
         this.canShowCanned = this.projectPlanUtils.checkPlanIsExpired(project)
         this.offlineMsgEmail = this.checkOfflineMsgEmailIsEnabled(project)
-        this.isCopilotEnabled = this.projectPlanUtils.checkProjectProfileFeature(project, 'copilot')
+        this.isCopilotEnabled = this.projectPlanUtils.checkProjectProfileFeature(project, 'copilot');
+        this.fileUploadAccept = this.checkAcceptedUploadFile(project)
       }
     }, (error) => {
       this.logger.error('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error)
@@ -599,6 +601,15 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     return check
   }
 
+  checkAcceptedUploadFile(project: Project): string {
+
+    if(project && project?.settings?.allowed_upload_extentions){
+      return this.g.fileUploadAccept = project?.settings?.allowed_upload_extentions
+    }
+
+    return this.appConfigProvider.getConfig().fileUploadAccept
+  }
+
   // getProjectIdSelectedConversation(conversationWith: string): string{
   //   const conversationWith_segments = conversationWith.split('-')
   //   // Removes the last element of the array if is = to the separator
@@ -2001,8 +2012,8 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
 
   checkAcceptedFile(draggedFileMimeType) {
     let isAcceptFile = false
-    this.logger.log('[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept: ', this.appConfigProvider.getConfig().fileUploadAccept)
-    const accept_files = this.appConfigProvider.getConfig().fileUploadAccept
+    this.logger.log('[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept: ', this.fileUploadAccept)
+    const accept_files = this.fileUploadAccept
     this.logger.log('[CONVS-DETAIL] > checkAcceptedFile - mimeType: ', draggedFileMimeType)
     if (accept_files === '*/*') {
       isAcceptFile = true
@@ -2168,7 +2179,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       this.logger.log('[CONVS-DETAIL] ----> FILE - DROP mimeType files ', mimeType)
       
       // const isAccepted = this.checkAcceptedFile(mimeType)
-      const canUploadFile = checkAcceptedFile(mimeType, this.appConfigProvider.getConfig().fileUploadAccept)
+      const canUploadFile = checkAcceptedFile(mimeType, this.fileUploadAccept)
       if(!canUploadFile){
         this.presentToast(this.translationsMap.get('FAILED_TO_UPLOAD_THE_FORMAT_IS_NOT_SUPPORTED'), 'danger', 'toast-custom-class', 5000)
         return;

package/src/app/services/global-settings/global-settings.service.ts

@@ -54,7 +54,8 @@ export class GlobalSettingsService {
      this.globals.supportMode = getParameterValue('supportMode', this.appConfigService.getConfig());
     /** INIT STORAGE SERVICE */
     this.appStorageService.initialize(environment.storage_prefix, this.globals.persistence, '')
-
+    /** INIT FILEUPLOADACCEPT parameter */
+    this.globals.fileUploadAccept = this.appConfigService.getConfig().fileUploadAccept;
     /** LOAD PARAMETERS 
      * set parameters in globals
     */

package/src/app/utils/globals.ts

@@ -13,6 +13,7 @@ export class Globals {
   persistence: string;
   lang: string;
   jwt: string;
+  fileUploadAccept: string;
 
   constructor(
   ) { }
@@ -32,6 +33,7 @@ export class Globals {
     this.logLevel = 'ERROR'
     this.persistence = 'local';
     this.lang = 'en'
+    this.fileUploadAccept = 'image/*,.pdf,.txt'
 
   }
 

package/src/global.scss

@@ -296,7 +296,8 @@ select:-webkit-autofill:focus {
 
 // SIDEBAR: start
 .sidebar {
-    background-color: var(--sidebar-background-color);
+    // background-color: var(--sidebar-background-color);
+    background-color: var(--sidebar-header-background);
     color: var(--sidebar-color);
 
     transition-property: top, bottom, width;