vue-intergrall-plugins 0.0.158 → 0.0.161

package/dist/vue-intergrall-plugins.ssr.js

@@ -3266,7 +3266,7 @@ var script$k = {
       required: true
     },
     file: {
-      type: File,
+      type: Array,
       required: true
     },
     fileFormatError: {
@@ -3400,7 +3400,7 @@ var __vue_staticRenderFns__$k = [];
 
 var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-7c17339e_0", {
+  inject("data-v-55cbc293_0", {
     source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-exclude-file svg:hover{color:#e74c3c}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px;display:inline-block}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;min-width:1rem;min-height:1rem;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
     map: undefined,
     media: undefined
@@ -3412,7 +3412,7 @@ var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$k = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$k = "data-v-7c17339e";
+var __vue_module_identifier__$k = "data-v-55cbc293";
 /* functional template */
 
 var __vue_is_functional_template__$k = false;
@@ -3455,6 +3455,7 @@ var script$j = {
   data: function data() {
     return {
       file: [],
+      fileSize: 0,
       openFiles: false,
       showFilePreview: false,
       imagePreview: "",
@@ -3487,9 +3488,10 @@ var script$j = {
       this.openFiles = !this.openFiles;
     },
     openSelectFileHandler: function openSelectFileHandler(type) {
-      if (type == "system") {
-        this.$emit("open-file-system", true);
-        return false;
+      if (type == "system") return this.$emit("open-file-system");
+
+      if (this.fileSettings.multiple) {
+        type = 'both';
       }
 
       var fileInput = document.querySelector("#".concat(type, "-").concat(this.textId));
@@ -3518,12 +3520,14 @@ var script$j = {
     },
     fileUpload: function fileUpload(event, type, externalCall) {
       try {
+        this.fileSize = 0;
         if (this.fileFormatError) this.file = [];
         this.openFiles = false;
         var filesAux = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event;
         this.file = filesAux.length ? filesAux : this.file;
         if (!this.file.length) return;
         this.hasAnyFile = true;
+        this.fileSize = this.file.length;
 
         if (!this.fileSettings.multiple) {
           this.file = this.file[0];
@@ -3673,13 +3677,13 @@ var __vue_render__$j = function __vue_render__() {
     attrs: {
       "name": "fade"
     }
-  }, [_vm.file.length ? _c('span', {
+  }, [_vm.fileSize > 0 ? _c('span', {
     staticClass: "files-counter",
     attrs: {
       "title": _vm.dictionary.msg_abrir_anexos
     },
     domProps: {
-      "textContent": _vm._s(_vm.file.length)
+      "textContent": _vm._s(_vm.fileSize)
     },
     on: {
       "click": function click($event) {
@@ -3802,7 +3806,7 @@ var __vue_staticRenderFns__$j = [];
 
 var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-d44243ce_0", {
+  inject("data-v-6af671cf_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:.5rem;width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}",
     map: undefined,
     media: undefined
@@ -3814,7 +3818,7 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$j = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$j = "data-v-d44243ce";
+var __vue_module_identifier__$j = "data-v-6af671cf";
 /* functional template */
 
 var __vue_is_functional_template__$j = false;
@@ -7833,7 +7837,8 @@ var script$g = {
       formatted_messages_2: [],
       key_2: "",
       formatted_messages_3: [],
-      key_3: ""
+      key_3: "",
+      loadingReq: false
     };
   },
   mounted: function mounted() {
@@ -7849,12 +7854,34 @@ var script$g = {
         return popper.destroy();
       };
     },
+    inputSelectKey1: function inputSelectKey1() {
+      if (!this.key_1) {
+        if (this.formatted_messages_2.length) this.formatted_messages_2 = [];
+        if (this.key_2) this.key_2 = "";
+        return;
+      }
+
+      this.receiveValueFormattedMessage(this.key_1, 2);
+    },
+    inputSelectKey2: function inputSelectKey2() {
+      if (!this.key_2) {
+        if (this.formatted_messages_3.length) this.formatted_messages_3 = [];
+        if (this.key_3) this.key_3 = "";
+        return;
+      }
+
+      if (this.formatted_messages_3.length) this.formatted_messages_3 = [];
+      if (this.key_3) this.key_3 = "";
+      this.receiveValueFormattedMessage("T/".concat(this.key_2), 3);
+    },
     receiveValueFormattedMessage: function receiveValueFormattedMessage(cod, selectionIndex) {
       var _this = this;
 
       try {
         if (!this.token_cliente) throw new Error("Informe token_cliente como chave na propriedade formattedMessageSettings que ocorre na chamada componente TextFooter ");
+        this.loadingReq = true;
         this.getStandardMessages(cod, this.token_cliente).then(function (data) {
+          _this.loadingReq = false;
           if (data && typeof data == 'string') return _this.$toasted.global.emConstrucao({
             msg: data
           });
@@ -7862,9 +7889,11 @@ var script$g = {
 
           _this.$toasted.global.defaultError();
         }).catch(function (e) {
+          _this.loadingReq = false;
           console.error("Error in getStandardMessages: ", e);
         });
       } catch (e) {
+        this.loadingReq = false;
         console.error("Error in receiveValueFormattedMessage: ", e);
       }
     },
@@ -7887,7 +7916,7 @@ var script$g = {
               if (this.formatted_messages_2.length == 1) {
                 if (this.formatted_messages_2[0].cod) {
                   this.key_2 = this.formatted_messages_2[0].cod;
-                  this.receiveValueFormattedMessage(this.key_2, 3);
+                  this.receiveValueFormattedMessage("T/".concat(this.key_2), 3);
                 }
               }
             }
@@ -7988,9 +8017,7 @@ var __vue_render__$g = function __vue_render__() {
       }
     },
     on: {
-      "input": function input($event) {
-        _vm.key_1 ? _vm.receiveValueFormattedMessage(_vm.key_1, 2) : false;
-      }
+      "input": _vm.inputSelectKey1
     },
     model: {
       value: _vm.key_1,
@@ -8004,7 +8031,12 @@ var __vue_render__$g = function __vue_render__() {
       "slot": "no-options"
     },
     slot: "no-options"
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])]), _vm._ssrNode(" "), _vm.formatted_messages_2.length && _vm.key_1 ? _c('v-select', {
+  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"transition-selects\">", "</div>", [_c('transition', {
+    attrs: {
+      "name": "fade",
+      "mode": "out-in"
+    }
+  }, [_vm.formatted_messages_2.length && _vm.key_1 ? _c('div', [_c('v-select', {
     staticClass: "text-footer-v-select",
     style: "background-color: " + _vm.backgroundColor,
     attrs: {
@@ -8017,9 +8049,7 @@ var __vue_render__$g = function __vue_render__() {
       }
     },
     on: {
-      "input": function input($event) {
-        return _vm.receiveValueFormattedMessage(_vm.key_2, 3);
-      }
+      "input": _vm.inputSelectKey2
     },
     model: {
       value: _vm.key_2,
@@ -8033,7 +8063,16 @@ var __vue_render__$g = function __vue_render__() {
       "slot": "no-options"
     },
     slot: "no-options"
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])]) : _vm._e(), _vm._ssrNode(" "), _vm.formatted_messages_3.length && _vm.key_2 ? _vm._ssrNode("<div class=\"text-footer-select-03\">", "</div>", [_c('v-select', {
+  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])])], 1) : _vm.key_1 && _vm.loadingReq ? _c('div', {
+    staticClass: "loader-select"
+  }, [_c('VueLoader')], 1) : _vm._e()]), _vm._ssrNode(" "), _c('transition', {
+    attrs: {
+      "name": "fade",
+      "mode": "out-in"
+    }
+  }, [_vm.formatted_messages_3.length && _vm.key_2 ? _c('div', {
+    staticClass: "text-footer-select-03"
+  }, [_c('v-select', {
     staticClass: "text-footer-v-select",
     style: "background-color: " + _vm.backgroundColor,
     attrs: {
@@ -8060,40 +8099,66 @@ var __vue_render__$g = function __vue_render__() {
       "slot": "no-options"
     },
     slot: "no-options"
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])]), _vm._ssrNode(" "), _vm.key_3.cod ? [_vm.messageType == 1 ? _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.title_btn_preencher_msg_formatada) + " class=\"text-footer--btn-select-03\">", "</span>", [_c('fa-icon', {
+  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])]), _vm._v(" "), _vm.key_3.cod ? [_vm.messageType == 1 ? _c('span', {
+    staticClass: "text-footer--btn-select-03",
+    attrs: {
+      "title": _vm.dictionary.title_btn_preencher_msg_formatada
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.insertFormattedMessage(_vm.key_3);
+      }
+    }
+  }, [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'level-up-alt']
     }
-  })], 1) : _vm.messageType == 2 ? _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.title_btn_abrir_msg_tipo_2) + " class=\"text-footer--btn-select-03\">", "</span>", [_c('fa-icon', {
+  })], 1) : _vm.messageType == 2 ? _c('span', {
+    staticClass: "text-footer--btn-select-03",
+    attrs: {
+      "title": _vm.dictionary.title_btn_abrir_msg_tipo_2
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.openFormattedMsgType2(_vm.key_3);
+      }
+    }
+  }, [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'file-alt']
     }
-  })], 1) : _vm._e()] : _vm._e()], 2) : _vm._e()], 2);
+  })], 1) : _vm._e()] : _vm._e()], 2) : _vm.key_2 && _vm.loadingReq ? _c('div', {
+    staticClass: "loader-select"
+  }, [_c('VueLoader')], 1) : _vm._e()])], 2)], 2);
 };
 
 var __vue_staticRenderFns__$g = [];
 /* style */
 
