vue-intergrall-plugins 0.0.195 → 0.0.198

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

@@ -10834,11 +10834,15 @@ var script$6 = {
       nomeArquivo: "",
       audio: false,
       video: false,
-      icone: []
+      icone: [],
+      imgErro: false,
+      imgMsgErro: ''
     };
   },
   mounted: function mounted() {
-    this.setVariaveisAnexo();
+    if (this.validarAnexo()) {
+      this.setVariaveisAnexo();
+    }
   },
   methods: {
     abrirVisualizacaoImg: function abrirVisualizacaoImg(imagem) {
@@ -10871,6 +10875,35 @@ var script$6 = {
         console.error(e);
       }
     },
+    validarAnexo: function validarAnexo() {
+      var status = true;
+
+      if (!this.anexo.name) {
+        this.imgMsgErro = this.dictionary.img_com_erro_nome;
+        status = false;
+      }
+
+      if (!this.anexo.nomeGravacao) {
+        this.imgMsgErro = this.dictionary.img_com_erro_nome_gravacao;
+        status = false;
+      } // if(!this.anexo.size || this.anexo.size == 0){
+      //   this.imgMsgErro = this.dictionary.img_com_erro_tamanho
+      //   status = false;
+      // }
+
+
+      if (!this.anexo.type) {
+        this.imgMsgErro = this.dictionary.img_com_erro_tipo;
+        status = false;
+      }
+
+      if (status == false) {
+        this.imgErro = true;
+        this.carregando = false;
+      }
+
+      return status;
+    },
     gerarIcone: function gerarIcone() {
       this.icone = this.tipoDoc === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
     }
@@ -10894,7 +10927,25 @@ var __vue_render__$6 = function __vue_render__() {
       "name": "fade",
       "mode": "out-in"
     }
-  }, [_vm.carregando ? _c('Loader', {
+  }, [_vm.imgErro ? _c('div', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    key: "error-msg",
+    attrs: {
+      "content": _vm.imgMsgErro
+    }
+  }, [_c('div', {
+    staticClass: "alert alert-danger",
+    attrs: {
+      "role": "alert"
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'file-image']
+    }
+  }), _vm._v("\n        " + _vm._s(_vm.dictionary.img_com_erro) + "\n      ")], 1)]) : _vm._e(), _vm._v(" "), _vm.carregando ? _c('Loader', {
     key: "anexo-loader",
     attrs: {
       "small": true,
@@ -11013,8 +11064,8 @@ var __vue_staticRenderFns__$6 = [];
 
 var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-23ebefcd_0", {
-    source: ".fade-enter-active[data-v-23ebefcd],.fade-leave-active[data-v-23ebefcd]{transition:opacity .5s}.fade-enter[data-v-23ebefcd],.fade-leave-to[data-v-23ebefcd]{opacity:0}.mensagem-div-anexo[data-v-23ebefcd]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-23ebefcd]{width:100%;margin-top:5px}.anexo-container .arquivo-erro[data-v-23ebefcd],.anexo-container a[data-v-23ebefcd]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container .arquivo-erro[data-v-23ebefcd],.anexo-container p[data-v-23ebefcd]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-23ebefcd]{font-size:2rem}.anexo-container audio[data-v-23ebefcd]{outline:0;width:100%}.anexo-container video[data-v-23ebefcd]{width:100%;max-width:350px;cursor:pointer}.anexos-links-container[data-v-23ebefcd]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-23ebefcd]{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-23ebefcd]{cursor:pointer}.mensagem-div-anexo img[data-v-23ebefcd]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-23ebefcd]{width:100%;height:100%}.anexo-mensagem[data-v-23ebefcd]{display:flex;justify-content:center;align-items:center;flex-direction:column}",
+  inject("data-v-bb61477e_0", {
+    source: ".fade-enter-active[data-v-bb61477e],.fade-leave-active[data-v-bb61477e]{transition:opacity .5s}.fade-enter[data-v-bb61477e],.fade-leave-to[data-v-bb61477e]{opacity:0}.mensagem-div-anexo[data-v-bb61477e]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-bb61477e]{width:100%;margin-top:5px}.anexo-container .arquivo-erro[data-v-bb61477e],.anexo-container a[data-v-bb61477e]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container .arquivo-erro[data-v-bb61477e],.anexo-container p[data-v-bb61477e]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-bb61477e]{font-size:2rem}.anexo-container audio[data-v-bb61477e]{outline:0;width:100%}.anexo-container video[data-v-bb61477e]{width:100%;max-width:350px;cursor:pointer}.anexos-links-container[data-v-bb61477e]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-bb61477e]{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-bb61477e]{cursor:pointer}.mensagem-div-anexo img[data-v-bb61477e]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-bb61477e]{width:100%;height:100%}.anexo-mensagem[data-v-bb61477e]{display:flex;justify-content:center;align-items:center;flex-direction:column}.alert-danger[data-v-bb61477e]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-bb61477e]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-bb61477e]{font-size:1.025em;margin-right:2px}",
     map: undefined,
     media: undefined
   });
@@ -11022,10 +11073,10 @@ var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$6 = "data-v-23ebefcd";
+var __vue_scope_id__$6 = "data-v-bb61477e";
 /* module identifier */
 
-var __vue_module_identifier__$6 = "data-v-23ebefcd";
+var __vue_module_identifier__$6 = "data-v-bb61477e";
 /* functional template */
 
 var __vue_is_functional_template__$6 = false;
@@ -11205,10 +11256,10 @@ var InteratividadeBotoes = __vue_component__$8;var script$4 = {
                 _context.next = 7;
                 return _this2.$httpRequest({
                   method: 'get',
-                  url: "".concat(baseURL, "/preview?url=").concat(encodedURL).concat(dev),
-                  headers: {
-                    Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1U5azQ3c2h2bGpOak9Db3dNMjJoMW94d3d4YjQ0YXd3allrbG1JVFNpMmV0aDI5ZTVIRXZNIiwibWFuYWdlciI6Ik1LVWVUQWlxWXBNTmk0M054bDVIeDM4aDdOOTNFQW9qUkN3d2ltNGw1d3dJbDdPdWpSTlV6V0ciLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjY3Il0sImF1dGgiOiJNS1VBbTNPaWhaaWJlQVRPQ2xaRnBYYUhFN3d3eGI0NGF3d1N1S1VwNG9lN3haTXRNcUJ1aVdIIiwiaWF0IjoxNjQ4MjE1NjE3LCJleHAiOjE2NDgzMDIwMTd9.EJZTSTac_SLgq9NFnLOctf-J06u3GY1L9ZTV_1zSQ7A"
-                  }
+                  url: "".concat(baseURL, "/preview?url=").concat(encodedURL).concat(dev) // headers: {
+                  //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1U5azQ3c2h2bGpOak9Db3dNMjJoMW94d3d4YjQ0YXd3allrbG1JVFNpMmV0aDI5ZTVIRXZNIiwibWFuYWdlciI6Ik1LVWVUQWlxWXBNTmk0M054bDVIeDM4aDdOOTNFQW9qUkN3d2ltNGw1d3dJbDdPdWpSTlV6V0ciLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjY3Il0sImF1dGgiOiJNS1VBbTNPaWhaaWJlQVRPQ2xaRnBYYUhFN3d3eGI0NGF3d1N1S1VwNG9lN3haTXRNcUJ1aVdIIiwiaWF0IjoxNjQ4MjE1NjE3LCJleHAiOjE2NDgzMDIwMTd9.EJZTSTac_SLgq9NFnLOctf-J06u3GY1L9ZTV_1zSQ7A"
+                  // }
+
                 });
 
               case 7:
@@ -11247,7 +11298,7 @@ var InteratividadeBotoes = __vue_component__$8;var script$4 = {
 
                 if (og) {
                   image = og.image, site_name = og.site_name, title = og.title, author = og.author;
-                  if (image) _this2.linkPreview.imageSource = image;
+                  if (image) _this2.linkPreview.imageSource = image.url ? image.url : image.url == "" ? "" : image;
                   if (author || site_name || title) _this2.linkPreview.author = author ? author : site_name ? site_name : title;
                   if (og.description) _this2.linkPreview.description = og.description;
                 }
@@ -11297,7 +11348,7 @@ var __vue_render__$4 = function __vue_render__() {
         return _vm.openUrl();
       }
     }
-  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-1c4c4efa><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-1c4c4efa></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div class=\"link-preview-author\" data-v-1c4c4efa><h1 data-v-1c4c4efa>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-1c4c4efa>" + (_vm.linkPreview.description ? "<p data-v-1c4c4efa>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
+  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-2c2d6aa4><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-2c2d6aa4></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div class=\"link-preview-author\" data-v-2c2d6aa4><h1 data-v-2c2d6aa4>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-2c2d6aa4>" + (_vm.linkPreview.description ? "<p data-v-2c2d6aa4>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
 };
 
 var __vue_staticRenderFns__$4 = [];
@@ -11305,8 +11356,8 @@ var __vue_staticRenderFns__$4 = [];
 
 var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-1c4c4efa_0", {
-    source: ".link-preview[data-v-1c4c4efa]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px}.link-preview-image[data-v-1c4c4efa]{display:flex;justify-content:center;align-items:center;padding:10px;margin-bottom:5px}.link-preview-author[data-v-1c4c4efa]{margin:5px;font-size:.625em}.link-preview-author h1[data-v-1c4c4efa]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img[data-v-1c4c4efa]{min-width:100px;max-width:200px}.link-preview-infos[data-v-1c4c4efa]{background-color:#2626261a;padding:5px;margin:0 5px 5px 5px;font-size:.8rem;border-radius:5px}.link-preview:hover .link-preview-infos p[data-v-1c4c4efa]{text-decoration:underline}",
+  inject("data-v-2c2d6aa4_0", {
+    source: ".link-preview[data-v-2c2d6aa4]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px;opacity:.95;transition:opacity .3s ease-in-out}.link-preview-image[data-v-2c2d6aa4]{display:flex;justify-content:center;align-items:center;padding:10px;margin-bottom:5px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-author[data-v-2c2d6aa4]{margin:5px;font-size:.615em}.link-preview-author h1[data-v-2c2d6aa4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img[data-v-2c2d6aa4]{min-width:100px;max-width:200px}.link-preview-infos[data-v-2c2d6aa4]{background-color:#2626261a;padding:5px;margin:0 5px 5px 5px;font-size:.8rem;border-radius:5px}.link-preview[data-v-2c2d6aa4]:hover{opacity:1}.link-preview:hover .link-preview-infos p[data-v-2c2d6aa4]{text-decoration:underline}",
     map: undefined,
     media: undefined
   });
@@ -11314,10 +11365,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$4 = "data-v-1c4c4efa";
+var __vue_scope_id__$4 = "data-v-2c2d6aa4";
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-1c4c4efa";
+var __vue_module_identifier__$4 = "data-v-2c2d6aa4";
 /* functional template */
 
 var __vue_is_functional_template__$4 = false;
@@ -11775,7 +11826,7 @@ var __vue_render__$3 = function __vue_render__() {
   })], 1) : _vm._e()]), _vm._v(" "), _c('span', {
     staticClass: "autor-mensagem",
     domProps: {
-      "textContent": _vm._s(_vm.autor)
+      "innerHTML": _vm._s(_vm.autor)
     }
   })], 2)], 1) : _vm._e();
 };
