vue-intergrall-plugins 0.0.130 → 0.0.134

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

@@ -5833,7 +5833,7 @@ var script$3 = {
     AnexoMensagem: AnexoMensagem,
     InteratividadeBotoes: InteratividadeBotoes
   },
-  props: ["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"],
+  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"],
   data: function data() {
     return {
       strTooltipAux: "",
@@ -5987,6 +5987,29 @@ var __vue_render__$3 = function __vue_render__() {
       "name": "fade",
       "mode": "out-in"
     }
+  }, [_vm.hasReply && (_vm.status == 'C' || _vm.status == 'T') ? _c('span', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "reply",
+    attrs: {
+      "content": _vm.msgReply ? _vm.msgReply : 'Fazer reenvio da mensagem'
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('replyMsg');
+      }
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'reply']
+    }
+  })], 1) : _vm._e()]), _vm._ssrNode(" "), _c('transition', {
+    attrs: {
+      "name": "fade",
+      "mode": "out-in"
+    }
   }, [_vm.status == 'D' ? _c('span', {
     directives: [{
       name: "tippy",
@@ -6093,8 +6116,8 @@ var __vue_staticRenderFns__$3 = [];
 
 var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-1a5cda63_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}.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-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}",
     map: undefined,
     media: undefined
   });
@@ -6105,7 +6128,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-1a5cda63";
+var __vue_module_identifier__$3 = "data-v-8155b550";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;
@@ -6236,6 +6259,10 @@ var script$1 = {
     btnCustom: {
       type: Boolean,
       default: false
+    },
+    activeLoader: {
+      type: Boolean,
+      default: false
     }
   }
 };/* script */
@@ -6258,7 +6285,7 @@ var __vue_render__$1 = function __vue_render__() {
         return _vm.$emit(_vm.emitter, _vm.params);
       }
     }
-  }, [!_vm.btnCustom ? [_c('IconButton', {
+  }, [_vm.faIcon.length || _vm.svgIcon ? [!_vm.btnCustom ? [_c('IconButton', {
     attrs: {
       "icon": _vm.faIcon.length ? _vm.faIcon : _vm.svgIcon
     }
@@ -6266,7 +6293,7 @@ var __vue_render__$1 = function __vue_render__() {
     attrs: {
       "icon": _vm.faIcon.length ? _vm.faIcon : _vm.svgIcon
     }
-  })], 1), _vm._ssrNode(" <span class=\"simple-btn--text\">" + _vm._ssrEscape(_vm._s(_vm.btnText)) + "</span>")], 2);
+  })], 1)] : _vm._e(), _vm._ssrNode(" " + (!_vm.activeLoader ? "<span class=\"simple-btn--text\">" + _vm._ssrEscape(_vm._s(_vm.btnText)) + "</span>" : "<Loader></Loader>"))], 2);
 };
 
 var __vue_staticRenderFns__$1 = [];
@@ -6274,8 +6301,8 @@ var __vue_staticRenderFns__$1 = [];
 
 var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-75a28620_0", {
-    source: ".default-btn-style{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:5px;cursor:pointer}.default-btn-style:hover{opacity:1}.default-btn-style:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.simple-btn{position:relative}.simple-btn--icon{display:flex;justify-content:center;align-items:center;margin-right:5px}.simple-btn--icon.custom{min-width:25px}.icon-container{position:absolute;left:-15px;padding:5px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%}.icon-container svg{color:rgba(255,255,255,.5);width:23px;height:23px}",
+  inject("data-v-1067dba2_0", {
+    source: ".default-btn-style{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:5px;cursor:pointer;min-height:28px}.default-btn-style:hover{opacity:1}.default-btn-style:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.simple-btn{position:relative}.simple-btn--icon{display:flex;justify-content:center;align-items:center;margin-right:5px}.simple-btn--icon.custom{min-width:25px}.simple-btn--text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-container{position:absolute;left:-15px;padding:5px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%}.icon-container svg{color:rgba(255,255,255,.5);width:23px;height:23px}",
     map: undefined,
     media: undefined
   });
@@ -6286,7 +6313,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$1 = "data-v-75a28620";
+var __vue_module_identifier__$1 = "data-v-1067dba2";
 /* functional template */
 
 var __vue_is_functional_template__$1 = false;

package/package.json

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

package/src/lib-components/Buttons/SimpleButton.vue

@@ -4,13 +4,16 @@
     :class="[customClass]"
     @click="$emit(emitter, params)"
   >
-    <template v-if="!btnCustom">
-      <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
+    <template v-if="faIcon.length || svgIcon">
+      <template v-if="!btnCustom">
+        <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
+      </template>
+      <span class="icon-container default-btn-style" :style="`background-color: ${bg};`" v-else>
+        <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
+      </span>
     </template>
-    <span class="icon-container default-btn-style" :style="`background-color: ${bg};`" v-else>
-      <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
-    </span>
-    <span class="simple-btn--text" v-text="btnText"></span>
+    <span class="simple-btn--text" v-text="btnText" v-if="!activeLoader"></span>
+    <Loader v-else />
   </div>
 </template>
 
@@ -60,6 +63,10 @@ export default {
     btnCustom: {
       type: Boolean,
       default: false
+    },
+    activeLoader: {
+      type: Boolean,
+      default: false
     }
   }
 }
@@ -78,6 +85,7 @@ export default {
   align-items: center;
   padding: 5px;
   cursor: pointer;
+  min-height: 28px;
 }
 .default-btn-style:hover{
   opacity: 1;
@@ -106,6 +114,12 @@ export default {
   min-width: 25px;
 }
 
+.simple-btn--text {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
 .icon-container {
   position: absolute;
   left: -15px;

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

@@ -29,6 +29,9 @@
         :interatividade="interatividade"
       />
       <span class="horario-envio" v-text="horario"></span>
+      <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="check" v-if="status == 'D'" :content="contentTooltip" v-tippy key="check-padrao"> <fa-icon :icon="['fas', 'check']" /> </span>
         <span class="check cinza" v-else-if="status == 'Q'" :content="contentTooltip" v-tippy key="check-cinza"> <fa-icon :icon="['fas', 'check']" /> </span>
@@ -50,7 +53,7 @@ import InteratividadeBotoes from "./InteratividadeBotoes"
 
 export default {
   components: { AnexoMensagem, InteratividadeBotoes },
-  props: ["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"],
+  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"],
   data(){
     return{
       strTooltipAux: "",
@@ -195,6 +198,26 @@ export default {
     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;