vue-intergrall-plugins 0.0.294 → 0.0.295

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

@@ -12504,8 +12504,7 @@ var __vue_component__$a = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$6
 }, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, createInjectorSSR, undefined);
 
-var LinkPreview = __vue_component__$a;//
-var script$5 = {
+var LinkPreview = __vue_component__$a;var script$5 = {
   components: {
     AnexoMensagem: AnexoMensagem,
     InteratividadeBotoes: InteratividadeBotoes,
@@ -12596,6 +12595,15 @@ var script$5 = {
     validadeSeq: function validadeSeq() {
       if (this.seq && this.seq.substring(0, 2) == "HW") return true;
       this.reply = "reply reply-with-2-icons";
+      return false;
+    },
+    hasAnyMenu: function hasAnyMenu() {
+      if (!this.showMenu || _typeof(this.showMenu) !== "object") return false;
+
+      for (var key in this.showMenu) {
+        if (this.showMenu.hasOwnProperty(key) && this.showMenu[key] === true) return true;
+      }
+
       return false;
     }
   },
@@ -12645,8 +12653,8 @@ var script$5 = {
       this.isEmojisOpen = false;
       this.$emit("reagir-mensagem", {
         emoji: emoji,
-        seq: seq,
-        id_ext_msg: id_ext_msg,
+        seq: this.seq,
+        id_ext_msg: this.id_ext_msg,
         hasEmojiReaction: this.messageReaction ? true : false
       });
     },
@@ -13104,10 +13112,10 @@ var __vue_render__$5 = function __vue_render__() {
     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"
@@ -13123,7 +13131,7 @@ var __vue_render__$5 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'reply']
     }
-  })], 1), _vm._v(" "), _c('span', {
+  })], 1) : _vm._e(), _vm._v(" "), _vm.showMenu.reaction ? _c('span', {
     directives: [{
       name: "tippy",
       rawName: "v-tippy"
@@ -13139,7 +13147,7 @@ var __vue_render__$5 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'smile']
     }
-  })], 1)]) : _vm._e(), _vm._v(" "), _vm.isEmojisOpen ? _c('div', {
+  })], 1) : _vm._e()]) : _vm._e(), _vm._v(" "), _vm.isEmojisOpen ? _c('div', {
     directives: [{
       name: "on-clickaway",
       rawName: "v-on-clickaway",
@@ -13165,15 +13173,15 @@ var __vue_render__$5 = function __vue_render__() {
     }],
     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._v(" "), _c('li', {
+  }, [_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._v(" "), _vm.messageReaction ? _c('transition', {
+  }, [_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"
@@ -13199,7 +13207,7 @@ var __vue_staticRenderFns__$5 = [];
 
 var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0cc1f1cf_0", {
+  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
@@ -13211,7 +13219,7 @@ var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$5 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$5 = "data-v-0cc1f1cf";
+var __vue_module_identifier__$5 = "data-v-1c16a2ec";
 /* functional template */
 
 var __vue_is_functional_template__$5 = false;

package/package.json

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

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

@@ -206,7 +206,7 @@
       <!-- Autor da mensagem -->
       <span class="autor-mensagem" v-html="autor"></span>
       <!-- Menu de opcoes da mensagem -->
-      <div class="menu-primario" :class="origem" v-if="showMenu">
+      <div class="menu-primario" :class="origem" v-if="hasAnyMenu">
         <!-- <span class="menu-mensagem" @click="toggleIsMenuOpen" v-tippy :content="dictionary.tit_mais_msg">
           <fa-icon :icon="['fas', 'chevron-down']" />
         </span> -->
@@ -215,6 +215,7 @@
           @click="responderMensagemHandler"
           v-tippy
           :content="dictionary.tit_responder_msg"
+          v-if="showMenu.reply"
         >
           <fa-icon :icon="['fas', 'reply']" />
         </span>
@@ -223,6 +224,7 @@
           @click="reagirMensagemHandler"
           v-tippy
           :content="dictionary.tit_reagir_msg"
+          v-if="showMenu.reaction"
         >
           <fa-icon :icon="['fas', 'smile']" />
         </span>
@@ -236,10 +238,10 @@
       </div>
       <transition name="fade" mode="out-in" v-if="isMenuOpen">
         <ul class="menu-flutuante" :class="origem" v-on-clickaway="closeMenu">
-          <li @click="responderMensagemHandler">
+          <li @click="responderMensagemHandler" v-if="showMenu.reply">
             <span> {{ dictionary.tit_responder_msg }} </span>
           </li>
-          <li @click="reagirMensagemHandler">
+          <li @click="reagirMensagemHandler" v-if="showMenu.reaction">
             <span> {{ dictionary.tit_reagir_msg }} </span>
           </li>
         </ul>
@@ -405,6 +407,13 @@ export default {
       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;
+    },
   },
   mounted() {
     if (this.mapa) this.setMap();
@@ -452,8 +461,8 @@ export default {
       this.isEmojisOpen = false;
       this.$emit("reagir-mensagem", {
         emoji,
-        seq,
-        id_ext_msg,
+        seq: this.seq,
+        id_ext_msg: this.id_ext_msg,
         hasEmojiReaction: this.messageReaction ? true : false,
       });
     },