@@ -11785,8 +11836,8 @@ var __vue_staticRenderFns__$3 = [];
 
 var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-bf266214_0", {
-    source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:2.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:.85rem;word-break:break-word}.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:#fff}.mensagem__principal>.mensagem .horario-envio{color:#fff}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:#fff}.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 .check{display:none}.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:.7em}.info-mapa li.url{font-size:.7em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
+  inject("data-v-20d99c88_0", {
+    source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:2.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:.85rem;word-break:break-word}.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:#fff}.mensagem__principal>.mensagem .horario-envio{color:#fff}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:#fff}.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:.7em}.info-mapa li.url{font-size:.7em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
     map: undefined,
     media: undefined
   });
@@ -11797,7 +11848,7 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$3 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-bf266214";
+var __vue_module_identifier__$3 = "data-v-20d99c88";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;

package/package.json

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

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

@@ -1,6 +1,12 @@
 <template>
   <div class="mensagem-div-anexo">
     <transition-group name="fade" mode="out-in" class="anexo-transition">
+      <div v-if="imgErro" key="error-msg" v-tippy :content="imgMsgErro">
+        <div class="alert alert-danger" role="alert">
+          <fa-icon :icon="['fas', 'file-image']" />
+          {{dictionary.img_com_erro}}
+        </div>
+      </div>
       <Loader v-if="carregando" :small="true" key="anexo-loader" :slow="true" />
       <div v-else key="anexo-mensagem" class="anexo-mensagem">
         <img v-if="imgAnexo" @click="abrirVisualizacaoImg(imgAnexo)" :src="imgAnexo" :alt="dictionary.alt_msg_img">
