vue-intergrall-plugins 0.0.147 → 0.0.150

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

@@ -5603,8 +5603,18 @@ var script$9 = {
     },
     tooltipContent: {
       type: String
+    },
+    resizeCard: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
+  data: function data() {
+    return {
+      styleCard: ''
+    };
+  },
   mixins: [textoLongo],
   computed: {
     randomizeValue: function randomizeValue() {
@@ -5644,9 +5654,25 @@ var script$9 = {
         default:
           return "";
       }
+    },
+    resizeHeaderCard: function resizeHeaderCard() {
+      if (this.resizeCard) {
+        this.styleCard = "flex-direction: column;";
+      } else {
+        this.styleCard = "flex-direction: row;";
+      }
+
+      return this.styleCard;
     }
   },
   methods: {
+    resizeHeaderCard: function resizeHeaderCard() {
+      if (this.resizeCard) {
+        this.styleCard = "flex-direction: column;";
+      }
+
+      return this.styleCard;
+    },
     formataTimezoneData: function formataTimezoneData$1(timezoneData) {
       return formataTimezoneData(timezoneData);
     },
@@ -5682,7 +5708,7 @@ var __vue_render__$9 = function __vue_render__() {
     domProps: {
       "textContent": _vm._s("Nova mensagem")
     }
-  }) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\">", "</div>", [_vm._ssrNode("<div class=\"card-header\">", "</div>", [_vm._ssrNode("<div class=\"card-author\">", "</div>", [_c('fa-icon', {
+  }) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\">", "</div>", [_vm._ssrNode("<div class=\"card-header\"" + _vm._ssrStyle(null, _vm.resizeHeaderCard, null) + ">", "</div>", [_vm._ssrNode("<div class=\"card-author\">", "</div>", [_c('fa-icon', {
     attrs: {
       "icon": _vm.currentIcon
     }
@@ -5718,7 +5744,7 @@ var __vue_staticRenderFns__$9 = [];
 
 var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-5ef2322e_0", {
+  inject("data-v-42a1c17c_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.card-cli,.card-ope{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.newMessage,.card-ope.newMessage{margin-top:30px}.new-messages{position:absolute;top:-30px;width:100%;display:flex;justify-content:center;align-items:center;margin:2.5px 0;background-color:lighten(#fff249,15)}.card-cli .card{border-left:3px solid #90b823}.card-ope{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card{border-right:3px solid #007535}.card{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px}.card p{word-break:break-all}.card-header{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between}.card-header svg{font-size:1rem}.card-author{display:flex;align-items:center}.card-author svg{margin-right:5px}.card-canal{flex:1;margin-right:10px}.card-dates{display:flex;flex-direction:column;margin-right:10px;font-size:.9rem}.card-date{overflow:hidden;display:flex;align-content:center}.card-date span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-date svg{margin-right:5px;color:#232323}.card-expand{display:flex;justify-content:center;align-items:center;margin:2.5px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand:hover{opacity:1}.card-footer{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;min-height:25px}.card-chip{font-size:.8rem;width:fit-content;border-radius:15px;transition:all 150ms ease-in-out;padding:2.5px 7px;color:#1f69c1;background-color:rgba(207,216,244,.6);margin-bottom:5px}.card-chip:hover{background-color:#cfd8f4}.card-chip.orange{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow:hover{background-color:rgba(252,191,73,.2)}.card-chip.red{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red:hover{background-color:rgba(231,76,60,.25)}.card-file{width:60px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.card-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}.card-reply svg{margin-top:-1px;margin-right:-1px}.card-check{position:absolute;bottom:5px;right:5px;cursor:pointer;font-size:.7rem}.card-check svg{font-size:.8rem}.card-check.seen,.card-check.seen svg{color:#006daa}.card-check.green,.card-check.green svg{color:#4f772d}.card-check.red,.card-check.red svg{color:#ba181b}.card-check.gray,.card-check.gray svg{color:#999}.card-check.black,.card-check.black svg{color:#666}",
     map: undefined,
     media: undefined
@@ -5730,7 +5756,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$9 = "data-v-5ef2322e";
+var __vue_module_identifier__$9 = "data-v-42a1c17c";
 /* functional template */
 
 var __vue_is_functional_template__$9 = false;
@@ -6572,19 +6598,27 @@ var script$3 = {
 
       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;
+      } else {
+        tooltipStar += this.dictionary['ini_sessao_padrao'] + "<br/>";
       }
 
+      tooltipStar += this.dialogoId ? this.dictionary['id_conversa'] + " - " + this.dialogoId + "<br/>" : "";
+      tooltipStar += this.dialogoOrigem ? this.dictionary['origem_conversa'] + " - " + this.dialogoOrigem + "<br/>" : "";
+      tooltipStar += this.expSessao ? this.dictionary['expiracao_sessao'] + " - " + formataTimezoneData(this.expSessao) + "<br/>" : "";
       return tooltipStar;
+    },
+    validadeSeq: function validadeSeq() {
+      if (this.seq.substring(0, 2) == "HW") {
+        return true;
+      }
+
+      this.reply = "reply reply-with-2-icons";
+      return false;
     }
   },
   mounted: function mounted() {
     if (this.mapa) this.setMap();
     if (this.corMsg) this.setCorMsg();
-    this.setClasses();
     this.validadeUrlToMsg();
   },
   methods: {
@@ -6618,11 +6652,6 @@ var script$3 = {
 
       return false;
     },
-    setClasses: function setClasses() {
-      if (this.hasReply && (this.status == "C" || this.status == "T") && this.iniDialogo == 0) {
-        this.reply = "reply reply-with-2-icons";
-      }
-    },
     setCorMsg: function setCorMsg() {
       try {
         var root = document.documentElement;
@@ -6744,26 +6773,52 @@ var __vue_render__$3 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'reply']
     }
-  })], 1) : _vm._e()]), _vm._ssrNode(" "), _c('transition', {
+  })], 1) : _vm._e()]), _vm._ssrNode(" "), _vm.validadeSeq ? _c('transition', {
     attrs: {
       "name": "fade",
       "mode": "out-in"
     }
-  }, [_vm.iniDialogo == 1 ? _c('span', {
+  }, [_vm.iniDialogo > 0 ? _c('span', {
     directives: [{
       name: "tippy",
       rawName: "v-tippy"
     }],
-    key: "star-padrao",
+    key: "star-padrao-dourado",
     staticClass: "star dourado",
     attrs: {
       "content": _vm.contentTooltipStar
     }
-  }, [_c('fa-icon', {
+  }, [_c('svg', {
     attrs: {
-      "icon": ['fas', 'star']
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 448 512"
     }
-  })], 1) : _vm._e()]), _vm._ssrNode(" "), _c('transition', {
+  }, [_c('path', {
+    attrs: {
+      "fill": "#FFD700",
+      "d": "M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"
+    }
+  })])]) : _vm._e(), _vm._v(" "), _vm.iniDialogo == 0 ? _c('span', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    key: "star-padrao-cinza",
+    staticClass: "star cinza",
+    attrs: {
+      "content": _vm.contentTooltipStar
+    }
+  }, [_c('svg', {
+    attrs: {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 448 512"
+    }
+  }, [_c('path', {
+    attrs: {
+      "fill": "#808080",
+      "d": "M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"
+    }
+  })])]) : _vm._e()]) : _vm._e(), _vm._ssrNode(" "), _c('transition', {
     attrs: {
       "name": "fade",
       "mode": "out-in"
@@ -6874,8 +6929,8 @@ var __vue_staticRenderFns__$3 = [];
 
 var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-ba911a2a_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: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-f11961c8_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}",
     map: undefined,
     media: undefined
   });
@@ -6886,7 +6941,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-ba911a2a";
+var __vue_module_identifier__$3 = "data-v-f11961c8";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;

package/package.json

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

package/src/lib-components/Cards/Card.vue

@@ -8,7 +8,7 @@
       <span v-if="newMessage" class="new-messages" v-text="`Nova mensagem`"></span>
     </transition>
     <div class="card box-shadow">
-      <div class="card-header">
+      <div class="card-header" :style="resizeHeaderCard">
         <div class="card-author">
           <fa-icon :icon="currentIcon" />
           <p 
@@ -126,6 +126,16 @@ export default {
     },
     tooltipContent: {
       type: String
+    },
+    resizeCard: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+  },
+  data(){
+    return {
+      styleCard: ''
     }
   },
   mixins: [textoLongo],
