@chat21/chat21-web-widget 5.0.84-rc.3 → 5.0.85-rc.1

package/CHANGELOG.md

@@ -6,6 +6,16 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 5.0.85-rc.1
+- **added**: hide header restart menu option if conversation is closed
+- **removed**: continueConversationBeforeTime settings property
+
+# 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
 

package/package.json

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

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

@@ -15,7 +15,7 @@
         [hideHeaderCloseButton]="g?.hideHeaderCloseButton"
         [hideHeaderBackButton]="g?.singleConversation"
         [hideCloseConversationOptionMenu]="(isConversationArchived || g?.hideCloseConversationOptionMenu)"
-        [hideRestartConversationOptionsMenu]="((!g?.singleConversation && !hideTextAreaContent) || g?.hideRestartConversationOptionsMenu)"
+        [hideRestartConversationOptionsMenu]="(isConversationArchived || (!g?.singleConversation && !hideTextAreaContent) || g?.hideRestartConversationOptionsMenu)"
         [hideHeaderConversationOptionsMenu]="g?.hideHeaderConversationOptionsMenu"
         [hideSignOutOptionMenu]="(!g?.singleConversation || !g?.showLogoutOption)"
         [hideChatDetailOptionMenu]="(!g?.isDevMode)"
@@ -116,7 +116,6 @@
             [channelType]="g?.channelType"
             [userFullname]="g?.userFullname"
             [userEmail]="g?.userEmail"
-            [showContinueConversationButton]="g?.singleConversation && showContinueConversationButton"
             [showAttachmentButton]="g?.showAttachmentButton"
             [hideTextAreaContent]="(g?.singleConversation && hideTextAreaContent) || (isConversationArchived && !g?.allowReopen)"
             [isConversationArchived]="isConversationArchived"

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

@@ -39,6 +39,7 @@ 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({
@@ -90,7 +91,7 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
   footerMessagePlaceholder: string = '';
   textInputTextArea: String;
   isTrascriptDownloadEnabled = false;
-  showContinueConversationButton: boolean = false
+  // showContinueConversationButton: boolean = false
   // ========= begin:: gestione scroll view messaggi ======= //
   //startScroll = true; // indica lo stato dello scroll: true/false -> è in movimento/ è fermo
   isScrolling = false;
@@ -401,8 +402,8 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
             this.conversation = conv;
             this.isConversationArchived = true;
             /**calc time difference between now and last conversation timestamp to allow "Continue" button */
-            let duration = getDateDifference(this.conversation.timestamp, Date.now())
-            duration.hours < this.g.continueConversationBeforeTime? this.showContinueConversationButton = true: this.showContinueConversationButton = false
+            // let duration = getDateDifference(this.conversation.timestamp, Date.now())
+            // duration.hours < this.g.continueConversationBeforeTime? this.showContinueConversationButton = true: this.showContinueConversationButton = false
             callback(this.isConversationArchived)
           }else if(!conv) {
             callback(null);
@@ -1346,34 +1347,32 @@ 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()
+    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.stopPropagation()
-    console.log('dragleave-->', event)
     this.isHovering = false
   }
 
 }
+

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

@@ -118,10 +118,10 @@
         </span>  
         <div class="clear"></div>
     </button>
-    <button *ngIf="showContinueConversationButton" tabindex="1040"  class="c21-button-primary" (click)="onContinueConversation()" [ngStyle]="{'background-color': stylesMap.get('themeColor'), 'border-color': stylesMap.get('themeColor'), 'color': stylesMap?.get('foregroundColor')}">
+    <!-- <button *ngIf="showContinueConversationButton" tabindex="1040"  class="c21-button-primary" (click)="onContinueConversation()" [ngStyle]="{'background-color': stylesMap.get('themeColor'), 'border-color': stylesMap.get('themeColor'), 'color': stylesMap?.get('foregroundColor')}">
         <span class="v-align-center c21-label-button">
           {{translationMap?.get('CONTINUE')}}
         </span>  
         <div class="clear"></div>
-    </button>
+    </button> -->
 </div>

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

@@ -1,5 +1,6 @@
 import { Component, ComponentFactoryResolver, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild, ViewContainerRef } from '@angular/core';
 import { Globals } from 'src/app/utils/globals';
+import { checkAcceptedFile } from 'src/app/utils/utils';
 import { MessageModel } from 'src/chat21-core/models/message';
 import { UploadModel } from 'src/chat21-core/models/upload';
 import { ConversationHandlerService } from 'src/chat21-core/providers/abstract/conversation-handler.service';