@@ -69,11 +75,15 @@ export default {
       nomeArquivo: "",
       audio: false,
       video:  false,
-      icone: []
+      icone: [],
+      imgErro: false,
+      imgMsgErro: '',
     }
   },
   mounted() {
-    this.setVariaveisAnexo()
+    if(this.validarAnexo()){
+      this.setVariaveisAnexo()
+    }
   },
   methods: {
     abrirVisualizacaoImg(imagem){
@@ -107,6 +117,30 @@ export default {
         console.error(e)
       }
     },
+    validarAnexo(){
+      let status = true;
+      if(!this.anexo.name){
+        this.imgMsgErro = this.dictionary.img_com_erro_nome
+        status = false;
+      }
+      if(!this.anexo.nomeGravacao){
+        this.imgMsgErro = this.dictionary.img_com_erro_nome_gravacao
+        status = false;
+      }
+      // if(!this.anexo.size || this.anexo.size == 0){
+      //   this.imgMsgErro = this.dictionary.img_com_erro_tamanho
+      //   status = false;
+      // }
+      if(!this.anexo.type){
+        this.imgMsgErro = this.dictionary.img_com_erro_tipo
+        status = false;
+      }
+      if(status == false){
+        this.imgErro = true;
+        this.carregando = false;
+      }
+      return status;
+    },
     gerarIcone() {
       this.icone = this.tipoDoc === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt']
     }
@@ -196,4 +230,24 @@ export default {
     align-items: center;
     flex-direction: column;
   }
+  
+  .alert-danger {
+    color: #721c24;
+    background-color: #f8d7da;
+    border-color: #f5c6cb;
+  }
+
+  .alert {
+    position: relative;
+    padding: 0.65rem 1.2rem;
+    margin: 5px 0;
+    border: 1px solid transparent;
+    border-radius: 0.25rem;
+    text-align: center;
+  }
+
+  .alert svg {
+    font-size: 1.025em;
+    margin-right: 2px;
+  }
 </style>

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

@@ -61,7 +61,7 @@
         <span class="check vermelho" v-else-if="status == 'T'" :content="contentTooltip" v-tippy key="hourglass"> <fa-icon :icon="['fas', 'hourglass']" /> </span> <!-- Status finalizador -->
       </transition>
 
-      <span class="autor-mensagem" v-text="autor"></span>
+      <span class="autor-mensagem" v-html="autor"></span>
     </div>
   </div>
 </template>
@@ -411,9 +411,9 @@ export default {
     left: -10px;
     transform: rotate(90deg);
   }
-  .mensagem__outros .check{
+  /* .mensagem__outros .check{
     display: none
-  }
+  } */
   .mensagem__outros > .autor-mensagem{
     left: 5px;
     color: #333;

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

@@ -67,9 +67,9 @@ export default {
         {
           method: 'get',
           url: `${baseURL}/preview?url=${encodedURL}${dev}`,
-          headers: {
-            Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1U5azQ3c2h2bGpOak9Db3dNMjJoMW94d3d4YjQ0YXd3allrbG1JVFNpMmV0aDI5ZTVIRXZNIiwibWFuYWdlciI6Ik1LVWVUQWlxWXBNTmk0M054bDVIeDM4aDdOOTNFQW9qUkN3d2ltNGw1d3dJbDdPdWpSTlV6V0ciLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjY3Il0sImF1dGgiOiJNS1VBbTNPaWhaaWJlQVRPQ2xaRnBYYUhFN3d3eGI0NGF3d1N1S1VwNG9lN3haTXRNcUJ1aVdIIiwiaWF0IjoxNjQ4MjE1NjE3LCJleHAiOjE2NDgzMDIwMTd9.EJZTSTac_SLgq9NFnLOctf-J06u3GY1L9ZTV_1zSQ7A"
-          }
+          // headers: {
+          //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1U5azQ3c2h2bGpOak9Db3dNMjJoMW94d3d4YjQ0YXd3allrbG1JVFNpMmV0aDI5ZTVIRXZNIiwibWFuYWdlciI6Ik1LVWVUQWlxWXBNTmk0M054bDVIeDM4aDdOOTNFQW9qUkN3d2ltNGw1d3dJbDdPdWpSTlV6V0ciLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjY3Il0sImF1dGgiOiJNS1VBbTNPaWhaaWJlQVRPQ2xaRnBYYUhFN3d3eGI0NGF3d1N1S1VwNG9lN3haTXRNcUJ1aVdIIiwiaWF0IjoxNjQ4MjE1NjE3LCJleHAiOjE2NDgzMDIwMTd9.EJZTSTac_SLgq9NFnLOctf-J06u3GY1L9ZTV_1zSQ7A"
+          // }
         })
         if(typeof response != "object" || typeof response.data != "object") throw "Retorno incorreto"
         const { data } = response
@@ -81,7 +81,7 @@ export default {
         if(raspagem.author) this.linkPreview.author = raspagem.author
         if(og) {
           const { image, site_name, title, author } = og
-          if(image) this.linkPreview.imageSource = image
+          if(image) this.linkPreview.imageSource = image.url ? image.url : image.url == "" ? "" : image
           if(author || site_name || title) this.linkPreview.author = author ? author : site_name ? site_name : title
           if(og.description) this.linkPreview.description = og.description
         }
@@ -110,6 +110,8 @@ export default {
     cursor: pointer;
     margin: 5px 0;
     border-radius: 5px;
+    opacity: .95;
+    transition: opacity 300ms ease-in-out;
   }
 
   .link-preview-image {
@@ -118,11 +120,13 @@ export default {
     align-items: center;
     padding: 10px;
     margin-bottom: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
   }
 
   .link-preview-author {
     margin: 5px;
-    font-size: .625em
+    font-size: .615em
   }
   .link-preview-author h1 {
     overflow: hidden;
@@ -143,6 +147,9 @@ export default {
     border-radius: 5px;
   }
 
+  .link-preview:hover {
+    opacity: 1;
+  }
   .link-preview:hover .link-preview-infos p {
     text-decoration: underline;
   }