@@ -163,7 +173,16 @@ export default {
         default:
           return ""
       }
-    }
+    },
+    resizeHeaderCard(){
+      if(this.resizeCard){
+        this.styleCard = "flex-direction: column;"
+      }
+      else {
+        this.styleCard = "flex-direction: row;"
+      }
+      return this.styleCard
+    },
   },
   methods: {
     formataTimezoneData(timezoneData) {

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

@@ -33,8 +33,17 @@
       <transition name="fade" mode="out-in">
         <span :class="reply" v-if="hasReply && (status == 'C' || status == 'T')" v-tippy :content="msgReply ? msgReply : 'Fazer reenvio da mensagem'" @click="$emit('replyMsg')"> <fa-icon :icon="['fas', 'reply']" /> </span> 
       </transition>
-      <transition name="fade" mode="out-in">
-        <span class="star dourado" v-if="iniDialogo == 1" :content="contentTooltipStar" v-tippy key="star-padrao"> <fa-icon :icon="['fas', 'star']" /> </span>
+      <transition name="fade" mode="out-in" v-if="validadeSeq">
+        <span class="star dourado" v-if="iniDialogo > 0" :content="contentTooltipStar" v-tippy key="star-padrao-dourado">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+            <path fill="#FFD700" d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"/>
+          </svg>
+        </span>
+        <span class="star cinza" v-if="iniDialogo == 0" :content="contentTooltipStar" v-tippy key="star-padrao-cinza">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+            <path fill="#808080" d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"/>
+          </svg>
+        </span>
       </transition>
       <transition name="fade" mode="out-in">
         <span class="check" v-if="status == 'D'" :content="contentTooltip" v-tippy key="check-padrao"> <fa-icon :icon="['fas', 'check']" /> </span>
@@ -111,18 +120,26 @@ export default {
       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
       }
+      else {
+        tooltipStar += this.dictionary['ini_sessao_padrao']+"<br/>"
+      }
+      tooltipStar += this.dialogoId ? this.dictionary['id_conversa']+" - "+ this.dialogoId +"<br/>" : ""
+      tooltipStar += this.dialogoOrigem ? this.dictionary['origem_conversa']+" - "+ this.dialogoOrigem +"<br/>" : ""
+      tooltipStar += this.expSessao ? this.dictionary['expiracao_sessao']+" - "+ formataTimezoneData(this.expSessao) +"<br/>" : ""
       return tooltipStar
+    },
+    validadeSeq(){
+      if(this.seq.substring(0, 2) == "HW"){
+        return true;
+      }
+      this.reply = "reply reply-with-2-icons"
+      return false;
     }
   },
   mounted() {
     if(this.mapa) this.setMap()
     if(this.corMsg) this.setCorMsg()
-    this.setClasses()
     this.validadeUrlToMsg()
   },
   methods: {
@@ -154,11 +171,6 @@ export default {
       }
       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
@@ -302,11 +314,9 @@ export default {
     cursor: pointer;
     position: absolute;
     right: 30px;
-    bottom: 3px;
-    font-size: 0.7rem;
-  }
-  .star.dourado svg{
-    color: gold
+    bottom: 2px;
+    font-size: 0.4rem;
+    width: 11.2px;
   }
   .default-stick-size{
     width: 180px;