@chat21/chat21-ionic 3.4.21-rc4 → 3.4.21-rc6

package/CHANGELOG.md

@@ -8,6 +8,12 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 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
 
@@ -20,6 +26,8 @@
 # 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
 
 # 3.4.19 in PROD

package/package.json

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

package/src/app/app.component.ts

@@ -1345,8 +1345,8 @@ 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();
     }

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

@@ -63,7 +63,7 @@
                 </div>
               </div>
               <!-- COPILOT-OPTION -->
-              <div *ngIf="isCopilotEnabled" class="copilot-container" id="copilot" tooltip="{{translationsMap?.get('COPILOT.SOLVE_WITH_AI')}}" placement="top">
+              <div *ngIf="isCopilotEnabled" class="copilot-container" id="copilot">
                 <ion-button id="copilot" fill="clear" (click)="onOpenSection('copilot')">
                   <ion-icon class="channel-icon" src="assets/images/icons/copilot.svg"></ion-icon>
                   {{translationsMap?.get('COPILOT.SOLVE_WITH_AI')}}

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

@@ -155,6 +155,7 @@ ion-header {
             text-transform: unset;
             padding: var(--button-padding);
             border-radius: var(--button-border-radius);
+            border: 1px solid var(--copilot-color);
             font-size: 11px;
             
             ion-icon{
@@ -164,6 +165,10 @@ ion-header {
 
             &#copilot {  
                 &:hover{
+                    background: var(--copilot-hover-background);
+                    --background-hover: var(--copilot-hover-background);
+                    --color: var(--copilot-hover-color);
+
                     ion-icon {
                         transition: transform 1s ease-in-out;   
                         transform: rotate(180deg);

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
@@ -2002,7 +2013,7 @@ 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
+    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/variables.scss

@@ -59,10 +59,12 @@ body {
     --textarea-color: #06132b;
     // ***** Conversation-detail: end ***** //
 
-     // ***** Conversation-detail: HEADER: start ***** //
-     --copilot-background: #dce9ff;
-     --copilot-color: var(--basic-blue);
-     // ***** Conversation-detail: HEADER: end ***** //
+    // ***** Conversation-detail: HEADER: start ***** //
+    --copilot-background: #ffffff00;
+    --copilot-color: var(--basic-blue);
+    --copilot-hover-background: var(--basic-blue);
+    --copilot-hover-color: #f8fafc;
+    // ***** Conversation-detail: HEADER: end ***** //
 
     // ***** Conversation-detail PRIVATE-MSG: start ***** //
     --bubble-lightyellow: rgb(255, 247, 237);