npm - vue-intergrall-plugins - Versions diffs - 0.0.208 → 0.0.211 - Mend

vue-intergrall-plugins 0.0.208 → 0.0.211

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/README.md +9 -2
package/dist/vue-intergrall-plugins.esm.js +312 -319
package/dist/vue-intergrall-plugins.min.js +1 -1
package/dist/vue-intergrall-plugins.ssr.js +321 -330
package/package.json +1 -1
package/src/lib-components/Cards/CardFile.vue +11 -67
package/src/lib-components/Chat/BtnFiles.vue +50 -23
package/src/lib-components/Chat/MultipleFilePreview.vue +22 -12
package/src/lib-components/Chat/SingleFilePreview.vue +2 -2
package/src/lib-components/Chat/StandardMessages.vue +3 -3
package/src/lib-components/Chat/TextFooter.vue +6 -4
package/src/lib-components/Messages/AnexoMensagem.vue +36 -76
package/src/lib-components/Messages/CardAttachment.vue +12 -68
package/src/lib-components/Messages/InteratividadeFormulario.vue +10 -16
package/src/lib-components/Templates/TemplateGenerator.vue +34 -30

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

@@ -3228,7 +3228,7 @@ var __vue_render__$n = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'trash-alt']
     }
-  })], 1), _vm._ssrNode(" "), _vm.fileFormatError ? _vm._ssrNode("<div class=\"text-footer-invalid-format\">", "</div>", [_vm._ssrNode("<h3>" + _vm._ssrEscape(_vm._s(_vm.dictionary.titulo_msg_formato_invalido)) + "</h3> <h4>" + _vm._ssrEscape(_vm._s(_vm.validFileFormats)) + "</h4>")], 2) : [_vm.file.name ? _vm._ssrNode("<h3 class=\"text-footer-preview-title\">", "</h3>", [_vm.isDoc ? _c('fa-icon', {
+  })], 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._ssrAttr("title", _vm.validFileFormats) + ">" + _vm._ssrEscape(_vm._s(_vm.validFileFormats)) + "</h4>")], 2) : [_vm.file.name ? _vm._ssrNode("<h3" + _vm._ssrAttr("title", _vm.file.name) + " class=\"text-footer-preview-title\">", "</h3>", [_vm.isDoc ? _c('fa-icon', {
     attrs: {
       "icon": ['fas', 'file-alt']
     }
@@ -3244,7 +3244,7 @@ var __vue_staticRenderFns__$n = [];
 var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-bd51f352_0", {
+  inject("data-v-a5119ba8_0", {
     source: ".single-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.single-file-preview .close-icon:hover{opacity:1}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}",
     map: undefined,
     media: undefined
@@ -3256,7 +3256,7 @@ var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$n = undefined;
 /* module identifier */
-var __vue_module_identifier__$n = "data-v-bd51f352";
+var __vue_module_identifier__$n = "data-v-a5119ba8";
 /* functional template */
 var __vue_is_functional_template__$n = false;
@@ -3393,6 +3393,9 @@ var __vue_render__$m = function __vue_render__() {
       "textContent": _vm._s(_vm.dictionary.titulo_msg_formato_invalido)
     }
   }), _vm._v(" "), _c('h4', {
+    attrs: {
+      "title": _vm.validFileFormats
+    },
     domProps: {
       "innerHTML": _vm._s(_vm.validFileFormats)
     }
@@ -3401,14 +3404,18 @@ var __vue_render__$m = function __vue_render__() {
       key: index,
       staticClass: "file-preview"
     }, [_c('p', {
-      staticClass: "file-title"
+      staticClass: "file-title",
+      class: {
+        'red': singleFile.invalid
+      },
+      attrs: {
+        "title": !singleFile.invalid ? singleFile.name : (_vm.dictionary.titulo_msg_formato_invalido ? _vm.dictionary.titulo_msg_formato_invalido : 'Arquivo invalido') + " - " + singleFile.name
+      }
     }, [_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', {
+    }), _vm._v("\n          " + _vm._s(!singleFile.invalid ? singleFile.name : (_vm.dictionary.titulo_msg_formato_invalido ? _vm.dictionary.titulo_msg_formato_invalido : "Arquivo invalido") + " - " + singleFile.name) + "\n        ")], 1), _vm._v(" "), _c('div', {
       staticClass: "small-img"
     }, [singleFile.imgOrDoc === 'img' && !_vm.isPdf(singleFile.type) ? _c('span', {
       staticClass: "img-container"
@@ -3429,9 +3436,24 @@ var __vue_render__$m = function __vue_render__() {
       attrs: {
         "icon": ['fas', 'file-pdf']
       }
-    })], 1) : _vm._e()]), _vm._v(" "), _c('span', {
+    })], 1) : _c('span', {
+      staticClass: "doc"
+    }, [_c('fa-icon', {
+      attrs: {
+        "icon": ['fas', 'file-alt']
+      }
+    })], 1)]), _vm._v(" "), _c('span', {
+      directives: [{
+        name: "tippy",
+        rawName: "v-tippy",
+        value: {
+          placement: 'left'
+        },
+        expression: "{placement: 'left'}"
+      }],
       staticClass: "delete-file",
       attrs: {
+        "content": _vm.dictionary.msg_excluir_anexo,
         "title": _vm.dictionary.msg_excluir_anexo
       },
       on: {
@@ -3452,8 +3474,8 @@ var __vue_staticRenderFns__$m = [];
 var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-28d9ba6f_0", {
-    source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.multiple-file-preview .close-icon:hover{opacity:1}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-exclude-file svg:hover{color:#e74c3c}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px;display:inline-block}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
+  inject("data-v-131a11b5_0", {
+    source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.multiple-file-preview .close-icon:hover{opacity:1}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{text-overflow:ellipsis;overflow:hidden;font-weight:500}.text-footer-invalid-format h4{text-overflow:ellipsis;overflow:hidden;font-size:.9rem}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-exclude-file svg:hover{color:#e74c3c}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px;display:inline-block}.file-title.red{color:#e74c3c;margin-right:5px}.file-title>svg{margin-right:5px;color:#333}.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 .doc,.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px}.small-img .pdf{color:#e74c3c}.small-img .doc{color:#006bc9}.small-img .doc svg,.small-img .pdf svg{z-index:1}.small-img .doc::after,.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
     map: undefined,
     media: undefined
   });
@@ -3464,7 +3486,7 @@ var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$m = undefined;
 /* module identifier */
-var __vue_module_identifier__$m = "data-v-28d9ba6f";
+var __vue_module_identifier__$m = "data-v-131a11b5";
 /* functional template */
 var __vue_is_functional_template__$m = false;
@@ -3562,6 +3584,14 @@ var script$l = {
       if (!fileInput) if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError();
     },
     isFileValid: function isFileValid(type, fileName) {
+      if (type == "img" && !this.fileSettings.imagesExtensions || type == "doc" && !this.fileSettings.docsExtensions) {
+        this.$toasted.global.defaultInfo({
+          msg: this.dictionary.sem_extensoes_parametrizadas
+        });
+        this.hasAnyFile = false;
+        return false;
+      }
       var extensions = type === "img" ? this.fileSettings.imagesExtensions : this.fileSettings.docsExtensions;
       var regex = new RegExp("(" + extensions + ")", "i");
       if (regex.test(fileName)) return true;
@@ -3589,6 +3619,14 @@ var script$l = {
         var filesAux = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event;
         this.file = filesAux.length ? filesAux : this.file;
         if (!this.file.length) return;
+        if (this.file.length > this.fileSettings.max) {
+          this.file = [];
+          return this.$toasted.global.defaultInfo({
+            msg: "Limite de ".concat(this.fileSettings.max, " arquivos")
+          });
+        }
         this.hasAnyFile = true;
         this.fileSize = this.file.length;
@@ -3604,6 +3642,7 @@ var script$l = {
       }
     },
     returnFileType: function returnFileType(file) {
+      if (!this.fileSettings.imagesExtensions && !this.fileSettings.docsExtensions) return "";
       var imgRegex = new RegExp("\.(" + this.fileSettings.imagesExtensions + ")", "i");
       if (imgRegex.test(file.name)) return "img";
       var docRegex = new RegExp("\.(" + this.fileSettings.docsExtensions + ")", "i");
@@ -3613,63 +3652,89 @@ var script$l = {
     multipleFileUpload: function multipleFileUpload() {
       var _this = this;
+      var hasImgExt = this.fileSettings.imagesExtensions ? true : false;
+      var hasDocExt = this.fileSettings.docsExtensions ? true : false;
+      if (!hasImgExt && !hasDocExt) {
+        this.file = [];
+        this.fileSize = 0;
+        return this.$toasted.global.defaultInfo({
+          msg: this.dictionary.sem_extensoes_parametrizadas
+        });
+      }
       var waitForImageLoad = false;
+      var hasAnyInvalidFile = 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;
+        if (_this.isFileValid(file.imgOrDoc, file.name)) {
+          if (file.imgOrDoc == "img") {
+            var fileReader = new FileReader();
+            waitForImageLoad = true;
+            fileReader.onload = function () {
+              return file.src = fileReader.result;
+            };
-          fileReader.onload = function () {
-            return file.src = fileReader.result;
-          };
+            fileReader.onloadend = function () {
+              return _this.emitFileVars(true);
+            };
-          fileReader.onloadend = function () {
-            return _this.emitFileVars(true);
-          };
-        }
+            fileReader.readAsDataURL(file);
+          }
-        if (_this.isFileValid(file.imgOrDoc, file.name)) {
-          if (file.imgOrDoc === "img") fileReader.readAsDataURL(file);
+          if (file.imgOrDoc === "doc") _this.isDoc = true;
           file.invalid = false;
-          _this.fileFormatError = false;
+          _this.fileFormatError = !hasAnyInvalidFile ? false : true;
         } else {
+          hasAnyInvalidFile = true;
           file.invalid = true;
           _this.fileFormatError = true;
-          _this.validFileFormats = "Imgs: ".concat(_this.fileSettings.imagesExtensions.split("|").join(", "), " <br> Docs: ").concat(_this.fileSettings.docsExtensions.split("|").join(", "), " ").concat(_this.dictionary.msg_extensoes_aceitas);
+          if (hasImgExt && !hasDocExt) _this.validFileFormats = "Imagens: ".concat(_this.fileSettings.imagesExtensions.split("|").join(", "));
+          if (hasDocExt && hasImgExt) _this.validFileFormats = "Documentos: ".concat(_this.fileSettings.docsExtensions.split("|").join(", "));
+          if (hasImgExt && hasDocExt) _this.validFileFormats = "Imagens: ".concat(_this.fileSettings.imagesExtensions.split("|").join(", "), " - Documentos: ").concat(_this.fileSettings.docsExtensions.split("|").join(", "));
         }
       });
+      if (this.fileFormatError) {
+        this.file = [];
+        this.fileSize = 0;
+      }
       if (this.isDoc && !waitForImageLoad) this.emitFileVars();
     },
     singleFileUpload: function singleFileUpload(type, fileName) {
       var _this2 = this;
-      var fileReader = new FileReader();
+      if (this.isFileValid(type, fileName)) {
+        var fileReader = new FileReader();
-      if (type === "img") {
-        fileReader.onload = function () {
-          return _this2.imagePreview = fileReader.result;
-        };
+        if (type === "img") {
+          fileReader.onload = function () {
+            return _this2.imagePreview = fileReader.result;
+          };
-        fileReader.onloadend = function () {
-          return _this2.emitFileVars();
-        };
-      }
+          fileReader.onloadend = function () {
+            return _this2.emitFileVars();
+          };
+          fileReader.readAsDataURL(this.file);
+        }
-      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 = "Imgs: ".concat(this.fileSettings.imagesExtensions.split("|").join(", "), " <br> Docs: ").concat(this.fileSettings.docsExtensions.split("|").join(", "), " ").concat(this.dictionary.msg_extensoes_aceitas);
+        var hasImgExt = this.fileSettings.imagesExtensions ? true : false;
+        var hasDocExt = this.fileSettings.docsExtensions ? true : false;
+        if (hasImgExt && !hasDocExt) this.validFileFormats = "Imagens: ".concat(this.fileSettings.imagesExtensions);
+        if (hasDocExt && hasImgExt) this.validFileFormats = "Documentos: ".concat(this.fileSettings.docsExtensions);
+        if (hasImgExt && hasDocExt) this.validFileFormats = "Imagens: ".concat(this.fileSettings.imagesExtensions, " - Documentos: ").concat(this.fileSettings.docsExtensions);
       }
       if (this.isDoc) this.emitFileVars();
@@ -3893,7 +3958,7 @@ var __vue_staticRenderFns__$l = [];
 var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-d44e0484_0", {
+  inject("data-v-402ae30b_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:.5rem;width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}",
     map: undefined,
     media: undefined
@@ -3905,7 +3970,7 @@ var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$l = undefined;
 /* module identifier */
-var __vue_module_identifier__$l = "data-v-d44e0484";
+var __vue_module_identifier__$l = "data-v-402ae30b";
 /* functional template */
 var __vue_is_functional_template__$l = false;
@@ -7974,7 +8039,7 @@ var script$i = {
         this.loadingReq = true;
         this.getStandardMessages(cod, this.token_cliente).then(function (data) {
           _this.loadingReq = false;
-          if (data.msg_ret) return _this.$toasted.global.emConstrucao({
+          if (data.msg_ret) return _this.$toasted.global.defaultInfo({
             msg: data.msg_ret
           });
           if (data) return _this.showFormattedMessage(data, selectionIndex);
@@ -7998,7 +8063,7 @@ var script$i = {
       try {
         var success = false;
         if (Array.isArray(messageData)) success = true;
-        if (!success && selectionIndex != 4) this.$toasted.global.emConstrucao({
+        if (!success && selectionIndex != 4) this.$toasted.global.defaultInfo({
           msg: messageData ? messageData.msg : "Nao foi possível obter mensagens"
         });
@@ -8023,7 +8088,7 @@ var script$i = {
           case 3:
             if (!success) {
               this.formatted_messages_3.push(messageData);
-              this.$toasted.global.emConstrucao({
+              this.$toasted.global.defaultInfo({
                 msg: this.dictionary.msg_erro_sem_msg_formatada
               });
               this.$emit("close-blocker-standard-message");
@@ -8183,7 +8248,7 @@ var __vue_staticRenderFns__$i = [];
 var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4e81952e_0", {
+  inject("data-v-324084df_0", {
     source: ".transition-selects{min-height:80px;display:flex;flex-direction:column;width:100%}.loader-select{position:relative;min-height:35px;background:#fff;width:100%;border:1px solid #ccc;border-radius:5px;z-index:1}.loading-message{background-color:#555!important}",
     map: undefined,
     media: undefined
@@ -8195,7 +8260,7 @@ var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$i = undefined;
 /* module identifier */
-var __vue_module_identifier__$i = "data-v-4e81952e";
+var __vue_module_identifier__$i = "data-v-324084df";
 /* functional template */
 var __vue_is_functional_template__$i = false;
@@ -8285,7 +8350,8 @@ var script$h = {
           docsExtensions: "",
           imagesExtensions: "",
           multiple: false,
-          systemButton: false
+          systemButton: false,
+          max: 3
         };
       },
       required: false
@@ -8354,7 +8420,7 @@ var script$h = {
         if (event.data == '' && this.showStandardMessages) {
           this.closeBlockerStandardMessage();
           this.toggleStandardMessages();
-          this.$toasted.global.emConstrucao({
+          this.$toasted.global.defaultInfo({
             msg: this.dictionary.msg_erro_sem_msg_formatada
           });
         } else if (typeof event.data === "string" && this.showStandardMessages) {
@@ -8418,7 +8484,7 @@ var script$h = {
       if ((!this.message || !this.message.trim()) && !this.hasAnyFile && !this.audioFile) return false;
       if (this.textareaSettings.disabled) return false;
-      if (this.fileFormatError) {
+      if (this.fileFormatError && this.hasAnyFile) {
         if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
           msg: this.dictionary.msg_formato_invalido
         });
@@ -8535,11 +8601,12 @@ var script$h = {
       this.audioSource = "";
     },
     returnFileType: function returnFileType(file, stopAlert) {
+      if (!this.fileSettings.imagesExtensions && !this.fileSettings.docsExtensions) return false;
       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 (!stopAlert) return false;
       if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
         msg: this.dictionary.msg_formato_invalido
       });
@@ -8815,8 +8882,8 @@ var __vue_staticRenderFns__$h = [];
 var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-48659e85_0", {
-    source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:.95rem;background-color:#5555ec;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1){transform:translateX(5px)}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2){transform:translateX(-5px)}.text-footer-container .text-footer-preview-container{cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
+  inject("data-v-7910091a_0", {
+    source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:.95rem;background-color:#5555ec;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1){transform:translateX(5px)}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2){transform:translateX(-5px)}.text-footer-container .text-footer-preview-container{width:100%;cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
     map: undefined,
     media: undefined
   });
@@ -8827,7 +8894,7 @@ var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$h = undefined;
 /* module identifier */
-var __vue_module_identifier__$h = "data-v-48659e85";
+var __vue_module_identifier__$h = "data-v-7910091a";
 /* functional template */
 var __vue_is_functional_template__$h = false;
@@ -9008,9 +9075,11 @@ var script$f = {
       for (var key in template) {
         if (key === "components" && Array.isArray(template[key])) {
           template[key].map(function (component) {
-            component.parameters.map(function (param) {
-              fullText += param.text;
-            });
+            if (component && component.parameters && component.parameters.length) {
+              component.parameters.map(function (param) {
+                fullText += param.text;
+              });
+            }
           });
         }
       }
@@ -9088,41 +9157,44 @@ var script$f = {
       for (var index in this.selectedTemplate) {
         if (index === "components" && Array.isArray(this.selectedTemplate[index])) {
           var arrComponents = this.selectedTemplate[index];
-          arrComponents.map(function (component) {
-            if (component && component.parameters && component.parameters.length) {
-              component.parameters.map(function (message) {
-                message.currentText = message.text;
-                var keyIndex = 0;
-                while (keyIndex < keys.length) {
-                  var varName = "{{".concat(keys[keyIndex], "}}");
+          if (arrComponents && arrComponents.length) {
+            arrComponents.map(function (component) {
+              if (component && component.parameters && component.parameters.length) {
+                component.parameters.map(function (message) {
+                  message.currentText = message.text;
+                  var keyIndex = 0;
+                  while (keyIndex < keys.length) {
+                    var varName = "{{".concat(keys[keyIndex], "}}");
-                  if (message.text.indexOf(varName) != -1) {
-                    /**Gerando os obejetos de parametros da notificacao para o component */
-                    if (component.type === "header") {
-                      _this.selectedTemplate['parameters'][component.type] = {}; //Header s? pode ter uma vari?vel
+                    if (message.text.indexOf(varName) != -1) {
+                      /**Gerando os obejetos de parametros da notificacao para o component */
+                      if (component.type === "header") {
+                        _this.selectedTemplate['parameters'][component.type] = {}; //Header s? pode ter uma vari?vel
-                      _this.selectedTemplate['parameters'][component.type] = {
-                        tipo: "text",
-                        text: values[keyIndex]
-                      };
-                    } else if (!_this.selectedTemplate['parameters'][component.type]) {
-                      _this.selectedTemplate['parameters'][component.type] = new Array();
-                    } //Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
+                        _this.selectedTemplate['parameters'][component.type] = {
+                          tipo: "text",
+                          text: values[keyIndex]
+                        };
+                      } else if (!_this.selectedTemplate['parameters'][component.type]) {
+                        _this.selectedTemplate['parameters'][component.type] = new Array();
+                      } //Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
-                    if (_this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
-                      _this.selectedTemplate['parameters'][component.type].push(values[keyIndex]);
+                      if (_this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
+                        _this.selectedTemplate['parameters'][component.type].push(values[keyIndex]);
+                      }
+                      message.currentText = message.currentText.replace(varName, values[keyIndex]);
                     }
-                    message.currentText = message.currentText.replace(varName, values[keyIndex]);
+                    keyIndex++;
                   }
-                  keyIndex++;
-                }
-              });
-            }
-          });
+                });
+              }
+            });
+          }
         }
       }
@@ -9208,7 +9280,7 @@ var __vue_staticRenderFns__$f = [];
 var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0b0bc59a_0", {
+  inject("data-v-5a97ed34_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%;max-width:800px;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}.tg-select .vs__selected-options>input{flex-grow:0}.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:2.5px;border-top-right-radius:2.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:2.5px;border-bottom-right-radius:2.5px;border-bottom:1px solid var(--border-color)}.ts-content footer{border:1px solid var(--border-color);border-top:unset;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.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:2.5px}.tg-btn button>svg{margin-right:5px;color:#003166}.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 svg{margin-right:0}.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:2.5px;display:flex}",
     map: undefined,
     media: undefined
@@ -9220,7 +9292,7 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$f = undefined;
 /* module identifier */
-var __vue_module_identifier__$f = "data-v-0b0bc59a";
+var __vue_module_identifier__$f = "data-v-5a97ed34";
 /* functional template */
 var __vue_is_functional_template__$f = false;
@@ -9694,49 +9766,56 @@ var __vue_component__$k = __vue_component__$j;var textoLongo = {
     console.error("Ignorando anexo devido a erro");
     console.error(e);
   }
-}//
-var script$d = {
-  props: {
-    file: {
-      type: Object,
-      required: true
-    },
-    dictionary: {
-      type: Object,
-      required: true
-    },
-    domain: {
-      type: String,
-      required: true
-    }
-  },
-  computed: {
-    currentClass: function currentClass() {
-      return this.fileExt === "pdf" ? "pdf" : "doc";
-    }
-  },
+}var fileHandler = {
   data: function data() {
     return {
-      loading: true,
-      isAnexo: false,
-      imageUrl: "",
-      fileExt: "",
-      docUrl: "",
-      fileName: "",
+      isLoading: true,
+      isFile: false,
+      imageURL: "",
+      fileType: "",
+      docURL: "",
+      filename: "",
       audio: false,
       video: false,
       icon: []
     };
   },
-  mounted: function mounted() {
-    this.setFileVars();
+  computed: {
+    iconClass: function iconClass() {
+      return this.fileType === "pdf" ? "pdf" : "doc";
+    }
   },
   methods: {
-    setFileVars: function setFileVars() {
+    openWindowFromURL: function openWindowFromURL(link, isImg) {
+      var viewableExtensions = ["pdf", "txt", "html", "css", "js", "json", "xml", "woff", "svg", "gif", "mp4", "mp3", "aac", "ogg", "wma"];
+      if (!isImg && !viewableExtensions.includes(this.fileType)) {
+        var a = document.createElement("a");
+        a.setAttribute("href", link);
+        a.setAttribute("download", this.filename);
+        a.setAttribute("target", "_blank");
+        a.setAttribute("rel", "noopener noreferrer");
+        a.click();
+        return;
+      }
+      var width = window.innerWidth;
+      var height = window.innerHeight;
+      var options = !isImg ? "width=".concat(width, ",height=").concat(height) : "width=auto,height=auto";
+      window.open(link, "anexo-ra", options);
+    },
+    showImage: function showImage(image) {
+      if (!image) return console.warn("Não foi possível abrir a imagem");
+      this.$emit("abrir-imagem", image);
+    },
+    setFileVars: function setFileVars(rawFile, storeObj) {
       try {
-        var _gerarVariaveisAnexo = gerarVariaveisAnexo(this.file, {
-          dominio: this.domain
-        }),
+        if (!rawFile) {
+          this.isLoading = false;
+          return console.warn("Anexo recebido invalido");
+        }
+        var _gerarVariaveisAnexo = gerarVariaveisAnexo(rawFile, storeObj),
             anexo = _gerarVariaveisAnexo.anexo,
             imgAnexo = _gerarVariaveisAnexo.imgAnexo,
             tipoDoc = _gerarVariaveisAnexo.tipoDoc,
@@ -9745,29 +9824,45 @@ var script$d = {
             audio = _gerarVariaveisAnexo.audio,
             video = _gerarVariaveisAnexo.video;
-        this.isAnexo = anexo;
-        this.imageUrl = imgAnexo;
-        this.fileExt = tipoDoc;
-        this.docUrl = docAnexo;
-        this.fileName = nomeArquivo;
+        this.isFile = anexo;
+        this.imageURL = imgAnexo;
+        this.fileType = tipoDoc;
+        this.docURL = docAnexo;
+        this.filename = nomeArquivo;
         this.audio = audio;
         this.video = video;
-        this.generateIcon();
-        this.loading = false;
+        this.setIcon();
+        this.isLoading = false;
       } catch (e) {
         console.error("Erro ao gerar as variaveis dos anexos");
         console.error(e);
       }
     },
-    generateIcon: function generateIcon() {
-      this.icon = this.fileExt === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
+    setIcon: function setIcon() {
+      this.icon = this.fileType === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
+    }
+  }
+};//
+var script$d = {
+  mixins: [fileHandler],
+  props: {
+    file: {
+      type: Object,
+      required: true
     },
-    openFile: function openFile(link, isImg) {
-      var width = window.innerWidth;
-      var height = window.innerHeight;
-      var options = !isImg ? "width=".concat(width, ",height=").concat(height) : "width=auto,height=auto";
-      window.open(link, "card-file", options);
+    dictionary: {
+      type: Object,
+      required: true
+    },
+    domain: {
+      type: String,
+      required: true
     }
+  },
+  mounted: function mounted() {
+    this.setFileVars(this.file, {
+      dominio: this.domain
+    });
   }
 };/* script */
 var __vue_script__$d = script$d;
@@ -9788,40 +9883,40 @@ var __vue_render__$d = function __vue_render__() {
       "name": "fade",
       "mode": "out-in"
     }
-  }, [_vm.loading ? _c('div', {
+  }, [_vm.isLoading ? _c('div', {
     key: "card-file-loader",
     staticClass: "req-loader slow",
     attrs: {
       "small": true
     }
-  }) : [_vm.imageUrl ? _c('span', {
+  }) : [_vm.imageURL ? _c('span', {
     key: "card-file-img",
     staticClass: "file-img box-shadow",
     attrs: {
-      "title": _vm.fileName
+      "title": _vm.filename
     },
     on: {
       "click": function click($event) {
-        return _vm.openFile(_vm.imageUrl, true);
+        return _vm.openWindowFromURL(_vm.imageURL, true);
       }
     }
   }, [_c('img', {
     attrs: {
-      "src": "" + _vm.imageUrl,
-      "alt": _vm.fileName
+      "src": "" + _vm.imageURL,
+      "alt": _vm.filename
     }
   })]) : _c('span', {
     key: "card-file-doc",
     staticClass: "file-icon",
-    class: [_vm.currentClass],
+    class: [_vm.iconClass],
     attrs: {
-      "title": _vm.fileName,
+      "title": _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener"
     },
     on: {
       "click": function click($event) {
-        return _vm.openFile(_vm.docUrl, false);
+        return _vm.openWindowFromURL(_vm.docURL, false);
       }
     }
   }, [_c('fa-icon', {
@@ -9831,11 +9926,11 @@ var __vue_render__$d = function __vue_render__() {
   })], 1), _vm._v(" "), _c('a', {
     key: "card-file-download-icon",
     attrs: {
-      "href": _vm.imageUrl ? _vm.imageUrl : _vm.docUrl,
-      "download": "" + _vm.fileName,
+      "href": _vm.imageURL ? _vm.imageURL : _vm.docURL,
+      "download": "" + _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener",
-      "title": "Download " + _vm.fileName
+      "title": "Download " + _vm.filename
     }
   }, [_c('fa-icon', {
     attrs: {
@@ -9849,11 +9944,11 @@ var __vue_staticRenderFns__$d = [];
 var __vue_inject_styles__$d = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-6f5fac81_0", {
-    source: ".fade-enter-active[data-v-6f5fac81],.fade-leave-active[data-v-6f5fac81]{transition:opacity .5s}.fade-enter[data-v-6f5fac81],.fade-leave-to[data-v-6f5fac81]{opacity:0}",
+  inject("data-v-c0bc7096_0", {
+    source: ".fade-enter-active[data-v-c0bc7096],.fade-leave-active[data-v-c0bc7096]{transition:opacity .5s}.fade-enter[data-v-c0bc7096],.fade-leave-to[data-v-c0bc7096]{opacity:0}",
     map: undefined,
     media: undefined
-  }), inject("data-v-6f5fac81_1", {
+  }), inject("data-v-c0bc7096_1", {
     source: ".file-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item-transition{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item .req-loader{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.file-item-transition img{max-width:45px;max-height:45px}.file-item a{margin-left:5px;text-decoration:none;color:#333}.file-icon{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.file-icon:hover{opacity:1}.file-icon:visited{color:inherit}svg{font-size:30px;z-index:1}.file-icon.pdf{position:relative}.file-icon.pdf svg{color:#e74c3c}.file-icon.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.file-icon.doc{color:#15517f}.file-icon.doc::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.file-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.file-img:hover{opacity:1}.file-img img{width:95%}",
     map: undefined,
     media: undefined
@@ -9862,10 +9957,10 @@ var __vue_inject_styles__$d = function __vue_inject_styles__(inject) {
 /* scoped */
-var __vue_scope_id__$d = "data-v-6f5fac81";
+var __vue_scope_id__$d = "data-v-c0bc7096";
 /* module identifier */
-var __vue_module_identifier__$d = "data-v-6f5fac81";
+var __vue_module_identifier__$d = "data-v-c0bc7096";
 /* functional template */
 var __vue_is_functional_template__$d = false;
@@ -10406,9 +10501,7 @@ var script$9 = {
       var width = window.innerWidth;
       var height = window.innerHeight;
       var options = !isImg ? "width=".concat(width, ",height=").concat(height) : "width=auto,height=auto";
-      var urlformatted = "".concat(this.dominio, "/callcenter/docs.php?mku=").concat(url);
-      console.log(urlformatted);
-      window.open(urlformatted, "card-file", options);
+      window.open("".concat(this.dominio, "/callcenter/docs.php?mku=").concat(url), "card-file", options);
     },
     validateInterativity: function validateInterativity() {
       try {
@@ -10425,11 +10518,7 @@ var script$9 = {
       try {
         var formulario = this.interatividade.formulario;
         formulario = formulario ? formulario : [];
-        if (!formulario.length) {
-          return;
-        }
+        if (!formulario.length) return;
         var foundInfosAdd = formulario.filter(function (f) {
           return f.TIPO_TEXTO > 999;
         });
@@ -10447,9 +10536,7 @@ var script$9 = {
           });
         }
-        if (foundInfosAdd) {
-          this.informacaoAdicional = foundInfosAdd;
-        }
+        if (foundInfosAdd) this.informacaoAdicional = foundInfosAdd;
       } catch (e) {
         console.error("Erro ao pegar o objeto interatividade formulario");
         console.error(e);
@@ -10469,16 +10556,16 @@ var __vue_render__$9 = function __vue_render__() {
   return _c('div', {
     staticClass: "interatividade"
-  }, [_vm.informacao.length ? [_vm._ssrNode("<div class=\"interatividade-form-header\" data-v-8dbb0508>" + _vm._ssrEscape("\n      " + _vm._s(_vm.dictionary.msg_abertura_reclamacao) + "\n    ") + "</div> "), _vm._ssrNode("<div class=\"interatividade-form-body\" data-v-8dbb0508>", "</div>", [_vm._ssrNode(_vm._ssrList(_vm.informacao, function (form) {
-    return "<div class=\"interatividade-info-form\" data-v-8dbb0508>" + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-titulo-form\" data-v-8dbb0508>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO)) + "</p>" : "<!---->") + " " + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-description-form\" data-v-8dbb0508>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div>";
-  }) + " " + (_vm.informacaoAdicional.length ? "<div class=\"interatividade-form-header\" data-v-8dbb0508>" + _vm._ssrEscape("\n        " + _vm._s(_vm.dictionary.msg_info_adicional) + "\n      ") + "</div>" : "<!---->") + " <div class=\"interatividade-form-body\" data-v-8dbb0508>" + _vm._ssrList(_vm.informacaoAdicional, function (form) {
-    return "<div class=\"interatividade-add-info-form\" data-v-8dbb0508><div class=\"divisor-form-info-aditional\" data-v-8dbb0508><div class=\"info-aditional\" data-v-8dbb0508>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-titulo-form\" data-v-8dbb0508>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO + ': ')) + "</p>" : "<!---->") + "</div> <div class=\"info-aditional\" data-v-8dbb0508>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-description-form\" data-v-8dbb0508>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div></div></div>";
-  }) + "</div> <h3 class=\"m-5 text-bold\" data-v-8dbb0508>" + _vm._ssrEscape(_vm._s("Anexos")) + "</h3> "), _vm._ssrNode("<div class=\"d-flex flex-wrap align-items-center\" data-v-8dbb0508>", "</div>", _vm._l(_vm.anexos, function (ref, fileIndex) {
+  }, [_vm.informacao.length ? [_vm._ssrNode("<div class=\"interatividade-form-header\" data-v-7b989966>" + _vm._ssrEscape("\n      " + _vm._s(_vm.dictionary.msg_abertura_reclamacao) + "\n    ") + "</div> "), _vm._ssrNode("<div class=\"interatividade-form-body\" data-v-7b989966>", "</div>", [_vm._ssrNode(_vm._ssrList(_vm.informacao, function (form) {
+    return "<div class=\"interatividade-info-form\" data-v-7b989966>" + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-titulo-form\" data-v-7b989966>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO)) + "</p>" : "<!---->") + " " + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-description-form\" data-v-7b989966>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div>";
+  }) + " " + (_vm.informacaoAdicional.length ? "<div class=\"interatividade-form-header\" data-v-7b989966>" + _vm._ssrEscape("\n        " + _vm._s(_vm.dictionary.msg_info_adicional) + "\n      ") + "</div>" : "<!---->") + " <div class=\"interatividade-form-body\" data-v-7b989966>" + _vm._ssrList(_vm.informacaoAdicional, function (form) {
+    return "<div class=\"interatividade-add-info-form\" data-v-7b989966><div class=\"divisor-form-info-aditional\" data-v-7b989966><div class=\"info-aditional\" data-v-7b989966>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-titulo-form\" data-v-7b989966>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO + ': ')) + "</p>" : "<!---->") + "</div> <div class=\"info-aditional\" data-v-7b989966>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-description-form\" data-v-7b989966>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div></div></div>";
+  }) + "</div> <h3 class=\"m-5 text-bold\" data-v-7b989966>" + _vm._ssrEscape(_vm._s("Anexos")) + "</h3> "), _vm._ssrNode("<div class=\"d-flex flex-wrap align-items-center\" data-v-7b989966>", "</div>", _vm._l(_vm.anexos, function (ref, fileIndex) {
     var name = ref.name;
     var type = ref.type;
     var mkuDownload = ref.mkuDownload;
     var mku = ref.mku;
-    return _vm._ssrNode("<div class=\"mb-5 mx-5 d-flex\" data-v-8dbb0508>", "</div>", [!type ? _vm._ssrNode("<img" + _vm._ssrAttr("src", _vm.dominio + "/callcenter/docs.php?mku=" + mku) + _vm._ssrAttr("alt", name) + _vm._ssrAttr("title", name) + " class=\"box-shadow max-w-75px max-h-75px cursor-pointer\" data-v-8dbb0508>", "</img>") : _c('fa-icon', {
+    return _vm._ssrNode("<div class=\"mb-5 mx-5 d-flex\" data-v-7b989966>", "</div>", [!type ? _vm._ssrNode("<img" + _vm._ssrAttr("src", _vm.dominio + "/callcenter/docs.php?mku=" + mku) + _vm._ssrAttr("alt", name) + _vm._ssrAttr("title", name) + " class=\"box-shadow max-w-75px max-h-75px cursor-pointer\" data-v-7b989966>", "</img>") : _c('fa-icon', {
       class: _vm.returnCurrentClass(type),
       attrs: {
         "icon": _vm.returnCurrentIcon(type),
@@ -10489,12 +10576,12 @@ var __vue_render__$9 = function __vue_render__() {
           return _vm.openFile(mku, type);
         }
       }
-    }), _vm._ssrNode(" "), _vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.dominio + "/callcenter/docs.php?mku=" + mkuDownload) + _vm._ssrAttr("download", "" + name) + " target=\"_blank\" rel=\"noreferrer noopener\"" + _vm._ssrAttr("title", "Download " + name) + " class=\"d-flex align-items-end ml-3 text-dark\" data-v-8dbb0508>", "</a>", [_c('fa-icon', {
+    }), _vm._ssrNode(" "), _vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.dominio + "/callcenter/docs.php?mku=" + mkuDownload) + _vm._ssrAttr("download", "" + name) + " target=\"_blank\" rel=\"noreferrer noopener\"" + _vm._ssrAttr("title", "Download " + name) + " class=\"d-flex align-items-end ml-3 text-dark\" data-v-7b989966>", "</a>", [_c('fa-icon', {
       attrs: {
         "icon": ['fas', 'download']
       }
     })], 1)], 2);
-  }), 0), _vm._ssrNode(" " + (!_vm.anexos.length ? "<p class=\"text-center mb-5\" data-v-8dbb0508>" + _vm._ssrEscape(_vm._s("Sem anexos")) + "</p>" : "<!---->"))], 2)] : _vm._e()], 2);
+  }), 0), _vm._ssrNode(" " + (!_vm.anexos.length ? "<p class=\"text-center mb-5\" data-v-7b989966>" + _vm._ssrEscape(_vm._s("Sem anexos")) + "</p>" : "<!---->"))], 2)] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__$9 = [];
@@ -10502,8 +10589,8 @@ var __vue_staticRenderFns__$9 = [];
 var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-8dbb0508_0", {
-    source: ".show-x-enter-active[data-v-8dbb0508],.show-x-leave-enter[data-v-8dbb0508]{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter[data-v-8dbb0508],.show-x-leave-to[data-v-8dbb0508]{opacity:0;transform:translateX(5%)}.divisor-form-info-aditional[data-v-8dbb0508]{display:flex;align-items:center;justify-content:space-around}.info-aditional[data-v-8dbb0508]{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header[data-v-8dbb0508]{background-color:#efefef;margin-top:5px;border-top-right-radius:10px;border-top-left-radius:10px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;justify-content:space-between;display:flex;color:#333;font-weight:700;font-size:.9rem}.interatividade-form-body[data-v-8dbb0508]{padding:0 10px;background:#fff;border-right:1px solid #efefef;border-left:1px solid #efefef;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:10px}.interatividade[data-v-8dbb0508]{margin:10px 0}.interatividade-titulo-form[data-v-8dbb0508]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;max-width:100%;margin:0;padding:0;padding-top:5px}.interatividade-description-form[data-v-8dbb0508]{overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista[data-v-8dbb0508]{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo[data-v-8dbb0508]{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo[data-v-8dbb0508]{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape[data-v-8dbb0508]{color:#818181;margin-top:5px}.interatividade-lista-link[data-v-8dbb0508]{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link[data-v-8dbb0508]:hover{color:#00628f}.text-blue[data-v-8dbb0508]{color:#294ed3}.text-red[data-v-8dbb0508]{color:#e74c3c}.text-dark[data-v-8dbb0508]{color:#333}.ml-3[data-v-8dbb0508]{margin-left:3px}.fs-2[data-v-8dbb0508]{font-size:2rem}.flex-wrap[data-v-8dbb0508]{-ms-flex-wrap:wrap;flex-wrap:wrap}.align-items-center[data-v-8dbb0508]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d-flex[data-v-8dbb0508]{display:-webkit-box;display:-ms-flexbox;display:flex}.align-items-end[data-v-8dbb0508]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.text-bold[data-v-8dbb0508]{font-weight:700}.m-5[data-v-8dbb0508]{margin:5px}.mb-5[data-v-8dbb0508]{margin-bottom:5px}.mx-5[data-v-8dbb0508]{margin-left:5px;margin-right:5px}.cursor-pointer[data-v-8dbb0508]{cursor:pointer}",
+  inject("data-v-7b989966_0", {
+    source: ".show-x-enter-active[data-v-7b989966],.show-x-leave-enter[data-v-7b989966]{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter[data-v-7b989966],.show-x-leave-to[data-v-7b989966]{opacity:0;transform:translateX(5%)}.divisor-form-info-aditional[data-v-7b989966]{display:flex;align-items:center;justify-content:space-around}.info-aditional[data-v-7b989966]{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header[data-v-7b989966]{background-color:#efefef;margin-top:5px;border-top-right-radius:10px;border-top-left-radius:10px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;justify-content:space-between;display:flex;color:#333;font-weight:700;font-size:.9rem}.interatividade-form-body[data-v-7b989966]{padding:0 10px;background:#fff;border-right:1px solid #efefef;border-left:1px solid #efefef;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:10px}.interatividade[data-v-7b989966]{margin:10px 0}.interatividade-titulo-form[data-v-7b989966]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;max-width:100%;margin:0;padding:0;padding-top:5px}.interatividade-description-form[data-v-7b989966]{overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista[data-v-7b989966]{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo[data-v-7b989966]{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo[data-v-7b989966]{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape[data-v-7b989966]{color:#818181;margin-top:5px}.interatividade-lista-link[data-v-7b989966]{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link[data-v-7b989966]:hover{color:#00628f}.text-blue[data-v-7b989966]{color:#294ed3}.text-red[data-v-7b989966]{color:#e74c3c}.text-dark[data-v-7b989966]{color:#333}.ml-3[data-v-7b989966]{margin-left:3px}.fs-2[data-v-7b989966]{font-size:2rem}.flex-wrap[data-v-7b989966]{-ms-flex-wrap:wrap;flex-wrap:wrap}.align-items-center[data-v-7b989966]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d-flex[data-v-7b989966]{display:-webkit-box;display:-ms-flexbox;display:flex}.align-items-end[data-v-7b989966]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.text-bold[data-v-7b989966]{font-weight:700}.m-5[data-v-7b989966]{margin:5px}.mb-5[data-v-7b989966]{margin-bottom:5px}.mx-5[data-v-7b989966]{margin-left:5px;margin-right:5px}.cursor-pointer[data-v-7b989966]{cursor:pointer}",
     map: undefined,
     media: undefined
   });
@@ -10511,10 +10598,10 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
 /* scoped */
-var __vue_scope_id__$9 = "data-v-8dbb0508";
+var __vue_scope_id__$9 = "data-v-7b989966";
 /* module identifier */
-var __vue_module_identifier__$9 = "data-v-8dbb0508";
+var __vue_module_identifier__$9 = "data-v-7b989966";
 /* functional template */
 var __vue_is_functional_template__$9 = false;
@@ -10527,6 +10614,7 @@ var __vue_component__$d = /*#__PURE__*/normalizeComponent({
 var InteratividadeFormulario = __vue_component__$d;//
 var script$8 = {
+  mixins: [fileHandler],
   props: {
     anexo: {
       type: Object,
@@ -10541,64 +10629,10 @@ var script$8 = {
       required: true
     }
   },
-  computed: {
-    iconeClass: function iconeClass() {
-      return this.tipoDoc === "pdf" ? "pdf" : "doc";
-    }
-  },
-  data: function data() {
-    return {
-      carregando: true,
-      isAnexo: false,
-      imgAnexo: "",
-      tipoDoc: "",
-      docAnexo: "",
-      nomeArquivo: "",
-      audio: false,
-      video: false,
-      icone: []
-    };
-  },
   mounted: function mounted() {
-    this.setVariaveisAnexo();
-  },
-  methods: {
-    setVariaveisAnexo: function setVariaveisAnexo() {
-      try {
-        var _gerarVariaveisAnexo = gerarVariaveisAnexo(this.anexo, {
-          dominio: this.dominio
-        }),
-            anexo = _gerarVariaveisAnexo.anexo,
-            imgAnexo = _gerarVariaveisAnexo.imgAnexo,
-            tipoDoc = _gerarVariaveisAnexo.tipoDoc,
-            docAnexo = _gerarVariaveisAnexo.docAnexo,
-            nomeArquivo = _gerarVariaveisAnexo.nomeArquivo,
-            audio = _gerarVariaveisAnexo.audio,
-            video = _gerarVariaveisAnexo.video;
-        this.isAnexo = anexo;
-        this.imgAnexo = imgAnexo;
-        this.tipoDoc = tipoDoc;
-        this.docAnexo = docAnexo;
-        this.nomeArquivo = nomeArquivo;
-        this.audio = audio;
-        this.video = video;
-        this.gerarIcone();
-        this.carregando = false;
-      } catch (e) {
-        console.error("Erro ao gerar as variaveis dos anexos");
-        console.error(e);
-      }
-    },
-    gerarIcone: function gerarIcone() {
-      this.icone = this.tipoDoc === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
-    },
-    abrirAnexo: function abrirAnexo(link, isImg) {
-      var width = window.innerWidth;
-      var height = window.innerHeight;
-      var options = !isImg ? "width=".concat(width, ",height=").concat(height) : "width=auto,height=auto";
-      window.open(link, "anexo-ra", options);
-    }
+    this.setFileVars(this.anexo, {
+      dominio: this.dominio
+    });
   }
 };/* script */
 var __vue_script__$8 = script$8;
@@ -10619,54 +10653,54 @@ var __vue_render__$8 = function __vue_render__() {
       "name": "fade",
       "mode": "out-in"
     }
-  }, [_vm.carregando ? _c('div', {
+  }, [_vm.isLoading ? _c('div', {
     key: "ra-loader-anexo",
     staticClass: "req-loader slow",
     attrs: {
       "small": true
     }
-  }) : [_vm.imgAnexo ? _c('span', {
+  }) : [_vm.imageURL ? _c('span', {
     key: "ra-img-anexo",
     staticClass: "anexo-img box-shadow",
     attrs: {
-      "title": _vm.nomeArquivo
+      "title": _vm.filename
     },
     on: {
       "click": function click($event) {
-        return _vm.abrirAnexo(_vm.imgAnexo, true);
+        return _vm.openWindowFromURL(_vm.imageURL, true);
       }
     }
   }, [_c('img', {
     attrs: {
-      "src": "" + _vm.imgAnexo,
-      "alt": _vm.nomeArquivo
+      "src": "" + _vm.imageURL,
+      "alt": _vm.filename
     }
   })]) : _c('span', {
     key: "ra-doc-anexo",
-    staticClass: "anexo-icone",
-    class: [_vm.iconeClass],
+    staticClass: "anexo-icon",
+    class: [_vm.iconClass],
     attrs: {
-      "title": _vm.nomeArquivo,
+      "title": _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener"
     },
     on: {
       "click": function click($event) {
-        return _vm.abrirAnexo(_vm.docAnexo, false);
+        return _vm.openWindowFromURL(_vm.docURL, false);
       }
     }
   }, [_c('fa-icon', {
     attrs: {
-      "icon": _vm.icone
+      "icon": _vm.icon
     }
   })], 1), _vm._v(" "), _c('a', {
     key: "ra-download-icon",
     attrs: {
-      "href": _vm.imgAnexo ? _vm.imgAnexo : _vm.docAnexo,
-      "download": "" + _vm.nomeArquivo,
+      "href": _vm.imageURL ? _vm.imageURL : _vm.docURL,
+      "download": "" + _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener",
-      "title": "Download " + _vm.nomeArquivo
+      "title": "Download " + _vm.filename
     }
   }, [_c('fa-icon', {
     attrs: {
@@ -10680,8 +10714,8 @@ var __vue_staticRenderFns__$8 = [];
 var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-037d5568_0", {
-    source: ".fade-enter-active[data-v-037d5568],.fade-leave-active[data-v-037d5568]{transition:opacity .5s}.fade-enter[data-v-037d5568],.fade-leave-to[data-v-037d5568]{opacity:0}",
+  inject("data-v-0408a7b0_0", {
+    source: ".fade-enter-active[data-v-0408a7b0],.fade-leave-active[data-v-0408a7b0]{transition:opacity .5s}.fade-enter[data-v-0408a7b0],.fade-leave-to[data-v-0408a7b0]{opacity:0}",
     map: undefined,
     media: undefined
   });
@@ -10689,10 +10723,10 @@ var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
 /* scoped */
-var __vue_scope_id__$8 = "data-v-037d5568";
+var __vue_scope_id__$8 = "data-v-0408a7b0";
 /* module identifier */
-var __vue_module_identifier__$8 = "data-v-037d5568";
+var __vue_module_identifier__$8 = "data-v-0408a7b0";
 /* functional template */
 var __vue_is_functional_template__$8 = false;
@@ -10888,6 +10922,7 @@ var __vue_component__$a = /*#__PURE__*/normalizeComponent({
 var __vue_component__$b = __vue_component__$a;//
 var script$6 = {
+  mixins: [fileHandler],
   components: {
     Loader: Loader
   },
@@ -10911,61 +10946,22 @@ var script$6 = {
   },
   data: function data() {
     return {
-      carregando: true,
-      isAnexo: false,
-      imgAnexo: "",
-      tipoDoc: "",
-      docAnexo: "",
-      nomeArquivo: "",
-      audio: false,
-      video: false,
-      icone: [],
       imgErro: false,
       imgMsgErro: ''
     };
   },
   mounted: function mounted() {
     if (this.validarAnexo()) {
-      this.setVariaveisAnexo();
+      this.setFileVars(this.anexo, {
+        dominio: this.dominio
+      });
     }
   },
   methods: {
-    abrirVisualizacaoImg: function abrirVisualizacaoImg(imagem) {
-      this.$emit("abrir-imagem", imagem);
-    },
-    setVariaveisAnexo: function setVariaveisAnexo() {
-      try {
-        var _gerarVariaveisAnexo = gerarVariaveisAnexo(this.anexo, {
-          dominio: this.dominio
-        }),
-            anexo = _gerarVariaveisAnexo.anexo,
-            imgAnexo = _gerarVariaveisAnexo.imgAnexo,
-            tipoDoc = _gerarVariaveisAnexo.tipoDoc,
-            docAnexo = _gerarVariaveisAnexo.docAnexo,
-            nomeArquivo = _gerarVariaveisAnexo.nomeArquivo,
-            audio = _gerarVariaveisAnexo.audio,
-            video = _gerarVariaveisAnexo.video;
-        this.isAnexo = anexo;
-        this.imgAnexo = imgAnexo;
-        this.tipoDoc = tipoDoc;
-        this.docAnexo = docAnexo;
-        this.nomeArquivo = nomeArquivo;
-        this.audio = audio;
-        this.video = video;
-        this.gerarIcone();
-        this.carregando = false;
-      } catch (e) {
-        console.error("Erro ao gerar as variaveis dos anexos");
-        console.error(e);
-      }
-    },
     validarAnexo: function validarAnexo() {
       var status = true; //caso for audio ou documento ignorar
-      if (this.anexo.docAnexo || this.anexo.audio) {
-        return true;
-      }
+      if (this.anexo.docURL || this.anexo.audio) return true;
       if (!this.anexo.name) {
         this.imgMsgErro = this.dictionary.img_com_erro_nome;
@@ -10975,11 +10971,7 @@ var script$6 = {
       if (!this.anexo.nomeGravacao) {
         this.imgMsgErro = this.dictionary.img_com_erro_nome_gravacao;
         status = false;
-      } // if(!this.anexo.size || this.anexo.size == 0){
-      //   this.imgMsgErro = this.dictionary.img_com_erro_tamanho
-      //   status = false;
-      // }
+      }
       if (!this.anexo.type) {
         this.imgMsgErro = this.dictionary.img_com_erro_tipo;
@@ -10988,13 +10980,10 @@ var script$6 = {
       if (status == false) {
         this.imgErro = true;
-        this.carregando = false;
+        this.isLoading = false;
       }
       return status;
-    },
-    gerarIcone: function gerarIcone() {
-      this.icone = this.tipoDoc === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
     }
   }
 };/* script */
@@ -11034,7 +11023,7 @@ var __vue_render__$6 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'file-image']
     }
-  }), _vm._v("\n        " + _vm._s(_vm.dictionary.img_com_erro) + "\n      ")], 1)]) : _vm._e(), _vm._v(" "), _vm.carregando ? _c('Loader', {
+  }), _vm._v("\n        " + _vm._s(_vm.dictionary.img_com_erro) + "\n      ")], 1)]) : _vm._e(), _vm._v(" "), _vm.isLoading ? _c('Loader', {
     key: "anexo-loader",
     attrs: {
       "small": true,
@@ -11043,17 +11032,17 @@ var __vue_render__$6 = function __vue_render__() {
   }) : _c('div', {
     key: "anexo-mensagem",
     staticClass: "anexo-mensagem"
-  }, [_vm.imgAnexo ? _c('img', {
+  }, [_vm.imageURL ? _c('img', {
     attrs: {
-      "src": _vm.imgAnexo,
+      "src": _vm.imageURL,
       "alt": _vm.dictionary.alt_msg_img
     },
     on: {
       "click": function click($event) {
-        return _vm.abrirVisualizacaoImg(_vm.imgAnexo);
+        return _vm.showImage(_vm.imageURL);
       }
     }
-  }) : _vm._e(), _vm._v(" "), _vm.imgAnexo ? _c('div', {
+  }) : _vm._e(), _vm._v(" "), _vm.imageURL ? _c('div', {
     staticClass: "anexos-links-container"
   }, [_c('a', {
     attrs: {
@@ -11061,7 +11050,8 @@ var __vue_render__$6 = function __vue_render__() {
     },
     on: {
       "click": function click($event) {
-        return _vm.abrirVisualizacaoImg(_vm.imgAnexo);
+        $event.preventDefault();
+        return _vm.showImage(_vm.imageURL);
       }
     }
   }, [_vm._v(" " + _vm._s(_vm.dictionary.titulo_visualizar_img) + " ")]), _vm._v(" "), _c('fa-icon', {
@@ -11070,63 +11060,64 @@ var __vue_render__$6 = function __vue_render__() {
     },
     on: {
       "click": function click($event) {
-        return _vm.abrirVisualizacaoImg(_vm.imgAnexo);
+        return _vm.showImage(_vm.imageURL);
       }
     }
-  })], 1) : _vm.docAnexo ? _c('div', {
+  })], 1) : _vm.docURL ? _c('div', {
     staticClass: "anexo-container"
   }, [_vm.audio || _vm.video ? [_vm.audio ? _c('audio', {
     attrs: {
-      "src": _vm.docAnexo,
+      "src": _vm.docURL,
       "controls": "",
-      "title": _vm.tipoDoc + " - " + _vm.nomeArquivo
+      "title": _vm.fileType + " - " + _vm.filename
     }
   }, [_c('p', [_vm._v(" " + _vm._s(_vm.dictionary.msg_erro_audio) + " "), _c('a', {
     attrs: {
-      "href": _vm.docAnexo,
+      "href": _vm.docURL,
       "target": "_blank",
       "rel": "noreferrer noopener"
     }
   }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_abrir_audio) + " ")])])]) : _vm._e(), _vm._v(" "), _vm.video ? _c('video', {
     attrs: {
-      "src": _vm.docAnexo,
+      "src": _vm.docURL,
       "controls": "",
-      "title": _vm.tipoDoc + " - " + _vm.nomeArquivo
+      "title": _vm.fileType + " - " + _vm.filename
     }
-  }, [_c('p', [_vm._v(" " + _vm._s(_vm.dictionary.msg_erro_video) + " "), _vm.tipoDoc != 'erro' ? _c('a', {
+  }, [_c('p', [_vm._v(" " + _vm._s(_vm.dictionary.msg_erro_video) + " "), _vm.fileType != 'erro' ? _c('a', {
     attrs: {
-      "href": _vm.docAnexo,
+      "href": _vm.docURL,
       "target": "_blank",
       "rel": "noreferrer noopener"
     }
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_abrir_video) + " ")]) : _vm._e()])]) : _vm._e()] : [_vm.tipoDoc != 'erro' ? _c('a', {
+  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_abrir_video) + " ")]) : _vm._e()])]) : _vm._e()] : [_vm.fileType != 'erro' ? _c('a', {
     attrs: {
-      "href": _vm.docAnexo,
+      "href": _vm.docURL,
       "target": "_blank",
       "rel": "noreferrer noopener",
-      "title": _vm.tipoDoc + " - " + _vm.nomeArquivo
+      "title": _vm.fileType + " - " + _vm.filename
     }
   }, [_c('fa-icon', {
+    class: [_vm.iconClass],
     attrs: {
-      "icon": this.icone
+      "icon": _vm.icon
     }
   }), _vm._v(" "), _c('p', {
     domProps: {
-      "textContent": _vm._s(_vm.nomeArquivo)
+      "textContent": _vm._s(_vm.filename)
     }
   })], 1) : _c('p', {
     staticClass: "arquivo-erro",
     attrs: {
-      "title": _vm.tipoDoc + " - " + _vm.nomeArquivo
+      "title": _vm.fileType + " - " + _vm.filename
     }
   }, [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'file-alt']
     }
-  }), _vm._v("\n            " + _vm._s(_vm.nomeArquivo) + "\n          ")], 1)]], 2) : _vm._e(), _vm._v(" "), _vm.imgAnexo ? _c('a', {
+  }), _vm._v("\n            " + _vm._s(_vm.filename) + "\n          ")], 1)]], 2) : _vm._e(), _vm._v(" "), _vm.imageURL ? _c('a', {
     attrs: {
-      "href": _vm.imgAnexo,
-      "download": "" + _vm.nomeArquivo,
+      "href": _vm.imageURL,
+      "download": "" + _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener"
     }
@@ -11134,10 +11125,10 @@ var __vue_render__$6 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'download']
     }
-  })], 1) : _vm._e(), _vm._v(" "), _vm.docAnexo ? _c('a', {
+  })], 1) : _vm._e(), _vm._v(" "), _vm.docURL ? _c('a', {
     attrs: {
-      "href": _vm.docAnexo,
-      "download": "" + _vm.nomeArquivo,
+      "href": _vm.docURL,
+      "download": "" + _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener"
     }
@@ -11153,8 +11144,8 @@ var __vue_staticRenderFns__$6 = [];
 var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-19808158_0", {
-    source: ".fade-enter-active[data-v-19808158],.fade-leave-active[data-v-19808158]{transition:opacity .5s}.fade-enter[data-v-19808158],.fade-leave-to[data-v-19808158]{opacity:0}.mensagem-div-anexo[data-v-19808158]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-19808158]{width:100%;margin-top:5px}.anexo-container .arquivo-erro[data-v-19808158],.anexo-container a[data-v-19808158]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container .arquivo-erro[data-v-19808158],.anexo-container p[data-v-19808158]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-19808158]{font-size:2rem}.anexo-container audio[data-v-19808158]{outline:0;width:100%}.anexo-container video[data-v-19808158]{width:100%;max-width:350px;cursor:pointer}.anexos-links-container[data-v-19808158]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-19808158]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-19808158]{cursor:pointer}.mensagem-div-anexo img[data-v-19808158]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-19808158]{width:100%;height:100%}.anexo-mensagem[data-v-19808158]{display:flex;justify-content:center;align-items:center;flex-direction:column}.alert-danger[data-v-19808158]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-19808158]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-19808158]{font-size:1.025em;margin-right:2px}",
+  inject("data-v-1a4340aa_0", {
+    source: ".fade-enter-active[data-v-1a4340aa],.fade-leave-active[data-v-1a4340aa]{transition:opacity .5s}.fade-enter[data-v-1a4340aa],.fade-leave-to[data-v-1a4340aa]{opacity:0}.mensagem-div-anexo[data-v-1a4340aa]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-1a4340aa]{width:100%;margin-top:5px}.anexo-container .arquivo-erro[data-v-1a4340aa],.anexo-container a[data-v-1a4340aa]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container .arquivo-erro[data-v-1a4340aa],.anexo-container p[data-v-1a4340aa]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-1a4340aa]{font-size:2rem}.anexo-container audio[data-v-1a4340aa]{outline:0;width:100%}.anexo-container video[data-v-1a4340aa]{width:100%;max-width:350px;cursor:pointer}.anexos-links-container[data-v-1a4340aa]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-1a4340aa]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-1a4340aa]{cursor:pointer}.mensagem-div-anexo img[data-v-1a4340aa]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-1a4340aa]{width:100%;height:100%}.anexo-mensagem[data-v-1a4340aa]{display:flex;justify-content:center;align-items:center;flex-direction:column}.alert-danger[data-v-1a4340aa]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-1a4340aa]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-1a4340aa]{font-size:1.025em;margin-right:2px}.pdf[data-v-1a4340aa]{color:#e74c3c}.doc[data-v-1a4340aa]{color:#006bc9}",
     map: undefined,
     media: undefined
   });
@@ -11162,10 +11153,10 @@ var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
 /* scoped */
-var __vue_scope_id__$6 = "data-v-19808158";
+var __vue_scope_id__$6 = "data-v-1a4340aa";
 /* module identifier */
-var __vue_module_identifier__$6 = "data-v-19808158";
+var __vue_module_identifier__$6 = "data-v-1a4340aa";
 /* functional template */
 var __vue_is_functional_template__$6 = false;