-var __vue_inject_styles__$g = undefined;
+var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-9fe38344_0", {
+    source: ".transition-selects{min-height:80px;display:flex;flex-direction:column;width:100%}.loader-select{position:relative;min-height:35px;background:#fff;width:100%;border:1px solid #ccc;border-radius:5px;z-index:1}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 
+
 var __vue_scope_id__$g = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$g = "data-v-2f993f01";
+var __vue_module_identifier__$g = "data-v-9fe38344";
 /* functional template */
 
 var __vue_is_functional_template__$g = false;
-/* style inject */
-
-/* style inject SSR */
-
 /* style inject shadow dom */
 
 var __vue_component__$n = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$g,
   staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, createInjectorSSR, undefined);
 
 var StandardMessages = __vue_component__$n;//
 var script$f = {
@@ -8383,8 +8448,8 @@ var script$f = {
     openImage: function openImage(imagePreview) {
       this.$emit("open-image", imagePreview);
     },
-    openFileSystem: function openFileSystem(status) {
-      this.$emit("open-file-system", status);
+    openFileSystem: function openFileSystem() {
+      this.$emit("open-file-system");
     },
     setAudio: function setAudio(audioObj) {
       var audioFile = audioObj.audioFile,
@@ -8671,7 +8736,7 @@ var __vue_staticRenderFns__$f = [];
 
 var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-6d9479b5_0", {
+  inject("data-v-26af6246_0", {
     source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349}.text-footer-container .text-footer-preview-container{cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
     map: undefined,
     media: undefined
@@ -8683,7 +8748,7 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$f = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$f = "data-v-6d9479b5";
+var __vue_module_identifier__$f = "data-v-26af6246";
 /* functional template */
 
 var __vue_is_functional_template__$f = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.158",
+  "version": "0.0.161",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Chat/BtnFiles.vue

@@ -1,7 +1,7 @@
 <template>
   <span class="text-footer-actions--btn" :class="{'files-activated' : openFiles || file.length}" @click="openFilesByClip()">
     <transition name="fade">
-      <span v-if="file.length" class="files-counter" v-text="file.length" @click.stop="toggleFilePreview" :title="dictionary.msg_abrir_anexos"></span>
+      <span v-if="fileSize > 0" class="files-counter" v-text="fileSize" @click.stop="toggleFilePreview" :title="dictionary.msg_abrir_anexos"></span>
     </transition>
     <fa-icon :icon="['fas', 'paperclip']" :title="dictionary.title_selecionar_anexo" />
     <transition name="show">
@@ -117,6 +117,7 @@ export default {
   data() {
     return {
       file: [],
+      fileSize: 0,
       openFiles: false,
       showFilePreview: false,
       imagePreview: "",
@@ -148,7 +149,8 @@ export default {
       this.openFiles = !this.openFiles
     },
     openSelectFileHandler(type) {
-      if(type == "system"){ this.$emit("open-file-system", true); return false }
+      if(type == "system") return this.$emit("open-file-system")
+      if(this.fileSettings.multiple){ type = 'both' }
       const fileInput = document.querySelector(`#${type}-${this.textId}`)
       if(fileInput) fileInput.click()
       if(!fileInput) if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError()
@@ -172,6 +174,7 @@ export default {
     },
     fileUpload(event, type, externalCall) {
       try {
+        this.fileSize = 0
         if(this.fileFormatError) this.file = []
         this.openFiles = false
         let filesAux = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event
@@ -179,6 +182,7 @@ export default {
 
         if(!this.file.length) return
         this.hasAnyFile = true
+        this.fileSize = this.file.length
         if(!this.fileSettings.multiple) {
           this.file = this.file[0]
           this.singleFileUpload(type, this.file.name)

package/src/lib-components/Chat/MultipleFilePreview.vue

@@ -70,7 +70,7 @@ export default {
   },
   props: {
     dictionary: { type: Object, required: true },
-    file: { type: File, required: true },
+    file: { type: Array, required: true },
     fileFormatError: { type: Boolean, required: false },
     validFileFormats: { type: String, required: false, default: "" }
   },

package/src/lib-components/Chat/StandardMessages.vue

@@ -9,50 +9,72 @@
       label="value"
       v-model="key_1"
       :reduce="formatted_messages_1 => formatted_messages_1.cod"
-      @input="key_1 ? receiveValueFormattedMessage(key_1, 2) : false"
+      @input="inputSelectKey1"
       >
       <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
     </v-select>
-    <v-select
-      v-if="formatted_messages_2.length && key_1"
-      :style="`background-color: ${backgroundColor}`"
-      appendToBody
-      :calculatePosition="calculateSelectPosition"
-      class="text-footer-v-select"
-      :options="formatted_messages_2"
-      label="value"
-      v-model="key_2"
-      :reduce="formatted_messages_2 => formatted_messages_2.cod"
-      @input="receiveValueFormattedMessage(key_2, 3)"
-      >
-      <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
-    </v-select>
-     <div class="text-footer-select-03" v-if="formatted_messages_3.length && key_2">
-      <v-select
-        :style="`background-color: ${backgroundColor}`"
-        appendToBody
-        :calculatePosition="calculateSelectPosition"
-        class="text-footer-v-select"
-        :options="formatted_messages_3"
-        label="value"
-        :clearable="false"
-        @input="openMsg()"
-        v-model="key_3"
-        >
-        <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
-      </v-select>
-      <template v-if="key_3.cod">
-        <span class="text-footer--btn-select-03" v-if="messageType == 1" :title="dictionary.title_btn_preencher_msg_formatada" @click="insertFormattedMessage(key_3)">
-          <fa-icon :icon="['fas', 'level-up-alt']" />
-        </span>
-        <span class="text-footer--btn-select-03" v-else-if="messageType == 2" :title="dictionary.title_btn_abrir_msg_tipo_2" @click="openFormattedMsgType2(key_3)">
-          <fa-icon :icon="['fas', 'file-alt']" />
-        </span>
-      </template>
+    <div class="transition-selects">
+      <transition name="fade" mode="out-in">
+        <div v-if="formatted_messages_2.length && key_1">
+          <v-select
+            :style="`background-color: ${backgroundColor}`"
+            appendToBody
+            :calculatePosition="calculateSelectPosition"
+            class="text-footer-v-select"
+            :options="formatted_messages_2"
+            label="value"
+            v-model="key_2"
+            :reduce="formatted_messages_2 => formatted_messages_2.cod"
+            @input="inputSelectKey2"
+            >
+            <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
+          </v-select>
+        </div>
+        <div class="loader-select" v-else-if="key_1 && loadingReq">
+          <VueLoader />
+        </div>
+      </transition>
+      <transition name="fade" mode="out-in">
+        <div class="text-footer-select-03" v-if="formatted_messages_3.length && key_2">
+          <v-select
+            :style="`background-color: ${backgroundColor}`"
+            appendToBody
+            :calculatePosition="calculateSelectPosition"
+            class="text-footer-v-select"
+            :options="formatted_messages_3"
+            label="value"
+            :clearable="false"
+            @input="openMsg()"
+            v-model="key_3"
+            >
+            <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
+          </v-select>
+          <template v-if="key_3.cod">
+            <span class="text-footer--btn-select-03" v-if="messageType == 1" :title="dictionary.title_btn_preencher_msg_formatada" @click="insertFormattedMessage(key_3)">
+              <fa-icon :icon="['fas', 'level-up-alt']" />
+            </span>
+            <span class="text-footer--btn-select-03" v-else-if="messageType == 2" :title="dictionary.title_btn_abrir_msg_tipo_2" @click="openFormattedMsgType2(key_3)">
+              <fa-icon :icon="['fas', 'file-alt']" />
+            </span>
+          </template>
+        </div>
+        <div class="loader-select" v-else-if="key_2 && loadingReq">
+          <VueLoader />
+        </div>
+      </transition>
     </div>
   </div>
 </template>
 
+<style>
+.transition-selects {
+  min-height: 80px;display: flex; flex-direction: column; width: 100%;
+}
+.loader-select {
+  position: relative; min-height: 35px;background: #FFF;width: 100%; border: 1px solid #ccc;border-radius: 5px;z-index: 1;
+}
+</style>
+
 <script>
 
 import { createPopper } from "@popperjs/core"
@@ -95,7 +117,8 @@ export default {
       formatted_messages_2: [],
       key_2: "",
       formatted_messages_3: [],
-      key_3: ""
+      key_3: "",
+      loadingReq: false
     }
   },
   mounted() {
@@ -109,15 +132,39 @@ export default {
       })
       return () => popper.destroy()
     },
+    inputSelectKey1() {
+      if(!this.key_1) {
+        if(this.formatted_messages_2.length) this.formatted_messages_2 = []
+        if(this.key_2) this.key_2 = ""
+        return
+      }
+      this.receiveValueFormattedMessage(this.key_1, 2)
+    },
+    inputSelectKey2() {
+      if(!this.key_2) {
+        if(this.formatted_messages_3.length) this.formatted_messages_3 = []
+        if(this.key_3) this.key_3 = ""
+        return
+      }
+      if(this.formatted_messages_3.length) this.formatted_messages_3 = []
+      if(this.key_3) this.key_3 = ""
+      this.receiveValueFormattedMessage(`T/${this.key_2}`, 3)
+    },
     receiveValueFormattedMessage(cod, selectionIndex) {
       try {
         if(!this.token_cliente) throw new Error("Informe token_cliente como chave na propriedade formattedMessageSettings que ocorre na chamada componente TextFooter ")
+        this.loadingReq = true
         this.getStandardMessages(cod, this.token_cliente).then((data) => {
+          this.loadingReq = false
           if(data && typeof(data) == 'string') return this.$toasted.global.emConstrucao({msg: data})
           if(data) return this.showFormattedMessage(data, selectionIndex)
           this.$toasted.global.defaultError()
-        }).catch(e => { console.error("Error in getStandardMessages: ", e) })
+        }).catch(e => { 
+          this.loadingReq = false
+          console.error("Error in getStandardMessages: ", e) 
+        })
       }catch(e) {
+        this.loadingReq = false
         console.error("Error in receiveValueFormattedMessage: ", e)
       }
     },
@@ -137,7 +184,7 @@ export default {
               if(this.formatted_messages_2.length == 1) {
                 if(this.formatted_messages_2[0].cod) {
                   this.key_2 = this.formatted_messages_2[0].cod
-                  this.receiveValueFormattedMessage(this.key_2, 3)
+                  this.receiveValueFormattedMessage(`T/${this.key_2}`, 3)
                 }
               }
             }

package/src/lib-components/Chat/TextFooter.vue

@@ -345,8 +345,8 @@ export default {
     openImage(imagePreview) {
       this.$emit("open-image", imagePreview)
     },
-    openFileSystem(status) {
-      this.$emit("open-file-system", status)
+    openFileSystem() {
+      this.$emit("open-file-system")
     },
     setAudio(audioObj) {
       const { audioFile, audioSource } = audioObj