vue-intergrall-plugins 1.0.80 → 1.0.82

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

@@ -2935,14 +2935,7 @@ var resetTargets = function resetTargets($el, inputClass, parentClass, defaultHe
   parentTargets.forEach(function (target) {
     target.style.height = defaultHeight;
   });
-};function formataData(data) {
-  if (!data || data == '1111-11-11') return '';
-  data = data.split("-");
-  data = data.reverse();
-  data = data.join("/");
-  return data;
-}
-function formataDataHora(dataHora, origem, cortarSegundos, dicionario) {
+};function formataDataHora(dataHora, origem, cortarSegundos, dicionario) {
   dicionario = dicionario ? dicionario : {
     msg_divisao_data_hora: ' - '
   };
@@ -7685,11 +7678,6 @@ var InteratividadePopup = __vue_component__$l;var script$e = {
       type: Object,
       required: true
     },
-    infoCanal: {
-      type: [Object, Array],
-      required: false,
-      default: {}
-    },
     dominio: {
       type: String,
       required: true
@@ -7703,32 +7691,6 @@ var InteratividadePopup = __vue_component__$l;var script$e = {
       required: false
     }
   },
-  computed: {
-    situation: function situation() {
-      try {
-        var SITUACAO = this.infoCanal.SITUACAO;
-        return SITUACAO ? SITUACAO : null;
-      } catch (e) {
-        console.error("Erro ao gerar a situacao do atendimento");
-        console.error(e);
-      }
-    },
-    deadline: function deadline() {
-      try {
-        var _this$infoCanal = this.infoCanal,
-          PRAZO = _this$infoCanal.PRAZO,
-          NOME_CAMPO_PRAZO = _this$infoCanal.NOME_CAMPO_PRAZO;
-        return {
-          text: PRAZO ? formataData(PRAZO) : "---",
-          title: NOME_CAMPO_PRAZO ? NOME_CAMPO_PRAZO : this.dictionary.tit_prazo
-        };
-      } catch (e) {
-        console.error("Erro ao gerar o prazo do atendimento");
-        console.error(e);
-        return {};
-      }
-    }
-  },
   mounted: function mounted() {
     if (this.validateInterativity()) {
       this.verifyInfoAditional();
@@ -7804,12 +7766,7 @@ var __vue_render__$e = function __vue_render__() {
   var _c = _vm._self._c || _h;
   return _c('div', {
     staticClass: "interatividade"
-  }, [_vm._ssrNode((Object.keys(_vm.infoCanal).length > 0 ? "<div><div class=\"d-flex overflow-hidden mt-10 w-100 d-flex flex-wrap\">" + (_vm.situation || _vm.deadline.text ? "<div class=\"d-flex-center flex-column w-100 border-radius-10 border-1 bg-dark-white-2 border-color-gray p-10 mb-10\"" + _vm._ssrStyle(null, "" + (_vm.situation && _vm.situation.cor ? "border: 1px solid " + _vm.situation.cor : ''), null) + "><div class=\"d-flex w-100 mb-5\">" + (_vm.situation ? "<strong class=\"text-ellipsis text-left fs-_85\">" + _vm._ssrEscape(_vm._s(_vm.dictionary.chip_situacao + ":")) + "</strong>" : "<!---->") + " " + (_vm.situation ? "<span class=\"ml-5 text-left fs-_85 text-shadow\"" + _vm._ssrStyle(null, "color: " + _vm.situation.cor, null) + ">" + _vm._ssrEscape(_vm._s(_vm.verificaInfos(_vm.situation))) + "</span>" : "<!---->") + "</div> " + (_vm.deadline.text ? "<div class=\"d-flex w-100\"><strong class=\"text-ellipsis text-left fs-_75\">" + _vm._ssrEscape(_vm._s(_vm.deadline.title + ":")) + "</strong> <span class=\"ml-5 text-nowrap text-left fs-_75\">" + _vm._ssrEscape(_vm._s(_vm.deadline.text)) + "</span></div>" : "<!---->") + "</div>" : "<!---->") + "</div></div>" : "<!---->") + " "), _vm.informacao.length ? [_vm._ssrNode("<div class=\"interatividade-form-header d-flex justify-content-between\">", "</div>", [_vm._ssrNode(_vm._ssrEscape("\n      " + _vm._s(_vm.dictionary.msg_abertura_reclamacao) + "\n      ")), _vm._ssrNode("<span class=\"d-flex-center\">", "</span>", [_c('fa-icon', {
-    staticClass: "mr-5",
-    attrs: {
-      "icon": ['fas', 'calendar']
-    }
-  }), _vm._ssrNode(_vm._ssrEscape("\n        " + _vm._s(_vm.formataDataHora(_vm.infoCanal.DATA_ABERTURA)) + "\n      "))], 2)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"interatividade-form-body\">", "</div>", [_vm._ssrNode(_vm._ssrList(_vm.informacao, function (form) {
+  }, [_vm.informacao.length ? [_vm._ssrNode("<div class=\"interatividade-form-body\">", "</div>", [_vm._ssrNode(_vm._ssrList(_vm.informacao, function (form) {
     return "<div class=\"interatividade-info-form\">" + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-titulo-form\">" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO)) + "</p>" : "<!---->") + " " + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-description-form\">" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div>";
   }) + " " + (_vm.informacaoAdicional.length ? "<div class=\"interatividade-form-header\">" + _vm._ssrEscape("\n        " + _vm._s(_vm.dictionary.msg_info_adicional) + "\n      ") + "</div>" : "<!---->") + " <div class=\"interatividade-form-body\">" + _vm._ssrList(_vm.informacaoAdicional, function (form) {
     return "<div class=\"interatividade-add-info-form\"><div class=\"divisor-form-info-aditional\"><div class=\"info-aditional\">" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-titulo-form\">" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO + ': ')) + "</p>" : "<!---->") + "</div> <div class=\"info-aditional\">" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-description-form\">" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div></div></div>";
@@ -7841,7 +7798,7 @@ var __vue_staticRenderFns__$e = [];
 /* style */
 var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-72008511_0", {
+  inject("data-v-3090f7e0_0", {
     source: ".divisor-form-info-aditional{display:flex;align-items:center;justify-content:space-around}.info-aditional{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header{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:14.4px}.interatividade-form-body{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{margin:10px 0}.interatividade-titulo-form{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;max-width:100%;margin:0;padding:0;padding-top:5px}.interatividade-description-form{overflow:hidden;max-width:100%;margin:0;padding:0}.text-dark{color:#333}.ml-3{margin-left:3px}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.d-flex{display:flex}.align-items-end{align-items:flex-end}.flex-column{flex-direction:column}.text-bold{font-weight:700}.m-5{margin:5px}.mb-5{margin-bottom:5px}.mx-5{margin-left:5px;margin-right:5px}.cursor-pointer{cursor:pointer}.bg-dark-white-2{background-color:#f7f7f7}.border-radius-10{border-radius:10px}.w-100{width:100%}.overflow-hidden{overflow:hidden}.mt-10{margin-top:10px}.flex-wrap{flex-wrap:wrap}.d-flex{display:flex}.p-10{padding:10px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.d-flex-center{display:flex;justify-content:center;align-items:center}.fs-_85{font-size:13.6px}.text-ellipsis{text-overflow:ellipsis}.text-left{text-align:left}.text-ellipsis{white-space:nowrap;overflow:hidden}.ml-5{margin-left:5px}.text-shadow{text-shadow:0 0 #000}.justify-content-between{justify-content:space-between}.mr-5{margin-right:5px}",
     map: undefined,
     media: undefined
@@ -7850,7 +7807,7 @@ var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$e = undefined;
 /* module identifier */
-var __vue_module_identifier__$e = "data-v-72008511";
+var __vue_module_identifier__$e = "data-v-3090f7e0";
 /* functional template */
 var __vue_is_functional_template__$e = false;
 /* style inject shadow dom */
@@ -8639,7 +8596,11 @@ var __vue_render__$9 = function __vue_render__() {
   var _c = _vm._self._c || _h;
   return _c('div', {
     staticClass: "interatividade"
-  }, [_c('transition', {
+  }, [_vm.interatividade.parameters && _vm.interatividade.parameters.button && _vm.interatividade.parameters.button.type === 'dynamicURL' || _vm.interatividade.parameters.button.type === 'staticURL' ? _vm._ssrNode("<div class=\"interatividade-btn\">", "</div>", [_vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.interatividade.parameters.button.text) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"interatividade-link\">", "</a>", [_vm._ssrNode("\n      Acessar "), _c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'external-link-square-alt']
+    }
+  })], 2)]) : _vm.interatividade.parameters && _vm.interatividade.parameters.button && _vm.interatividade.parameters.button.type === 'phoneNumber' ? _vm._ssrNode("<div class=\"interatividade-btn\"><p" + _vm._ssrAttr("title", _vm.interatividade.parameters.button.text + " (" + _vm.interatividade.parameters.button.phoneNumber + ")") + " class=\"interatividade-titulo\">" + _vm._ssrEscape(_vm._s(_vm.interatividade.parameters.button.text + " (" + _vm.interatividade.parameters.button.phoneNumber + ")")) + "</p></div>") : _vm.interatividade.parameters && _vm.interatividade.parameters.button && _vm.interatividade.parameters.button.type === 'quickReply' ? _vm._ssrNode("<div class=\"interatividade-btn\"><p" + _vm._ssrAttr("title", "" + _vm.interatividade.parameters.button.text) + " class=\"interatividade-titulo\">" + _vm._ssrEscape(_vm._s("" + _vm.interatividade.parameters.button.text)) + "</p></div>") : _vm._e(), _vm._ssrNode(" "), _c('transition', {
     attrs: {
       "name": "show-x"
     }
@@ -8662,8 +8623,8 @@ var __vue_staticRenderFns__$9 = [];
 /* style */
 var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-71bc7c2a_0", {
-    source: ".interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#111b21;padding:10px 12px;border-radius:5px;margin-bottom:10px}.interatividade-btn:nth-child(1){margin-top:10px}.interatividade-titulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape{color:#818181;margin-top:5px}.interatividade-lista-link{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link:hover{color:#00628f}",
+  inject("data-v-23bb5782_0", {
+    source: ".interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#111b21;padding:10px 12px;border-radius:5px;margin-bottom:10px}.interatividade-link{color:#0c5c8f!important;text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;gap:5px}.interatividade-btn:nth-child(1){margin-top:10px}.interatividade-titulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape{color:#818181;margin-top:5px}.interatividade-lista-link{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link:hover{color:#00628f}",
     map: undefined,
     media: undefined
   });
@@ -8671,7 +8632,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$9 = undefined;
 /* module identifier */
-var __vue_module_identifier__$9 = "data-v-71bc7c2a";
+var __vue_module_identifier__$9 = "data-v-23bb5782";
 /* functional template */
 var __vue_is_functional_template__$9 = false;
 /* style inject shadow dom */
@@ -8858,7 +8819,6 @@ var LinkPreview = __vue_component__$d;var script$7 = {
   data: function data() {
     return {
       strTooltipAux: "",
-      linkAux: "",
       urlSticker: "",
       urlFileName: "",
       message: "",
@@ -8866,15 +8826,6 @@ var LinkPreview = __vue_component__$d;var script$7 = {
       center: {},
       marker: {},
       infos: [],
-      infoCanalTeste: {
-        PRAZO: "2022-05-05",
-        SITUACAO: {
-          cod: "3",
-          desc: "Em analise pelo fornecedor",
-          cor: "#03A64A"
-        },
-        DATA_ABERTURA: "2022-05-03 09:43:43"
-      },
       mapOptions: {
         zoomControl: true,
         mapTypeControl: false,
@@ -9007,7 +8958,7 @@ var LinkPreview = __vue_component__$d;var script$7 = {
     },
     validateInterativity: function validateInterativity() {
       try {
-        if (this.interatividade && this.interatividade.formulario && this.interatividade.formulario.length || this.interatividade.list && this.interatividade.tipo == "listItem") {
+        if (this.interatividade && this.interatividade.formulario && this.interatividade.formulario.length || this.interatividade && this.interatividade.list && this.interatividade.tipo == "listItem") {
           return true;
         }
         return false;
@@ -9174,7 +9125,6 @@ var __vue_render__$7 = function __vue_render__() {
     attrs: {
       "interatividade": _vm.interatividade,
       "dominio": _vm.dominio,
-      "infoCanal": _vm.infoCanalTeste,
       "anexos": _vm.anexos,
       "dictionary": _vm.dictionary
     }
@@ -9610,7 +9560,7 @@ var __vue_staticRenderFns__$7 = [];
 /* style */
 var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4ff9b7b5_0", {
+  inject("data-v-0f47ea80_0", {
     source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:12px;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius: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:12px;word-break:break-word;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mensagem.max-w-60{max-width:60%}.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:9.6px;color:#67a332;width:14.4px;height:14.4px;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:11.2px}.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:6.4px;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:11.2px;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:9.6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{transition:opacity 150ms ease-in-out;position:absolute;font-size:11.2px;top:2px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:2px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:2px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px;opacity:.7;transition:opacity .1s ease-in-out}.menu-mensagem:active,.menu-mensagem:focus,.menu-mensagem:hover{opacity:1}.menu-flutuante{background-color:#fff;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:10px;position:absolute;top:20px;width:120px;min-height:50px;height:50px;max-height:50px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column;z-index:1}.menu-flutuante.principal{left:3px}.menu-flutuante.outros{right:3px}.menu-flutuante li{transition:background-color .3s ease-in-out;width:100%;cursor:pointer;padding:5px 10px;display:flex;align-items:center}.menu-flutuante li:hover{background-color:#e9e9e9}.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:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.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>.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:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.emoji-message-container{position:absolute;top:0;z-index:1;width:300px;height:250px}.emoji-message-container .sm-emoji-picker{width:300px;height:250px}.emoji-message-container .sm-emoji-picker .sm-emoji-header{overflow-x:auto;overflow-y:hidden}.reaction{position:absolute;bottom:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(100,100,100,.4);padding:5px;font-size:1.3em;min-width:1.8em;min-height:1.8em;max-width:1.8em;max-height:1.8em}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
     map: undefined,
     media: undefined
@@ -9619,7 +9569,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$7 = undefined;
 /* module identifier */
-var __vue_module_identifier__$7 = "data-v-4ff9b7b5";
+var __vue_module_identifier__$7 = "data-v-0f47ea80";
 /* functional template */
 var __vue_is_functional_template__$7 = false;
 /* style inject shadow dom */

package/package.json

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

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

@@ -1,7 +1,7 @@
 <template>
   <div :class="'mensagem__' + origem" v-if="origem && !erro" :id="`a${messageIndex ? messageIndex : randomizeValue}`">
     <InteratividadeFormulario v-if="interatividade && validateInterativity()" :interatividade="interatividade"
-      :dominio="dominio" :infoCanal="infoCanalTeste" :anexos="anexos" :dictionary="dictionary" />
+      :dominio="dominio" :anexos="anexos" :dictionary="dictionary" />
     <div v-else class="mensagem" :class="{ mapa, 'hist-msg': histMsg, 'max-w-60': link && !mapa }">
       <!-- Estilo da mensagem do tipo reply (que foi respondida) -->
       <div v-if="isReply && replyMessage" class="mensagem-reply" :class="`message-reply-${origem}`">
@@ -156,7 +156,7 @@ import InteratividadeFormulario from "./InteratividadeFormulario";
 import Picker from "../Chat/Picker";
 import { formataTimezoneData } from "../../services/textFormatting";
 import LinkPreview from "./LinkPreview";
-import Clickaway from '@/directives/clickaway';
+import Clickaway from "@/directives/clickaway";
 
 export default {
   components: {
@@ -215,12 +215,11 @@ export default {
     if (!this.$root.$refs.chatMessages) this.$root.$refs.chatMessages = this;
   },
   directives: {
-    clickaway: Clickaway
+    clickaway: Clickaway,
   },
   data() {
     return {
       strTooltipAux: "",
-      linkAux: "",
       urlSticker: "",
       urlFileName: "",
       message: "",
@@ -228,11 +227,6 @@ export default {
       center: {},
       marker: {},
       infos: [],
-      infoCanalTeste: {
-        PRAZO: "2022-05-05",
-        SITUACAO: { cod: "3", desc: "Em analise pelo fornecedor", cor: "#03A64A" },
-        DATA_ABERTURA: "2022-05-03 09:43:43",
-      },
       mapOptions: {
         zoomControl: true,
         mapTypeControl: false,
@@ -296,8 +290,8 @@ export default {
 
       if (this.tipo_origem) {
         tooltipStar += `${this.dictionary["tipo_origem"]}: ${this.dictionary[`tipo_origem_${this.tipo_origem}`]
-          ? this.dictionary[`tipo_origem_${this.tipo_origem}`]
-          : this.tipo_origem
+            ? this.dictionary[`tipo_origem_${this.tipo_origem}`]
+            : this.tipo_origem
           }<br/>`;
       }
 
@@ -380,7 +374,9 @@ export default {
           (this.interatividade &&
             this.interatividade.formulario &&
             this.interatividade.formulario.length) ||
-          (this.interatividade.list && this.interatividade.tipo == "listItem")
+          (this.interatividade &&
+            this.interatividade.list &&
+            this.interatividade.tipo == "listItem")
         ) {
           return true;
         }
@@ -520,7 +516,7 @@ export default {
       this.$emit("scrollToMessage", {
         currentElem: this.$el,
         isReply: this.isReply,
-      })
+      });
     },
     formatMsg(msg) {
       if (this.status == "O")
@@ -799,7 +795,7 @@ export default {
 .menu-mensagem {
   cursor: pointer;
   padding: 1px;
-  opacity: .7;
+  opacity: 0.7;
   transition: opacity 100ms ease-in-out;
 }
 
@@ -913,8 +909,8 @@ export default {
 }
 
 /* .mensagem__outros .check{
-    display: none
-  } */
+          display: none
+        } */
 .mensagem__outros>.autor-mensagem {
   left: 5px;
   color: #333;
@@ -976,27 +972,27 @@ export default {
 }
 
 /* .emoji-message-container {
-  z-index: 1;
-  overflow: hidden;
-  width: 300px;
-  height: 250px;
+        z-index: 1;
+        overflow: hidden;
+        width: 300px;
+        height: 250px;
+
+        >.sm-emoji-picker {
+          position: relative;
+          width: 300px;
+          height: 250px;
+        }
+      }
 
-  >.sm-emoji-picker {
-    position: relative;
-    width: 300px;
-    height: 250px;
-  }
-}
-
-.mensagem .reaction {
-  $size: 1.8em;
-  width: $size;
-  height: $size;
-  min-width: $size;
-  min-height: $size;
-  max-width: $size;
-  max-height: $size;
-} */
+      .mensagem .reaction {
+        $size: 1.8em;
+        width: $size;
+        height: $size;
+        min-width: $size;
+        min-height: $size;
+        max-width: $size;
+        max-height: $size;
+      } */
 
 .emoji-message-container .sm-emoji-picker {
   width: 300px;

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

@@ -1,55 +1,56 @@
 <template>
   <div class="interatividade">
+    <div v-if="
+      (interatividade.parameters &&
+        interatividade.parameters.button &&
+        interatividade.parameters.button.type === 'dynamicURL') ||
+      interatividade.parameters.button.type === 'staticURL'
+    " class="interatividade-btn">
+      <a :href="interatividade.parameters.button.text" target="_blank" rel="noreferrer noopener"
+        class="interatividade-link">
+        Acessar <fa-icon :icon="['fas', 'external-link-square-alt']" />
+      </a>
+    </div>
+    <div v-else-if="
+      interatividade.parameters &&
+      interatividade.parameters.button &&
+      interatividade.parameters.button.type === 'phoneNumber'
+    " class="interatividade-btn">
+      <p class="interatividade-titulo"
+        :title="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`" v-text="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`
+          "></p>
+    </div>
+    <div v-else-if="
+      interatividade.parameters &&
+      interatividade.parameters.button &&
+      interatividade.parameters.button.type === 'quickReply'
+    " class="interatividade-btn">
+      <p class="interatividade-titulo" :title="`${interatividade.parameters.button.text}`"
+        v-text="`${interatividade.parameters.button.text}`"></p>
+    </div>
     <transition name="show-x">
-      <InteratividadePopup
-        v-if="listaEstaAberta"
-        :lista="listaExpandida"
-        :titulo="objItens.list.title"
-        @close="listaEstaAberta = false"
-      />
+      <InteratividadePopup v-if="listaEstaAberta" :lista="listaExpandida" :titulo="objItens.list.title"
+        @close="listaEstaAberta = false" />
     </transition>
     <template v-if="arrBotoes.length">
-      <div
-        v-for="(btn, index) in arrBotoes"
-        :key="index"
-        :title="btn.titulo"
-        class="interatividade-btn"
-      >
+      <div v-for="(btn, index) in arrBotoes" :key="index" :title="btn.titulo" class="interatividade-btn">
         <p v-html="btn.titulo" class="interatividade-titulo"></p>
       </div>
     </template>
     <template v-else-if="Object.keys(objItens).length">
-      <div
-        class="interatividade-lista"
-        :class="tipoBotoes == 'listItem' ? 'bg-none' : ''"
-      >
-        <div
-          class="interatividade-lista-conteudo"
-          :class="tipoBotoes == 'listItem' ? 'border-bottom-none padding-none' : ''"
-        >
-          <p
-            v-if="objItens.header && objItens.header.text"
-            v-html="objItens.header.text"
-            class="interatividade-lista-titulo"
-          ></p>
-          <p
-            v-if="objItens.body && objItens.body.text"
-            v-html="objItens.body.text"
-            class="interatividade-lista-corpo"
-          ></p>
-          <p
-            v-if="objItens.footer && objItens.footer.text"
-            v-html="objItens.footer.text"
-            class="interatividade-lista-rodape"
-          ></p>
+      <div class="interatividade-lista" :class="tipoBotoes == 'listItem' ? 'bg-none' : ''">
+        <div class="interatividade-lista-conteudo"
+          :class="tipoBotoes == 'listItem' ? 'border-bottom-none padding-none' : ''">
+          <p v-if="objItens.header && objItens.header.text" v-html="objItens.header.text"
+            class="interatividade-lista-titulo"></p>
+          <p v-if="objItens.body && objItens.body.text" v-html="objItens.body.text" class="interatividade-lista-corpo">
+          </p>
+          <p v-if="objItens.footer && objItens.footer.text" v-html="objItens.footer.text"
+            class="interatividade-lista-rodape"></p>
         </div>
-        <p
-          v-if="objItens.list && objItens.list.title"
-          v-html="objItens.list.title"
-          @click="expandirLista"
-          :class="tipoBotoes == 'listItem' ? 'bg-white border-radius-5 mt-5' : ''"
-          class="interatividade-lista-link"
-        ></p>
+        <p v-if="objItens.list && objItens.list.title" v-html="objItens.list.title" @click="expandirLista"
+          :class="tipoBotoes == 'listItem' ? 'bg-white border-radius-5 mt-5' : ''" class="interatividade-lista-link">
+        </p>
       </div>
     </template>
   </div>
@@ -115,9 +116,21 @@ export default {
   border-radius: 5px;
   margin-bottom: 10px;
 }
+
+.interatividade-link {
+  color: #0c5c8f !important;
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  gap: 5px;
+}
+
 .interatividade-btn:nth-child(1) {
   margin-top: 10px;
 }
+
 .interatividade-titulo {
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -140,15 +153,18 @@ export default {
   padding: 10px;
   border-bottom: 1px solid #d7d7d7;
 }
+
 .interatividade-lista-titulo {
   font-weight: bold;
   font-size: 1.2em;
   margin-bottom: 10px;
 }
+
 .interatividade-lista-rodape {
   color: #818181;
   margin-top: 5px;
 }
+
 .interatividade-lista-link {
   width: 100%;
   text-align: center;
@@ -157,6 +173,7 @@ export default {
   cursor: pointer;
   transition: color 200ms ease-in-out;
 }
+
 .interatividade-lista-link:hover {
   color: rgb(0, 98, 143);
 }