vue-intergrall-plugins 0.0.203 → 0.0.206

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

@@ -3451,8 +3451,13 @@ var BtnMic = __vue_component__$v;
 //
 //
 //
+//
 var script$n = {
   props: {
+    textId: {
+      type: String,
+      required: true
+    },
     dictionary: {
       type: Object,
       required: true
@@ -3479,6 +3484,11 @@ var script$n = {
       required: false
     }
   },
+
+  mounted() {
+    this.setPosition();
+  },
+
   methods: {
     deleteFile() {
       this.$emit("delete-file");
@@ -3486,6 +3496,14 @@ var script$n = {
 
     openImage() {
       this.$emit("open-image");
+    },
+
+    setPosition() {
+      try {
+        this.$refs[`sfp-${this.textId}`].parentElement.style.bottom = `${this.$root.$refs[`tf-${this.textId}`].$el.offsetHeight}px`;
+      } catch (e) {
+        console.error("Erro ao setar a posicao do single file preview: ", e);
+      }
     }
 
   }
@@ -3502,9 +3520,20 @@ var __vue_render__$n = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('div', {
+  return _vm.textId ? _c('div', {
+    ref: "sfp-" + _vm.textId,
     staticClass: "single-file-preview"
-  }, [_c('span', {
+  }, [_c('fa-icon', {
+    staticClass: "close-icon",
+    attrs: {
+      "icon": ['fas', 'times-circle']
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('close');
+      }
+    }
+  }), _vm._v(" "), _c('span', {
     staticClass: "text-footer-exclude-file",
     attrs: {
       "title": _vm.dictionary.msg_cancelar_anexo
@@ -3514,7 +3543,7 @@ var __vue_render__$n = function () {
     }
   }, [_c('fa-icon', {
     attrs: {
-      "icon": ['fas', 'times-circle']
+      "icon": ['fas', 'trash-alt']
     }
   })], 1), _vm._v(" "), _vm.fileFormatError ? _c('div', {
     staticClass: "text-footer-invalid-format"
@@ -3546,7 +3575,7 @@ var __vue_render__$n = function () {
     on: {
       "click": _vm.openImage
     }
-  })]) : _vm._e()]], 2);
+  })]) : _vm._e()]], 2) : _vm._e();
 };
 
 var __vue_staticRenderFns__$n = [];
@@ -3554,8 +3583,8 @@ var __vue_staticRenderFns__$n = [];
 
 const __vue_inject_styles__$n = function (inject) {
   if (!inject) return;
-  inject("data-v-da00a08e_0", {
-    source: ".text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}",
+  inject("data-v-bd51f352_0", {
+    source: ".single-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.single-file-preview .close-icon:hover{opacity:1}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}",
     map: undefined,
     media: undefined
   });
@@ -3677,7 +3706,17 @@ var __vue_render__$m = function () {
 
   return _c('div', {
     staticClass: "multiple-file-preview"
-  }, [_c('transition-group', {
+  }, [_c('fa-icon', {
+    staticClass: "close-icon",
+    attrs: {
+      "icon": ['fas', 'times-circle']
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('close');
+      }
+    }
+  }), _vm._v(" "), _c('transition-group', {
     attrs: {
       "name": "fade"
     }
@@ -3752,7 +3791,7 @@ var __vue_render__$m = function () {
       }
     }, [_c('fa-icon', {
       attrs: {
-        "icon": ['fas', 'times-circle']
+        "icon": ['fas', 'trash-alt']
       }
     })], 1)]);
   })], 2)], 1);
