vue-intergrall-plugins 0.0.4 → 0.0.8

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

@@ -1742,9 +1742,7 @@ var createPopper = /*#__PURE__*/popperGenerator({
 //
 //
 //
-//
-//
-var script$5 = {
+var script$a = {
   data: function data() {
     return {
       varValues: {},
@@ -1764,10 +1762,6 @@ var script$5 = {
       required: false,
       default: true
     },
-    smartStyle: {
-      type: Boolean,
-      required: false
-    },
     allVariables: {
       type: Boolean,
       required: false,
@@ -1819,7 +1813,7 @@ var script$5 = {
       });
     },
     getListOpts: function getListOpts() {
-      this.varListValues = "<ul class=\"var-list-dropdown\">\n        <li> nome </li>\n        ".concat(this.allVariables ? '<li> telefone </li>' : '', "\n      </ul>");
+      this.varListValues = "<ul class=\"ts-dropdown\">\n        <li> nome </li>\n        ".concat(this.allVariables ? '<li> telefone </li>' : '', "\n      </ul>");
     },
     setInputs: function setInputs() {
       var _this2 = this;
@@ -1836,9 +1830,7 @@ var script$5 = {
         qtdInputs += header.querySelectorAll(".input-var-".concat(this.identifier)).length;
       }
 
-      if (this.lastVar === 0) {
-        this.lastVar += 1;
-      }
+      if (this.lastVar === 0) this.lastVar += 1;
 
       if (body !== null) {
         body.querySelectorAll(".input-var-".concat(this.identifier)).forEach(function (input) {
@@ -1855,12 +1847,9 @@ var script$5 = {
       }
 
       if (qtdInputs === 1) {
-        document.querySelector(".input-var-".concat(this.identifier)).parentElement.parentElement.parentElement.style.width = "100%";
         document.querySelector(".input-var-".concat(this.identifier)).parentElement.style.width = "100%";
         document.querySelector(".input-var-".concat(this.identifier)).style.width = "100%";
-      }
-
-      if (qtdInputs === 0) {
+      } else if (qtdInputs === 0) {
         this.$emit("set-vars", this.template);
       }
     },
@@ -1888,7 +1877,7 @@ var script$5 = {
             });
           }
 
-          var containerGeral = document.querySelector(".templates-container");
+          var containerGeral = document.querySelector(".tg-container");
           varList.classList.add("visible");
           var maxBottom = containerGeral.getBoundingClientRect().bottom,
               currentBottom = varList.getBoundingClientRect().bottom;
@@ -1930,9 +1919,21 @@ var script$5 = {
       }
     },
     isValid: function isValid(textValue) {
-      var regex = /^[ ?????�����??��?���?��??????�������?���?��???��??\w?-�\r\n()[\]{}.,:;@??�????!&?�`�=%^*+\-$|/]+$/;
+      var regex = {
+        htmlTags: /<\/?[\d\w\s=\-:\.\/\'\";]+>/gi,
+        enter: /\n/g,
+        consecutiveSpaces: /\s{3,}/g
+      };
       var value = textValue ? textValue.trim("") : "";
-      return regex.test(value);
+      if (!value.length) return false;
+      var isValueValid = true;
+
+      for (var key in regex) {
+        if (!isValueValid) return isValueValid;
+        if (regex[key].test(value)) isValueValid = false;
+      }
+
+      return isValueValid;
     },
     setVar: function setVar(event, key, notificar) {
       if (event && event.target) {
@@ -2026,10 +2027,10 @@ var script$5 = {
     }
     return script;
 }/* script */
-var __vue_script__$5 = script$5;
+var __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$5 = function __vue_render__() {
+var __vue_render__$a = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2037,23 +2038,18 @@ var __vue_render__$5 = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "template-single"
-  }, [_vm._ssrNode("<div class=\"template-content\">" + _vm._ssrList(_vm.template.components, function (component, cIndex) {
-    return "<div>" + (component.type === 'header' ? "<header id=\"template_header\"" + _vm._ssrClass(null, {
-      sm__template: _vm.smartStyle
-    }) + ">" + _vm._ssrList(component.parameters, function (param, pIndex) {
-      return "<span>" + (param.type === 'text' ? _vm.regexVars.test(param.text) ? "<p>" + _vm._s(param.text.replace(_vm.regexVars, "<div class='template-var'>" + _vm.htmlInputString + _vm.varListValues + "</div>")) + "</p>" : "<p>" + _vm._s(param.text) + "</p>" : "<!---->") + "</span>";
+    staticClass: "ts-container"
+  }, [_vm._ssrNode("<div class=\"ts-content\">" + _vm._ssrList(_vm.template.components, function (component, cIndex) {
+    return "<div>" + (component.type === 'header' ? "<header id=\"template_header\">" + _vm._ssrList(component.parameters, function (param, pIndex) {
+      return "<div>" + (param.type === 'text' ? _vm.regexVars.test(param.text) ? "<div>" + _vm._s(param.text.replace(_vm.regexVars, "<div class='ts-content__var'>" + _vm.htmlInputString + _vm.varListValues + "</div>")) + "</div>" : "<p>" + _vm._s(param.text) + "</p>" : "<!---->") + "</div>";
     }) + "</header>" : "<!---->") + " " + (component.type === 'body' ? "<section id=\"template_body\"" + _vm._ssrClass(null, {
-      sm__template: _vm.smartStyle,
       'margin-bottom': _vm.template.components.length === 2
     }) + ">" + _vm._ssrList(component.parameters, function (param, pIndex) {
-      return "<span>" + (param.type === 'text' ? _vm.regexVars.test(param.text) ? "<p>" + _vm._s(param.text.replace(_vm.regexVars, "<div class='template-var'>" + _vm.htmlInputString + _vm.varListValues + "</div>")) + "</p>" : "<p>" + _vm._s(param.text) + "</p>" : "<!---->") + "</span>";
-    }) + "</section>" : "<!---->") + " " + (component.type == 'footer' ? "<footer id=\"template_footer\"" + _vm._ssrClass(null, {
-      sm__template: _vm.smartStyle
-    }) + ">" + _vm._ssrList(component.parameters, function (param, pIndex) {
-      return "<span>" + (param.type == 'text' ? "<small>" + _vm._s(param.text) + "</small>" : "<!---->") + "</span>";
+      return "<div>" + (param.type === 'text' ? _vm.regexVars.test(param.text) ? "<div>" + _vm._s(param.text.replace(_vm.regexVars, "<div class='ts-content__var'>" + _vm.htmlInputString + _vm.varListValues + "</div>")) + "</div>" : "<p>" + _vm._s(param.text) + "</p>" : "<!---->") + "</div>";
+    }) + "</section>" : "<!---->") + " " + (component.type == 'footer' ? "<footer id=\"template_footer\">" + _vm._ssrList(component.parameters, function (param, pIndex) {
+      return "<div>" + (param.type == 'text' ? "<small>" + _vm._s(param.text) + "</small>" : "<!---->") + "</div>";
     }) + "</footer>" : "<!---->") + "</div>";
-  }) + "</div> "), _vm.hasButton ? _vm._ssrNode("<div" + _vm._ssrClass("template-btn", {
+  }) + "</div> "), _vm.hasButton ? _vm._ssrNode("<div" + _vm._ssrClass("tg-btn", {
     'small-btn': _vm.iconButton
   }) + ">", "</div>", [_vm._ssrNode("<button>", "</button>", [!_vm.iconButton ? [_vm._ssrNode(_vm._ssrEscape(" " + _vm._s(_vm.dictionary.btn_contatar_clientes) + " "))] : _c('fa-icon', {
     attrs: {
@@ -2062,31 +2058,31 @@ var __vue_render__$5 = function __vue_render__() {
   })], 2)]) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$5 = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-var __vue_inject_styles__$5 = undefined;
+var __vue_inject_styles__$a = undefined;
 /* scoped */
 
-var __vue_scope_id__$5 = undefined;
+var __vue_scope_id__$a = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$5 = "data-v-c22ab328";
+var __vue_module_identifier__$a = "data-v-4f6e98c8";
 /* functional template */
 
-var __vue_is_functional_template__$5 = false;
+var __vue_is_functional_template__$a = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$6 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$5,
-  staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+var __vue_component__$b = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
 
-var TemplateSingle = __vue_component__$6;var setResizeListeners = function setResizeListeners($el, inputClass, parentClass) {
+var TemplateSingle = __vue_component__$b;var setResizeListeners = function setResizeListeners($el, inputClass, parentClass) {
   var inputTargets = $el.querySelectorAll(inputClass);
   inputTargets.forEach(function (target) {
     target.addEventListener("input", function () {
@@ -2194,18 +2190,6 @@ var mixin_1 = mixin;function returnMessageWithHexa(originalMessage) {
   }
 
   return output;
-}
-function formataHoraMensagem() {
-  var mostrarSegundos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var data = new Date();
-  var hora = data.getHours();
-  hora = hora < 10 ? "0" + hora : hora;
-  var minutos = data.getMinutes();
-  minutos = minutos < 10 ? "0" + minutos : minutos;
-  var segundos = data.getSeconds();
-  segundos = segundos < 10 ? "0" + segundos : segundos;
-  var horaFormatada = mostrarSegundos ? "".concat(hora, ":").concat(minutos, ":").concat(segundos) : "".concat(hora, ":").concat(minutos);
-  return horaFormatada;
 }var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function createCommonjsModule(fn, basedir, module) {
@@ -7840,7 +7824,7 @@ exports.default = { search: search, emojis: emojis, emoticons: emoticons };
 /******/ ]);
 });
 });//
-var script$4 = {
+var script$9 = {
   components: {
     "picker": emojiMart.Picker
   },
@@ -7921,10 +7905,10 @@ var script$4 = {
     }
   }
 };/* script */
-var __vue_script__$4 = script$4;
+var __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$4 = function __vue_render__() {
+var __vue_render__$9 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7964,37 +7948,37 @@ var __vue_render__$4 = function __vue_render__() {
   })], 2);
 };
 
-var __vue_staticRenderFns__$4 = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-var __vue_inject_styles__$4 = undefined;
+var __vue_inject_styles__$9 = undefined;
 /* scoped */
 
-var __vue_scope_id__$4 = undefined;
+var __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-7a052c7e";
+var __vue_module_identifier__$9 = "data-v-7a052c7e";
 /* functional template */
 
-var __vue_is_functional_template__$4 = false;
+var __vue_is_functional_template__$9 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$5 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$4,
-  staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
+var __vue_component__$a = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
 
-var EmojisTextFooter = __vue_component__$5;//
+var EmojisTextFooter = __vue_component__$a;//
 //
 //
 //
 //
 //
-var script$3 = {
+var script$8 = {
   props: {
     hasBg: {
       type: Boolean,
@@ -8010,11 +7994,51 @@ var script$3 = {
       default: "small"
     }
   }
-};/* script */
-var __vue_script__$3 = script$3;
+};function createInjectorSSR(context) {
+    if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__;
+    }
+    if (!context)
+        return () => { };
+    if (!('styles' in context)) {
+        context._styles = context._styles || {};
+        Object.defineProperty(context, 'styles', {
+            enumerable: true,
+            get: () => context._renderStyles(context._styles)
+        });
+        context._renderStyles = context._renderStyles || renderStyles;
+    }
+    return (id, style) => addStyle(id, style, context);
+}
+function addStyle(id, css, context) {
+    const group = css.media || 'default' ;
+    const style = context._styles[group] || (context._styles[group] = { ids: [], css: '' });
+    if (!style.ids.includes(id)) {
+        style.media = css.media;
+        style.ids.push(id);
+        let code = css.source;
+        style.css += code + '\n';
+    }
+}
+function renderStyles(styles) {
+    let css = '';
+    for (const key in styles) {
+        const style = styles[key];
+        css +=
+            '<style data-vue-ssr-id="' +
+                Array.from(style.ids).join(' ') +
+                '"' +
+                (style.media ? ' media="' + style.media + '"' : '') +
+                '>' +
+                style.css +
+                '</style>';
+    }
+    return css;
+}/* script */
+var __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$3 = function __vue_render__() {
+var __vue_render__$8 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8032,184 +8056,1001 @@ var __vue_render__$3 = function __vue_render__() {
   }) + "></div>")]);
 };
 
-var __vue_staticRenderFns__$3 = [];
+var __vue_staticRenderFns__$8 = [];
 /* style */
 
-var __vue_inject_styles__$3 = undefined;
+var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-8ff43434_0", {
+    source: ".req-loader-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.req-loader-container.light-bg{background-color:rgba(0,0,0,.3);border-radius:inherit}.req-loader-container.align-right{justify-content:flex-end}.req-loader-container.align-right .req-loader{margin-right:15px}.req-loader{border:2px solid #ccc;border-top:2px solid #333;border-radius:50%;width:20px;height:20px;min-width:20px;min-height:20px;animation:spin 2s linear infinite}.req-loader.big{width:40px;height:40px;animation:spin 3s linear infinite}.req-loader.slow{animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 
-var __vue_scope_id__$3 = undefined;
+
+var __vue_scope_id__$8 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-4df9ec54";
+var __vue_module_identifier__$8 = "data-v-8ff43434";
 /* functional template */
 
-var __vue_is_functional_template__$3 = false;
-/* style inject */
-
-/* style inject SSR */
-
+var __vue_is_functional_template__$8 = false;
 /* style inject shadow dom */
 
-var __vue_component__$4 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$3,
-  staticRenderFns: __vue_staticRenderFns__$3
-}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
+var __vue_component__$9 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, createInjectorSSR, undefined);
 
-var ReqLoader = __vue_component__$4;//
-var script$2 = {
-  components: {
-    EmojisTextFooter: EmojisTextFooter,
-    ReqLoader: ReqLoader
-  },
-  mixins: [mixin_1],
+var Loader = __vue_component__$9;//
+//
+//
+//
+//
+//
+//
+//
+var script$7 = {
   props: {
-    buttons: {
-      type: Object,
-      default: function _default() {
-        return {
-          hasEmojis: false,
-          hasSendButton: false,
-          hasFiles: false,
-          hasAudio: false
-        };
-      },
-      required: false
-    },
-    cssStyle: {
-      type: Object,
-      default: function _default() {
-        return {
-          width: "full",
-          backgroundColor: "#FFF",
-          outsideButtons: false
-        };
-      },
-      required: false
-    },
-    textareaSettings: {
-      type: Object,
-      default: function _default() {
-        return {
-          placeholderMessage: "",
-          maxCharacters: 0,
-          sendOnEnter: false,
-          disabled: false
-        };
-      },
-      required: false
-    },
-    emojiSettings: {
-      type: Object,
-      default: function _default() {
-        return {
-          openEmojisFrom: "top",
-          smallEmojis: false
-        };
-      },
-      required: false
-    },
-    formattedMessageSettings: {
-      type: Object,
-      default: function _default() {
-        return {
-          hasHsm: false,
-          msgType: 0
-        };
-      },
-      required: false
-    },
-    fileSettings: {
-      type: Object,
-      default: function _default() {
-        return {
-          docsExtensions: "",
-          imagesExtensions: ""
-        };
-      },
-      required: false
-    },
-    textId: {
+    message: {
       type: String,
       required: true
     },
-    isMainChat: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    isSending: {
-      type: Boolean,
-      default: false,
+    maxCharacters: {
+      type: Number,
       required: false
-    },
-    dictionary: {
-      type: Object,
-      required: true
     }
   },
   computed: {
     remainingCharacters: function remainingCharacters() {
-      if (this.message && this.message.length) {
-        return this.textareaSettings.maxCharacters - this.message.length;
-      }
+      if (this.message.length) return this.maxCharacters - this.message.length;
+      return this.maxCharacters;
+    }
+  }
+};/* script */
+var __vue_script__$7 = script$7;
+/* template */
+
+var __vue_render__$7 = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _vm.maxCharacters ? _c('span', {
+    staticClass: "max-characters no-width",
+    domProps: {
+      "textContent": _vm._s("(" + this.remainingCharacters + ")")
+    }
+  }, []) : _vm._e();
+};
+
+var __vue_staticRenderFns__$7 = [];
+/* style */
+
+var __vue_inject_styles__$7 = undefined;
+/* scoped */
+
+var __vue_scope_id__$7 = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$7 = "data-v-f8dac3e4";
+/* functional template */
+
+var __vue_is_functional_template__$7 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$8 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$7,
+  staticRenderFns: __vue_staticRenderFns__$7
+}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
 
-      return this.textareaSettings.maxCharacters;
+var RemainingCharacters = __vue_component__$8;//
+//
+//
+//
+//
+//
+var script$6 = {
+  props: {
+    dictionary: {
+      type: Object,
+      required: true
     }
   },
   data: function data() {
     return {
-      message: "",
-      openFiles: false,
-      file: [],
-      showFilePreview: false,
-      imagePreview: "",
-      isDoc: false,
-      fileFormatError: false,
-      validFileFormats: "",
-      audioFile: "",
-      audioSource: "",
-      mediaRecorder: {},
-      isRecording: false
+      isRecording: false,
+      mediaRecorder: {}
     };
   },
-  created: function created() {
-    this.$root.$refs["tf-".concat(this.textId)] = this;
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    setResizeListeners(this.$el, ".js-autoresize", ".js-parentresize");
-    this.$root.$on("drop-file", function (file, type) {
-      if (_this.buttons.hasFiles) _this.fileUpload(file, type, true);
-    });
-    this.$root.$on("toggle-msg-formatada", function () {
-      _this.toggleHSM();
-    });
-    this.$root.$on("textarea-focus", function () {
-      _this.focusTextarea();
-    });
-    this.$root.$on("resize-footer-template", function () {
-      _this.adjustChatHeight();
-    });
-    this.$root.$on("clear-footer-message", function () {
-      _this.message = "";
-    });
-    if (this.cssStyle.outsideButtons) if (this.$root.$refs.chatCorpo) this.$root.$refs.chatCorpo.setOutsideButtons(this.cssStyle.outsideButtons);
-  },
   methods: {
-    closeEmojis: function closeEmojis() {
-      try {
-        this.$root.$refs["etf-".concat(this.textId)].showEmojis ? this.$root.$refs["etf-".concat(this.textId)].away() : '';
-      } catch (e) {
-        console.error("Nao foi possivel fechar os emojis");
-        console.error(e);
-      }
-    },
-    away: function away() {
-      this.openFiles = false;
-    },
-    setDefaultMessage: function setDefaultMessage(msg) {
+    toggleAudioRecorder: function toggleAudioRecorder() {
+      if (!this.mediaRecorder.state) return this.initAudioRecorder();
+      this.isRecording = !this.isRecording;
+      if (this.isRecording) return this.mediaRecorder.start();
+      return this.mediaRecorder.stop();
+    },
+    initAudioRecorder: function initAudioRecorder() {
+      var _this = this;
+
+      navigator.mediaDevices.getUserMedia({
+        audio: true
+      }).then(function (stream) {
+        _this.mediaRecorder = new MediaRecorder(stream);
+        var audioChunks = [];
+
+        _this.mediaRecorder.ondataavailable = function (eventData) {
+          audioChunks.push(eventData.data);
+        };
+
+        _this.mediaRecorder.onstop = function () {
+          var blob = new Blob(audioChunks, {
+            type: "audio/mpeg"
+          });
+          blob.lastModifiedDate = new Date();
+          blob.name = "im-audio-file-".concat(parseInt(Math.random() * 50000));
+          var reader = new FileReader();
+          reader.readAsDataURL(blob);
+
+          reader.onloadend = function () {
+            _this.$emit("set-audio", {
+              audioFile: new File([blob], "".concat(blob.name, ".mpeg"), {
+                type: blob.type
+              }),
+              audioSource: reader.result
+            });
+          };
+
+          stream.getTracks().forEach(function (track) {
+            return track.stop();
+          });
+        };
+
+        _this.toggleAudioRecorder();
+      }, function (error) {
+        _this.$toasted.global.defaultError({
+          msg: _this.dictionary.msg_permitir_audio
+        });
+
+        console.error("error audio recorder: ", error);
+      });
+    },
+    deleteMediaRecorder: function deleteMediaRecorder() {
+      this.mediaRecorder = {};
+    }
+  }
+};/* script */
+var __vue_script__$6 = script$6;
+/* template */
+
+var __vue_render__$6 = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('span', {
+    staticClass: "text-footer-actions--btn",
+    class: {
+      'audio-activated': _vm.isRecording
+    },
+    on: {
+      "click": _vm.toggleAudioRecorder
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'microphone']
+    }
+  })], 1);
+};
+
+var __vue_staticRenderFns__$6 = [];
+/* style */
+
+var __vue_inject_styles__$6 = undefined;
+/* scoped */
+
+var __vue_scope_id__$6 = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$6 = "data-v-291765d5";
+/* functional template */
+
+var __vue_is_functional_template__$6 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$7 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$6,
+  staticRenderFns: __vue_staticRenderFns__$6
+}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
+
+var BtnMic = __vue_component__$7;//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var script$5 = {
+  props: {
+    dictionary: {
+      type: Object,
+      required: true
+    },
+    file: {
+      type: File,
+      required: true
+    },
+    isDoc: {
+      type: Boolean,
+      required: false
+    },
+    fileFormatError: {
+      type: Boolean,
+      required: false
+    },
+    validFileFormats: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    imagePreview: {
+      type: String,
+      required: false
+    }
+  },
+  methods: {
+    deleteFile: function deleteFile() {
+      this.$emit("delete-file");
+    },
+    openImage: function openImage() {
+      this.$emit("open-image");
+    }
+  }
+};/* script */
+var __vue_script__$5 = script$5;
+/* template */
+
+var __vue_render__$5 = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "single-file-preview"
+  }, [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.msg_cancelar_anexo) + " class=\"text-footer-exclude-file\">", "</span>", [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'times-circle']
+    }
+  })], 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: {
+      "icon": ['fas', 'file-alt']
+    }
+  }) : _c('fa-icon', {
+    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);
+};
+
+var __vue_staticRenderFns__$5 = [];
+/* style */
+
+var __vue_inject_styles__$5 = undefined;
+/* scoped */
+
+var __vue_scope_id__$5 = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$5 = "data-v-24daf98e";
+/* functional template */
+
+var __vue_is_functional_template__$5 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$6 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+
+var SingleFilePreview = __vue_component__$6;//
+var script$4 = {
+  components: {
+    Loader: Loader
+  },
+  data: function data() {
+    return {
+      loading: true,
+      loadingTimeout: 0,
+      ignoreNextUpdate: false
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    setTimeout(function () {
+      _this.loading = false;
+    }, 500);
+  },
+  watch: {
+    file: function file() {
+      var _this2 = this;
+
+      if (!this.ignoreNextUpdate) {
+        if (this.loadingTimeout) clearTimeout(this.loadingTimeout);
+        this.loading = true;
+        this.loadingTimeout = setTimeout(function () {
+          _this2.loading = false;
+        }, 500);
+        this.ignoreNextUpdate = true;
+      }
+
+      this.ignoreNextUpdate = false;
+    }
+  },
+  props: {
+    dictionary: {
+      type: Object,
+      required: true
+    },
+    file: {
+      type: Array,
+      required: true
+    },
+    fileFormatError: {
+      type: Boolean,
+      required: false
+    },
+    validFileFormats: {
+      type: String,
+      required: false,
+      default: ""
+    }
+  },
+  methods: {
+    deleteFile: function deleteFile() {
+      this.$emit("delete-file");
+    },
+    deleteSpecificFile: function deleteSpecificFile(fileName, index) {
+      this.ignoreNextUpdate = true;
+      this.$emit("delete-specific-file", {
+        fileName: fileName,
+        index: index
+      });
+    },
+    openImage: function openImage(image) {
+      this.$emit("open-image", image);
+    },
+    icon: function icon(imgOrDoc) {
+      if (!imgOrDoc) return ['fas', 'times-circle'];
+      return imgOrDoc == 'doc' ? ['fas', 'file-alt'] : ['fas', 'image'];
+    },
+    isPdf: function isPdf(type) {
+      return type === "application/pdf" ? true : false;
+    }
+  }
+};/* script */
+var __vue_script__$4 = script$4;
+/* template */
+
+var __vue_render__$4 = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "multiple-file-preview"
+  }, [_c('transition-group', {
+    attrs: {
+      "name": "fade"
+    }
+  }, [_vm.loading ? _c('Loader', {
+    key: "mfp-loader"
+  }) : _vm.fileFormatError ? [_c('span', {
+    key: "mfp-exlude-file",
+    staticClass: "text-footer-exclude-file",
+    attrs: {
+      "title": _vm.dictionary.msg_cancelar_anexo
+    },
+    on: {
+      "click": _vm.deleteFile
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'times-circle']
+    }
+  })], 1), _vm._v(" "), _vm.fileFormatError ? _c('div', {
+    key: "mfp-invalid-format",
+    staticClass: "text-footer-invalid-format"
+  }, [_c('h3', {
+    domProps: {
+      "textContent": _vm._s(_vm.dictionary.titulo_msg_formato_invalido)
+    }
+  }), _vm._v(" "), _c('h4', {
+    domProps: {
+      "textContent": _vm._s(_vm.validFileFormats)
+    }
+  })]) : _vm._e()] : _vm._l(_vm.file, function (singleFile, index) {
+    return _c('div', {
+      key: index,
+      staticClass: "file-preview"
+    }, [_c('p', {
+      staticClass: "file-title"
+    }, [_c('fa-icon', {
+      attrs: {
+        "icon": _vm.icon(singleFile.imgOrDoc)
+      }
+    }), _vm._v("\n          " + _vm._s(singleFile.name) + "\n        ")], 1), _vm._v(" "), singleFile.invalid ? _c('p', {
+      staticClass: "file-title red"
+    }, [_vm._v("\n          " + _vm._s(_vm.dictionary.titulo_msg_formato_invalido ? _vm.dictionary.titulo_msg_formato_invalido : "Arquivo invalido") + "\n        ")]) : _vm._e(), _vm._v(" "), _c('div', {
+      staticClass: "small-img"
+    }, [singleFile.imgOrDoc === 'img' ? _c('span', {
+      staticClass: "img-container"
+    }, [_c('img', {
+      attrs: {
+        "src": singleFile.src,
+        "alt": _vm.dictionary.alt_previa_img
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.openImage(singleFile.src);
+        }
+      }
+    })]) : _vm.isPdf(singleFile.type) ? _c('span', {
+      staticClass: "pdf"
+    }, [_c('fa-icon', {
+      attrs: {
+        "icon": ['fas', 'file-pdf']
+      }
+    })], 1) : _vm._e()]), _vm._v(" "), _c('span', {
+      staticClass: "delete-file",
+      on: {
+        "click": function click($event) {
+          return _vm.deleteSpecificFile(singleFile.name, index);
+        }
+      }
+    }, [_c('fa-icon', {
+      attrs: {
+        "icon": ['fas', 'times-circle']
+      }
+    })], 1)]);
+  })], 2)], 1);
+};
+
+var __vue_staticRenderFns__$4 = [];
+/* style */
+
+var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-53d19bab_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:5px;border-top-right-radius:5px;transition:background-color 150ms}.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:rgba(255,255,255,.8);border-radius:30px}.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
+  });
+};
+/* scoped */
+
+
+var __vue_scope_id__$4 = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$4 = "data-v-53d19bab";
+/* functional template */
+
+var __vue_is_functional_template__$4 = false;
+/* style inject shadow dom */
+
+var __vue_component__$5 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, createInjectorSSR, undefined);
+
+var MultipleFilePreview = __vue_component__$5;//
+var script$3 = {
+  components: {
+    SingleFilePreview: SingleFilePreview,
+    MultipleFilePreview: MultipleFilePreview
+  },
+  props: {
+    textId: {
+      type: String,
+      required: true
+    },
+    dictionary: {
+      type: Object,
+      required: true
+    },
+    fileSettings: {
+      type: Object,
+      required: false
+    },
+    cssStyle: {
+      type: Object,
+      required: false
+    }
+  },
+  data: function data() {
+    return {
+      file: [],
+      openFiles: false,
+      showFilePreview: false,
+      imagePreview: "",
+      isDoc: false,
+      fileFormatError: false,
+      validFileFormats: ""
+    };
+  },
+  computed: {
+    previewContainerClass: function previewContainerClass() {
+      if (this.fileFormatError) return "isError";
+      if (this.fileSettings.multiple) return "isMultiple";
+      if (this.isDoc) return "isDoc";
+      return "isMsg";
+    }
+  },
+  methods: {
+    toggleFiles: function toggleFiles() {
+      this.openFiles = !this.openFiles;
+    },
+    openSelectFileHandler: function openSelectFileHandler(type) {
+      var fileInput = document.querySelector("#".concat(type, "-").concat(this.textId));
+      if (fileInput) fileInput.click();
+      if (!fileInput) if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError();
+    },
+    isFileValid: function isFileValid(type, fileName) {
+      var extensions = type === "img" ? this.fileSettings.imagesExtensions : this.fileSettings.docsExtensions;
+      var regex = new RegExp("(" + extensions + ")", "i");
+      if (regex.test(fileName)) return true;
+      this.showToastedValidFormats();
+      return false;
+    },
+    showToastedValidFormats: function showToastedValidFormats() {
+      if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
+        msg: this.dictionary.msg_formato_invalido
+      });
+      var str = {
+        img: this.fileSettings.imagesExtensions.split("|").join(", "),
+        doc: this.fileSettings.docsExtensions.split("|").join(", ")
+      };
+      if (!document.querySelector(".toasted.toasted-primary.info")) this.$toasted.global.showValidFormats({
+        msg: "Imagens: ".concat(str.img, " - Documentos: ").concat(str.doc, " ").concat(this.dictionary.msg_extensoes_aceitas)
+      });
+    },
+    fileUpload: function fileUpload(event, type, externalCall) {
+      try {
+        this.openFiles = false;
+        if (this.showFilePreview) this.deleteFile();
+        this.file = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event;
+
+        if (!this.file.length) {
+          this.file = [];
+          return;
+        }
+
+        this.showFilePreview = true;
+
+        if (!this.fileSettings.multiple) {
+          this.file = this.file[0];
+          this.singleFileUpload(type, this.file.name);
+        } else {
+          this.multipleFileUpload();
+        }
+      } catch (e) {
+        console.error("Error file upload");
+        console.error(e);
+      }
+    },
+    returnFileType: function returnFileType(file) {
+      var imgRegex = new RegExp("\.(" + this.fileSettings.imagesExtensions + ")", "i");
+      if (imgRegex.test(file.name)) return "img";
+      var docRegex = new RegExp("\.(" + this.fileSettings.docsExtensions + ")", "i");
+      if (docRegex.test(file.name)) return "doc";
+      return "";
+    },
+    multipleFileUpload: function multipleFileUpload() {
+      var _this = this;
+
+      var waitForImageLoad = false;
+      this.file = Array.from(this.file);
+      this.file.forEach(function (file) {
+        var fileReader = new FileReader();
+
+        var singleFileType = _this.returnFileType(file);
+
+        if (!singleFileType) file.invalid = true;
+        file.imgOrDoc = singleFileType ? singleFileType : "";
+        if (file.imgOrDoc === "doc") _this.isDoc = true;
+
+        if (file.imgOrDoc === "img") {
+          waitForImageLoad = true;
+
+          fileReader.onload = function () {
+            return file.src = fileReader.result;
+          };
+
+          fileReader.onloadend = function () {
+            return _this.emitFileVars(true);
+          };
+        }
+
+        if (_this.isFileValid(file.imgOrDoc, file.name)) {
+          if (file.imgOrDoc === "img") fileReader.readAsDataURL(file);
+        } else {
+          file.invalid = true;
+          _this.fileFormatError = true;
+          _this.validFileFormats = "".concat(file.imgOrDoc === "img" ? _this.fileSettings.imagesExtensions.split("|").join(", ") : _this.fileSettings.docsExtensions.split("|").join(", "), " ").concat(_this.dictionary.msg_extensoes_aceitas);
+        }
+      });
+      if (this.isDoc && !waitForImageLoad) this.emitFileVars();
+    },
+    singleFileUpload: function singleFileUpload(type, fileName) {
+      var _this2 = this;
+
+      var fileReader = new FileReader();
+
+      if (type === "img") {
+        fileReader.onload = function () {
+          return _this2.imagePreview = fileReader.result;
+        };
+
+        fileReader.onloadend = function () {
+          return _this2.emitFileVars();
+        };
+      }
+
+      if (this.isFileValid(type, fileName)) {
+        if (type === "img") fileReader.readAsDataURL(this.file);
+        if (type === "doc") this.isDoc = true;
+        this.fileFormatError = false;
+      } else {
+        this.fileFormatError = true;
+        this.validFileFormats = "".concat(type === "img" ? this.fileSettings.imagesExtensions.split("|").join(", ") : this.fileSettings.docsExtensions.split("|").join(", "), " ").concat(this.dictionary.msg_extensoes_aceitas);
+      }
+
+      if (this.isDoc) this.emitFileVars();
+    },
+    emitFileVars: function emitFileVars() {
+      var vars = {
+        file: this.file,
+        isDoc: this.isDoc,
+        showFilePreview: this.showFilePreview,
+        imagePreview: this.imagePreview,
+        fileFormatError: this.fileFormatError
+      };
+      this.$emit("set-file-vars", vars);
+      this.$parent.focusTextarea();
+    },
+    deleteSpecificFile: function deleteSpecificFile(obj) {
+      var fileName = obj.fileName;
+      this.file = this.file.filter(function (file) {
+        return file.name != fileName;
+      });
+      this.file.length ? this.emitFileVars(true) : this.deleteFile();
+    },
+    deleteFile: function deleteFile() {
+      this.$emit("set-file-vars", {
+        file: [],
+        isDoc: false,
+        showFilePreview: false,
+        imagePreview: "",
+        fileFormatError: false
+      });
+      this.file = [];
+      this.isDoc = false;
+      this.showFilePreview = false;
+      this.imagePreview = "";
+      this.fileFormatError = false;
+      this.validFileFormats = "";
+    },
+    openImage: function openImage(imagePreview) {
+      this.$emit("open-image", !imagePreview ? this.imagePreview : imagePreview);
+    }
+  }
+};/* script */
+var __vue_script__$3 = script$3;
+/* template */
+
+var __vue_render__$3 = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('span', {
+    staticClass: "text-footer-actions--btn",
+    class: {
+      'files-activated': _vm.openFiles
+    },
+    attrs: {
+      "title": _vm.dictionary.title_selecionar_anexo
+    },
+    on: {
+      "click": function click($event) {
+        _vm.fileSettings.multiple ? _vm.openSelectFileHandler('both') : _vm.toggleFiles;
+      }
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'paperclip']
+    }
+  }), _vm._ssrNode(" "), _c('transition', {
+    attrs: {
+      "name": "show"
+    }
+  }, [_vm.openFiles ? _c('div', {
+    staticClass: "text-footer-files-container",
+    class: {
+      'horizontal': _vm.cssStyle.outsideButtons
+    }
+  }, [_c('div', {
+    staticClass: "files-btn images",
+    class: {
+      'margin-bottom': _vm.cssStyle.outsideButtons
+    },
+    attrs: {
+      "title": _vm.dictionary.title_anexo_img
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.openSelectFileHandler('img');
+      }
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'image']
+    }
+  })], 1), _vm._v(" "), _c('div', {
+    staticClass: "files-btn docs",
+    attrs: {
+      "title": _vm.dictionary.title_anexo_doc
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.openSelectFileHandler('doc');
+      }
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'file-alt']
+    }
+  })], 1)]) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + " accept=\"image/*,application/*\" multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + " accept=\"image/*\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + " accept=\"application/*\">" : "<!---->") + "</div> "), _c('transition', {
+    attrs: {
+      "name": "fade"
+    }
+  }, [_vm.showFilePreview ? _c('div', {
+    staticClass: "text-footer-preview-container",
+    class: [_vm.previewContainerClass],
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [!_vm.fileSettings.multiple ? _c('SingleFilePreview', {
+    attrs: {
+      "dictionary": _vm.dictionary,
+      "file": _vm.file,
+      "isDoc": _vm.isDoc,
+      "fileFormatError": _vm.fileFormatError,
+      "validFileFormats": _vm.validFileFormats,
+      "imagePreview": _vm.imagePreview
+    },
+    on: {
+      "delete-file": _vm.deleteFile,
+      "open-image": _vm.openImage
+    }
+  }) : _c('MultipleFilePreview', {
+    attrs: {
+      "dictionary": _vm.dictionary,
+      "file": _vm.file,
+      "fileFormatError": _vm.fileFormatError,
+      "validFileFormats": _vm.validFileFormats
+    },
+    on: {
+      "delete-file": _vm.deleteFile,
+      "delete-specific-file": _vm.deleteSpecificFile,
+      "open-image": _vm.openImage
+    }
+  })], 1) : _vm._e()])], 2);
+};
+
+var __vue_staticRenderFns__$3 = [];
+/* style */
+
+var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-3d12f7cc_0", {
+    source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+var __vue_scope_id__$3 = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$3 = "data-v-3d12f7cc";
+/* functional template */
+
+var __vue_is_functional_template__$3 = false;
+/* style inject shadow dom */
+
+var __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$3,
+  staticRenderFns: __vue_staticRenderFns__$3
+}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, createInjectorSSR, undefined);
+
+var BtnFiles = __vue_component__$4;//
+var script$2 = {
+  components: {
+    EmojisTextFooter: EmojisTextFooter,
+    Loader: Loader,
+    BtnMic: BtnMic,
+    BtnFiles: BtnFiles,
+    RemainingCharacters: RemainingCharacters
+  },
+  mixins: [mixin_1],
+  props: {
+    buttons: {
+      type: Object,
+      default: function _default() {
+        return {
+          hasEmojis: false,
+          hasSendButton: false,
+          hasFiles: false,
+          hasAudio: false
+        };
+      },
+      required: false
+    },
+    cssStyle: {
+      type: Object,
+      default: function _default() {
+        return {
+          width: "full",
+          backgroundColor: "#FFF",
+          outsideButtons: false
+        };
+      },
+      required: false
+    },
+    textareaSettings: {
+      type: Object,
+      default: function _default() {
+        return {
+          placeholderMessage: "",
+          maxCharacters: 0,
+          sendOnEnter: false,
+          disabled: false
+        };
+      },
+      required: false
+    },
+    emojiSettings: {
+      type: Object,
+      default: function _default() {
+        return {
+          openEmojisFrom: "top",
+          smallEmojis: false
+        };
+      },
+      required: false
+    },
+    formattedMessageSettings: {
+      type: Object,
+      default: function _default() {
+        return {
+          hasHsm: false,
+          msgType: 0
+        };
+      },
+      required: false
+    },
+    fileSettings: {
+      type: Object,
+      default: function _default() {
+        return {
+          docsExtensions: "",
+          imagesExtensions: "",
+          multiple: false
+        };
+      },
+      required: false
+    },
+    textId: {
+      type: String,
+      required: true
+    },
+    isMainChat: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isSending: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    dictionary: {
+      type: Object,
+      required: true
+    }
+  },
+  data: function data() {
+    return {
+      message: "",
+      openFiles: false,
+      file: [],
+      showFilePreview: false,
+      imagePreview: "",
+      isDoc: false,
+      fileFormatError: false,
+      audioFile: "",
+      audioSource: ""
+    };
+  },
+  created: function created() {
+    this.$root.$refs["tf-".concat(this.textId)] = this;
+  },
+  mounted: function mounted() {
+    setResizeListeners(this.$el, ".js-autoresize", ".js-parentresize"); // this.$root.$on("drop-file", (file, type) => { if(this.buttons.hasFiles) this.fileUpload(file, type, true) })
+    // this.$root.$on("toggle-msg-formatada", () => { this.toggleHSM() })
+    // this.$root.$on("textarea-focus", () => { this.focusTextarea() })
+    // this.$root.$on("resize-footer-template", () => { this.adjustChatHeight() })
+    // this.$root.$on("clear-footer-message", () => { this.message = "" })
+    // if(this.cssStyle.outsideButtons) if(this.$root.$refs.chatCorpo) this.$root.$refs.chatCorpo.setOutsideButtons(this.cssStyle.outsideButtons)
+  },
+  methods: {
+    closeEmojis: function closeEmojis() {
+      try {
+        this.$root.$refs["etf-".concat(this.textId)].showEmojis ? this.$root.$refs["etf-".concat(this.textId)].away() : '';
+      } catch (e) {
+        console.error("Nao foi possivel fechar os emojis");
+        console.error(e);
+      }
+    },
+    away: function away() {
+      if (this.$refs["".concat(this.textId, "-file")]) this.$refs["".concat(this.textId, "-file")].openFiles = false;
+    },
+    setDefaultMessage: function setDefaultMessage(msg) {
       this.message = msg;
       this.sendFinalMessage();
     },
@@ -8236,7 +9077,16 @@ var script$2 = {
       if (this.textareaSettings.disabled) return false;
 
       if (this.fileFormatError) {
-        this.$toasted.global.formatoInvalido();
+        this.$toasted.global.defaultError({
+          msg: this.dictionary.msg_formato_invalido
+        });
+        var str = {
+          img: this.fileSettings.imagesExtensions.split("|").join(", "),
+          doc: this.fileSettings.docsExtensions.split("|").join(", ")
+        };
+        this.$toasted.global.showValidFormats({
+          msg: "Imagens: ".concat(str.img, " - Documentos: ").concat(str.doc, " ").concat(this.dictionary.msg_extensoes_aceitas)
+        });
         return false;
       }
 
@@ -8277,243 +9127,148 @@ var script$2 = {
       }
 
       if (!this.buttons.hasSendButton) return;
-      var messageAux = this.formatMessage(this.message);
-
-      if (this.verifyMessage()) {
-        if (messageAux.message || this.showFilePreview || this.audioFile) {
-          this.$emit("send-message", messageAux);
-          var objMessage = this.returnObjectMessage(messageAux);
-          this.$emit("obj-message", objMessage);
-          if (this.$refs["emoji-text-".concat(this.textId)] && this.$refs["emoji-text-".concat(this.textId)].showEmojis) this.$refs["emoji-text-".concat(this.textId)].toggleEmojiSelection();
-          this.resetFooterData();
-        }
-      }
-    },
-    focusTextarea: function focusTextarea() {
-      var textarea = document.querySelector("#text-footer-".concat(this.textId));
-      if (textarea) textarea.focus();
-    },
-    resetFooterData: function resetFooterData() {
-      if (this.audioFile) this.deleteAudio();
-      if (this.showFilePreview) this.deleteFile();
-      this.message = "";
-      this.sendFinalMessage();
-      resetTargets(this.$el, ".js-autoresize", ".js-parentresize", "38px");
-      this.focusTextarea();
-    },
-    activeFormatHourMessage: function activeFormatHourMessage() {
-      return formataHoraMensagem(false);
-    },
-    returnObjectMessage: function returnObjectMessage(message) {
-      return {
-        message: message,
-        data: this.$store.getters.getDataServer ? this.$store.getters.getDataServer.slice(0, 10) : '',
-        hora: this.activeFormatHourMessage(),
-        anexo: this.showFilePreview ? this.file : false,
-        imgAnexo: this.imagePreview,
-        isDoc: this.isDoc,
-        audio: this.audioFile ? this.audioFile : false,
-        audioAnexo: this.audioSource,
-        seq: null
-      };
-    },
-    toggleFiles: function toggleFiles() {
-      this.openFiles = !this.openFiles;
-    },
-    selectImage: function selectImage() {
-      if (this.$store.getters.getChatBlocker) return this.toggleFiles();
-      var fileInput = document.querySelector("#file-".concat(this.textId));
-      if (fileInput) fileInput.click();
-      if (!fileInput) if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError();
-    },
-    selectDoc: function selectDoc() {
-      if (this.$store.getters.getChatBlocker) return this.toggleFiles();
-      var fileInput = document.querySelector("#doc-".concat(this.textId));
-      if (fileInput) fileInput.click();
-      if (!fileInput) if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError();
-    },
-    isFileValid: function isFileValid(type) {
-      var extensions = type === "img" ? this.fileSettings.imagesExtensions : this.fileSettings.docsExtensions;
-      var regex = new RegExp("(" + extensions + ")", "i");
-      if (regex.test(this.file.name)) return true;
-      this.$toasted.global.formatoInvalido();
-      return false;
-    },
-    fileUpload: function fileUpload(event, type, externalCall) {
-      var _this2 = this;
-
-      this.openFiles = false;
-      if (this.showFilePreview) this.deleteFile();
-      var fileReader = new FileReader();
-      this.file = !externalCall ? event.target.files || event.dataTransfer.files : event;
-
-      if (!this.file.length) {
-        this.file = [];
-        return;
-      }
-
-      this.file = this.file[0];
-
-      if (!externalCall) {
-        var selector = type === "img" ? "#file-".concat(this.textId) : "#doc-".concat(this.textId);
-        document.querySelector(selector).value = "";
-      }
-
-      this.showFilePreview = true;
-
-      if (type === "img") {
-        fileReader.onload = function () {
-          _this2.imagePreview = fileReader.result;
-        };
-      }
+      var messageAux = this.formatMessage(this.message);
 
-      if (this.isFileValid(type)) {
-        if (type === "img") fileReader.readAsDataURL(this.file);
-        if (type === "doc") this.isDoc = true;
-        this.focusTextarea();
-        this.fileFormatError = false;
-      } else {
-        this.fileFormatError = true;
-        this.validFileFormats = "".concat(type === "img" ? this.fileSettings.imagesExtensions : this.fileSettings.docsExtensions, " ").concat(this.dictionary.msg_extensoes_aceitas);
+      if (this.verifyMessage()) {
+        if (messageAux || this.showFilePreview || this.audioFile) {
+          this.$emit("send-message", messageAux);
+          var objMessage = this.returnObjectMessage(messageAux);
+          this.$emit("obj-message", objMessage);
+          if (this.$refs["emoji-text-".concat(this.textId)] && this.$refs["emoji-text-".concat(this.textId)].showEmojis) this.$refs["emoji-text-".concat(this.textId)].toggleEmojiSelection();
+          this.resetFooterData();
+        }
       }
     },
-    deleteFile: function deleteFile() {
-      this.file = [];
-      this.isDoc = false;
-      this.showFilePreview = false;
-      this.imagePreview = "";
-      this.fileFormatError = false;
-      this.validFileFormats = "";
+    focusTextarea: function focusTextarea() {
+      var textarea = document.querySelector("#text-footer-".concat(this.textId));
+      if (textarea) textarea.focus();
     },
-    openImage: function openImage() {
-      this.$store.dispatch("toggleBlocker", {
-        state: true,
-        origin: "visualizar-imagem"
+    resetFooterData: function resetFooterData() {
+      if (this.audioFile) this.deleteAudio();
+      if (this.showFilePreview) this.$refs["".concat(this.textId, "-file")].deleteFile();
+      this.message = "";
+      this.sendFinalMessage();
+      resetTargets(this.$el, ".js-autoresize", ".js-parentresize", "38px");
+      this.focusTextarea();
+    },
+    returnObjectMessage: function returnObjectMessage(message) {
+      return {
+        message: message,
+        attachment: this.showFilePreview ? this.file : false,
+        isDoc: this.isDoc,
+        imagePreview: this.imagePreview,
+        isAudio: this.audioFile ? true : false,
+        audioAttachment: this.audioSource
+      };
+    },
+    setFileVars: function setFileVars(fileObj) {
+      var file = fileObj.file,
+          showFilePreview = fileObj.showFilePreview,
+          imagePreview = fileObj.imagePreview,
+          isDoc = fileObj.isDoc,
+          fileFormatError = fileObj.fileFormatError;
+      this.file = file;
+      this.showFilePreview = showFilePreview;
+      this.imagePreview = imagePreview ? imagePreview : "";
+      this.isDoc = isDoc;
+      this.fileFormatError = fileFormatError;
+    },
+    openImage: function openImage(imagePreview) {
+      this.$emit("open-image", imagePreview);
+    },
+    setAudio: function setAudio(audioObj) {
+      var audioFile = audioObj.audioFile,
+          audioSource = audioObj.audioSource;
+      this.audioFile = audioFile;
+      this.audioSource = audioSource;
+    },
+    deleteAudio: function deleteAudio() {
+      this.$refs["".concat(this.textId, "-mic")].deleteMediaRecorder();
+      this.audioFile = "";
+      this.audioSource = "";
+    },
+    returnFileType: function returnFileType(file, stopAlert) {
+      var imgRegex = new RegExp("\.(" + this.fileSettings.imagesExtensions + ")", "i");
+      if (imgRegex.test(file.name)) return "img";
+      var docRegex = new RegExp("\.(" + this.fileSettings.docsExtensions + ")", "i");
+      if (docRegex.test(file.name)) return "doc";
+      if (!stopAlert) return;
+      if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
+        msg: this.dictionary.msg_formato_invalido
+      });
+      var str = {
+        img: this.fileSettings.imagesExtensions.split("|").join(", "),
+        doc: this.fileSettings.docsExtensions.split("|").join(", ")
+      };
+      this.$toasted.global.showValidFormats({
+        msg: "Imagens: ".concat(str.img, " - Documentos: ").concat(str.doc, " ").concat(this.dictionary.msg_extensoes_aceitas)
       });
-      this.$store.dispatch("setLinkImagem", this.imagePreview);
+      return false;
     },
-    initAudioRecorder: function initAudioRecorder() {
-      var _this3 = this;
-
-      navigator.mediaDevices.getUserMedia({
-        audio: true
-      }).then(function (stream) {
-        _this3.mediaRecorder = new MediaRecorder(stream);
-        var audioChunks = [];
+    filesHandler: function filesHandler(files) {
+      var _this = this;
 
-        _this3.mediaRecorder.ondataavailable = function (eventData) {
-          audioChunks.push(eventData.data);
-        };
+      var fileType = this.returnFileType(files[0], true);
+      var invalidFile = false;
+      files.forEach(function (file) {
+        var singleFileType = _this.returnFileType(file, true);
 
-        _this3.mediaRecorder.onstop = function () {
-          var blob = new Blob(audioChunks, {
-            type: "audio/mpeg"
-          });
-          blob.lastModifiedDate = new Date();
-          blob.name = "im-audio-file-".concat(_this3.$store.getters.getNomeOpe, "-").concat(parseInt(Math.random() * 5000));
-          var reader = new FileReader();
-          reader.readAsDataURL(blob);
+        if (!singleFileType) {
+          invalidFile = true;
+          file.invalid = true;
+        }
 
-          reader.onloadend = function () {
-            _this3.audioFile = new File([blob], "".concat(blob.name, ".mpeg"), {
-              type: blob.type
-            });
-            _this3.audioSource = reader.result;
-          };
+        file.imgOrDoc = singleFileType ? singleFileType : "";
+      });
 
-          stream.getTracks().forEach(function (track) {
-            return track.stop();
-          });
+      if (!invalidFile) {
+        this.$refs["".concat(this.textId, "-file")].fileUpload(files, fileType, true);
+      } else {
+        this.$toasted.global.defaultError({
+          msg: this.dictionary.msg_formato_invalido
+        });
+        var str = {
+          img: this.fileSettings.imagesExtensions.split("|").join(", "),
+          doc: this.fileSettings.docsExtensions.split("|").join(", ")
         };
-
-        _this3.toggleAudioRecorder();
-      }, function (error) {
-        _this3.$toasted.global.defaultError({
-          msg: _this3.dictionary.msg_permitir_audio
+        this.$toasted.global.showValidFormats({
+          msg: "Imagens: ".concat(str.img, " - Documentos: ").concat(str.doc, " ").concat(this.dictionary.msg_extensoes_aceitas)
         });
-
-        console.error("error audio recorder: ", error);
-      });
-    },
-    toggleAudioRecorder: function toggleAudioRecorder() {
-      if (!this.mediaRecorder.state) return this.initAudioRecorder();
-      this.isRecording = !this.isRecording;
-      if (this.isRecording) return this.mediaRecorder.start();
-      return this.mediaRecorder.stop();
+      }
     },
-    deleteAudio: function deleteAudio() {
-      this.mediaRecorder = {};
-      this.audioFile = "";
+    dropFile: function dropFile(e) {
+      try {
+        e.stopPropagation();
+        e.preventDefault();
+        var files = e.dataTransfer.files.length ? e.dataTransfer.files : "";
+        this.filesHandler(files);
+      } catch (e) {
+        console.error("Erro drop file");
+        console.error(e);
+      }
     },
     pasteImage: function pasteImage(e) {
-      if (e.clipboardData.files.length && !this.buttons.hasFiles) {
-        e.preventDefault();
-        return;
-      } else if (e.clipboardData.files.length && this.buttons.hasFiles) {
-        var file = e.clipboardData.files;
-        var fileType = "";
-        var imgRegex = new RegExp("(" + this.fileSettings.imagesExtensions + ")", "i");
-        if (imgRegex.test(file[0].name)) fileType = "img";
-        var docRegex = new RegExp("(" + this.fileSettings.docsExtensions + ")", "i");
-        if (docRegex.test(file[0].name)) fileType = "doc";
-
-        if (fileType) {
-          this.fileUpload(file, fileType, true);
-        } else {
-          this.$toasted.global.formatoInvalido();
-          this.$toasted.global.formatosValidos();
+      try {
+        if (e.clipboardData.files.length && !this.buttons.hasFiles) {
+          e.preventDefault();
+          return;
+        } else if (e.clipboardData.files.length && this.buttons.hasFiles) {
+          var files = e.clipboardData.files;
+          this.filesHandler(files);
         }
+      } catch (e) {
+        console.error("Nao foi possivel colar a/o imagem/documento");
+        console.error(e);
       }
     }
   },
-  destroyed: function destroyed() {
-    this.$root.$off("drop-file");
-    this.$root.$off("toggle-msg-formatada");
-    this.$root.$off("textarea-focus");
-    this.$root.$off("clear-footer-message");
-    this.$root.$off("resize-footer-template");
+  destroyed: function destroyed() {// this.$root.$off("drop-file")
+    // this.$root.$off("toggle-msg-formatada")
+    // this.$root.$off("textarea-focus")
+    // this.$root.$off("clear-footer-message")
+    // this.$root.$off("resize-footer-template")
   }
-};function createInjectorSSR(context) {
-    if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__;
-    }
-    if (!context)
-        return () => { };
-    if (!('styles' in context)) {
-        context._styles = context._styles || {};
-        Object.defineProperty(context, 'styles', {
-            enumerable: true,
-            get: () => context._renderStyles(context._styles)
-        });
-        context._renderStyles = context._renderStyles || renderStyles;
-    }
-    return (id, style) => addStyle(id, style, context);
-}
-function addStyle(id, css, context) {
-    const group = css.media || 'default' ;
-    const style = context._styles[group] || (context._styles[group] = { ids: [], css: '' });
-    if (!style.ids.includes(id)) {
-        style.media = css.media;
-        style.ids.push(id);
-        let code = css.source;
-        style.css += code + '\n';
-    }
-}
-function renderStyles(styles) {
-    let css = '';
-    for (const key in styles) {
-        const style = styles[key];
-        css +=
-            '<style data-vue-ssr-id="' +
-                Array.from(style.ids).join(' ') +
-                '"' +
-                (style.media ? ' media="' + style.media + '"' : '') +
-                '>' +
-                style.css +
-                '</style>';
-    }
-    return css;
-}/* script */
+};/* script */
 var __vue_script__$2 = script$2;
 /* template */
 
@@ -8531,8 +9286,26 @@ var __vue_render__$2 = function __vue_render__() {
       value: _vm.away,
       expression: "away"
     }],
-    staticClass: "text-footer-container"
-  }, [_vm._ssrNode("<div" + _vm._ssrClass("text-footer", _vm.cssStyle.width ? _vm.cssStyle.width : '') + _vm._ssrStyle(null, "background-color: " + _vm.cssStyle.backgroundColor, null) + ">", "</div>", [_vm.buttons.hasEmojis && !_vm.audioFile ? _c('emojis-text-footer', {
+    staticClass: "text-footer-container",
+    on: {
+      "drop": function drop($event) {
+        $event.stopPropagation();
+        return _vm.dropFile.apply(null, arguments);
+      },
+      "dragenter": function dragenter($event) {
+        $event.preventDefault();
+      },
+      "dragover": function dragover($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_vm._ssrNode("<div" + _vm._ssrClass("text-footer", _vm.cssStyle.width ? _vm.cssStyle.width : '') + _vm._ssrStyle(null, "background-color: " + _vm.cssStyle.backgroundColor, null) + ">", "</div>", [_c('EmojisTextFooter', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.buttons.hasEmojis && !_vm.audioFile,
+      expression: "buttons.hasEmojis && !audioFile"
+    }],
     ref: "" + this.textId,
     attrs: {
       "emojiId": "" + this.textId,
@@ -8542,148 +9315,60 @@ var __vue_render__$2 = function __vue_render__() {
     on: {
       "insert-emoji": _vm.insertEmoji
     }
-  }) : _vm._e(), _vm._ssrNode(" "), _c('transition', {
+  }), _vm._ssrNode(" "), _c('transition', {
     attrs: {
       "name": "fade"
     }
-  }, [_vm.isSending ? _c('req-loader') : _vm._e()], 1), _vm._ssrNode(" "), !_vm.audioFile ? _vm._ssrNode("<textarea" + _vm._ssrAttr("id", "text-footer-" + this.textId) + _vm._ssrAttr("disabled", _vm.textareaSettings.disabled) + _vm._ssrAttr("placeholder", _vm.textareaSettings.placeholderMessage) + " class=\"js-autoresize\">", "</textarea>") : _vm._ssrNode("<div class=\"text-footer-audio\">", "</div>", [_vm._ssrNode("<audio" + _vm._ssrAttr("src", _vm.audioSource) + " controls=\"controls\"></audio> "), _vm._ssrNode("<span title=\"Cancelar\" class=\"delete-audio\">", "</span>", [_c('fa-icon', {
+  }, [_vm.isSending ? _c('Loader') : _vm._e()], 1), _vm._ssrNode(" "), !_vm.audioFile ? _vm._ssrNode("<textarea" + _vm._ssrAttr("id", "text-footer-" + this.textId) + _vm._ssrAttr("disabled", _vm.textareaSettings.disabled) + _vm._ssrAttr("placeholder", _vm.textareaSettings.placeholderMessage) + " class=\"js-autoresize\">", "</textarea>") : _vm._ssrNode("<div class=\"text-footer-audio\">", "</div>", [_vm._ssrNode("<audio" + _vm._ssrAttr("src", _vm.audioSource) + " controls=\"controls\"></audio> "), _vm._ssrNode("<span title=\"Cancelar\" class=\"delete-audio\">", "</span>", [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'times']
     }
-  })], 1)], 2), _vm._ssrNode(" " + (_vm.textareaSettings.maxCharacters ? "<span" + _vm._ssrClass("max-characters no-width", {
-    'd-none': _vm.audioFile
-  }) + ">" + _vm._ssrEscape(_vm._s("(" + this.remainingCharacters + ")")) + "</span>" : "<!---->") + " "), _vm.buttons.hasSendButton ? _vm._ssrNode("<div class=\"text-footer-actions\">", "</div>", [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.title_enviar_msg) + " class=\"text-footer-actions--btn\">", "</span>", [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'paper-plane']
-    }
-  })], 1)]) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
-    'outside-buttons': _vm.cssStyle.outsideButtons && !_vm.audioFile
-  }) + ">", "</div>", [_vm.buttons.hasAudio && !_vm.audioFile ? _vm._ssrNode("<span" + _vm._ssrClass("text-footer-actions--btn", {
-    'audio-activated': _vm.isRecording
-  }) + ">", "</span>", [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'microphone']
-    }
-  })], 1) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasFiles && !_vm.audioFile ? _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.title_selecionar_anexo) + _vm._ssrClass("text-footer-actions--btn", {
-    'files-activated': _vm.openFiles
-  }) + ">", "</span>", [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'paperclip']
-    }
-  })], 1) : _vm._e()], 2) : _vm._e()], 2), _vm._ssrNode(" "), _c('transition', {
-    attrs: {
-      "name": "show"
-    }
-  }, [_vm.buttons.hasFiles && _vm.openFiles ? _c('div', {
-    staticClass: "text-footer-files-container",
-    class: {
-      'horizontal': _vm.cssStyle.outsideButtons
-    }
-  }, [_c('div', {
-    staticClass: "files-btn images",
+  })], 1)], 2), _vm._ssrNode(" "), _c('RemainingCharacters', {
     class: {
-      'margin-bottom': _vm.cssStyle.outsideButtons
-    },
-    attrs: {
-      "title": _vm.dictionary.title_anexo_img
-    },
-    on: {
-      "click": _vm.selectImage
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'image']
-    }
-  })], 1), _vm._v(" "), _c('div', {
-    staticClass: "files-btn docs",
-    attrs: {
-      "title": _vm.dictionary.title_anexo_doc
-    },
-    on: {
-      "click": _vm.selectDoc
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'file-alt']
-    }
-  })], 1), _vm._v(" "), _c('div', {
-    staticClass: "files-pointers d-none"
-  }, [_c('input', {
-    attrs: {
-      "type": "file",
-      "id": "file-" + _vm.textId,
-      "accept": "image/*"
+      'd-none': _vm.audioFile
     },
-    on: {
-      "change": function change($event) {
-        return _vm.fileUpload($event, 'img');
-      }
-    }
-  }), _vm._v(" "), _c('input', {
     attrs: {
-      "type": "file",
-      "id": "doc-" + _vm.textId,
-      "accept": "application/*"
-    },
-    on: {
-      "change": function change($event) {
-        return _vm.fileUpload($event, 'doc');
-      }
+      "message": _vm.message,
+      "maxCharacters": _vm.textareaSettings.maxCharacters
     }
-  })])]) : _vm._e()]), _vm._ssrNode(" "), _c('transition', {
+  }), _vm._ssrNode(" "), _vm.buttons.hasSendButton ? _vm._ssrNode("<div class=\"text-footer-actions\">", "</div>", [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.title_enviar_msg) + " class=\"text-footer-actions--btn\">", "</span>", [_c('fa-icon', {
     attrs: {
-      "name": "fade"
-    }
-  }, [_vm.showFilePreview ? _c('div', {
-    staticClass: "text-footer-preview-container",
-    class: {
-      'isDoc': _vm.isDoc && !_vm.fileFormatError,
-      'isImg': !_vm.isDoc && !_vm.fileFormatError,
-      'isError': _vm.fileFormatError
+      "icon": ['fas', 'paper-plane']
     }
-  }, [_c('span', {
-    staticClass: "text-footer-exclude-file",
+  })], 1)]) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
+    'outside-buttons': _vm.cssStyle.outsideButtons && !_vm.audioFile
+  }) + ">", "</div>", [_c('BtnMic', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.buttons.hasAudio && !_vm.audioFile,
+      expression: "buttons.hasAudio && !audioFile"
+    }],
+    ref: _vm.textId + "-mic",
     attrs: {
-      "title": _vm.dictionary.msg_cancelar_anexo
+      "dictionary": _vm.dictionary
     },
     on: {
-      "click": _vm.deleteFile
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'times-circle']
-    }
-  })], 1), _vm._v(" "), _vm.file.name ? _c('h3', {
-    staticClass: "text-footer-preview-title"
-  }, [_vm.isDoc ? _c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'file-alt']
-    }
-  }) : _c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'image']
-    }
-  }), _vm._v("\n        " + _vm._s(_vm.file.name) + "\n      ")], 1) : _vm._e(), _vm._v(" "), _vm.fileFormatError ? _c('div', {
-    staticClass: "text-footer-invalid-format"
-  }, [_c('h3', {
-    domProps: {
-      "textContent": _vm._s(_vm.dictionary.titulo_msg_formato_invalido)
-    }
-  }), _vm._v(" "), _c('h4', {
-    domProps: {
-      "textContent": _vm._s(_vm.validFileFormats)
+      "set-audio": _vm.setAudio
     }
-  })]) : _vm._e(), _vm._v(" "), _vm.imagePreview ? _c('div', {
-    staticClass: "text-footer-image-preview"
-  }, [_c('img', {
+  }), _vm._ssrNode(" "), _c('BtnFiles', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.buttons.hasFiles && !_vm.audioFile,
+      expression: "buttons.hasFiles && !audioFile"
+    }],
+    ref: _vm.textId + "-file",
     attrs: {
-      "src": _vm.imagePreview,
-      "alt": _vm.dictionary.alt_previa_img
+      "textId": _vm.textId,
+      "dictionary": _vm.dictionary,
+      "fileSettings": _vm.fileSettings,
+      "cssStyle": _vm.cssStyle
     },
     on: {
-      "click": _vm.openImage
+      "set-file-vars": _vm.setFileVars
     }
-  })]) : _vm._e()]) : _vm._e()])], 2) : _vm._e();
+  })], 2) : _vm._e()], 2)]) : _vm._e();
 };
 
 var __vue_staticRenderFns__$2 = [];
@@ -8691,8 +9376,8 @@ var __vue_staticRenderFns__$2 = [];
 
 var __vue_inject_styles__$2 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-62144278_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:54px;position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:15px}.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 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 .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:28px;left:5px}.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:-55px;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{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}.text-footer-container .text-footer-preview-container{position:absolute;background-color:#aaa;border-top-left-radius:5px;border-top-right-radius:5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg{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:-155px;width:100%;height:150px}.text-footer-container .text-footer-preview-container .text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer}.text-footer-container .text-footer-preview-container .text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-container .text-footer-preview-container .text-footer-exclude-file svg:hover{color:#e74c3c}.text-footer-container .text-footer-preview-container .text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-container .text-footer-preview-container .text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-container .text-footer-preview-container .text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}.text-footer-container .text-footer-preview-container .text-footer-invalid-format{padding:10px}.text-footer-container .text-footer-preview-container .text-footer-invalid-format h3{font-weight:500}.text-footer-container .text-footer-preview-container .text-footer-invalid-format h4{font-size:.9rem}.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-text-container{position:relative}.emoji-text-container .emoji-text-btn{font-size:1.2rem;cursor:pointer}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
+  inject("data-v-4d58300c_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:54px;position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:15px}.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 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 .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:5px}.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}.text-footer-container .text-footer-preview-container{cursor:default;position:absolute;left:0;background-color:#e1e1e1;border-top-left-radius:5px;border-top-right-radius: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-preview-container .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-container .text-footer-preview-container .text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-container .text-footer-preview-container .text-footer-exclude-file svg:hover{color:#e74c3c}.text-footer-container .text-footer-preview-container .text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-container .text-footer-preview-container .text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-container .text-footer-preview-container .text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}.text-footer-container .text-footer-preview-container .text-footer-invalid-format{color:#222;padding:10px}.text-footer-container .text-footer-preview-container .text-footer-invalid-format h3{font-weight:500}.text-footer-container .text-footer-preview-container .text-footer-invalid-format h4{font-size:.9rem}.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-text-container{position:relative}.emoji-text-container .emoji-text-btn{font-size:1.2rem;cursor:pointer}.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
   });
@@ -8703,7 +9388,7 @@ var __vue_inject_styles__$2 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$2 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$2 = "data-v-62144278";
+var __vue_module_identifier__$2 = "data-v-4d58300c";
 /* functional template */
 
 var __vue_is_functional_template__$2 = false;
@@ -8725,10 +9410,6 @@ var script$1 = {
     };
   },
   props: {
-    smartStyle: {
-      type: Boolean,
-      required: false
-    },
     hasButton: {
       type: Boolean,
       required: false
@@ -8760,11 +9441,6 @@ var script$1 = {
           elem.classList.toggle("active");
         }
       }
-    },
-    isValid: function isValid(textValue) {
-      var regex = /^[ ?????�����??��?���?��??????�������?���?��???��??\w?-�\r\n()[\]{}.,:;@??�????!&?�`�=%^*+\-$|/]+$/;
-      var value = textValue ? textValue.trim("") : "";
-      return regex.test(value);
     }
   }
 };/* script */
@@ -8779,9 +9455,9 @@ var __vue_render__$1 = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "template-single"
-  }, [_vm._ssrNode("<div class=\"template-content\">", "</div>", [_vm._ssrNode("<section" + _vm._ssrClass(null, {
-    'sm__template': _vm.smartStyle
+    staticClass: "ts-container"
+  }, [_vm._ssrNode("<div class=\"ts-content\">", "</div>", [_vm._ssrNode("<section" + _vm._ssrClass(null, {
+    'tm-container': _vm.hasButton
   }) + ">", "</section>", [_c('TextFooter', {
     attrs: {
       "textId": 'var_1',
@@ -8789,14 +9465,15 @@ var __vue_render__$1 = function __vue_render__() {
       "openEmojisFrom": 'top',
       "smallEmojis": true,
       "placeholderMessage": 'Escreva sua mensagem',
-      "ignoreHideTextarea": true
+      "ignoreHideTextarea": true,
+      "dictionary": _vm.dictionary
     },
     on: {
       "final-message": _vm.preencherMensagem
     }
-  }), _vm._ssrNode(" "), _vm.hasButton ? _vm._ssrNode("<div" + _vm._ssrClass("template-btn", {
+  }), _vm._ssrNode(" "), _vm.hasButton ? _vm._ssrNode("<div" + _vm._ssrClass("tg-btn", {
     'small-btn': _vm.iconButton
-  }) + ">", "</div>", [_vm._ssrNode("<button>", "</button>", [!_vm.iconButton ? [_vm._ssrNode(_vm._ssrEscape(" " + _vm._s(_vm.dictionary.btn_contatar_clientes) + " "))] : _c('font-awesome-icon', {
+  }) + ">", "</div>", [_vm._ssrNode("<button>", "</button>", [!_vm.iconButton ? [_vm._ssrNode(_vm._ssrEscape(" " + _vm._s(_vm.dictionary.btn_contatar_clientes) + " "))] : _c('fa-icon', {
     attrs: {
       "icon": ['fas', 'paper-plane']
     }
@@ -8812,7 +9489,7 @@ var __vue_inject_styles__$1 = undefined;
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$1 = "data-v-a3100a2c";
+var __vue_module_identifier__$1 = "data-v-4d24e86b";
 /* functional template */
 
 var __vue_is_functional_template__$1 = false;
@@ -8843,19 +9520,11 @@ var script = {
       required: false,
       default: true
     },
-    smartStyle: {
-      type: Boolean,
-      required: false
-    },
-    adjustBoxOnSelect: {
-      type: Boolean,
-      required: false
-    },
-    adjustChatOnSelect: {
+    columnSelect: {
       type: Boolean,
       required: false
     },
-    footerStyle: {
+    resizeParentOnSelect: {
       type: Boolean,
       required: false
     },
@@ -8968,8 +9637,7 @@ var script = {
       }
     },
     adjustOnSelect: function adjustOnSelect() {
-      if (this.adjustBoxOnSelect) if (this.$root.$refs.boxFlutuante) this.$root.$refs.boxFlutuante.setBoxPosition();
-      if (this.adjustChatOnSelect) this.$emit("adjust-chat");
+      if (this.resizeParentOnSelect) this.$emit("resize-parent");
     },
     setFinalMessage: function setFinalMessage(vars) {
       var _this = this;
@@ -9035,15 +9703,11 @@ var __vue_render__ = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _vm.templates && _vm.identifier ? _c('div', {
-    staticClass: "templates-container",
-    class: {
-      'text-footer-template': _vm.footerStyle
-    }
-  }, [_vm._ssrNode("<div class=\"options-container\">", "</div>", [_vm._ssrNode("<h4> Template: </h4> "), _vm._ssrNode("<div class=\"select-container\">", "</div>", [_c('v-select', {
-    class: {
-      'template-select': !_vm.smartStyle,
-      'sm__select': _vm.smartStyle
-    },
+    staticClass: "tg-container"
+  }, [_vm._ssrNode("<div" + _vm._ssrClass("tg-options", {
+    'column': _vm.columnSelect
+  }) + ">", "</div>", [_vm._ssrNode("<h4> Template: </h4> "), _c('v-select', {
+    staticClass: "tg-select",
     attrs: {
       "appendToBody": "",
       "calculatePosition": _vm.calculateSelectPosition,
@@ -9068,12 +9732,11 @@ var __vue_render__ = function __vue_render__() {
       "textContent": _vm._s(_vm.dictionary.msg_sem_resultados)
     },
     slot: "no-options"
-  })])], 1)], 2), _vm._ssrNode(" "), _vm.selectedTemplate ? [_vm.selectedTemplate.components ? _vm._ssrNode("<div class=\"template-field\">", "</div>", [_c('TemplateSingle', {
+  })])], 2), _vm._ssrNode(" "), _vm.selectedTemplate ? [_vm.selectedTemplate.components ? _vm._ssrNode("<div class=\"tg-component\">", "</div>", [_c('TemplateSingle', {
     attrs: {
       "template": _vm.selectedTemplate,
       "hasButton": _vm.hasButton,
       "iconButton": _vm.iconButton,
-      "smartStyle": _vm.smartStyle,
       "identifier": _vm.identifier,
       "allVariables": _vm.allVariables,
       "dictionary": _vm.dictionary
@@ -9084,9 +9747,8 @@ var __vue_render__ = function __vue_render__() {
         return _vm.$emit('click-trigger');
       }
     }
-  })], 1) : _vm._ssrNode("<div class=\"template-field\">", "</div>", [_c('TemplateMessage', {
+  })], 1) : _vm._ssrNode("<div class=\"tg-component\">", "</div>", [_c('TemplateMessage', {
     attrs: {
-      "smartStyle": _vm.smartStyle,
       "hasButton": _vm.hasButton,
       "iconButton": _vm.iconButton,
       "dictionary": _vm.dictionary
@@ -9105,8 +9767,8 @@ var __vue_staticRenderFns__ = [];
 
 var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-111efbae_0", {
-    source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.templates-container{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0 5px;width:100%;height:auto;min-height:50%;max-height:calc(100% - 24px)}.templates-container.text-footer-template{padding:0;margin-top:10px}.templates-container.text-footer-template .options-container{display:flex;flex-wrap:wrap;font-size:.8rem}.templates-container.text-footer-template .options-container h4{width:100%;margin-left:0;padding:5px 0 0 0}.templates-container.text-footer-template .template-content{flex:2!important;padding-bottom:0!important}.templates-container .options-container{width:100%;display:flex;align-items:center;overflow:hidden;padding:3px 0;min-height:35px}.templates-container .options-container h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 5px 0 0;z-index:1}.templates-container hr{border:unset;height:1px;background-color:#ccc;margin:2.5px 0}.templates-container .template-field{width:100%}.templates-container .template-field .template-single{width:100%;display:flex;justify-content:space-between}.templates-container .template-field .template-content{font-size:.7rem;padding:10px 0;flex:1}.templates-container .template-field .template-content header{padding:3px 5px;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#dff0d8;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc}.templates-container .template-field .template-content header p{font-weight:600}.templates-container .template-field .template-content section{line-height:25px;padding:3px 5px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#dff0d8}.templates-container .template-field .template-content section.margin-bottom{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid #ccc}.templates-container .template-field .template-content footer{padding:3px 5px;background-color:#dff0d8;border:1px solid #ccc;border-top:unset;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.templates-container .template-field .template-content input{border:1px solid transparent;outline:0;font-size:.8rem;padding:2.5px 5px;background-color:#fff}.templates-container .template-field .template-content input::placeholder{color:#bbb}.templates-container .template-field .template-content input.active{border:1px solid #007bff}.templates-container .template-field .template-content input.invalid{border:1px solid #e74c3c!important}.templates-container .template-field .template-content .text-footer{height:4rem;width:90%}.templates-container .template-field .template-content .text-footer textarea{height:3rem;min-height:auto;max-height:4rem;width:90%}.templates-container .template-field .template-content .emoji-mart{top:-30px!important;left:30px!important}.templates-container .template-field .template-content .sm__template{display:flex}.templates-container .template-field .template-btn{width:40%;display:flex;justify-content:center;align-items:center}.templates-container .template-field .template-btn button{outline:unset;border:unset;display:block;min-width:180px;height:35px;padding:0 10px;font-weight:500;background-color:#007bff;color:#fff;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:25px}.templates-container .template-field .template-btn button:hover{opacity:1}.templates-container .template-field .template-btn button: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)}.templates-container .template-field .template-btn button:active,.templates-container .template-field .template-btn button:focus{outline:unset}.templates-container .template-field .template-btn.small-btn{width:auto;margin-left:5px}.templates-container .template-field .template-btn.small-btn button{min-width:35px;width:35px;padding:0;display:flex;justify-content:center;align-items:center}.select-container{display:flex;flex:1}.select-container .template-select{flex:1}.vs__dropdown-menu{overflow-x:hidden;overflow-y:auto}.vs__dropdown-menu .vs__dropdown-option{white-space:normal}.template-var{display:inline;position:relative}.var-list-dropdown{margin:0;padding:0;position:absolute;top:19px;left:0;background:#eee;width:100%;z-index:1;transition:all 150ms;visibility:hidden;opacity:0;list-style-type:none;border:1px solid #444;border-top:unset}.var-list-dropdown li{width:100%;opacity:.9;cursor:pointer;font-weight:550;padding:2px 5px;transition:background-color 150ms}.var-list-dropdown li:focus,.var-list-dropdown li:focus-within,.var-list-dropdown li:hover{opacity:1;background-color:#555;color:#fff}.var-list-dropdown.visible{visibility:visible;opacity:1}",
+  inject("data-v-35a85f88_0", {
+    source: "*{box-sizing:border-box}.toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}h1,h2,h3,h4,p{margin:0;padding:0}.tg-container{width:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.tg-options{width:100%;display:flex}.tg-options.column{flex-direction:column}.tg-options h4{margin-right:5px}.tg-select{flex:1;height:34px;overflow:hidden}.tg-select .vs__dropdown-toggle{background-color:#fff;height:34px;overflow:hidden;display:flex;align-items:center}.tg-select .vs__selected-options{height:34px;overflow:hidden}.tg-select .vs__selected-options>span{white-space:nowrap;text-overflow:ellipsis;flex:1}.vs__dropdown-option{transition:background-color 150ms;white-space:normal}.vs__dropdown-option:nth-child(odd){background-color:#f1f1f1}.vs__dropdown-option--highlight,.vs__dropdown-option--selected,.vs__dropdown-option:active,.vs__dropdown-option:focus,.vs__dropdown-option:hover{background-color:#5897fb!important;color:#fff}.tg-component{width:100%}.ts-container{width:100%;display:flex;justify-content:space-between}.ts-content{--border-color:#CCC;--background-color:#DFF0D8;--input-background-color:#FFF;--input-border-default:#007BFF;--input-border-error:#E74C3C;--placeholder-color:#BBB;flex:2;font-size:.7rem;padding:10px 0}.ts-content footer,.ts-content header,.ts-content section{padding:3px 5px;background-color:var(--background-color)}.ts-content header,.ts-content section{border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}.ts-content header{border-top-left-radius:5px;border-top-right-radius:5px;border-top:1px solid var(--border-color)}.ts-content header{font-weight:550}.ts-content section{line-height:25px}.ts-content section.margin-bottom{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--border-color)}.ts-content footer{border:1px solid var(--border-color);border-top:unset;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.ts-content input{border:1px solid transparent;outline:0;font-size:.8rem;padding:2.5px 5px;background-color:var(--input-background-color)}.ts-content input::placeholder{color:var(--placeholder-color)}.ts-content input.active,.ts-content input:focus{border:1px solid var(--input-border-default)}.ts-content input.invalid{border:1px solid var(--input-border-error)!important}.ts-content__var{display:inline-block;position:relative}.ts-dropdown{margin:0;padding:0;position:absolute;top:19px;left:0;background:#eee;width:100%;z-index:1;transition:all 150ms;visibility:hidden;opacity:0;list-style-type:none;border:1px solid #444;border-top:unset}.ts-dropdown li{width:100%;opacity:.9;cursor:pointer;font-weight:550;padding:2px 5px;transition:background-color 150ms}.ts-dropdown li:focus,.ts-dropdown li:focus-within,.ts-dropdown li:hover{opacity:1;background-color:#555;color:#fff}.ts-dropdown.visible{visibility:visible;opacity:1}.tg-btn{width:40%;display:flex;justify-content:center;align-items:center}.tg-btn button{outline:unset;border:unset;display:block;min-width:180px;height:35px;padding:0 10px;font-weight:500;background-color:#007bff;color:#fff;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:25px}.tg-btn button:hover{opacity:1}.tg-btn button: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)}.tg-btn button: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)}.tg-btn button:active,.tg-btn button:focus{outline:unset}.tg-btn.small-btn{width:auto;margin-left:5px}.tg-btn.small-btn button{min-width:35px;width:35px;padding:0;display:flex;justify-content:center;align-items:center}.tm-container{border:1px solid var(--border-color);border-radius:5px;display:flex}",
     map: undefined,
     media: undefined
   });
@@ -9117,7 +9779,7 @@ var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
 var __vue_scope_id__ = undefined;
 /* module identifier */
 
-var __vue_module_identifier__ = "data-v-111efbae";
+var __vue_module_identifier__ = "data-v-35a85f88";
 /* functional template */
 
 var __vue_is_functional_template__ = false;
@@ -9128,8 +9790,7 @@ var __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$1 = __vue_component__;// import "/css/style.css";
-var components$1=/*#__PURE__*/Object.freeze({__proto__:null,TemplateGenerator: __vue_component__$1,TextFooter: TextFooter});var install = function installVueIntergrallPlugins(Vue) {
+var __vue_component__$1 = __vue_component__;var components$1=/*#__PURE__*/Object.freeze({__proto__:null,TemplateGenerator: __vue_component__$1,TextFooter: TextFooter});var install = function installVueIntergrallPlugins(Vue) {
   Object.entries(components$1).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         componentName = _ref2[0],