@chat21/chat21-web-widget 5.0.85 → 5.0.86

package/CHANGELOG.md

@@ -6,6 +6,8 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 5.0.86 in PROD
+
 # 5.0.85 in PROD
 
 # 5.0.83 in PROD

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.85",
+  "version": "5.0.86",
   "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

@@ -90,7 +90,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 +401,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);

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

@@ -107,10 +107,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

@@ -27,7 +27,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;
@@ -502,11 +502,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/modals/confirm-close/confirm-close.component.html

@@ -20,6 +20,21 @@
 
             <!-- BUTTON CLOSE-->
             <button tabindex="1040" aflistconv #aflistconv class="c21-button-primary" (click)="onConfirm()" [ngStyle]="{'background-color': stylesMap?.get('themeColor'), 'border-color': stylesMap?.get('themeColor'), 'color': stylesMap?.get('themeForegroundColor') }">
+                <span *ngIf="isLoadingActive" style="height: inherit; width: inherit;">
+                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" with="25" height="25"
+                        viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
+                        <path fill="#fff" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
+                        <animateTransform 
+                            attributeName="transform" 
+                            attributeType="XML" 
+                            type="rotate"
+                            dur="1s" 
+                            from="0 50 50"
+                            to="360 50 50" 
+                            repeatCount="indefinite" />
+                        </path>
+                    </svg>
+                </span>
                 <span class="v-align-center c21-label-button">
                     {{translationMap?.get('CLOSE_CHAT')}}
                 </span> 

package/src/app/modals/confirm-close/confirm-close.component.scss

@@ -44,6 +44,8 @@
 button.c21-button-primary{
     margin: 0 !important;
     height: 30px !important;
+    display: flex;
+    align-items: center;
 
     .c21-label-button{
         margin: 0 !important;

package/src/app/modals/confirm-close/confirm-close.component.ts

@@ -8,6 +8,8 @@ import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild }
 })
 export class ConfirmCloseComponent implements OnInit{
   
+  isLoadingActive: boolean = false;
+
   @Input() translationMap: Map< string, string>;
   @Input() stylesMap: Map<string, string>;
   @Output() onDiaglogClosed = new EventEmitter<{type: string, data: any}>();
@@ -27,6 +29,7 @@ export class ConfirmCloseComponent implements OnInit{
   }
 
   onConfirm(){
+    this.isLoadingActive = true;
     this.onDiaglogClosed.emit({type: 'confirm', data: null});
   }
 

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 */

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

@@ -1282,12 +1282,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
@@ -2292,7 +2292,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>
@@ -2301,7 +2301,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">