@chat21/chat21-ionic 3.4.22 → 3.4.23-rc2

package/CHANGELOG.md

@@ -8,9 +8,34 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 3.4.23-rc2
+- **bug-fixed**: cannot upload xlsx files
+
+# 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.22",
+    "version": "3.4.23-rc2",
     "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/chat21-core/utils/utils.ts

@@ -903,6 +903,8 @@ function getMimeTypeFromExtension(extension: string): string {
     '.txt': 'text/plain',
     '.doc': 'application/msword',
     '.docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    '.xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    '.xls': 'application/vnd.ms-excel',
     '.wav' : 'audio/wav'
     // Aggiungi altri tipi MIME se necessario
   };

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;