vue-intergrall-plugins 0.0.141 → 0.0.145

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

@@ -7481,12 +7481,16 @@ var script$3 = {
     AnexoMensagem,
     InteratividadeBotoes
   },
-  props: ["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"],
+  props: ["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"],
 
   data() {
     return {
       strTooltipAux: "",
       linkAux: "",
+      urlSticker: "",
+      urlFileName: "",
+      message: "",
+      reply: "reply",
       center: {},
       marker: {},
       infos: [],
@@ -7531,15 +7535,73 @@ var script$3 = {
         return this.contentTooltip = msg;
       }
 
+    },
+
+    contentTooltipStar() {
+      let tooltipStar = "";
+
+      if (this.iniDialogo == 1) {
+        tooltipStar += this.dictionary['ini_sessao'] + "<br/>";
+        tooltipStar += this.dictionary['id_conversa'] + " - " + this.dialogoId + "<br/>";
+        tooltipStar += this.dictionary['origem_conversa'] + " - " + this.dialogoOrigem + "<br/>";
+        tooltipStar += this.dictionary['expiracao_sessao'] + " - " + formataTimezoneData(this.expSessao) + "<br/>";
+        return tooltipStar;
+      }
+
+      return tooltipStar;
     }
+
   },
 
   mounted() {
     if (this.mapa) this.setMap();
     if (this.corMsg) this.setCorMsg();
+    this.setClasses();
+    this.validadeUrlToMsg();
   },
 
   methods: {
+    validadeUrlToMsg() {
+      this.message = this.msg;
+
+      if (this.validadeIfExistsSticker()) {
+        this.urlSticker = this.getUrlSticker();
+        this.urlFileName = this.getUrlFileName();
+        this.message = this.removeUrlStickerByString(this.urlSticker);
+      }
+    },
+
+    getUrlFileName() {
+      let urlRegex = /(?<=\/)[^\/\?#]+(?=[^\/]*$)/;
+      let urlName = this.urlSticker.match(urlRegex)[0];
+      return urlName;
+    },
+
+    removeUrlStickerByString(url) {
+      let msg = this.message.replace(`STICKER ${url}`, '');
+      return msg;
+    },
+
+    getUrlSticker() {
+      let urlRegex = /(https?:\/\/[^ ]*)/;
+      let url = this.message.match(urlRegex)[1];
+      return url;
+    },
+
+    validadeIfExistsSticker() {
+      if (this.message && this.message.indexOf("STICKER https://smarters") === 0) {
+        return true;
+      }
+
+      return false;
+    },
+
+    setClasses() {
+      if (this.hasReply && (this.status == "C" || this.status == "T") && this.iniDialogo == 0) {
+        this.reply = "reply reply-with-2-icons";
+      }
+    },
+
     setCorMsg() {
       try {
         const root = document.documentElement;
@@ -7629,6 +7691,12 @@ var __vue_render__$3 = function () {
         "abrir-imagem": _vm.abrirImagem
       }
     })], 1);
+  }) : _vm._e(), _vm._v(" "), _vm.urlSticker ? _c('img', {
+    staticClass: "default-stick-size",
+    attrs: {
+      "src": _vm.urlSticker,
+      "title": _vm.urlFileName
+    }
   }) : _vm._e(), _vm._v(" "), _vm.mapa ? _c('div', {
     staticClass: "mensagem-div-mapa"
   }, [_c('GmapMap', {
@@ -7666,7 +7734,7 @@ var __vue_render__$3 = function () {
     })], 1)], 2);
   }), 0) : _vm._e()], 1) : _vm._e(), _vm._v(" "), _c('p', {
     domProps: {
-      "innerHTML": _vm._s(_vm.formatMsg(_vm.msg))
+      "innerHTML": _vm._s(_vm.formatMsg(_vm.message))
     }
   }), _vm._v(" "), _vm.interatividade ? _c('InteratividadeBotoes', {
     attrs: {
@@ -7687,7 +7755,7 @@ var __vue_render__$3 = function () {
       name: "tippy",
       rawName: "v-tippy"
     }],
-    staticClass: "reply",
+    class: _vm.reply,
     attrs: {
       "content": _vm.msgReply ? _vm.msgReply : 'Fazer reenvio da mensagem'
     },
@@ -7705,6 +7773,25 @@ var __vue_render__$3 = function () {
       "name": "fade",
       "mode": "out-in"
     }
+  }, [_vm.iniDialogo == 1 ? _c('span', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    key: "star-padrao",
+    staticClass: "star dourado",
+    attrs: {
+      "content": _vm.contentTooltipStar
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'star']
+    }
+  })], 1) : _vm._e()]), _vm._v(" "), _c('transition', {
+    attrs: {
+      "name": "fade",
+      "mode": "out-in"
+    }
   }, [_vm.status == 'D' ? _c('span', {
     directives: [{
       name: "tippy",
@@ -7816,8 +7903,8 @@ var __vue_staticRenderFns__$3 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-8155b550_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:30px;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}.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}.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-12c3ee62_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:3px;font-size:.7rem}.star.dourado svg{color:gold}.default-stick-size{width:250px;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}",
     map: undefined,
     media: undefined
   });