@@ -27,7 +28,7 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
   @Input() userFullname: string;
   @Input() userEmail: string;
   @Input() showAttachmentButton: boolean;
-  @Input() showContinueConversationButton: boolean;
+  // @Input() showContinueConversationButton: boolean;
   @Input() isConversationArchived: boolean;
   @Input() hideTextAreaContent: boolean;
   @Input() hideTextReply: boolean;
@@ -130,48 +131,56 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
         
         const that = this;
         if (event.target.files && event.target.files[0]) {
-            const nameFile = event.target.files[0].name;
-            const typeFile = event.target.files[0].type;
-            const size = event.target.files[0].size
-            const reader = new FileReader();
-              that.logger.log('[CONV-FOOTER] OK preload: ', nameFile, typeFile, reader);
-              reader.addEventListener('load', function () {
-                that.logger.log('[CONV-FOOTER] addEventListener load', reader.result);
-                that.isFileSelected = true;
-                // se inizia con image
-                if (typeFile.startsWith('image') && !typeFile.includes('svg')) {
-                  const imageXLoad = new Image;
-                  that.logger.log('[CONV-FOOTER] onload ', imageXLoad);
-                  imageXLoad.src = reader.result.toString();
-                  imageXLoad.title = nameFile;
-                  imageXLoad.onload = function () {
-                    that.logger.log('[CONV-FOOTER] onload image');
-                    // that.arrayFilesLoad.push(imageXLoad);
-                    const uid = (new Date().getTime()).toString(36); // imageXLoad.src.substring(imageXLoad.src.length - 16);
-                    that.arrayFilesLoad[0] = { uid: uid, file: imageXLoad, type: typeFile, size: size };
-                    that.logger.log('[CONV-FOOTER] OK: ', that.arrayFilesLoad[0]);
-                    // SEND MESSAGE
-                    that.loadFile();
-                  };
-                } else {
-                  that.logger.log('[CONV-FOOTER] onload file');
-                  const fileXLoad = {
-                    src: reader.result.toString(),
-                    title: nameFile
-                  };
+
+          const canUploadFile = checkAcceptedFile(event.target.files[0].type, this.fileUploadAccept)
+          if(!canUploadFile){
+            this.logger.error('[IMAGE-UPLOAD] detectFiles: can not upload current file type--> NOT ALLOWED', this.fileUploadAccept)
+            this.isFilePendingToUpload = false;
+            return;
+          }
+
+          const nameFile = event.target.files[0].name;
+          const typeFile = event.target.files[0].type;
+          const size = event.target.files[0].size
+          const reader = new FileReader();
+            that.logger.debug('[CONV-FOOTER] OK preload: ', nameFile, typeFile, reader);
+            reader.addEventListener('load', function () {
+              that.logger.debug('[CONV-FOOTER] addEventListener load', reader.result);
+              that.isFileSelected = true;
+              // se inizia con image
+              if (typeFile.startsWith('image') && !typeFile.includes('svg')) {
+                const imageXLoad = new Image;
+                that.logger.debug('[CONV-FOOTER] onload ', imageXLoad);
+                imageXLoad.src = reader.result.toString();
+                imageXLoad.title = nameFile;
+                imageXLoad.onload = function () {
+                  that.logger.debug('[CONV-FOOTER] onload image');
                   // that.arrayFilesLoad.push(imageXLoad);
                   const uid = (new Date().getTime()).toString(36); // imageXLoad.src.substring(imageXLoad.src.length - 16);
-                  that.arrayFilesLoad[0] = { uid: uid, file: fileXLoad, type: typeFile, size: size };
-                  that.logger.log('[CONV-FOOTER] OK: ', that.arrayFilesLoad[0]);
+                  that.arrayFilesLoad[0] = { uid: uid, file: imageXLoad, type: typeFile, size: size };
+                  that.logger.debug('[CONV-FOOTER] OK: ', that.arrayFilesLoad[0]);
                   // SEND MESSAGE
                   that.loadFile();
-                }
-              }, false);
-
-              if (event.target.files[0]) {
-                reader.readAsDataURL(event.target.files[0]);
-                that.logger.log('[CONV-FOOTER] reader-result: ', event.target.files[0]);
+                };
+              } else {
+                that.logger.debug('[CONV-FOOTER] onload file');
+                const fileXLoad = {
+                  src: reader.result.toString(),
+                  title: nameFile
+                };
+                // that.arrayFilesLoad.push(imageXLoad);
+                const uid = (new Date().getTime()).toString(36); // imageXLoad.src.substring(imageXLoad.src.length - 16);
+                that.arrayFilesLoad[0] = { uid: uid, file: fileXLoad, type: typeFile, size: size };
+                that.logger.debug('[CONV-FOOTER] OK: ', that.arrayFilesLoad[0]);
+                // SEND MESSAGE
+                that.loadFile();
               }
+            }, false);
+
+            if (event.target.files[0]) {
+              reader.readAsDataURL(event.target.files[0]);
+              that.logger.debug('[CONV-FOOTER] reader-result: ', event.target.files[0]);
+            }
         }
     }
   }
