vue-intergrall-plugins 0.0.203 → 0.0.204

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

@@ -3149,8 +3149,13 @@ var BtnMic = __vue_component__$v;//
 //
 //
 //
+//
 var script$n = {
   props: {
+    textId: {
+      type: String,
+      required: true
+    },
     dictionary: {
       type: Object,
       required: true
@@ -3177,12 +3182,22 @@ var script$n = {
       required: false
     }
   },
+  mounted: function mounted() {
+    this.setPosition();
+  },
   methods: {
     deleteFile: function deleteFile() {
       this.$emit("delete-file");
     },
     openImage: function openImage() {
       this.$emit("open-image");
+    },
+    setPosition: function setPosition() {
+      try {
+        this.$refs["sfp-".concat(this.textId)].parentElement.style.bottom = "".concat(this.$root.$refs["tf-".concat(this.textId)].$el.offsetHeight, "px");
+      } catch (e) {
+        console.error("Erro ao setar a posicao do single file preview: ", e);
+      }
     }
   }
 };/* script */
@@ -3196,11 +3211,22 @@ var __vue_render__$n = function __vue_render__() {
 
   var _c = _vm._self._c || _h;
 
-  return _c('div', {
+  return _vm.textId ? _c('div', {
+    ref: "sfp-" + _vm.textId,
     staticClass: "single-file-preview"
-  }, [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.msg_cancelar_anexo) + " class=\"text-footer-exclude-file\">", "</span>", [_c('fa-icon', {
+  }, [_c('fa-icon', {
+    staticClass: "close-icon",
     attrs: {
       "icon": ['fas', 'times-circle']
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('close');
+      }
+    }
+  }), _vm._ssrNode(" "), _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.msg_cancelar_anexo) + " class=\"text-footer-exclude-file\">", "</span>", [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'trash-alt']
     }
   })], 1), _vm._ssrNode(" "), _vm.fileFormatError ? _vm._ssrNode("<div class=\"text-footer-invalid-format\">", "</div>", [_vm._ssrNode("<h3>" + _vm._ssrEscape(_vm._s(_vm.dictionary.titulo_msg_formato_invalido)) + "</h3> <h4>" + _vm._ssrEscape(_vm._s(_vm.validFileFormats)) + "</h4>")], 2) : [_vm.file.name ? _vm._ssrNode("<h3 class=\"text-footer-preview-title\">", "</h3>", [_vm.isDoc ? _c('fa-icon', {
     attrs: {
@@ -3210,7 +3236,7 @@ var __vue_render__$n = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'image']
     }
-  }), _vm._ssrNode(_vm._ssrEscape("\n      " + _vm._s(_vm.file.name) + "\n    "))], 2) : _vm._e(), _vm._ssrNode(" " + (_vm.imagePreview ? "<div class=\"text-footer-image-preview\"><img" + _vm._ssrAttr("src", _vm.imagePreview) + _vm._ssrAttr("alt", _vm.dictionary.alt_previa_img) + "></div>" : "<!---->"))]], 2);
+  }), _vm._ssrNode(_vm._ssrEscape("\n      " + _vm._s(_vm.file.name) + "\n    "))], 2) : _vm._e(), _vm._ssrNode(" " + (_vm.imagePreview ? "<div class=\"text-footer-image-preview\"><img" + _vm._ssrAttr("src", _vm.imagePreview) + _vm._ssrAttr("alt", _vm.dictionary.alt_previa_img) + "></div>" : "<!---->"))]], 2) : _vm._e();
 };
 
 var __vue_staticRenderFns__$n = [];
@@ -3218,8 +3244,8 @@ var __vue_staticRenderFns__$n = [];
 
 var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-da00a08e_0", {
-    source: ".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-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}",
+  inject("data-v-bd51f352_0", {
+    source: ".single-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.single-file-preview .close-icon:hover{opacity:1}.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-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}",
     map: undefined,
     media: undefined
   });
@@ -3230,7 +3256,7 @@ var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$n = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$n = "data-v-da00a08e";
+var __vue_module_identifier__$n = "data-v-bd51f352";
 /* functional template */
 
 var __vue_is_functional_template__$n = false;
