vue-intergrall-plugins 0.0.178 → 0.0.181

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

@@ -11040,7 +11040,7 @@ var script$4 = {
   methods: {
     validateInterativity: function validateInterativity() {
       try {
-        if (this.interatividade.formulario) {
+        if (this.interatividade.formulario && this.interatividade.formulario.length) {
           return true;
         }
       } catch (error) {
@@ -11048,6 +11048,8 @@ var script$4 = {
       }
     },
     verifyInfoAditional: function verifyInfoAditional() {
+      var _this = this;
+
       try {
         var formulario = this.interatividade.formulario;
         formulario = formulario ? formulario : [];
@@ -11064,7 +11066,13 @@ var script$4 = {
         });
 
         if (foundInfos) {
-          this.informacao = foundInfos;
+          this.informacao = foundInfos.map(function (info) {
+            if (info.TIPO_TEXTO == 1) {
+              info.TEXTO = info.TEXTO == 'S' ? _this.dictionary.msg_sim : _this.dictionary.msg_nao;
+            }
+
+            return info;
+          });
         }
 
         if (foundInfosAdd) {
@@ -11089,10 +11097,10 @@ var __vue_render__$4 = function __vue_render__() {
 
   return _c('div', {
     staticClass: "interatividade"
-  }, [_vm._ssrNode(_vm.informacao.length ? "<div class=\"interatividade-form-header\" data-v-6d7e6de9>" + _vm._ssrEscape("\n      " + _vm._s(_vm.dictionary.msg_abertura_reclamacao) + "\n    ") + "</div> <div class=\"interatividade-form-body\" data-v-6d7e6de9>" + _vm._ssrList(_vm.informacao, function (form) {
-    return "<div class=\"interatividade-info-form\" data-v-6d7e6de9>" + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-titulo-form\" data-v-6d7e6de9>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO)) + "</p>" : "<!---->") + " " + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-description-form\" data-v-6d7e6de9>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div>";
-  }) + " " + (_vm.informacaoAdicional.length ? "<div class=\"interatividade-form-header\" data-v-6d7e6de9>" + _vm._ssrEscape("\n        " + _vm._s(_vm.dictionary.msg_info_adicional) + "\n      ") + "</div>" : "<!---->") + " <div class=\"interatividade-form-body\" data-v-6d7e6de9>" + _vm._ssrList(_vm.informacaoAdicional, function (form) {
-    return "<div class=\"interatividade-add-info-form\" data-v-6d7e6de9><div class=\"divisor-form-info-aditional\" data-v-6d7e6de9><div class=\"info-aditional\" data-v-6d7e6de9>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-titulo-form\" data-v-6d7e6de9>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO + ': ')) + "</p>" : "<!---->") + "</div> <div class=\"info-aditional\" data-v-6d7e6de9>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-description-form\" data-v-6d7e6de9>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div></div></div>";
+  }, [_vm._ssrNode(_vm.informacao.length ? "<div class=\"interatividade-form-header\" data-v-7c3f68fa>" + _vm._ssrEscape("\n      " + _vm._s(_vm.dictionary.msg_abertura_reclamacao) + "\n    ") + "</div> <div class=\"interatividade-form-body\" data-v-7c3f68fa>" + _vm._ssrList(_vm.informacao, function (form) {
+    return "<div class=\"interatividade-info-form\" data-v-7c3f68fa>" + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-titulo-form\" data-v-7c3f68fa>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO)) + "</p>" : "<!---->") + " " + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-description-form\" data-v-7c3f68fa>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div>";
+  }) + " " + (_vm.informacaoAdicional.length ? "<div class=\"interatividade-form-header\" data-v-7c3f68fa>" + _vm._ssrEscape("\n        " + _vm._s(_vm.dictionary.msg_info_adicional) + "\n      ") + "</div>" : "<!---->") + " <div class=\"interatividade-form-body\" data-v-7c3f68fa>" + _vm._ssrList(_vm.informacaoAdicional, function (form) {
+    return "<div class=\"interatividade-add-info-form\" data-v-7c3f68fa><div class=\"divisor-form-info-aditional\" data-v-7c3f68fa><div class=\"info-aditional\" data-v-7c3f68fa>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-titulo-form\" data-v-7c3f68fa>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO + ': ')) + "</p>" : "<!---->") + "</div> <div class=\"info-aditional\" data-v-7c3f68fa>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-description-form\" data-v-7c3f68fa>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div></div></div>";
   }) + "</div></div>" : "<!---->")]);
 };
 
@@ -11101,8 +11109,8 @@ var __vue_staticRenderFns__$4 = [];
 
 var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-6d7e6de9_0", {
-    source: ".show-x-enter-active[data-v-6d7e6de9],.show-x-leave-enter[data-v-6d7e6de9]{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter[data-v-6d7e6de9],.show-x-leave-to[data-v-6d7e6de9]{opacity:0;transform:translateX(5%)}.divisor-form-info-aditional[data-v-6d7e6de9]{display:flex;align-items:center;justify-content:space-around}.info-aditional[data-v-6d7e6de9]{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header[data-v-6d7e6de9]{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-6d7e6de9]{padding:0 10px;border-right:1px solid #efefef;border-left:1px solid #efefef}.interatividade[data-v-6d7e6de9]{margin:10px 0}.interatividade-titulo-form[data-v-6d7e6de9]{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-6d7e6de9]{overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista[data-v-6d7e6de9]{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo[data-v-6d7e6de9]{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo[data-v-6d7e6de9]{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape[data-v-6d7e6de9]{color:#818181;margin-top:5px}.interatividade-lista-link[data-v-6d7e6de9]{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link[data-v-6d7e6de9]:hover{color:#00628f}",
+  inject("data-v-7c3f68fa_0", {
+    source: ".show-x-enter-active[data-v-7c3f68fa],.show-x-leave-enter[data-v-7c3f68fa]{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter[data-v-7c3f68fa],.show-x-leave-to[data-v-7c3f68fa]{opacity:0;transform:translateX(5%)}.divisor-form-info-aditional[data-v-7c3f68fa]{display:flex;align-items:center;justify-content:space-around}.info-aditional[data-v-7c3f68fa]{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header[data-v-7c3f68fa]{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-7c3f68fa]{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-7c3f68fa]{margin:10px 0}.interatividade-titulo-form[data-v-7c3f68fa]{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-7c3f68fa]{overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista[data-v-7c3f68fa]{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo[data-v-7c3f68fa]{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo[data-v-7c3f68fa]{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape[data-v-7c3f68fa]{color:#818181;margin-top:5px}.interatividade-lista-link[data-v-7c3f68fa]{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link[data-v-7c3f68fa]:hover{color:#00628f}",
     map: undefined,
     media: undefined
   });
@@ -11110,10 +11118,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$4 = "data-v-6d7e6de9";
+var __vue_scope_id__$4 = "data-v-7c3f68fa";
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-6d7e6de9";
+var __vue_module_identifier__$4 = "data-v-7c3f68fa";
 /* functional template */
 
 var __vue_is_functional_template__$4 = false;
@@ -35990,9 +35998,11 @@ var script$3 = {
   methods: {
     validateInterativity: function validateInterativity() {
       try {
-        if (this.interatividade.formulario) {
+        if (this.interatividade.formulario && this.interatividade.formulario.length) {
           return true;
         }
+
+        return false;
       } catch (error) {
         return false;
       }
@@ -36114,11 +36124,22 @@ var __vue_render__$3 = function __vue_render__() {
     attrs: {
       "id": "a" + (_vm.messageIndex ? _vm.messageIndex : _vm.randomizeValue)
     }
-  }, [_vm._ssrNode("<div" + _vm._ssrClass("mensagem", {
-    mapa: _vm.mapa,
-    'hist-msg': _vm.histMsg
-  }) + ">", "</div>", [_vm.anexos && _vm.anexos.length ? _vm._l(_vm.anexos, function (anexo, index) {
-    return _vm._ssrNode("<div class=\"mensagem-anexo\">", "</div>", [_c('AnexoMensagem', {
+  }, [_vm.interatividade && _vm.validateInterativity() ? _c('InteratividadeFormulario', {
+    attrs: {
+      "interatividade": _vm.interatividade,
+      "dictionary": _vm.dictionary
+    }
+  }) : _c('div', {
+    staticClass: "mensagem",
+    class: {
+      mapa: _vm.mapa,
+      'hist-msg': _vm.histMsg
+    }
+  }, [_vm.anexos && _vm.anexos.length ? _vm._l(_vm.anexos, function (anexo, index) {
+    return _c('div', {
+      key: index,
+      staticClass: "mensagem-anexo"
+    }, [_c('AnexoMensagem', {
       attrs: {
         "dictionary": _vm.dictionary,
         "anexo": anexo,
@@ -36129,7 +36150,15 @@ var __vue_render__$3 = function __vue_render__() {
         "abrir-imagem": _vm.abrirImagem
       }
     })], 1);
-  }) : _vm._e(), _vm._ssrNode(" " + (_vm.urlSticker ? "<img" + _vm._ssrAttr("src", _vm.urlSticker) + _vm._ssrAttr("title", _vm.urlFileName) + " class=\"default-stick-size\">" : "<!---->") + " "), _vm.mapa ? _vm._ssrNode("<div class=\"mensagem-div-mapa\">", "</div>", [_c('GmapMap', {
+  }) : _vm._e(), _vm._v(" "), _vm.urlSticker ? _c('img', {
+    staticClass: "default-stick-size",
+    attrs: {
+      "src": _vm.urlSticker,
+      "title": _vm.urlFileName
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.mapa ? _c('div', {
+    staticClass: "mensagem-div-mapa"
+  }, [_c('GmapMap', {
     staticClass: "msg-mapa",
     attrs: {
       "id": "mapa_" + _vm.seq,
@@ -36141,22 +36170,41 @@ var __vue_render__$3 = function __vue_render__() {
     attrs: {
       "position": _vm.marker
     }
-  })], 1), _vm._ssrNode(" "), _vm.infos.length ? _vm._ssrNode("<ul class=\"info-mapa\">", "</ul>", _vm._l(_vm.infos, function (info, index) {
-    return _vm._ssrNode("<li" + _vm._ssrClass(null, info.classe) + ">", "</li>", [!info.link ? [_vm._ssrNode(_vm._ssrEscape(" " + _vm._s(info.value) + " "))] : _vm._ssrNode("<a" + _vm._ssrAttr("href", info.value) + ">", "</a>", [_vm._ssrNode(_vm._ssrEscape(" " + _vm._s(info.textLink) + " ")), _c('fa-icon', {
+  })], 1), _vm._v(" "), _vm.infos.length ? _c('ul', {
+    staticClass: "info-mapa"
+  }, _vm._l(_vm.infos, function (info, index) {
+    return _c('li', {
+      key: index,
+      class: info.classe
+    }, [!info.link ? [_vm._v(" " + _vm._s(info.value) + " ")] : _c('a', {
+      attrs: {
+        "href": info.value
+      },
+      on: {
+        "click": function click($event) {
+          $event.preventDefault();
+          return _vm.abrirPopup(info.value);
+        }
+      }
+    }, [_vm._v(" " + _vm._s(info.textLink) + " "), _c('fa-icon', {
       attrs: {
         "icon": ['fas', 'map-marker-alt']
       }
-    })], 2)], 2);
-  }), 0) : _vm._e()], 2) : _vm._e(), _vm._ssrNode(" <p>" + _vm._s(_vm.validateInterativity() ? '' : _vm.formatMsg(_vm.message)) + "</p> "), _vm.interatividade ? _c('InteratividadeBotoes', {
+    })], 1)], 2);
+  }), 0) : _vm._e()], 1) : _vm._e(), _vm._v(" "), _c('p', {
+    domProps: {
+      "innerHTML": _vm._s(_vm.validateInterativity() ? '' : _vm.formatMsg(_vm.message))
+    }
+  }), _vm._v(" "), _vm.interatividade ? _c('InteratividadeBotoes', {
     attrs: {
       "interatividade": _vm.interatividade
     }
-  }) : _vm._e(), _vm._ssrNode(" "), _vm.interatividade ? _c('InteratividadeFormulario', {
-    attrs: {
-      "interatividade": _vm.interatividade,
-      "dictionary": _vm.dictionary
+  }) : _vm._e(), _vm._v(" "), _c('span', {
+    staticClass: "horario-envio",
+    domProps: {
+      "textContent": _vm._s(_vm.horario)
     }
-  }) : _vm._e(), _vm._ssrNode(" <span class=\"horario-envio\">" + _vm._ssrEscape(_vm._s(_vm.horario)) + "</span> "), _c('transition', {
+  }), _vm._v(" "), _c('transition', {
     attrs: {
       "name": "fade",
       "mode": "out-in"
@@ -36179,7 +36227,7 @@ var __vue_render__$3 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'reply']
     }
-  })], 1) : _vm._e()]), _vm._ssrNode(" "), _vm.validadeSeq ? _c('transition', {
+  })], 1) : _vm._e()]), _vm._v(" "), _vm.validadeSeq ? _c('transition', {
     attrs: {
       "name": "fade",
       "mode": "out-in"
@@ -36224,7 +36272,7 @@ var __vue_render__$3 = function __vue_render__() {
       "fill": "#808080",
       "d": "M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"
     }
-  })])]) : _vm._e()]) : _vm._e(), _vm._ssrNode(" "), _c('transition', {
+  })])]) : _vm._e()]) : _vm._e(), _vm._v(" "), _c('transition', {
     attrs: {
       "name": "fade",
       "mode": "out-in"
@@ -36327,7 +36375,12 @@ var __vue_render__$3 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'hourglass']
     }
-  })], 1) : _vm._e()]), _vm._ssrNode(" <span class=\"autor-mensagem\">" + _vm._ssrEscape(_vm._s(_vm.autor)) + "</span>")], 2)]) : _vm._e();
+  })], 1) : _vm._e()]), _vm._v(" "), _c('span', {
+    staticClass: "autor-mensagem",
+    domProps: {
+      "textContent": _vm._s(_vm.autor)
+    }
+  })], 2)], 1) : _vm._e();
 };
 
 var __vue_staticRenderFns__$3 = [];