@@ -584,11 +593,11 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
     this.onNewConversationButtonClicked.emit();
   }
 
-  onContinueConversation(){
-    this.hideTextAreaContent = false;
-    this.onBackButton.emit(false)
-    this.restoreTextArea()
-  }
+  // onContinueConversation(){
+  //   this.hideTextAreaContent = false;
+  //   this.onBackButton.emit(false)
+  //   this.restoreTextArea()
+  // }
 
   onBackButtonFN(){
     this.onBackButton.emit(false)

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

@@ -974,7 +974,7 @@ export class GlobalSettingsService {
             globals.singleConversation = (TEMP === true) ? true : false;
         }
         TEMP = tiledeskSettings['restartConversation'];
-        // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > continueConversationBeforeTime:: ', TEMP]);
+        // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > restartConversation:: ', TEMP]);
         if (TEMP !== undefined) {
             globals.restartConversation = (TEMP === true) ? true : false;
         }
@@ -1001,11 +1001,11 @@ export class GlobalSettingsService {
                 globals.showInfoMessage.push('CHAT_CLOSED')
             }
         }
-        TEMP = tiledeskSettings['continueConversationBeforeTime'];
-        // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > continueConversationBeforeTime:: ', TEMP]);
-        if (TEMP !== undefined) {
-            globals.continueConversationBeforeTime = +TEMP;
-        }
+        // TEMP = tiledeskSettings['continueConversationBeforeTime'];
+        // // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > continueConversationBeforeTime:: ', TEMP]);
+        // if (TEMP !== undefined) {
+        //     globals.continueConversationBeforeTime = +TEMP;
+        // }
         TEMP = tiledeskSettings['participants'];
         // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > participants:: ', TEMP]);
         if (TEMP !== undefined) {
@@ -1310,10 +1310,10 @@ export class GlobalSettingsService {
                 this.globals.showInfoMessage.push('CHAT_CLOSED')
             }
         }
-        TEMP = el.nativeElement.getAttribute('continueConversationBeforeTime');
-        if (TEMP !== null) {
-            this.globals.continueConversationBeforeTime = +TEMP;
-        }
+        // TEMP = el.nativeElement.getAttribute('continueConversationBeforeTime');
+        // if (TEMP !== null) {
+        //     this.globals.continueConversationBeforeTime = +TEMP;
+        // }
         TEMP = el.nativeElement.getAttribute('participants');
         if (TEMP !== null) {
             this.globals.participants = TEMP.split(',').map(key => { return key.trim()});
@@ -1755,10 +1755,10 @@ export class GlobalSettingsService {
             }
         }
 
