vue-intergrall-plugins 0.0.293 → 0.0.295

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

@@ -13828,7 +13828,8 @@ var script$5 = {
     AnexoMensagem,
     InteratividadeBotoes,
     InteratividadeFormulario,
-    LinkPreview
+    LinkPreview,
+    Picker
   },
   props: ["smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply", "iniDialogo", "dialogoId", "dialogoOrigem", "expSessao", "referenceSelector", "replyMessage", "isReply", "defaultReplyMessage", "showReplyIcon", "showControlFiles", "showMenu", "id_ext_msg"],
 
@@ -13868,7 +13869,9 @@ var script$5 = {
         disableDefaultUI: false
       },
       isMenuOpen: false,
-      showMenuOptions: false
+      showMenuOptions: false,
+      isEmojisOpen: false,
+      messageReaction: ""
     };
   },
 
@@ -13907,20 +13910,30 @@ var script$5 = {
       let tooltipStar = "";
 
       if (this.iniDialogo == 1) {
-        tooltipStar += this.dictionary['ini_sessao'] + "<br/>";
+        tooltipStar += this.dictionary["ini_sessao"] + "<br/>";
       } else {
-        tooltipStar += this.dictionary['ini_sessao_padrao'] + "<br/>";
+        tooltipStar += this.dictionary["ini_sessao_padrao"] + "<br/>";
       }
 
-      tooltipStar += this.dialogoId ? this.dictionary['id_conversa'] + " - " + this.dialogoId + "<br/>" : "";
-      tooltipStar += this.dialogoOrigem ? this.dictionary['origem_conversa'] + " - " + this.dialogoOrigem + "<br/>" : "";
-      tooltipStar += this.expSessao ? this.dictionary['expiracao_sessao'] + " - " + formataTimezoneData(this.expSessao) + "<br/>" : "";
+      tooltipStar += this.dialogoId ? this.dictionary["id_conversa"] + " - " + this.dialogoId + "<br/>" : "";
+      tooltipStar += this.dialogoOrigem ? this.dictionary["origem_conversa"] + " - " + this.dialogoOrigem + "<br/>" : "";
+      tooltipStar += this.expSessao ? this.dictionary["expiracao_sessao"] + " - " + formataTimezoneData(this.expSessao) + "<br/>" : "";
       return tooltipStar;
     },
 
     validadeSeq() {
       if (this.seq && this.seq.substring(0, 2) == "HW") return true;
       this.reply = "reply reply-with-2-icons";
+      return false;
+    },
+
+    hasAnyMenu() {
+      if (!this.showMenu || typeof this.showMenu !== "object") return false;
+
+      for (let key in this.showMenu) {
+        if (this.showMenu.hasOwnProperty(key) && this.showMenu[key] === true) return true;
+      }
+
       return false;
     }
 