@@ -3763,8 +3802,8 @@ var __vue_staticRenderFns__$m = [];
 
 const __vue_inject_styles__$m = function (inject) {
   if (!inject) return;
-  inject("data-v-22ab2ae5_0", {
-    source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-exclude-file svg:hover{color:#e74c3c}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px;display:inline-block}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;min-width:1rem;min-height:1rem;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
+  inject("data-v-28d9ba6f_0", {
+    source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.multiple-file-preview .close-icon:hover{opacity:1}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-exclude-file svg:hover{color:#e74c3c}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px;display:inline-block}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
     map: undefined,
     media: undefined
   });
@@ -3991,6 +4030,7 @@ var script$l = {
 
     toggleFilePreview() {
       this.showFilePreview = !this.showFilePreview;
+      if (this.showFilePreview && this.openFiles) this.toggleFiles();
     },
 
     emitFileVars() {
@@ -4055,7 +4095,7 @@ var __vue_render__$l = function () {
   return _c('span', {
     staticClass: "text-footer-actions--btn",
     class: {
-      'files-activated': _vm.openFiles || _vm.file.length
+      'files-activated': _vm.openFiles || _vm.file.length || _vm.file.name
     },
     on: {
       "click": function ($event) {
@@ -4094,7 +4134,7 @@ var __vue_render__$l = function () {
     class: {
       'horizontal': _vm.cssStyle.outsideButtons
     }
-  }, [_c('div', {
+  }, [!_vm.fileSettings.multiple ? [_c('div', {
     staticClass: "files-btn images",
     class: {
       'margin-bottom': _vm.cssStyle.outsideButtons
@@ -4125,7 +4165,25 @@ var __vue_render__$l = function () {
     attrs: {
       "icon": ['fas', 'file-alt']
     }
-  })], 1), _vm._v(" "), _c('div', {
+  })], 1)] : _c('div', {
+    staticClass: "files-btn both",
+    attrs: {
+      "title": _vm.dictionary.title_anexo_arq
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.openSelectFileHandler('both');
+      }
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'image']
+    }
+  }), _vm._v(" "), _c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'file-alt']
+    }
+  })], 1), _vm._v(" "), _vm.fileSettings.systemButton ? _c('div', {
     staticClass: "files-btn system",
     attrs: {
       "title": _vm.dictionary.title_anexo_sistema
@@ -4139,7 +4197,7 @@ var __vue_render__$l = function () {
     attrs: {
       "icon": ['fas', 'server']
     }
-  })], 1)]) : _vm._e()]), _vm._v(" "), _c('div', {
+  })], 1) : _vm._e()], 2) : _vm._e()]), _vm._v(" "), _c('div', {
     staticClass: "files-pointers d-none"
   }, [_vm.fileSettings.multiple ? _c('input', {
     attrs: {
@@ -4205,11 +4263,13 @@ var __vue_render__$l = function () {
       "isDoc": _vm.isDoc,
       "fileFormatError": _vm.fileFormatError,
       "validFileFormats": _vm.validFileFormats,
-      "imagePreview": _vm.imagePreview
+      "imagePreview": _vm.imagePreview,
+      "textId": _vm.textId
     },
     on: {
       "delete-file": _vm.deleteFile,
-      "open-image": _vm.openImage
+      "open-image": _vm.openImage,
+      "close": _vm.away
     }
   }) : _vm.fileSettings.multiple && _vm.showFilePreview ? _c('MultipleFilePreview', {
     attrs: {
@@ -4221,7 +4281,8 @@ var __vue_render__$l = function () {
     on: {
       "delete-file": _vm.deleteFile,
       "delete-specific-file": _vm.deleteSpecificFile,
-      "open-image": _vm.openImage
+      "open-image": _vm.openImage,
+      "close": _vm.away
     }
   }) : _vm._e()], 1)])], 1);
 };
@@ -4231,7 +4292,7 @@ var __vue_staticRenderFns__$l = [];
 
 const __vue_inject_styles__$l = function (inject) {
   if (!inject) return;
-  inject("data-v-2ac0bc50_0", {
+  inject("data-v-d44e0484_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
@@ -8282,7 +8343,7 @@ const standardMessages = {
         return this.$httpRequest({
           method: 'get',
           url: `${baseURL}/messages/${type}?token_cliente=${token}${dev}` // headers: {
-          //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1UzakpwZmViWkc1Y1M4dm9rRnBOdFY2WEYxaTh0ZllLWEkzV0ljRTd0M0dxeSIsIm1hbmFnZXIiOiJNS1VxQnBrRlIzQk5ING02Q2J3d2ltNGw1d3dJd3d4YjQ0YXd3aFk1VXd3aW00bDV3d2szSWZJV2RGc2dFRjhjdEhoOVB2eCIsImhhc19pbmZvcyI6dHJ1ZSwibnJvcyI6WyIyOCJdLCJhdXRoIjoiTUtVYXNtV3NNSnpZdmV2R2VQYTRubkZqdHRWR3gxODl6RnRWNDVtVUdFN1JlazAiLCJpYXQiOjE2NDg2NTkwNjQsImV4cCI6MTY0ODc0NTQ2NH0.vdwahP7qSwLJ8qYdQsG-ydL1Y-tzf6Frt0rnd9fYpIU"
+          //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VUUnd3aW00bDV3d0piTHczb2xPYWtTbWxab283Q1F2MDY3V3pWR2E3VkhDQ2FMUEdsS2VQIiwibWFuYWdlciI6Ik1LVXFCcGtGUjNCTkhrbTZ5Znd3aW00bDV3d0l2Tlk0MDZrMzQ3SVdkRnNnRUY4Y3RIaDlQdngiLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOltdLCJhdXRoIjoiTUtVdXdGZjdjMXd3eGI0NGF3d1F4eGlia3N2NW5YR2FxOWZVNkxMYnAzQ0tkS1NHa0RvbWV4ZiIsImlhdCI6MTY0ODgxMjYzOSwiZXhwIjoxNjQ4ODk5MDM5fQ.IMpYYLoxiX566-Y2fqNlJu0qBkEyOOTWZ25UqeOyPUs"
           // }
 
         }).then(response => {
@@ -8353,7 +8414,7 @@ var script$i = {
       key_2: "",
       formatted_messages_3: [],
       key_3: "",
-      loadingReq: false
+      loadingReq: true
     };
   },
 
@@ -8406,6 +8467,7 @@ var script$i = {
         }).catch(e => {
           this.loadingReq = false;
           this.$toasted.global.defaultError();
+          this.closeStandardMessages();
           console.error("Error in getStandardMessages: ", e);
         });
       } catch (e) {
@@ -8529,34 +8591,7 @@ var __vue_render__$i = function () {
 
   return _c('div', {
     staticClass: "text-footer-hsm-container"
-  }, [_c('v-select', {
-    staticClass: "text-footer-v-select",
-    style: "background-color: " + _vm.backgroundColor,
-    attrs: {
-      "appendToBody": "",
-      "calculatePosition": _vm.calculateSelectPosition,
-      "options": _vm.formatted_messages_1,
-      "label": "value",
-      "reduce": function (formatted_messages_1) {
-        return formatted_messages_1.cod;
-      }
-    },
-    on: {
-      "input": _vm.inputSelectKey1
-    },
-    model: {
-      value: _vm.key_1,
-      callback: function ($$v) {
-        _vm.key_1 = $$v;
-      },
-      expression: "key_1"
-    }
   }, [_c('div', {
-    attrs: {
-      "slot": "no-options"
-    },
-    slot: "no-options"
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])]), _vm._v(" "), _c('div', {
     staticClass: "transition-selects"
   }, [_c('transition', {
     attrs: {
@@ -8631,7 +8666,7 @@ var __vue_render__$i = function () {
     slot: "no-options"
   }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])])], 1) : _vm.key_2 && _vm.loadingReq ? _c('div', {
     staticClass: "loader-select"
-  }, [_c('VueLoader')], 1) : _vm._e()])], 1)], 1);
+  }, [_c('VueLoader')], 1) : _vm._e()])], 1)]);
 };
 
 var __vue_staticRenderFns__$i = [];