@@ -3330,7 +3356,17 @@ var __vue_render__$m = function __vue_render__() {
 
   return _c('div', {
     staticClass: "multiple-file-preview"
-  }, [_c('transition-group', {
+  }, [_c('fa-icon', {
+    staticClass: "close-icon",
+    attrs: {
+      "icon": ['fas', 'times-circle']
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('close');
+      }
+    }
+  }), _vm._ssrNode(" "), _c('transition-group', {
     attrs: {
       "name": "fade"
     }
@@ -3405,10 +3441,10 @@ var __vue_render__$m = function __vue_render__() {
       }
     }, [_c('fa-icon', {
       attrs: {
-        "icon": ['fas', 'times-circle']
+        "icon": ['fas', 'trash-alt']
       }
     })], 1)]);
-  })], 2)], 1);
+  })], 2)], 2);
 };
 
 var __vue_staticRenderFns__$m = [];
@@ -3416,8 +3452,8 @@ var __vue_staticRenderFns__$m = [];
 
 var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-22ab2ae5_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}",
+  inject("data-v-28d9ba6f_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 .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.multiple-file-preview .close-icon:hover{opacity:1}.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;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
     map: undefined,
     media: undefined
   });
@@ -3428,7 +3464,7 @@ var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$m = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$m = "data-v-22ab2ae5";
+var __vue_module_identifier__$m = "data-v-28d9ba6f";
 /* functional template */
 
 var __vue_is_functional_template__$m = false;
@@ -3640,6 +3676,7 @@ var script$l = {
     },
     toggleFilePreview: function toggleFilePreview() {
       this.showFilePreview = !this.showFilePreview;
+      if (this.showFilePreview && this.openFiles) this.toggleFiles();
     },
     emitFileVars: function emitFileVars() {
       var vars = {
@@ -3695,7 +3732,7 @@ var __vue_render__$l = function __vue_render__() {
   return _c('span', {
     staticClass: "text-footer-actions--btn",
     class: {
-      'files-activated': _vm.openFiles || _vm.file.length
+      'files-activated': _vm.openFiles || _vm.file.length || _vm.file.name
     },
     on: {
       "click": function click($event) {
@@ -3809,11 +3846,13 @@ var __vue_render__$l = function __vue_render__() {
       "isDoc": _vm.isDoc,
       "fileFormatError": _vm.fileFormatError,
       "validFileFormats": _vm.validFileFormats,
-      "imagePreview": _vm.imagePreview
+      "imagePreview": _vm.imagePreview,
+      "textId": _vm.textId
     },
     on: {
       "delete-file": _vm.deleteFile,
-      "open-image": _vm.openImage
+      "open-image": _vm.openImage,
+      "close": _vm.away
     }
   }) : _vm.fileSettings.multiple && _vm.showFilePreview ? _c('MultipleFilePreview', {
     attrs: {
@@ -3825,7 +3864,8 @@ var __vue_render__$l = function __vue_render__() {
     on: {
       "delete-file": _vm.deleteFile,
       "delete-specific-file": _vm.deleteSpecificFile,
-      "open-image": _vm.openImage
+      "open-image": _vm.openImage,
+      "close": _vm.away
     }
   }) : _vm._e()], 1)])], 2);
 };
@@ -3835,7 +3875,7 @@ var __vue_staticRenderFns__$l = [];
 
 var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2ac0bc50_0", {