@@ -13943,7 +13956,7 @@ var script$5 = {
 
     responderMensagemHandler() {
       if (this.isMenuOpen) this.closeMenu();
-      this.$emit('responder-mensagem', {
+      this.$emit("responder-mensagem", {
         messageIndex: this.messageIndex,
         autor: this.autor,
         origem: this.origem,
@@ -13964,9 +13977,32 @@ var script$5 = {
       });
     },
 
+    reagirMensagemHandler() {
+      if (this.isMenuOpen) this.closeMenu();
+      this.isEmojisOpen = !this.isEmojisOpen;
+    },
+
+    addReaction(emoji) {
+      this.messageReaction = this.messageReaction && this.messageReaction.hexa === emoji.hexa ? "" : {
+        hexa: emoji.hexa,
+        finalEmoji: emoji.finalEmoji
+      };
+      this.isEmojisOpen = false;
+      this.$emit("reagir-mensagem", {
+        emoji,
+        seq: this.seq,
+        id_ext_msg: this.id_ext_msg,
+        hasEmojiReaction: this.messageReaction ? true : false
+      });
+    },
+
+    closeEmojis() {
+      this.isEmojisOpen = false;
+    },
+
     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.list && this.interatividade.tipo == "listItem") {
           return true;
         }
 
@@ -13997,7 +14033,7 @@ var script$5 = {
     },
 
     removeUrlStickerByString(url) {
-      let msg = this.message.replace(`KSTICKERK ${url}`, '');
+      let msg = this.message.replace(`KSTICKERK ${url}`, "");
       return msg;
     },
 
@@ -14015,7 +14051,7 @@ var script$5 = {
     setCorMsg() {
       try {
         const root = document.documentElement;
-        root.style.setProperty('--message-color', this.corMsg);
+        root.style.setProperty("--message-color", this.corMsg);
         this.adjustFontColor(this.corMsg);
       } catch (e) {
         console.error("Erro ao atribuir a cor as mensagens");
@@ -14099,16 +14135,16 @@ var script$5 = {
         l = Math.round(l);
         h = Math.round(360 * h);
         const root = document.documentElement;
-        root.style.setProperty('--text-color', l <= 50 ? "#FFF" : "#111B21");
-        root.style.setProperty('--files-bg', l <= 50 ? "rgba(255, 255, 255, 0.1)" : "rgba(100, 100, 100, 0.1)");
-        root.style.setProperty('--files-bg-hover', l <= 50 ? "rgba(255, 255, 255, 0.3)" : "rgba(100, 100, 100, 0.3)");
+        root.style.setProperty("--text-color", l <= 50 ? "#FFF" : "#111B21");
+        root.style.setProperty("--files-bg", l <= 50 ? "rgba(255, 255, 255, 0.1)" : "rgba(100, 100, 100, 0.1)");
+        root.style.setProperty("--files-bg-hover", l <= 50 ? "rgba(255, 255, 255, 0.3)" : "rgba(100, 100, 100, 0.3)");
       } catch (e) {
         console.error("Erro ao ajustar a cor da mensagem: ", e);
       }
     },
 
     formatMsg(msg) {
-      if (this.status == 'O') return this.dictionary.msg_excluida ? this.dictionary.msg_excluida : 'MENSAGEM DELETADA';
+      if (this.status == "O") return this.dictionary.msg_excluida ? this.dictionary.msg_excluida : "MENSAGEM DELETADA";
       const regex = /(\n|&nbsp;)/g;
       if (regex.test(msg)) msg = msg.replace(regex, "<br>");
       return msg;
@@ -14217,7 +14253,7 @@ var __vue_render__$5 = function () {
           return _vm.abrirPopup(info.value);
         }
       }
-    }, [_vm._v(" " + _vm._s(info.textLink) + " "), _c('fa-icon', {
+    }, [_vm._v("\n            " + _vm._s(info.textLink) + " "), _c('fa-icon', {
       attrs: {
         "icon": ['fas', 'map-marker-alt']
       }
@@ -14429,10 +14465,10 @@ var __vue_render__$5 = function () {
     domProps: {
       "innerHTML": _vm._s(_vm.autor)
     }
-  }), _vm._v(" "), _vm.showMenu ? _c('div', {
+  }), _vm._v(" "), _vm.hasAnyMenu ? _c('div', {
     staticClass: "menu-primario",
     class: _vm.origem
-  }, [_c('span', {
+  }, [_vm.showMenu.reply ? _c('span', {
     directives: [{
       name: "tippy",
       rawName: "v-tippy"
@@ -14448,7 +14484,35 @@ var __vue_render__$5 = function () {
     attrs: {
       "icon": ['fas', 'reply']
     }
-  })], 1)]) : _vm._e(), _vm._v(" "), _vm.isMenuOpen ? _c('transition', {
+  })], 1) : _vm._e(), _vm._v(" "), _vm.showMenu.reaction ? _c('span', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "menu-mensagem",
+    attrs: {
+      "content": _vm.dictionary.tit_reagir_msg
+    },
+    on: {
+      "click": _vm.reagirMensagemHandler
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'smile']
+    }
+  })], 1) : _vm._e()]) : _vm._e(), _vm._v(" "), _vm.isEmojisOpen ? _c('div', {
+    directives: [{
+      name: "on-clickaway",
+      rawName: "v-on-clickaway",
+      value: _vm.closeEmojis,
+      expression: "closeEmojis"
+    }],
+    staticClass: "emoji-message-container"
+  }, [_c('Picker', {
+    on: {
+      "insert-emoji": _vm.addReaction
+    }
+  })], 1) : _vm._e(), _vm._v(" "), _vm.isMenuOpen ? _c('transition', {
     attrs: {
       "name": "fade",
       "mode": "out-in"
@@ -14462,11 +14526,33 @@ var __vue_render__$5 = function () {
     }],
     staticClass: "menu-flutuante",
     class: _vm.origem
-  }, [_c('li', {
+  }, [_vm.showMenu.reply ? _c('li', {
     on: {
       "click": _vm.responderMensagemHandler
     }
-  }, [_c('span', [_vm._v(" " + _vm._s(_vm.dictionary.tit_responder_msg) + " ")])])])]) : _vm._e()], 2)], 1) : _vm._e();
+  }, [_c('span', [_vm._v(" " + _vm._s(_vm.dictionary.tit_responder_msg) + " ")])]) : _vm._e(), _vm._v(" "), _vm.showMenu.reaction ? _c('li', {
+    on: {
+      "click": _vm.reagirMensagemHandler
+    }
+  }, [_c('span', [_vm._v(" " + _vm._s(_vm.dictionary.tit_reagir_msg) + " ")])]) : _vm._e()])]) : _vm._e(), _vm._v(" "), _vm.messageReaction ? _c('transition', {
+    attrs: {
+      "name": "fade",
+      "mode": "out-in"
+    }
+  }, [_c('span', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "reaction",
+    attrs: {
+      "content": _vm.dictionary.tit_mensagem_reagida + " " + _vm.messageReaction.finalEmoji
+    }
+  }, [_c('span', {
+    domProps: {
+      "innerHTML": _vm._s(_vm.messageReaction.finalEmoji)
+    }
+  })])]) : _vm._e()], 2)], 1) : _vm._e();
 };
 
 var __vue_staticRenderFns__$5 = [];
@@ -14474,8 +14560,8 @@ var __vue_staticRenderFns__$5 = [];
 
 const __vue_inject_styles__$5 = function (inject) {
   if (!inject) return;
-  inject("data-v-cd6c8968_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:.75rem;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:.75rem;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:hover .menu-primario{visibility:visible;opacity:1}.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}.menu-primario{visibility:hidden;opacity:0;transition:opacity 150ms ease-in-out;position:absolute;font-size:.7rem;top:3px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:4px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:4px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px}.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}",
+  inject("data-v-1c16a2ec_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:.75rem;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:.75rem;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:hover .menu-primario{visibility:visible;opacity:1}.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}.menu-primario{visibility:hidden;opacity:0;transition:opacity 150ms ease-in-out;position:absolute;font-size:.7rem;top:3px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:4px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:4px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px}.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;left:0;right:0}.emoji-message-container .sm-emoji-picker{height:200px;width:90%!important}.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}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
     map: undefined,
     media: undefined
   });