@@ -36335,7 +36388,7 @@ var __vue_staticRenderFns__$3 = [];
 
 var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-f09a6b36_0", {
+  inject("data-v-a8e32c04_0", {
     source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:2.5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.85rem;word-break:break-word}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:.6rem;color:#67a332;width:.9rem;height:.9rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:#fff}.mensagem__principal>.mensagem .horario-envio{color:#fff}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:#fff}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros .check{display:none}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.7em}.info-mapa li.url{font-size:.7em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
     map: undefined,
     media: undefined
@@ -36347,7 +36400,7 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$3 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-f09a6b36";
+var __vue_module_identifier__$3 = "data-v-a8e32c04";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;

package/package.json

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

package/src/lib-components/Messages/ChatMessages.vue

@@ -1,6 +1,11 @@
 <template>
   <div :class="'mensagem__'+origem" v-if="origem && !erro" :id="`a${messageIndex ? messageIndex : randomizeValue}`">
-    <div class="mensagem" :class="{mapa, 'hist-msg' : histMsg}">
+    <InteratividadeFormulario 
+        v-if="interatividade && validateInterativity()"
+        :interatividade="interatividade"
+        :dictionary="dictionary"
+      />
+    <div v-else class="mensagem" :class="{mapa, 'hist-msg' : histMsg}">
       <template v-if="anexos && anexos.length">
         <div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="index">
           <AnexoMensagem :dictionary="dictionary" :anexo="anexo" :origemExterna="origemExterna" :dominio="dominio" @abrir-imagem="abrirImagem"/>
@@ -30,11 +35,6 @@
         v-if="interatividade"
         :interatividade="interatividade"
       />
-      <InteratividadeFormulario 
-        v-if="interatividade"
-        :interatividade="interatividade"
-        :dictionary="dictionary"
-      />
       <span class="horario-envio" v-text="horario"></span>
       <transition name="fade" mode="out-in">
         <span :class="reply" v-if="hasReply && (status == 'C' || status == 'T')" v-tippy :content="msgReply ? msgReply : 'Fazer reenvio da mensagem'" @click="$emit('replyMsg')"> <fa-icon :icon="['fas', 'reply']" /> </span> 
@@ -155,9 +155,10 @@ export default {
   methods: {
     validateInterativity(){
       try {
-        if(this.interatividade.formulario){
+        if(this.interatividade.formulario && this.interatividade.formulario.length){
           return true;
         }
+        return false;
       } catch (error) {
         return false;
       }

package/src/lib-components/Messages/InteratividadeFormulario.vue

@@ -57,7 +57,7 @@ export default {
   methods: {
     validateInterativity(){
       try {
-        if(this.interatividade.formulario){
+        if(this.interatividade.formulario && this.interatividade.formulario.length){
           return true;
         }
       } catch (error) {
@@ -74,7 +74,12 @@ export default {
         let foundInfosAdd = formulario.filter(f => f.TIPO_TEXTO > 999);
         let foundInfos = formulario.filter(f => f.TIPO_TEXTO < 1000);
         if(foundInfos){
-          this.informacao = foundInfos;
+          this.informacao = foundInfos.map(info => {
+                  if(info.TIPO_TEXTO == 1){
+                    info.TEXTO = info.TEXTO == 'S' ? this.dictionary.msg_sim : this.dictionary.msg_nao
+                  }
+                  return info
+                })
         }
         if(foundInfosAdd){
           this.informacaoAdicional = foundInfosAdd;
@@ -126,8 +131,12 @@ export default {
   }
   .interatividade-form-body{
     padding: 0px 10px;
+    background: white;
     border-right: 1px solid rgb(239, 239, 239);
     border-left: 1px solid rgb(239, 239, 239);
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+    padding-bottom: 10px;
   }
   .interatividade {
     margin: 10px 0;