+  inject("data-v-05acb102_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
@@ -3847,7 +3887,7 @@ var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$l = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$l = "data-v-2ac0bc50";
+var __vue_module_identifier__$l = "data-v-05acb102";
 /* functional template */
 
 var __vue_is_functional_template__$l = false;
@@ -7797,7 +7837,7 @@ var dev = window.location.hostname == 'localhost' ? '&teste=levchat2' : '';var s
                 return _context.abrupt("return", _this.$httpRequest({
                   method: 'get',
                   url: "".concat(baseURL, "/messages/").concat(type, "?token_cliente=").concat(token).concat(dev) // headers: {
-                  //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1UzakpwZmViWkc1Y1M4dm9rRnBOdFY2WEYxaTh0ZllLWEkzV0ljRTd0M0dxeSIsIm1hbmFnZXIiOiJNS1VxQnBrRlIzQk5ING02Q2J3d2ltNGw1d3dJd3d4YjQ0YXd3aFk1VXd3aW00bDV3d2szSWZJV2RGc2dFRjhjdEhoOVB2eCIsImhhc19pbmZvcyI6dHJ1ZSwibnJvcyI6WyIyOCJdLCJhdXRoIjoiTUtVYXNtV3NNSnpZdmV2R2VQYTRubkZqdHRWR3gxODl6RnRWNDVtVUdFN1JlazAiLCJpYXQiOjE2NDg2NTkwNjQsImV4cCI6MTY0ODc0NTQ2NH0.vdwahP7qSwLJ8qYdQsG-ydL1Y-tzf6Frt0rnd9fYpIU"
+                  //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VUUnd3aW00bDV3d0piTHczb2xPYWtTbWxab283Q1F2MDY3V3pWR2E3VkhDQ2FMUEdsS2VQIiwibWFuYWdlciI6Ik1LVXFCcGtGUjNCTkhrbTZ5Znd3aW00bDV3d0l2Tlk0MDZrMzQ3SVdkRnNnRUY4Y3RIaDlQdngiLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOltdLCJhdXRoIjoiTUtVdXdGZjdjMXd3eGI0NGF3d1F4eGlia3N2NW5YR2FxOWZVNkxMYnAzQ0tkS1NHa0RvbWV4ZiIsImlhdCI6MTY0ODgxMjYzOSwiZXhwIjoxNjQ4ODk5MDM5fQ.IMpYYLoxiX566-Y2fqNlJu0qBkEyOOTWZ25UqeOyPUs"
                   // }
 
                 }).then(function (response) {
@@ -7872,7 +7912,7 @@ var script$i = {
       key_2: "",
       formatted_messages_3: [],
       key_3: "",
-      loadingReq: false
+      loadingReq: true
     };
   },
   mounted: function mounted() {
@@ -7927,6 +7967,8 @@ var script$i = {
 
           _this.$toasted.global.defaultError();
 
+          _this.closeStandardMessages();
+
           console.error("Error in getStandardMessages: ", e);
         });
       } catch (e) {
@@ -8042,34 +8084,7 @@ var __vue_render__$i = function __vue_render__() {
 
   return _c('div', {
     staticClass: "text-footer-hsm-container"
-  }, [_c('v-select', {
-    staticClass: "text-footer-v-select",
-    style: "background-color: " + _vm.backgroundColor,
-    attrs: {
-      "appendToBody": "",
-      "calculatePosition": _vm.calculateSelectPosition,
-      "options": _vm.formatted_messages_1,
-      "label": "value",
-      "reduce": function reduce(formatted_messages_1) {
-        return formatted_messages_1.cod;
-      }
-    },
-    on: {
-      "input": _vm.inputSelectKey1
-    },
-    model: {
-      value: _vm.key_1,
-      callback: function callback($$v) {
-        _vm.key_1 = $$v;
-      },
-      expression: "key_1"
-    }
-  }, [_c('div', {
-    attrs: {
-      "slot": "no-options"
-    },
-    slot: "no-options"
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"transition-selects\">", "</div>", [_c('transition', {
+  }, [_vm._ssrNode("<div class=\"transition-selects\">", "</div>", [_c('transition', {
     attrs: {
       "name": "fade",
       "mode": "out-in"
@@ -8142,7 +8157,7 @@ var __vue_render__$i = function __vue_render__() {
     slot: "no-options"
   }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])])], 1) : _vm.key_2 && _vm.loadingReq ? _c('div', {
     staticClass: "loader-select"
-  }, [_c('VueLoader')], 1) : _vm._e()])], 2)], 2);
+  }, [_c('VueLoader')], 1) : _vm._e()])], 2)]);
 };
 
 var __vue_staticRenderFns__$i = [];
@@ -8150,7 +8165,7 @@ var __vue_staticRenderFns__$i = [];
 
 var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-d7521b32_0", {
+  inject("data-v-4e81952e_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}.loading-message{background-color:#555!important}",
     map: undefined,
     media: undefined
@@ -8162,7 +8177,7 @@ var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$i = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$i = "data-v-d7521b32";
+var __vue_module_identifier__$i = "data-v-4e81952e";
 /* functional template */
 
 var __vue_is_functional_template__$i = false;
@@ -8685,7 +8700,7 @@ var __vue_render__$h = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'paper-plane']
     }
