@chat21/chat21-web-widget 5.0.57-rc.5 → 5.0.58

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.58 in PROD
+
+### 5.0.57 in PROD
+
 ### 5.0.57-rc.5
 - changed: chat21client.js to v0.1.12.5 (window scope fixed)
 - changed: tiledesk logo in conversation and home components

package/package.json

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

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

@@ -305,7 +305,7 @@ textarea:active{
                 vertical-align: middle;
                 object-fit: contain;
                 filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
-                padding-right: 8px;
+                padding-right: 5px;
             }
         }
         b{

package/src/app/component/home/home.component.scss

@@ -296,7 +296,7 @@
                     vertical-align: middle;
                     object-fit: contain;
                     filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
-                    padding-right: 8px;
+                    padding-right: 5px;
                 }
             }
             b{

package/src/app/component/last-message/last-message.component.ts

@@ -150,7 +150,6 @@ export class LastMessageComponent implements OnInit, AfterViewInit, OnDestroy {
     setTimeout(() => {
       if(this.messageListWRP.get(this.messages.length-1)){
         let height = getComputedStyle(this.messageListWRP.get(this.messages.length-1).nativeElement).height
-        // console.log('heightttttt--<', height, this.messages[this.messages.length-1])
         this.g.setWidgetPreviewContainerSize(0, +height.substring(0, height.length-2))
       }
     }, 50);
@@ -190,12 +189,10 @@ export class LastMessageComponent implements OnInit, AfterViewInit, OnDestroy {
   }
 
   onElementRenderedFN(event){
-    console.log('eventttttttt-->', event, this.messageListWRP)
     this.messageListWRP.forEach((item, index)=> {
       setTimeout(() => {
         if(this.messageListWRP.get(index)){
           let height = getComputedStyle(this.messageListWRP.get(index).nativeElement).height
-          console.log('heightttttt--<', height, this.messages[this.messages.length-1])
           this.g.setWidgetPreviewContainerSize(0, +height.substring(0, height.length-2))
         }
       }, 50);

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

@@ -1197,6 +1197,13 @@
             window.Tiledesk('restart')
         }
 
+        function onClickFileUploadAccept(){
+            let text = document.getElementById('fileUploadAccept').value
+            window.tiledeskSettings['fileUploadAccept'] = text
+            console.log('onClickFileUploadAccept:', window.tiledeskSettings)
+            window.Tiledesk('restart')
+        }
+
         function onClickShowAttachmentButton(){
             let status = document.querySelector('input[name="showAttachmentButton"]:checked').value
             window.tiledeskSettings['showAttachmentButton'] = stringToBoolean(status)
@@ -2193,6 +2200,15 @@
                                 <button class="btn btn-light" onclick="onClickParticipants()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
                             </div>
                         </div>
+                        <div class="row">
+                            <div class="col-md-5 formElement"><span><em><strong>fileUploadAccept</strong></em> (more<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers"> here</a>)</span></div>
+                            <div class="col-md-5">
+                                <input class="form-control" type="text" id="fileUploadAccept" name="fileUploadAccept" placeholder="Set a comma separated string...">
+                            </div>
+                            <div class="col-md-2">
+                                <button class="btn btn-light" onclick="onClickFileUploadAccept()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
+                            </div>
+                        </div>
                         <div class="row">
                             <div class="col-md-5 formElement"><span><em><strong>showAttachmentButton</strong></em></span></div>
                             <div class="col-md-5">