@@ -8639,7 +8674,7 @@ var __vue_staticRenderFns__$i = [];
 
 const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
-  inject("data-v-d7521b32_0", {
+  inject("data-v-4e81952e_0", {
     source: ".transition-selects{min-height:80px;display:flex;flex-direction:column;width:100%}.loader-select{position:relative;min-height:35px;background:#fff;width:100%;border:1px solid #ccc;border-radius:5px;z-index:1}.loading-message{background-color:#555!important}",
     map: undefined,
     media: undefined
@@ -8744,7 +8779,8 @@ var script$h = {
         return {
           docsExtensions: "",
           imagesExtensions: "",
-          multiple: false
+          multiple: false,
+          systemButton: false
         };
       },
       required: false
@@ -9298,7 +9334,7 @@ var __vue_render__$h = function () {
     attrs: {
       "icon": ['fas', 'paper-plane']
     }
-  })], 1)]) : _vm._e(), _vm._v(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand ? _c('div', {
+  })], 1)]) : _vm._e(), _vm._v(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand || _vm.formattedMessageSettings.hasStandardMessages ? _c('div', {
     staticClass: "text-footer-actions",
     class: {
       'outside-buttons': _vm.cssStyle.outsideButtons && !_vm.audioFile
@@ -9321,8 +9357,8 @@ var __vue_render__$h = function () {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.formattedMessageSettings.hasStandardMessages,
-      expression: "formattedMessageSettings.hasStandardMessages"
+      value: _vm.formattedMessageSettings.hasStandardMessages && !_vm.audioFile,
+      expression: "formattedMessageSettings.hasStandardMessages && !audioFile"
     }],
     ref: _vm.textId + "-standard-messages",
     attrs: {
@@ -9397,8 +9433,8 @@ var __vue_staticRenderFns__$h = [];
 
 const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
-  inject("data-v-bb390258_0", {
-    source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349}.text-footer-container .text-footer-preview-container{cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
+  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}",
     map: undefined,
     media: undefined
   });
@@ -9704,37 +9740,39 @@ var script$f = {
         if (index === "components" && Array.isArray(this.selectedTemplate[index])) {
           const arrComponents = this.selectedTemplate[index];
           arrComponents.map(component => {
-            component.parameters.map(message => {
-              message.currentText = message.text;
-              let keyIndex = 0;
+            if (component && component.parameters && component.parameters.length) {
+              component.parameters.map(message => {
+                message.currentText = message.text;
+                let keyIndex = 0;
+
+                while (keyIndex < keys.length) {
+                  const varName = `{{${keys[keyIndex]}}}`;
 
-              while (keyIndex < keys.length) {
-                const varName = `{{${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 notifica??o 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++;
-              }
-            });
+              });
+            }
           });
         }
       }
@@ -9832,7 +9870,7 @@ var __vue_staticRenderFns__$f = [];
 
 const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-1c24c23b_0", {
+  inject("data-v-0b0bc59a_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