-  })], 1)]) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
+  })], 1)]) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand || _vm.formattedMessageSettings.hasStandardMessages ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
     'outside-buttons': _vm.cssStyle.outsideButtons && !_vm.audioFile
   }) + ">", "</div>", [_c('BtnMic', {
     directives: [{
@@ -8705,8 +8720,8 @@ var __vue_render__$h = function __vue_render__() {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.formattedMessageSettings.hasStandardMessages,
-      expression: "formattedMessageSettings.hasStandardMessages"
+      value: _vm.formattedMessageSettings.hasStandardMessages && !_vm.audioFile,
+      expression: "formattedMessageSettings.hasStandardMessages && !audioFile"
     }],
     ref: _vm.textId + "-standard-messages",
     attrs: {
@@ -8781,7 +8796,7 @@ var __vue_staticRenderFns__$h = [];
 
 var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-bb390258_0", {
+  inject("data-v-fb83a0b4_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
@@ -8793,7 +8808,7 @@ var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$h = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$h = "data-v-bb390258";
+var __vue_module_identifier__$h = "data-v-fb83a0b4";
 /* functional template */
 
 var __vue_is_functional_template__$h = false;

package/package.json

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

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

@@ -1,5 +1,5 @@
 <template>
-  <span class="text-footer-actions--btn" :class="{'files-activated' : openFiles || file.length}" @click="openFilesByClip()">
+  <span class="text-footer-actions--btn" :class="{'files-activated' : openFiles || file.length || file.name}" @click="openFilesByClip()">
     <transition name="fade">
       <span v-if="fileSize > 0" class="files-counter" v-text="fileSize" @click.stop="toggleFilePreview" :title="dictionary.msg_abrir_anexos"></span>
     </transition>
@@ -32,8 +32,10 @@
           :fileFormatError="fileFormatError"
           :validFileFormats="validFileFormats"
           :imagePreview="imagePreview"
+          :textId="textId"
           @delete-file="deleteFile"
           @open-image="openImage"
+          @close="away"
         />
         <MultipleFilePreview 
           v-else-if="fileSettings.multiple && showFilePreview"
@@ -44,6 +46,7 @@
           @delete-file="deleteFile"
           @delete-specific-file="deleteSpecificFile"
           @open-image="openImage"
+          @close="away"
         />
       </div>
     </transition>
@@ -265,6 +268,7 @@ export default {
     },
     toggleFilePreview() {
       this.showFilePreview = !this.showFilePreview
+      if(this.showFilePreview && this.openFiles) this.toggleFiles()
     },
     emitFileVars() {
       const vars = { file: this.file, isDoc: this.isDoc, imagePreview: this.imagePreview, fileFormatError: this.fileFormatError, hasAnyFile: this.hasAnyFile }

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

@@ -1,5 +1,6 @@
 <template>
   <div class="multiple-file-preview">
+    <fa-icon :icon="['fas', 'times-circle']" class="close-icon" @click="$emit('close')" />
     <transition-group name="fade">
       <Loader v-if="loading" key="mfp-loader" />
       <template v-else-if="fileFormatError">
@@ -34,7 +35,7 @@
             </span>
           </div>
           <span @click="deleteSpecificFile(singleFile.name, index)" :title="dictionary.msg_excluir_anexo" class="delete-file">
-            <fa-icon :icon="['fas', 'times-circle']" />
+            <fa-icon :icon="['fas', 'trash-alt']" />
           </span>
         </div>
       </template>
@@ -116,6 +117,16 @@ export default {
     width: 4px;
   }
 
+  .multiple-file-preview .close-icon {
+    color: #E74C3C;
+    cursor: pointer;
+    opacity: .9;
+    transition: opacity 300ms;
+  }
+  .multiple-file-preview .close-icon:hover {
+    opacity: 1;
+  }
+
   .multiple-file-preview::-webkit-scrollbar-track{
     background-color: rgba(0, 0, 0, 0.2);
   }
@@ -236,10 +247,6 @@ export default {
     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 {

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

@@ -1,7 +1,8 @@
 <template>
-  <div class="single-file-preview">
+  <div v-if="textId" class="single-file-preview" :ref="`sfp-${textId}`">
+    <fa-icon :icon="['fas', 'times-circle']" class="close-icon" @click="$emit('close')" />
     <span @click="deleteFile" :title="dictionary.msg_cancelar_anexo" class="text-footer-exclude-file">
-      <fa-icon :icon="['fas', 'times-circle']" />
+      <fa-icon :icon="['fas', 'trash-alt']" />
     </span>
     <div class="text-footer-invalid-format" v-if="fileFormatError">
       <h3 v-text="dictionary.titulo_msg_formato_invalido"></h3>
@@ -23,6 +24,7 @@
 <script>
 export default {
   props: {
+    textId: { type: String, required: true },
     dictionary: { type: Object, required: true },
     file: { type: File, required: false },
     isDoc: { type: Boolean, required: false },
@@ -30,18 +32,37 @@ export default {
     validFileFormats: { type: String, required: false, default: "" },
     imagePreview: { type: String, required: false }
   },
+  mounted() {
+    this.setPosition()
+  },
   methods: {
     deleteFile() {
       this.$emit("delete-file")
     },
     openImage() { 
       this.$emit("open-image")
+    },
+    setPosition() {
+      try {
+        this.$refs[`sfp-${this.textId}`].parentElement.style.bottom = `${this.$root.$refs[`tf-${this.textId}`].$el.offsetHeight}px`
+      }catch(e) {
+        console.error("Erro ao setar a posicao do single file preview: ", e)
+      }
     }
   }
 }
 </script>
 
 <style>
+  .single-file-preview .close-icon {
+    color: #E74C3C;
+    cursor: pointer;
+    opacity: .9;
+    transition: opacity 300ms;
+  }
+  .single-file-preview .close-icon:hover {
+    opacity: 1;
+  }
   .text-footer-invalid-format {
     color: #222;
     padding: 10px; 

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

@@ -1,18 +1,5 @@
 <template>
   <div class="text-footer-hsm-container">
-    <v-select
-      appendToBody
-      :calculatePosition="calculateSelectPosition"
-      :style="`background-color: ${backgroundColor}`"
-      class="text-footer-v-select"
-      :options="formatted_messages_1"
-      label="value"
-      v-model="key_1"
-      :reduce="formatted_messages_1 => formatted_messages_1.cod"
-      @input="inputSelectKey1"
-      >
-      <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
-    </v-select>
     <div class="transition-selects">
       <transition name="fade" mode="out-in">
         <div v-if="formatted_messages_2.length && key_1">
@@ -114,7 +101,7 @@ export default {
       key_2: "",
       formatted_messages_3: [],
       key_3: "",
-      loadingReq: false
+      loadingReq: true
     }
   },
   mounted() {
@@ -158,7 +145,8 @@ export default {
         }).catch(e => { 
           this.loadingReq = false
           this.$toasted.global.defaultError()
-          console.error("Error in getStandardMessages: ", e) 
+          this.closeStandardMessages()
+          console.error("Error in getStandardMessages: ", e)
         })
       }catch(e) {
         this.loadingReq = false

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

@@ -43,7 +43,7 @@
           <fa-icon :icon="['fas', 'paper-plane']" />
         </span>
       </div>
-      <div v-if="buttons.hasFiles || buttons.hasAudio || buttons.hasExpand" class="text-footer-actions" :class="{'outside-buttons' : cssStyle.outsideButtons && !audioFile}">
+      <div v-if="buttons.hasFiles || buttons.hasAudio || buttons.hasExpand || formattedMessageSettings.hasStandardMessages" class="text-footer-actions" :class="{'outside-buttons' : cssStyle.outsideButtons && !audioFile}">
         <BtnMic 
           v-show="buttons.hasAudio && !audioFile"
           :dictionary="dictionary"
@@ -51,7 +51,7 @@
           :ref="`${textId}-mic`" 
         />
         <BtnStandardMessages 
-          v-show="formattedMessageSettings.hasStandardMessages"
+          v-show="formattedMessageSettings.hasStandardMessages && !audioFile"
           :dictionary="dictionary"
           :ref="`${textId}-standard-messages`"
           @toggle-standard-messages="toggleStandardMessages"