vue-intergrall-plugins 1.0.77 → 1.0.79

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

@@ -6828,7 +6828,7 @@ var __vue_component__$r = __vue_component__$q;var textoLongo = {
     var tipoAnexo = regexAnexos.exec(type);
     tipoAnexo = !tipoAnexo ? type : tipoAnexo[1];
     if (type === "application/octet-stream") audio = true;
-    switch (tipoAnexo.toLowerCase()) {
+    switch (tipoAnexo) {
       case "image":
       case "image/jpg":
       case "jpg":
@@ -6844,6 +6844,8 @@ var __vue_component__$r = __vue_component__$q;var textoLongo = {
           nomeArquivo = name;
         }
         break;
+      case "audio/mpeg":
+      case "mpeg":
       case "audio/ogg":
       case "audio/oga":
       case "audio":
@@ -6852,10 +6854,10 @@ var __vue_component__$r = __vue_component__$q;var textoLongo = {
       case "mpga":
       case "audio/mpga":
       case "mp3":
+      case "wav":
+      case "audio/wav":
       case "audio/mp3":
       case "aac":
-      case "audio/mpeg":
-      case "mpeg":
         if (type == "oga" || type == "audio/oga") {
           tipoDoc = "audio/ogg";
         } else {
@@ -8560,12 +8562,12 @@ var __vue_staticRenderFns__$a = [];
 /* style */
 var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-e0e6a934_0", {
+  inject("data-v-f9e4ca8e_0", {
     source: ".tippy-tooltip.light-theme .tippy-backdrop{background-color:#fff}.tippy-tooltip.light-theme{background-color:#fff;border:1px solid #ccc;color:#333;-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)}.tippy-confirmation p{margin-bottom:3px}.tippy-confirmation button{border:unset;background-color:#f1f1f1;border-radius:3px;padding:5px 8px;cursor:pointer;font-size:12px}.tippy-confirmation button.cancel{border-bottom:2px solid red;margin-right:15px}.tippy-confirmation button.confirm{border-bottom:2px solid green}",
     map: undefined,
     media: undefined
-  }), inject("data-v-e0e6a934_1", {
-    source: ".mensagem__principal .default-doc{background-color:var(--files-bg)}.mensagem__principal .default-doc:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p{text-decoration:underline}.default-doc{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%;cursor:pointer;transition:background-color 150ms ease-in-out}.default-doc svg{font-size:19.2px;margin-right:5px}.default-doc p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a{margin-right:0}.mensagem__principal .file-action-button{background-color:var(--files-bg)}.mensagem__outros .file-action-button{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button:hover{background-color:rgba(100,100,100,.3)}.file-action-button{display:flex;justify-content:center;align-items:center;margin-left:12px;cursor:pointer;padding:5px;border-radius:5px;transition:background-color 150ms ease-in-out}.file-action-button a{margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-div-anexo{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro,.anexo-container a{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro,.anexo-container p{margin:0;margin-left:15px;font-size:14.4px}.anexo-container svg{font-size:32px}.anexo-mensagem audio .divAudioPai{outline:0;width:100%;margin-bottom:5px}.audioStyle{width:370px;min-width:calc(100% - 45px)}.divAudioPai{display:flex;background-color:#f1f3f4;border-radius:50%;width:100%;border-bottom-right-radius:26px;border-top-right-radius:26px}.anexo-mensagem video{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg{cursor:pointer}.mensagem-div-anexo img{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition{width:100%;height:100%}.anexo-mensagem{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert{position:relative;padding:10.4px 19.2px;margin:5px 0;border:1px solid transparent;border-radius:4px;text-align:center}.alert svg{font-size:1.025em;margin-right:2px}.pdf{color:#e74c3c}.doc{color:#006bc9}",
+  }), inject("data-v-f9e4ca8e_1", {
+    source: ".mensagem__principal .default-doc{background-color:var(--files-bg)}.mensagem__principal .default-doc:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p{text-decoration:underline}.default-doc{display:flex;align-items:center;padding:10px;border-radius:5px;width:100%;max-width:100%;cursor:pointer;transition:background-color 150ms ease-in-out}.default-doc svg{font-size:19.2px;margin:0 5px}.default-doc p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a{margin-right:0}.mensagem__principal .file-action-button{background-color:var(--files-bg)}.mensagem__outros .file-action-button{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button:hover{background-color:rgba(100,100,100,.3)}.file-action-button{display:flex;justify-content:center;align-items:center;margin-left:12px;cursor:pointer;padding:5px;border-radius:5px;transition:background-color 150ms ease-in-out}.file-action-button a{margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-div-anexo{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro,.anexo-container a{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro,.anexo-container p{margin:0;margin-left:15px;font-size:14.4px}.anexo-container svg{font-size:32px}.anexo-mensagem audio .divAudioPai{outline:0;width:100%;margin-bottom:5px}.audioStyle{width:370px;min-width:calc(100% - 45px)}.divAudioPai{display:flex;background-color:#f1f3f4;border-radius:50%;width:100%;border-bottom-right-radius:26px;border-top-right-radius:26px}.anexo-mensagem video{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg{cursor:pointer}.mensagem-div-anexo img{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition{width:100%;height:100%}.anexo-mensagem{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert{position:relative;padding:10.4px 19.2px;margin:5px 0;border:1px solid transparent;border-radius:4px;text-align:center}.alert svg{font-size:1.025em;margin-right:2px}.pdf{color:#e74c3c}.doc{color:#006bc9}",
     map: undefined,
     media: undefined
   });
@@ -8573,7 +8575,7 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$a = undefined;
 /* module identifier */
-var __vue_module_identifier__$a = "data-v-e0e6a934";
+var __vue_module_identifier__$a = "data-v-f9e4ca8e";
 /* functional template */
 var __vue_is_functional_template__$a = false;
 /* style inject shadow dom */
@@ -9126,6 +9128,12 @@ var LinkPreview = __vue_component__$d;var script$7 = {
         console.error("Erro ao ajustar a cor da mensagem: ", e);
       }
     },
+    scrollToMessage: function scrollToMessage() {
+      this.$emit("scrollToMessage", {
+        currentElem: this.$el,
+        id_ext_msg: this.id_ext_msg
+      });
+    },
     formatMsg: function formatMsg(msg) {
       if (this.status == "O") return this.dictionary.msg_excluida ? this.dictionary.msg_excluida : "MENSAGEM DELETADA";
       var regex = /(\n| )/g;
@@ -9183,6 +9191,14 @@ var __vue_render__$7 = function __vue_render__() {
   }, [_vm.replyMessage ? _c('p', {
     domProps: {
       "innerHTML": _vm._s(_vm.replyMessage)
+    },
+    on: {
+      "click": [function ($event) {
+        $event.stopPropagation();
+      }, function ($event) {
+        $event.preventDefault();
+        return _vm.scrollToMessage();
+      }]
     }
   }) : _c('span', {
     staticClass: "mensagem-reply-vazia"
@@ -9594,7 +9610,7 @@ var __vue_staticRenderFns__$7 = [];
 /* style */
 var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-95f6d940_0", {
+  inject("data-v-77784981_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
@@ -9603,7 +9619,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-95f6d940";
+var __vue_module_identifier__$7 = "data-v-77784981";
 /* 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.77",
+  "version": "1.0.79",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

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

@@ -1,12 +1,7 @@
 <template>
   <div class="mensagem-div-anexo">
     <div class="anexo-mensagem">
-      <img
-        v-if="imageURL"
-        @click="showImage(imageURL)"
-        :src="imageURL"
-        :alt="dictionary.alt_msg_img"
-      />
+      <img v-if="imageURL" @click="showImage(imageURL)" :src="imageURL" :alt="dictionary.alt_msg_img" />
       <div class="divAudioPai" v-else-if="audio">
         <audio ref="audioPlayer" class="audioStyle" controls="controls">
           <source :src="docURL" :type="fileType" />
@@ -30,42 +25,21 @@
       <!-- Acoes -->
       <div v-if="showControlFiles" class="file-actions">
         <span v-if="imageURL" class="file-action-button" @click="showImage(imageURL)">
-          <fa-icon
-            :icon="['fas', 'search-plus']"
-            v-tippy
-            :content="`${dictionary.titulo_visualizar_img}`"
-          />
+          <fa-icon :icon="['fas', 'search-plus']" v-tippy :content="`${dictionary.titulo_visualizar_img}`" />
         </span>
-        <span
-          v-if="docURL"
-          @click="openWindowFromURL(docURL)"
-          v-tippy
-          :content="`Visualizar anexo`"
-          class="file-action-button"
-        >
+        <span v-if="docURL" @click="openWindowFromURL(docURL)" v-tippy :content="`Visualizar anexo`"
+          class="file-action-button">
           <fa-icon :icon="['fas', 'search-plus']" />
         </span>
-        <a
-          v-if="imageURL || docURL"
-          :href="imageURL ? imageURL : docURL"
-          :download="`${filename}`"
-          target="_blank"
-          rel="noreferrer noopener"
-          v-tippy
-          :content="`Fazer o download do anexo`"
-          class="file-action-button"
-        >
+        <a v-if="imageURL || docURL" :href="imageURL ? imageURL : docURL" :download="`${filename}`" target="_blank"
+          rel="noreferrer noopener" v-tippy :content="`Fazer o download do anexo`" class="file-action-button">
           <fa-icon :icon="['fas', 'download']" />
         </a>
         <template v-if="imageURL || docURL">
           <tippy interactive theme="light" trigger="click">
             <template v-slot:trigger>
-              <span
-                class="file-action-button"
-                ref="download-multiple-trigger"
-                v-tippy
-                :content="`Fazer o download de todos anexos da conversa`"
-              >
+              <span class="file-action-button" ref="download-multiple-trigger" v-tippy
+                :content="`Fazer o download de todos anexos da conversa`">
                 <fa-icon :icon="['fas', 'download']" />
                 <fa-icon :icon="['fas', 'download']" />
                 <fa-icon :icon="['fas', 'download']" />
@@ -75,10 +49,7 @@
             <div class="tippy-confirmation">
               <p>Deseja fazer download de todos anexos da tela?</p>
               <button class="cancel box-shadow" @click="closeTippy">Cancelar</button>
-              <button
-                class="confirm box-shadow"
-                @click="downloadAllFilesHandler(referenceSelector)"
-              >
+              <button class="confirm box-shadow" @click="downloadAllFilesHandler(referenceSelector)">
                 Confirmar
               </button>
             </div>
@@ -241,7 +212,7 @@ export default {
 
 .default-doc svg {
   font-size: 19.2px;
-  margin-right: 5px;
+  margin: 0 5px;
 }
 
 .default-doc p {
@@ -348,6 +319,7 @@ export default {
   width: 100%;
   margin-bottom: 5px;
 }
+
 .audioStyle {
   width: 370px;
   min-width: calc(100% - 45px);

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

@@ -5,7 +5,7 @@
     <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}`">
-        <p v-if="replyMessage" v-html="replyMessage"></p>
+        <p v-if="replyMessage" v-html="replyMessage" @click.stop @click.prevent="scrollToMessage()"></p>
         <span v-else class="mensagem-reply-vazia">
           <fa-icon :icon="['fas', 'times']" v-if="showReplyIcon" />
           {{
@@ -516,6 +516,12 @@ export default {
         console.error("Erro ao ajustar a cor da mensagem: ", e);
       }
     },
+    scrollToMessage() {
+      this.$emit("scrollToMessage", {
+        currentElem: this.$el,
+        id_ext_msg: this.id_ext_msg,
+      })
+    },
     formatMsg(msg) {
       if (this.status == "O")
         return this.dictionary.msg_excluida