vue-intergrall-plugins 0.0.273 → 0.0.274

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

@@ -10641,12 +10641,12 @@ var __vue_component__$n = __vue_component__$m;var textoLongo = {
     setIcon: function setIcon() {
       this.icon = typeof this.fileType == 'string' && this.fileType.indexOf('pdf') > -1 ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
     },
-    downloadAllFilesHandler: function downloadAllFilesHandler() {
+    downloadAllFilesHandler: function downloadAllFilesHandler(referenceSelector) {
       var _this = this;
 
       try {
-        if (!this.$root.$refs.chatMessages || !this.$root.$refs.chatMessages.referenceSelector) return this.$emit("download-all");
-        var container = document.querySelector("".concat(this.$root.$refs.chatMessages.referenceSelector));
+        if (!referenceSelector) return this.$emit("download-all");
+        var container = document.querySelector("".concat(referenceSelector));
         if (!container) return this.$emit("download-all");
         var currentFilesToDownload = container.querySelectorAll("a[download]");
         if (!currentFilesToDownload.length) return this.$emit("download-all", {
@@ -11833,6 +11833,10 @@ var script$8 = {
     origemExterna: {
       type: Boolean,
       required: false
+    },
+    referenceSelector: {
+      type: String,
+      required: true
     }
   },
   data: function data() {
@@ -11893,17 +11897,17 @@ var __vue_render__$8 = function __vue_render__() {
 
   return _c('div', {
     staticClass: "mensagem-div-anexo"
-  }, [_vm._ssrNode("<div class=\"anexo-mensagem\" data-v-f7455c68>", "</div>", [_vm.imageURL ? _vm._ssrNode("<img" + _vm._ssrAttr("src", _vm.imageURL) + _vm._ssrAttr("alt", _vm.dictionary.alt_msg_img) + " data-v-f7455c68>", "</img>") : _vm.audio ? _vm._ssrNode("<audio controls=\"controls\" data-v-f7455c68><source" + _vm._ssrAttr("src", _vm.docURL) + _vm._ssrAttr("type", _vm.fileType) + " data-v-f7455c68>\n      Sem suporte para o elemento audio\n    </audio>") : _vm.video ? _vm._ssrNode("<video controls=\"controls\" data-v-f7455c68><source" + _vm._ssrAttr("src", _vm.docURL) + _vm._ssrAttr("type", _vm.fileType) + " data-v-f7455c68>\n      Sem suporte para o elemento video\n    </video>") : _vm.docURL ? _vm._ssrNode("<span class=\"default-doc\" data-v-f7455c68>", "</span>", [_c('fa-icon', {
+  }, [_vm._ssrNode("<div class=\"anexo-mensagem\" data-v-07891d07>", "</div>", [_vm.imageURL ? _vm._ssrNode("<img" + _vm._ssrAttr("src", _vm.imageURL) + _vm._ssrAttr("alt", _vm.dictionary.alt_msg_img) + " data-v-07891d07>", "</img>") : _vm.audio ? _vm._ssrNode("<audio controls=\"controls\" data-v-07891d07><source" + _vm._ssrAttr("src", _vm.docURL) + _vm._ssrAttr("type", _vm.fileType) + " data-v-07891d07>\n      Sem suporte para o elemento audio\n    </audio>") : _vm.video ? _vm._ssrNode("<video controls=\"controls\" data-v-07891d07><source" + _vm._ssrAttr("src", _vm.docURL) + _vm._ssrAttr("type", _vm.fileType) + " data-v-07891d07>\n      Sem suporte para o elemento video\n    </video>") : _vm.docURL ? _vm._ssrNode("<span class=\"default-doc\" data-v-07891d07>", "</span>", [_c('fa-icon', {
     class: [_vm.iconClass],
     attrs: {
       "icon": _vm.icon
     }
-  }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + " data-v-f7455c68>" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2) : _vm._ssrNode("<span class=\"default-doc\" data-v-f7455c68>", "</span>", [_c('fa-icon', {
+  }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + " data-v-07891d07>" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2) : _vm._ssrNode("<span class=\"default-doc\" data-v-07891d07>", "</span>", [_c('fa-icon', {
     class: [_vm.iconClass ? _vm.iconClass : ''],
     attrs: {
       "icon": ['fas', 'file-alt']
     }
-  }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + " data-v-f7455c68>" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"file-actions\" data-v-f7455c68>", "</div>", [_vm.imageURL ? _vm._ssrNode("<span class=\"file-action-button\" data-v-f7455c68>", "</span>", [_c('fa-icon', {
+  }), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.filename) + " data-v-07891d07>" + _vm._ssrEscape(_vm._s(_vm.filename)) + "</p>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"file-actions\" data-v-07891d07>", "</div>", [_vm.imageURL ? _vm._ssrNode("<span class=\"file-action-button\" data-v-07891d07>", "</span>", [_c('fa-icon', {
     directives: [{
       name: "tippy",
       rawName: "v-tippy"
@@ -11957,8 +11961,15 @@ var __vue_render__$8 = function __vue_render__() {
       key: "trigger",
       fn: function fn() {
         return [_c('span', {
+          directives: [{
+            name: "tippy",
+            rawName: "v-tippy"
+          }],
           ref: "download-multiple-trigger",
-          staticClass: "file-action-button"
+          staticClass: "file-action-button",
+          attrs: {
+            "content": "Fazer o download de todos anexos da conversa"
+          }
         }, [_c('fa-icon', {
           attrs: {
             "icon": ['fas', 'download']
@@ -11974,7 +11985,7 @@ var __vue_render__$8 = function __vue_render__() {
         })], 1)];
       },
       proxy: true
-    }], null, false, 2135986953)
+    }], null, false, 3778778370)
   }, [_vm._v(" "), _c('div', {
     staticClass: "tippy-confirmation"
   }, [_c('p', [_vm._v(" Deseja fazer download de todos anexos da tela? ")]), _vm._v(" "), _c('button', {
@@ -11985,7 +11996,9 @@ var __vue_render__$8 = function __vue_render__() {
   }, [_vm._v(" Cancelar ")]), _vm._v(" "), _c('button', {
     staticClass: "confirm box-shadow",
     on: {
-      "click": _vm.downloadAllFilesHandler
+      "click": function click($event) {
+        return _vm.downloadAllFilesHandler(_vm.referenceSelector);
+      }
     }
   }, [_vm._v(" Confirmar ")])])])] : _vm._e()], 2)], 2)]);
 };
@@ -11995,12 +12008,12 @@ var __vue_staticRenderFns__$8 = [];
 
 var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-f7455c68_0", {
+  inject("data-v-07891d07_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:.75rem}.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-f7455c68_1", {
-    source: ".mensagem__principal .default-doc[data-v-f7455c68]{background-color:var(--files-bg)}.mensagem__principal .default-doc[data-v-f7455c68]:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc[data-v-f7455c68]{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc[data-v-f7455c68]:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p[data-v-f7455c68]{text-decoration:underline}.default-doc[data-v-f7455c68]{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[data-v-f7455c68]{font-size:1.2rem;margin-right:5px}.default-doc p[data-v-f7455c68]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions[data-v-f7455c68]{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a[data-v-f7455c68]{margin-right:0}.mensagem__principal .file-action-button[data-v-f7455c68]{background-color:var(--files-bg)}.mensagem__outros .file-action-button[data-v-f7455c68]{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button[data-v-f7455c68]:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button[data-v-f7455c68]:hover{background-color:rgba(100,100,100,.3)}.file-action-button[data-v-f7455c68]{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[data-v-f7455c68]{margin:0}.fade-enter-active[data-v-f7455c68],.fade-leave-active[data-v-f7455c68]{transition:opacity .5s}.fade-enter[data-v-f7455c68],.fade-leave-to[data-v-f7455c68]{opacity:0}.mensagem-div-anexo[data-v-f7455c68]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-f7455c68]{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro[data-v-f7455c68],.anexo-container a[data-v-f7455c68]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p[data-v-f7455c68]{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro[data-v-f7455c68],.anexo-container p[data-v-f7455c68]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-f7455c68]{font-size:2rem}.anexo-mensagem audio[data-v-f7455c68]{outline:0;width:100%;margin-bottom:5px}.anexo-mensagem video[data-v-f7455c68]{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container[data-v-f7455c68]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-f7455c68]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-f7455c68]{cursor:pointer}.mensagem-div-anexo img[data-v-f7455c68]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-f7455c68]{width:100%;height:100%}.anexo-mensagem[data-v-f7455c68]{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger[data-v-f7455c68]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-f7455c68]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-f7455c68]{font-size:1.025em;margin-right:2px}.pdf[data-v-f7455c68]{color:#e74c3c}.doc[data-v-f7455c68]{color:#006bc9}",
+  }), inject("data-v-07891d07_1", {
+    source: ".mensagem__principal .default-doc[data-v-07891d07]{background-color:var(--files-bg)}.mensagem__principal .default-doc[data-v-07891d07]:hover{background-color:var(--files-bg-hover)}.mensagem__outros .default-doc[data-v-07891d07]{background-color:rgba(100,100,100,.1)}.mensagem__outros .default-doc[data-v-07891d07]:hover{background-color:rgba(100,100,100,.3)}.default-doc:hover p[data-v-07891d07]{text-decoration:underline}.default-doc[data-v-07891d07]{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[data-v-07891d07]{font-size:1.2rem;margin-right:5px}.default-doc p[data-v-07891d07]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions[data-v-07891d07]{display:flex;justify-content:flex-end;width:100%;padding:5px}.file-actions a[data-v-07891d07]{margin-right:0}.mensagem__principal .file-action-button[data-v-07891d07]{background-color:var(--files-bg)}.mensagem__outros .file-action-button[data-v-07891d07]{background-color:rgba(100,100,100,.1)}.mensagem__principal .file-action-button[data-v-07891d07]:hover{background-color:var(--files-bg-hover)}.mensagem__outros .file-action-button[data-v-07891d07]:hover{background-color:rgba(100,100,100,.3)}.file-action-button[data-v-07891d07]{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[data-v-07891d07]{margin:0}.fade-enter-active[data-v-07891d07],.fade-leave-active[data-v-07891d07]{transition:opacity .5s}.fade-enter[data-v-07891d07],.fade-leave-to[data-v-07891d07]{opacity:0}.mensagem-div-anexo[data-v-07891d07]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-07891d07]{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro[data-v-07891d07],.anexo-container a[data-v-07891d07]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p[data-v-07891d07]{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro[data-v-07891d07],.anexo-container p[data-v-07891d07]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-07891d07]{font-size:2rem}.anexo-mensagem audio[data-v-07891d07]{outline:0;width:100%;margin-bottom:5px}.anexo-mensagem video[data-v-07891d07]{flex:1;width:100%;max-width:350px;cursor:pointer;margin-bottom:5px}.anexos-links-container[data-v-07891d07]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-07891d07]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-07891d07]{cursor:pointer}.mensagem-div-anexo img[data-v-07891d07]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-07891d07]{width:100%;height:100%}.anexo-mensagem[data-v-07891d07]{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.alert-danger[data-v-07891d07]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-07891d07]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-07891d07]{font-size:1.025em;margin-right:2px}.pdf[data-v-07891d07]{color:#e74c3c}.doc[data-v-07891d07]{color:#006bc9}",
     map: undefined,
     media: undefined
   });
@@ -12008,10 +12021,10 @@ var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$8 = "data-v-f7455c68";
+var __vue_scope_id__$8 = "data-v-07891d07";
 /* module identifier */
 
-var __vue_module_identifier__$8 = "data-v-f7455c68";
+var __vue_module_identifier__$8 = "data-v-07891d07";
 /* functional template */
 
 var __vue_is_functional_template__$8 = false;
@@ -12601,6 +12614,7 @@ var __vue_render__$5 = function __vue_render__() {
       staticClass: "mensagem-anexo"
     }, [_c('AnexoMensagem', {
       attrs: {
+        "referenceSelector": _vm.referenceSelector,
         "dictionary": _vm.dictionary,
         "anexo": anexo,
         "origemExterna": _vm.origemExterna,
@@ -12855,7 +12869,7 @@ var __vue_staticRenderFns__$5 = [];
 
 var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-1154d016_0", {
+  inject("data-v-33d331f6_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: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-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}.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}",
     map: undefined,
     media: undefined
@@ -12867,7 +12881,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-1154d016";
+var __vue_module_identifier__$5 = "data-v-33d331f6";
 /* functional template */
 
 var __vue_is_functional_template__$5 = false;

package/package.json

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

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

@@ -36,7 +36,7 @@
             trigger="click"
           >
             <template v-slot:trigger>
-              <span class="file-action-button" ref="download-multiple-trigger">
+              <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']" />
@@ -46,7 +46,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"> Confirmar </button>
+              <button class="confirm box-shadow" @click="downloadAllFilesHandler(referenceSelector)"> Confirmar </button>
             </div>
 
           </tippy>
@@ -112,6 +112,10 @@ export default {
     origemExterna: {
       type: Boolean,
       required: false
+    },
+    referenceSelector: {
+      type: String,
+      required: true
     }
   },
   data() {

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

@@ -18,7 +18,7 @@
       </div>
       <template v-if="anexos && anexos.length">
         <div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="index">
-          <AnexoMensagem :dictionary="dictionary" :anexo="anexo" :origemExterna="origemExterna" :dominio="dominio" @abrir-imagem="abrirImagem" @download-all="$emit('download-all')"/>
+          <AnexoMensagem :referenceSelector="referenceSelector" :dictionary="dictionary" :anexo="anexo" :origemExterna="origemExterna" :dominio="dominio" @abrir-imagem="abrirImagem" @download-all="$emit('download-all')"/>
         </div>
       </template>
       <img class="default-stick-size" v-if="urlSticker" :src="urlSticker" :title="urlFileName">