@chat21/chat21-web-widget 5.0.91-rc2 → 5.0.91-rc3

package/CHANGELOG.md

@@ -6,6 +6,9 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 5.0.91-rc3
+- **added**: showAudioRecorderFooterButton property variable
+
 # 5.0.91-rc2
 - **changed**: colors for chat-audio-track component managed
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.91-rc2",
+  "version": "5.0.91-rc3",
   "license": "MIT",
   "homepage": "https://www.tiledesk.com",
   "repository": {

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

@@ -119,7 +119,7 @@
             [userEmail]="g?.userEmail"
             [showAttachmentFooterButton]="g?.showAttachmentFooterButton"
             [showEmojiFooterButton]="g?.showEmojiFooterButton"
-            [showRegisterAudioFooterButton]="g?.showRegisterAudioFooterButton"
+            [showAudioRecorderFooterButton]="g?.showAudioRecorderFooterButton"
             [hideTextAreaContent]="(g?.singleConversation && hideTextAreaContent) || (isConversationArchived && !g?.allowReopen)"
             [isConversationArchived]="isConversationArchived"
             [hideTextReply]="hideFooterTextReply"

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

@@ -67,7 +67,7 @@
     </div>
 
     <!-- ICON SEND -->
-    <div *ngIf="(textInputTextArea !== '' && !isStopRec) || !showRegisterAudioFooterButton" tabindex="-1" class="chat21-textarea-button" [class.active]="textInputTextArea && !hideTextReply" id="chat21-button-send" (click)="onSendPressed($event)">
+    <div *ngIf="(textInputTextArea !== '' && !isStopRec) || !showAudioRecorderFooterButton" 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"/>
@@ -76,7 +76,7 @@
     </div>
 
     <!-- ICON REC -->
-    <div *ngIf="showRegisterAudioFooterButton && !textInputTextArea" tabindex="-1" class="chat21-audio-button" [class.active]="isStopRec" id="chat21-button-rec">
+    <div *ngIf="showAudioRecorderFooterButton && !textInputTextArea" tabindex="-1" class="chat21-audio-button" [class.active]="isStopRec" id="chat21-button-rec">
         <chat-audio-recorder
             (startRecordingEvent)="onStartRecording()"
             (deleteRecordingEvent)="onDeleteRecording()"

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

@@ -29,7 +29,7 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
   @Input() userEmail: string;
   @Input() showAttachmentFooterButton: boolean;
   @Input() showEmojiFooterButton: boolean
-  @Input() showRegisterAudioFooterButton: boolean
+  @Input() showAudioRecorderFooterButton: boolean
   // @Input() showContinueConversationButton: boolean;
   @Input() isConversationArchived: boolean;
   @Input() hideTextAreaContent: boolean;

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

@@ -512,8 +512,8 @@ export class GlobalSettingsService {
                     if (variables.hasOwnProperty('showAttachmentFooterButton')) {
                         globals['showAttachmentFooterButton'] = variables['showAttachmentFooterButton'];
                     }
-                    if (variables.hasOwnProperty('showRegisterAudioFooterButton')) {
-                        globals['showRegisterAudioFooterButton'] = variables['showRegisterAudioFooterButton'];
+                    if (variables.hasOwnProperty('showAudioRecorderFooterButton')) {
+                        globals['showAudioRecorderFooterButton'] = variables['showAudioRecorderFooterButton'];
                     }
                     
                 }
@@ -1056,10 +1056,10 @@ export class GlobalSettingsService {
         if (TEMP !== undefined) {
             globals.showEmojiFooterButton = (TEMP === true) ? true : false;
         } 
-        TEMP = tiledeskSettings['showRegisterAudioFooterButton'];
+        TEMP = tiledeskSettings['showAudioRecorderFooterButton'];
         // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > showEmojiFooterButton:: ', TEMP]);
         if (TEMP !== undefined) {
-            globals.showRegisterAudioFooterButton = (TEMP === true) ? true : false;
+            globals.showAudioRecorderFooterButton = (TEMP === true) ? true : false;
         } 
     }
 
@@ -1335,9 +1335,9 @@ export class GlobalSettingsService {
         if (TEMP !== null) {
             this.globals.showEmojiFooterButton = (TEMP === true) ? true : false;
         }
-        TEMP = el.nativeElement.getAttribute('showRegisterAudioFooterButton');
+        TEMP = el.nativeElement.getAttribute('showAudioRecorderFooterButton');
         if (TEMP !== null) {
-            this.globals.showRegisterAudioFooterButton = (TEMP === true) ? true : false;
+            this.globals.showAudioRecorderFooterButton = (TEMP === true) ? true : false;
         }
         
         

package/src/app/utils/globals.ts

@@ -218,7 +218,7 @@ export class Globals {
 
   showEmojiFooterButton: boolean // *******  new ********
   showAttachmentFooterButton: boolean // *******  new ********
-  showRegisterAudioFooterButton: boolean // *******  new ********
+  showAudioRecorderFooterButton: boolean // *******  new ********
   constructor(
   ) { }
 
@@ -419,7 +419,7 @@ export class Globals {
     /** show/hide attachment option in footer chat-detail page */
     this.showAttachmentFooterButton = true;
     /** show/hide rec audio option in footer chat-detail page */
-    this.showRegisterAudioFooterButton = true;
+    this.showAudioRecorderFooterButton = true;
 
     // ============ END: SET EXTERNAL PARAMETERS ==============//
 

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

@@ -1352,10 +1352,10 @@
             window.Tiledesk('restart')
         }
 
-        function onClickShowRegisterAudioFooterButton(){
-            let status = document.querySelector('input[name="showRegisterAudioFooterButton"]:checked').value
-            window.tiledeskSettings['showRegisterAudioFooterButton'] = stringToBoolean(status)
-            console.log('onClickShowRegisterAudioFooterButton:', window.tiledeskSettings)
+        function onClickshowAudioRecorderFooterButton(){
+            let status = document.querySelector('input[name="showAudioRecorderFooterButton"]:checked').value
+            window.tiledeskSettings['showAudioRecorderFooterButton'] = stringToBoolean(status)
+            console.log('onClickshowAudioRecorderFooterButton:', window.tiledeskSettings)
             window.Tiledesk('restart')
         }
 
@@ -2402,13 +2402,13 @@
                         </div>
 
                         <div class="row">
-                            <div class="col-md-5 formElement"><span><em><strong>showRegisterAudioFooterButton</strong></em></span></div>
+                            <div class="col-md-5 formElement"><span><em><strong>showAudioRecorderFooterButton</strong></em></span></div>
                             <div class="col-md-5">
-                                <input class="form-check-input" type="radio" name="showRegisterAudioFooterButton" value="true" checked><label>True</label>
-                                <input class="form-check-input" type="radio" name="showRegisterAudioFooterButton" value="false"><label>False</label>
+                                <input class="form-check-input" type="radio" name="showAudioRecorderFooterButton" value="true" checked><label>True</label>
+                                <input class="form-check-input" type="radio" name="showAudioRecorderFooterButton" value="false"><label>False</label>
                             </div>
                             <div class="col-md-2">
-                                <button class="btn btn-light" onclick="onClickShowRegisterAudioFooterButton()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
+                                <button class="btn btn-light" onclick="onClickshowAudioRecorderFooterButton()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
                             </div>
                         </div>