@chat21/chat21-web-widget 5.0.85-rc.2 → 5.0.86

package/CHANGELOG.md

@@ -6,28 +6,10 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
-# 5.0.85-rc.2
-- **added**: loading progress indicator while closing a conversation
-
-# 5.0.85-rc.1
-- **added**: hide header restart menu option if conversation is closed
-- **removed**: continueConversationBeforeTime settings property
+# 5.0.86 in PROD
 
 # 5.0.85 in PROD
 
-# 5.0.84-rc.4
-- **added**: checkAcceptedFile fn on dragleave event conversation-content component
-- **added**: checkAcceptedFile fn  in conversation-footer component
-
-# 5.0.84-rc.3
-- **changed**: index-dev lib order import
-
-# 5.0.84-rc.2
-- **changed**: bootstrap, jquery and font-awesome libs
-
-# 5.0.84-rc.1
-- **removed**: innerHtml from document element
-
 # 5.0.83 in PROD
 
 # 5.0.83-rc.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.85-rc.2",
+  "version": "5.0.86",
   "license": "MIT",
   "homepage": "https://www.tiledesk.com",
   "repository": {

package/src/app/app.module.ts

@@ -15,7 +15,6 @@ import { ConversationContentComponent } from './component/conversation-detail/co
 import { ConversationFooterComponent } from './component/conversation-detail/conversation-footer/conversation-footer.component';
 import { ConversationInternalFrameComponent } from './component/conversation-detail/conversation-internal-frame/conversation-internal-frame.component';
 import { ConversationPreviewComponent } from './component/conversation-detail/conversation-preview/conversation-preview.component';
-import { ConversationAudioRecorderComponent } from './component/conversation-detail/conversation-audio-recorder/conversation-audio-recorder.component';
 /** CONVERSATION-DETAIL COMPONENTS */
 import { BubbleMessageComponent } from './component/message/bubble-message/bubble-message.component';
 import { AvatarComponent } from './component/message/avatar/avatar.component';
@@ -24,7 +23,7 @@ import { ImageComponent } from './component/message/image/image.component';
 import { InfoMessageComponent } from './component/message/info-message/info-message.component';
 import { HtmlComponent } from './component/message/html/html.component';
 import { FrameComponent } from './component/message/frame/frame.component';
-import { AudioTrackComponent } from './component/message/audio-track/audio-track.component';
+import { AudioComponent } from './component/message/audio/audio.component';
 import { UserTypingComponent } from './../chat21-core/utils/user-typing/user-typing.component';
 /** MESSAGE ATTACHMENTS COMPONENTS */
 import { MessageAttachmentComponent } from './component/message-attachment/message-attachment.component';
@@ -139,7 +138,6 @@ import { ConfirmCloseComponent } from './modals/confirm-close/confirm-close.comp
 
 
 
-
 const appInitializerFn = (appConfig: AppConfigService, brandService: BrandService, logger: NGXLogger) => {
   return async() => {
     let customLogger = new CustomLogger(logger)
@@ -278,7 +276,6 @@ export function uploadFactory(http: HttpClient, appConfig: AppConfigService, app
     ConversationFooterComponent,
     ConversationPreviewComponent,
     ConversationInternalFrameComponent,
-    ConversationAudioRecorderComponent,
     BubbleMessageComponent,
     AvatarComponent,
     FrameComponent,
@@ -290,7 +287,6 @@ export function uploadFactory(http: HttpClient, appConfig: AppConfigService, app
     ActionButtonComponent,
     LinkButtonComponent,
     TextButtonComponent,
-    AudioTrackComponent,
     UserTypingComponent,
     /**DIRECTIVES */
     HtmlEntitiesEncodePipe,
@@ -299,6 +295,7 @@ export function uploadFactory(http: HttpClient, appConfig: AppConfigService, app
     SafeHtmlPipe,
     LikeUnlikeComponent,
     TooltipDirective,
+    AudioComponent,
     CarouselComponent,
     NetworkOfflineComponent,
     ConfirmCloseComponent

package/src/app/component/conversation-detail/conversation/conversation.component.ts

@@ -39,7 +39,6 @@ import { CustomTranslateService } from 'src/chat21-core/providers/custom-transla
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { TiledeskRequestsService } from 'src/chat21-core/providers/tiledesk/tiledesk-requests.service';
 import { ConversationContentComponent } from '../conversation-content/conversation-content.component';
-import { checkAcceptedFile } from 'src/app/utils/utils';
 // import { TranslateService } from '@ngx-translate/core';
 
 @Component({
@@ -1347,32 +1346,34 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
       var mimeType = fileList[0].type
       this.logger.log('[CONV-COMP] ----> FILE - DROP mimeType files ', mimeType)
 
+      // if (mimeType.startsWith("image") || mimeType.startsWith("application")) {
+      // this.logger.log('[CONV-COMP] ----> FILE - DROP mimeType files: ', this.appConfigProvider.getConfig().fileUploadAccept);
+      // this.checkAcceptedFile(mimeType);
+      // const isAccepted = this.checkAcceptedFile(mimeType)
+      // this.logger.log('[CONV-COMP] > checkAcceptedFile - fileUploadAccept isAcceptFile FILE - DROP',isAccepted)
+      // if (isAccepted === true) {
       this.dropEvent = event
+      // } else {
+      //   this.logger.log( '[CONV-COMP] ----> FILE - DROP mimeType files ', mimeType,'NOT SUPPORTED FILE TYPE')
+      //   this.presentToast(this.translationsMap.get('FAILED_TO_UPLOAD_THE_FORMAT_IS_NOT_SUPPORTED'), 'danger','toast-custom-class', 5000 )
+      //   // this.presentToastOnlyImageFilesAreAllowedToDrag()
+      // }
       
     }
   }
 
   allowDrop(event: any) {
-    event.preventDefault();
-    event.stopPropagation();
+    event.preventDefault()
+    event.stopPropagation()
     this.logger.log('[CONV-COMP] ----> FILE - (dragover) allowDrop ev ', event)
     this.isHovering = true
   }
 
   drag(event){
-    event.preventDefault();
-    this.logger.log('[CONV-COMP] ----> FILE - (dragleave) drag ev ', event)
-    if (event.dataTransfer && event.dataTransfer.files) {
-      const files = event.dataTransfer.files;
-      const canUploadFile = checkAcceptedFile(files[0].type, this.appConfigService.getConfig().fileUploadAccept)
-      if(!canUploadFile){
-        this.logger.error('[IMAGE-UPLOAD] detectFiles: can not upload current file type--> NOT ALLOWED', this.appConfigService.getConfig().fileUploadAccept)
-        return;
-      }
-    }
+    event.preventDefault()
     event.stopPropagation()
+    console.log('dragleave-->', event)
     this.isHovering = false
   }
 
 }
-

package/src/app/component/conversation-detail/conversation-footer/conversation-footer.component.html

@@ -7,7 +7,7 @@
 <!-- TEXTAREA + ICONS: conv active-->
 <div class="textarea-container" *ngIf="!hideTextAreaContent && !hideTextReply">
     
-    <div *ngIf="!isStopRec" class="icons-container">
+    <div class="icons-container">
         <!-- ICON ATTACHMENT -->
         <label *ngIf="showAttachmentButton == true" tabindex="1502" aria-label="allegati" for="chat21-file" class="chat21-textarea-button" [class.active]="!isFilePendingToUpload && !hideTextReply" id="chat21-start-upload-doc">
             <span class="v-align-center">
@@ -44,7 +44,7 @@
 
 
 
-    <div *ngIf="!isStopRec" class="visible-text-area"  [class.disabled] = "( isConversationArchived || hideTextReply)? true : null">
+    <div class="visible-text-area"  [class.disabled] = "( isConversationArchived || hideTextReply)? true : null">
         <!-- isFilePendingToUpload || -->
       <textarea 
         [attr.disabled] = "(hideTextReply)? true : null"
@@ -67,24 +67,13 @@
     </div>
 
     <!-- ICON SEND -->
-    <div *ngIf="textInputTextArea && !isStopRec" tabindex="-1" class="chat21-textarea-button" [class.active]="textInputTextArea && !hideTextReply" id="chat21-button-send" (click)="onSendPressed($event)">
+    <div tabindex="-1" class="chat21-textarea-button" [class.active]="textInputTextArea && !hideTextReply" id="chat21-button-send" (click)="onSendPressed($event)">
         <span class="v-align-center">
             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  height="24" width="24" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
                 <path d="M1.8,18.9V1.7L22,10.3L1.8,18.9z M3.9,15.6l12.6-5.4L3.9,4.9v3.7l6.4,1.6l-6.4,1.6V15.6z M3.9,15.6V4.9v7V15.6z"/>
             </svg>
         </span>
     </div>
-
-    <!-- ICON REC -->
-    <div *ngIf="!textInputTextArea" tabindex="-1" class="chat21-audio-button" [class.active]="isStopRec" id="chat21-button-rec">
-        <chat-audio-recorder
-            (startRecordingEvent)="onStartRecording()"
-            (deleteRecordingEvent)="onDeleteRecording()"
-            (endRecordingEvent)="onEndRecording($event)"
-            (sendRecordingEvent)="onSendRecording($event)"
-            [stylesMap]="stylesMap">
-        </chat-audio-recorder>
-    </div>
 </div>
 
 

package/src/app/component/conversation-detail/conversation-footer/conversation-footer.component.scss

@@ -7,16 +7,14 @@
     display: flex;
     width: 100%;
     align-items: center;
-    gap: 0px;
+    gap: 10px;
     justify-content: space-between;
 }
 
 .icons-container{
     display: flex;
     align-self: flex-end;
-    margin-left: 8px;
-    gap: 2px;
-    margin-right: 8px;
+    margin-left: 8px
 }
 
 .visible-text-area {
@@ -33,6 +31,7 @@
 .chat21-textarea-button {
     fill: var(--icon-fill-color);
     pointer-events: auto;
+
     height: var(--chat-footer-height);
     bottom: 22px;
     opacity: 0.3;
@@ -186,29 +185,11 @@ textarea:active{
 }
 
 #chat21-button-send {
+    // right: 8px;
+    // bottom: 0;
     display: flex;
     align-self: flex-end;
-    margin: 0 8px;
-    width: 34px;
-    text-align: center;
-    justify-content: center;
-}
-
-#chat21-button-rec {
-    display: flex;
-    width: 34px;
-    text-align: center;
-    justify-content: center;
-    height: var(--chat-footer-height);
-    &.active{
-        width: 100%;
-    }
-    chat-audio-recorder {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
+    margin: 0 8px
 }
 
 #chat21-file{
@@ -356,4 +337,7 @@ textarea:active{
     // left: 10px;
     border: none;
     margin: -2px -2px 0px;
-}
+
+}
+
+