vue-intergrall-plugins 1.1.58 → 1.1.60

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

@@ -9095,7 +9095,7 @@ var LinkPreview = __vue_component__$d;var script$7 = {
     LinkPreview: LinkPreview,
     Picker: Picker
   },
-  props: ["hasTranscription", "transcriptionText", "transcriptionLoading", "emitContactClick", "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", "tipo_origem"],
+  props: ["hasTranscription", "transcriptionText", "transcriptionLoading", "emitContactClick", "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", "tipo_origem", "message_infos"],
   created: function created() {
     if (!this.$root.$refs.chatMessages) this.$root.$refs.chatMessages = this;
   },
@@ -9191,6 +9191,7 @@ var LinkPreview = __vue_component__$d;var script$7 = {
   mounted: function mounted() {
     if (this.mapa) this.setMap();
     if (this.corMsg) this.setCorMsg();
+    if (this.message_infos) this.setMessageInfos();
     this.validadeUrlToMsg();
   },
   methods: {
@@ -9233,6 +9234,25 @@ var LinkPreview = __vue_component__$d;var script$7 = {
       if (this.isMenuOpen) this.closeMenu();
       this.isEmojisOpen = !this.isEmojisOpen;
     },
+    setMessageInfos: function setMessageInfos() {
+      try {
+        var REACTION = this.message_infos.REACTION;
+        if (REACTION) {
+          var hexa = REACTION.split("u").slice(1).map(function (code) {
+            return "&#x".concat(code, ";");
+          }).join('');
+          var finalEmoji = REACTION.split("u").slice(1).map(function (code) {
+            return String.fromCodePoint(parseInt(code, 16));
+          }).join('');
+          this.messageReaction = {
+            hexa: hexa,
+            finalEmoji: finalEmoji
+          };
+        }
+      } catch (err) {
+        console.error("Error setting message infos: ", err);
+      }
+    },
     addReaction: function addReaction(emoji) {
       this.messageReaction = this.messageReaction && this.messageReaction.hexa === emoji.hexa ? "" : {
         hexa: emoji.hexa,
@@ -9891,7 +9911,7 @@ var __vue_inject_styles__$7 = undefined;
 /* scoped */
 var __vue_scope_id__$7 = undefined;
 /* module identifier */
-var __vue_module_identifier__$7 = "data-v-6cdc8014";
+var __vue_module_identifier__$7 = "data-v-37e8f466";
 /* functional template */
 var __vue_is_functional_template__$7 = false;
 /* style inject */
@@ -11039,7 +11059,7 @@ var __vue_render__$1 = function __vue_render__() {
     attrs: {
       "icon": ['fas', _vm.origem === 'outros' ? 'user' : 'headset']
     }
-  })], 1)], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"email-custom-buttons\">", "</div>", _vm._l(_vm.customButtons, function (button, index) {
+  })], 1)], 2) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-custom-buttons\">", "</div>", [_vm.customButtons && _vm.customButtons.length ? _vm._l(_vm.customButtons, function (button, index) {
     return _c('span', {
       directives: [{
         name: "show",
@@ -11070,7 +11090,11 @@ var __vue_render__$1 = function __vue_render__() {
         "innerHTML": _vm._s(button.svgIcon)
       }
     })], 1);
-  }), 0) : _vm._e(), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length && _vm.customActionButtons[0].type === 'ja-spam' ? _vm._ssrNode("<div class=\"ja-marcado-spam\">", "</div>", [_vm._ssrNode("<span class=\"icon-tittle-ja-spam\">", "</span>", [_c('fa-icon', {
+  }) : _vm._e(), _vm._ssrNode(" "), _vm.isOpen && _vm.filteredFiles && _vm.filteredFiles.length ? _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.filteredFiles.length + " anexos") + " class=\"email-clip-anchor cursor-pointer\">", "</span>", [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'paperclip']
+    }
+  })], 1) : _vm._e()], 2), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length && _vm.customActionButtons[0].type === 'ja-spam' ? _vm._ssrNode("<div class=\"ja-marcado-spam\">", "</div>", [_vm._ssrNode("<span class=\"icon-tittle-ja-spam\">", "</span>", [_c('fa-icon', {
     staticStyle: {
       "color": "#FF0000",
       "margin-right": "8px",
@@ -11341,7 +11365,7 @@ var __vue_inject_styles__$1 = undefined;
 /* scoped */
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
-var __vue_module_identifier__$1 = "data-v-3d44a3d6";
+var __vue_module_identifier__$1 = "data-v-41069ed6";
 /* functional template */
 var __vue_is_functional_template__$1 = false;
 /* style inject */

package/package.json

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

package/src/lib-components/Email/EmailItem.vue

@@ -11,12 +11,22 @@
         <fa-icon :icon="['fas', origem === 'outros' ? 'user' : 'headset']" class="email-to-svg" />
       </span>
     </div>
-    <div class="email-custom-buttons" v-if="customButtons && customButtons.length" @click.stop>
-      <span v-for="(button, index) in customButtons" :key="button.id || index" v-show="button.use"
-        @click="button.callback ? button.callback(returnParams(button.params)) : $emit(button.emitName, returnParams(button.params))" :class="`${button.customClass || 'menu-mensagem'}`"
-        v-tippy :content="button.tippyContent">
-        <fa-icon :icon="['fas', button.icon || 'question-circle']" v-if="!button.svgIcon" />
-        <span v-else v-html="button.svgIcon" :class="button.svgClass ? button.svgClass : ''"></span>
+    <div class="email-custom-buttons" @click.stop>
+      <template v-if="customButtons && customButtons.length">
+        <span v-for="(button, index) in customButtons" :key="button.id || index" v-show="button.use"
+          @click="button.callback ? button.callback(returnParams(button.params)) : $emit(button.emitName, returnParams(button.params))" :class="`${button.customClass || 'menu-mensagem'}`"
+          v-tippy :content="button.tippyContent">
+          <fa-icon :icon="['fas', button.icon || 'question-circle']" v-if="!button.svgIcon" />
+          <span v-else v-html="button.svgIcon" :class="button.svgClass ? button.svgClass : ''"></span>
+        </span>
+      </template>
+      <span
+        v-if="isOpen && filteredFiles && filteredFiles.length"
+        class="email-clip-anchor cursor-pointer"
+        @click.stop="scrollToAttachments"
+        :title="`${filteredFiles.length} anexos`"
+      >
+        <fa-icon :icon="['fas', 'paperclip']" />
       </span>
     </div>
     <div
@@ -97,7 +107,7 @@
         ><strong>Reenviar</strong>
       </button>
       </div>
-      <div class="header-container">
+        <div class="header-container">
         <div :class="`email-header-content${isOpen ? ' open' : ''}`">
           <div class="email-header-infos">
             <template>

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

@@ -226,6 +226,7 @@ export default {
     "showMenu",
     "id_ext_msg",
     "tipo_origem",
+    "message_infos"
   ],
   created() {
     if (!this.$root.$refs.chatMessages) this.$root.$refs.chatMessages = this;
@@ -333,6 +334,7 @@ export default {
   mounted() {
     if (this.mapa) this.setMap();
     if (this.corMsg) this.setCorMsg();
+    if(this.message_infos) this.setMessageInfos()
     this.validadeUrlToMsg();
   },
   methods: {
@@ -372,6 +374,20 @@ export default {
       if (this.isMenuOpen) this.closeMenu();
       this.isEmojisOpen = !this.isEmojisOpen;
     },
+    setMessageInfos() {
+      try {
+        const { REACTION } = this.message_infos;
+
+        if (REACTION) {
+          const hexa = REACTION.split("u").slice(1).map(code => `&#x${code};`).join('');
+          const finalEmoji = REACTION.split("u").slice(1).map(code => String.fromCodePoint(parseInt(code, 16))).join('');
+          this.messageReaction = { hexa, finalEmoji };
+        }
+
+      } catch(err) {
+        console.error("Error setting message infos: ", err);
+      }
+    },
     addReaction(emoji) {
       this.messageReaction =
         this.messageReaction && this.messageReaction.hexa === emoji.hexa