-        TEMP = getParameterByName(windowContext, 'tiledesk_continueConversationBeforeTime');
-        if (TEMP) {
-            globals.continueConversationBeforeTime = +TEMP;
-        }
+        // TEMP = getParameterByName(windowContext, 'tiledesk_continueConversationBeforeTime');
+        // if (TEMP) {
+        //     globals.continueConversationBeforeTime = +TEMP;
+        // }
 
         TEMP = getParameterByName(windowContext, 'tiledesk_participants');
         if (TEMP) {

package/src/app/utils/globals.ts

@@ -201,7 +201,7 @@ export class Globals {
   showInfoMessage: Array<string>; // *******  new ********
   typingLocation: string; // *******  new ********
   allowReopen: boolean; // *******  new ********
-  continueConversationBeforeTime: number; // *******  new ********
+  // continueConversationBeforeTime: number; // *******  new ********
   participants: Array<string>; // *******  new ********
   whatsappNumber: string; // *******  new ********
   messangerPageTitle: string; // *******  new ********
@@ -378,7 +378,7 @@ export class Globals {
     /** set the location of typing indicator (header or content) */
     this.allowReopen = false;
     /** enable the user to reopen a closed conversation */
-    this.continueConversationBeforeTime = 48;
+    // this.continueConversationBeforeTime = 48;
     /** enable user to continue archived confersation before the value time from last timeout message */
     this.participants = [];
     /** enable user to talk with specific chat-bots/humans */
@@ -567,10 +567,10 @@ export class Globals {
     if(isOpen && isMobile){
       //block body scroll
       // window.parent.document.body.style.height = '100vh';
-      window.parent.document.body.style.height = '0';
-      window.parent.document.body.style.width = '100%';
-      window.parent.document.body.style.overflowY = 'hidden'
-      window.parent.document.body.style.position = 'fixed';
+      window.parent.document.body.style.setProperty('height', '0', 'important')
+      window.parent.document.body.style.setProperty('width', '100%', 'important')
+      window.parent.document.body.style.setProperty('overflow-y', 'hidden', 'important')
+      window.parent.document.body.style.setProperty('position', 'fixed', 'important')
     }else if(!isOpen && isMobile){
       //reset body style
       window.parent.document.body.style.removeProperty('height')

package/src/app/utils/utils.ts

@@ -387,3 +387,48 @@ export function getUnique(arr, comp) {
     // eliminate the dead keys & store unique objects
     .filter(e => arr[e]).map(e => arr[e]);
 }
+
+export function checkAcceptedFile(fileType, fileUploadAccept ): boolean{
+  
+  if (fileUploadAccept === '*/*') {
+    return true
+  }
+  // Dividi la stringa fileUploadAccept in un array di tipi accettati
+  const acceptedTypes = fileUploadAccept.split(',');
+
+  // Verifica se il tipo di file è accettato
+  return acceptedTypes.some((accept) => {
+    accept = accept.trim();
+    // Controlla per i tipi MIME con wildcard, come image/*
+    if (accept.endsWith('/*')) {
+      const baseMimeType = fileType.split('/')[0]; // Ottieni la parte principale del MIME type
+      return accept.replace('/*', '') === baseMimeType;
+    }
+    
+    // Controlla se l'accettazione è un MIME type esatto (come image/jpeg)
+    if (accept === fileType) {
+      return true;
+    }
+
+    // Controlla per le estensioni di file specifiche come .pdf o .txt
+    return fileType === getMimeTypeFromExtension(accept);
+  });
+
+}
+
+function getMimeTypeFromExtension(extension: string): string {
+  // Rimuovi il punto dall'estensione e ottieni il MIME type
+  const mimeTypes: { [key: string]: string } = {
+      '.jpg': 'image/jpeg',
+      '.jpeg': 'image/jpeg',
+      '.png': 'image/png',
+      '.gif': 'image/gif',
+      '.pdf': 'application/pdf',
+      '.txt': 'text/plain',
+      '.doc': 'application/msword',
+      '.docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+      '.wav' : 'audio/wav'
+      // Aggiungi altri tipi MIME se necessario
+  };
+  return mimeTypes[extension] || '';
+}

package/src/assets/i18n/en.json

@@ -55,7 +55,7 @@
     "CLOSE_CHAT": "Close chat",
     "MINIMIZE":"Minimize",
     "MAXIMIZE":"Maximize",
-    "CONFIRM_CLOSE_CHAT":"Are you sure you wanna close this chat?",
+    "CONFIRM_CLOSE_CHAT":"Are you sure you want to close this chat?",
     
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"you",
     "INFO_SUPPORT_USER_ADDED_YOU_VERB":"have been added to ",

package/src/assets/i18n/es.json

@@ -55,7 +55,7 @@
     "CLOSE_CHAT": "Cerrar chat",
     "MINIMIZE":"Minimizar",
     "MAXIMIZE":"Maximizar",
-    "CONFIRM_CLOSE_CHAT":"¿Estás segura de que quieres cerrar este chat?",
+    "CONFIRM_CLOSE_CHAT":"¿Estás seguro de que quieres cerrar este chat?",
 
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"tú",
     "INFO_SUPPORT_USER_ADDED_YOU_VERB":"han sido agregados a ",

package/src/assets/i18n/fr.json

@@ -31,7 +31,7 @@
     "ALERT_LEAVE_CHAT": "Voulez-vous quitter la conversation?",
     "YES": "Oui",
     "NO": "Non",
-    "BUTTON_CLOSE_TO_ICON": "Minimisez le chat",
+    "BUTTON_CLOSE_TO_ICON": "Minimisez la discussion",
     "BUTTON_EDIT_PROFILE": "Modifier le profil",
     "RATE_CHAT": "évaluer la conversation",
     "WELCOME_TITLE": "Salut, bienvenue à Tiledesk 👋",
@@ -44,7 +44,7 @@
     "CLOSE": "Fermer",
     "RESTART":"Redémarrer",
     "PREV_CONVERSATIONS": "Vos conversations",
-    "YOU": "Toi",
+    "YOU": "Tu",
     "SHOW_ALL_CONV": "voir tout",
     "START_A_CONVERSATION": "Démarrer une conversation",
     "NO_CONVERSATION": "Aucune conversation active",
@@ -52,17 +52,17 @@
     "WAITING_TIME_FOUND": "L'équipe répond généralement en $reply_time",
     "WAITING_TIME_NOT_FOUND": "Nous vous répondrons dans les plus brefs délais",
     "CLOSED": "Fermé",
-    "CLOSE_CHAT": "Fermer le chat",
+    "CLOSE_CHAT": "Fermer la discussion",
     "MINIMIZE":"Minimiser",
     "MAXIMIZE":"Maximiser",
     "CONFIRM_CLOSE_CHAT":"Etes-vous sûr de vouloir fermer cette discussion?",
 
-    "INFO_SUPPORT_USER_ADDED_SUBJECT":"toi",
+    "INFO_SUPPORT_USER_ADDED_SUBJECT":"tu",
     "INFO_SUPPORT_USER_ADDED_YOU_VERB":"ont été ajoutés à ",
     "INFO_SUPPORT_USER_ADDED_COMPLEMENT":"rejointe",
     "INFO_SUPPORT_USER_ADDED_VERB":"la discussion",
-    "INFO_SUPPORT_CHAT_REOPENED":"Chat rouvert",
-    "INFO_SUPPORT_CHAT_CLOSED":"Chat fermé",
+    "INFO_SUPPORT_CHAT_REOPENED":"Discussion rouvert",
+    "INFO_SUPPORT_CHAT_CLOSED":"Discussion fermé",
     "INFO_SUPPORT_LEAD_UPDATED":"Prospect mis à jour",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"supprimé du groupe",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"a quitté la conversation",

package/src/assets/i18n/it.json

@@ -55,7 +55,7 @@
     "CLOSE_CHAT": "Chiudi chat",
     "MINIMIZE":"Minimizza",
     "MAXIMIZE":"Massimizza",
-    "CONFIRM_CLOSE_CHAT":"Vuoi davvero chiudere questa chat?",
+    "CONFIRM_CLOSE_CHAT":"Sei sicuro di voler chiudere questa chat?",
 
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"tu",
     "INFO_SUPPORT_USER_ADDED_YOU_VERB":"sei stato aggiunto ",

package/src/assets/twp/index-dev.html

@@ -131,6 +131,7 @@
             display: -webkit-box;
             max-height: 258px; /* Fallback for non-webkit */
             line-height: 2.3;
+            line-clamp: 8;
             -webkit-line-clamp: 8;
             -webkit-box-orient: vertical;
             overflow: hidden;
@@ -1284,12 +1285,12 @@
             window.Tiledesk('restart')
         }
 
-        function onClickContinueConversationBeforeTime(){
-            let text = document.getElementById('continueConversationBeforeTime').value
-            window.tiledeskSettings['continueConversationBeforeTime'] = text
-            console.log('onClickContinueConversationBeforeTime:',window.tiledeskSettings);
-            window.Tiledesk('restart')
-        }
+        // function onClickContinueConversationBeforeTime(){
+        //     let text = document.getElementById('continueConversationBeforeTime').value
+        //     window.tiledeskSettings['continueConversationBeforeTime'] = text
+        //     console.log('onClickContinueConversationBeforeTime:',window.tiledeskSettings);
+        //     window.Tiledesk('restart')
+        // }
 
         function onClickRecipientId(){
             let text = document.getElementById('recipientId').value
@@ -2294,7 +2295,7 @@
                                 <button class="btn btn-light" onclick="onClickAllowReopen()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
                             </div>
                         </div>
-                        <div class="row">
+                        <!-- <div class="row">
                             <div class="col-md-5 formElement"><span><em><strong>continueConversationBeforeTime</strong></em></span></div>
                             <div class="col-md-5 formElement">
                                 <div class="col-form-label" style="width: 90px">Time (h):</div>
@@ -2303,7 +2304,7 @@
                             <div class="col-md-2">
                                 <button class="btn btn-light" onclick="onClickContinueConversationBeforeTime()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
                             </div>
-                        </div>
+                        </div> -->
                         <div class="row">
                             <div class="col-md-5 formElement"><span><em><strong>recipientId</strong></em></span></div>
                             <div class="col-md-5">

package/src/iframe-style.css

@@ -9,7 +9,7 @@
     width: auto;   
     height: auto;
     display: none;
-    z-index: 2000000000; /*999999*/;
+    z-index: 3000000000; /*999999*/;
 }
 #tiledeskdiv {
     /* width: 100%;