vue-intergrall-plugins 1.0.25 → 1.0.27

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

@@ -7217,8 +7217,7 @@ var __vue_component__$l = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$f,
   staticRenderFns: __vue_staticRenderFns__$f
 }, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
-var CardCheck = __vue_component__$l;//
-var script$e = {
+var CardCheck = __vue_component__$l;var script$e = {
   components: {
     CardFile: CardFile,
     CardCheck: CardCheck
@@ -7282,6 +7281,9 @@ var script$e = {
       type: Boolean,
       required: false,
       default: false
+    },
+    customButtons: {
+      type: Array
     }
   },
   data: function data() {
@@ -7343,6 +7345,22 @@ var script$e = {
     },
     cardExpand: function cardExpand() {
       this.$emit("card-expand", this.$props);
+    },
+    returnParams: function returnParams(params) {
+      var _this = this;
+      var defaultParams = {
+        message: this.message
+      };
+      if (!params) return defaultParams;
+      var keys = params.instanceKeys.split("|");
+      if (!keys || !keys.length) return _objectSpread2({
+        defaultParams: defaultParams
+      }, params.values);
+      var customParams = _objectSpread2({}, params.values);
+      keys.forEach(function (key) {
+        if (_this[key]) customParams[key] = _this[key];else console.warn("Cant find ".concat(key, " on 'this' instance"));
+      });
+      return Object.keys(customParams).length ? customParams : defaultParams;
     }
   }
 };/* script */
@@ -7375,7 +7393,33 @@ var __vue_render__$e = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'expand-alt']
     }
-  })], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" " + (_vm.chipInfos.cod && _vm.chipInfos.desc ? "<p" + _vm._ssrAttr("title", _vm.chipInfos.desc + " (" + _vm.chipInfos.cod + ")") + _vm._ssrClass("card-chip", [_vm.chipInfosClasses]) + ">" + _vm._ssrEscape(_vm._s(_vm.chipInfos.desc + " (" + _vm.chipInfos.cod + ")")) + "</p>" : "<!---->") + " <p class=\"card-message\">" + _vm._s(_vm.formattedMessage) + "</p> "), _vm._ssrNode("<div class=\"card-footer\">", "</div>", [_vm.files && _vm.files.length ? _vm._l(_vm.files, function (file, index) {
+  })], 1) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"card-actions\">", "</div>", _vm._l(_vm.customButtons, function (button, index) {
+    return _c('span', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: button.use,
+        expression: "button.use"
+      }, {
+        name: "tippy",
+        rawName: "v-tippy"
+      }],
+      key: button.id || index,
+      class: "" + (button.customClass || 'menu-mensagem'),
+      attrs: {
+        "content": button.tippyContent
+      },
+      on: {
+        "click": function click($event) {
+          button.callback(_vm.returnParams(button.params));
+        }
+      }
+    }, [_c('fa-icon', {
+      attrs: {
+        "icon": ['fas', button.icon || 'question-circle']
+      }
+    })], 1);
+  }), 0) : _vm._e()], 2)], 2), _vm._ssrNode(" " + (_vm.chipInfos.cod && _vm.chipInfos.desc ? "<p" + _vm._ssrAttr("title", _vm.chipInfos.desc + " (" + _vm.chipInfos.cod + ")") + _vm._ssrClass("card-chip", [_vm.chipInfosClasses]) + ">" + _vm._ssrEscape(_vm._s(_vm.chipInfos.desc + " (" + _vm.chipInfos.cod + ")")) + "</p>" : "<!---->") + " <p class=\"card-message\">" + _vm._s(_vm.formattedMessage) + "</p> "), _vm._ssrNode("<div class=\"card-footer\">", "</div>", [_vm.files && _vm.files.length ? _vm._l(_vm.files, function (file, index) {
     return _vm._ssrNode("<div class=\"card-file\">", "</div>", [_c('CardFile', {
       attrs: {
         "file": file,
@@ -7402,8 +7446,8 @@ var __vue_staticRenderFns__$e = [];
 /* style */
 var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-48f7f880_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:16px}.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:14.4px}.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:12.8px;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:9.6px;color:#67a332;width:14.4px;height:14.4px;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:11.2px}.card-check svg{font-size:12.8px}.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}",
+  inject("data-v-d24451c4_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:16px}.card-author{display:flex;align-items:center}.card-author svg{margin-right:5px}.card-actions{display:flex;gap:7px}.card-canal{flex:1;margin-right:10px}.card-dates{display:flex;flex-direction:column;margin-right:10px;font-size:14.4px}.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:12.8px;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:9.6px;color:#67a332;width:14.4px;height:14.4px;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:11.2px}.card-check svg{font-size:12.8px}.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
   });
@@ -7411,7 +7455,7 @@ var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$e = undefined;
 /* module identifier */
-var __vue_module_identifier__$e = "data-v-48f7f880";
+var __vue_module_identifier__$e = "data-v-d24451c4";
 /* functional template */
 var __vue_is_functional_template__$e = false;
 /* style inject shadow dom */
@@ -7795,8 +7839,7 @@ var __vue_component__$g = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$b,
   staticRenderFns: __vue_staticRenderFns__$b
 }, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, createInjectorSSR, undefined);
-var CardAttachment = __vue_component__$g;//
-var script$a = {
+var CardAttachment = __vue_component__$g;var script$a = {
   components: {
     CardAttachment: CardAttachment
   },
@@ -7852,6 +7895,9 @@ var script$a = {
     customClass: {
       type: String
     },
+    customButtons: {
+      type: Array
+    },
     origemExterna: {
       type: String
     },
@@ -7893,11 +7939,13 @@ var script$a = {
         case "9":
         case 8:
         case "8":
+        case "CANCELADA":
           return "red";
         case 3:
         case "3":
         case 6:
         case "6":
+        case "AGENDADA":
           return "yellow";
         default:
           return "";
@@ -7982,6 +8030,22 @@ var script$a = {
     },
     sendLink: function sendLink(obj) {
       this.$emit("send-avaliation-link", obj);
+    },
+    returnParams: function returnParams(params) {
+      var _this2 = this;
+      var defaultParams = {
+        message: this.mensagem
+      };
+      if (!params) return defaultParams;
+      var keys = params.instanceKeys.split("|");
+      if (!keys || !keys.length) return _objectSpread2({
+        defaultParams: defaultParams
+      }, params.values);
+      var customParams = _objectSpread2({}, params.values);
+      keys.forEach(function (key) {
+        if (_this2[key]) customParams[key] = _this2[key];else console.warn("Cant find ".concat(key, " on 'this' instance"));
+      });
+      return Object.keys(customParams).length ? customParams : defaultParams;
     }
   }
 };/* script */
@@ -8007,11 +8071,51 @@ var __vue_render__$a = function __vue_render__() {
     attrs: {
       "icon": _vm.iconAutor
     }
-  }), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\">" + _vm._ssrEscape(_vm._s("" + _vm.tratarTextoLongo(_vm.autor))) + "</p>" : "<!---->") + " " + (_vm.origem === 'principal' && _vm.autor && _vm.login ? "<p" + _vm._ssrAttr("title", _vm.returnLoginText) + ">" + _vm._ssrEscape(_vm._s(_vm.returnLoginText)) + "</p>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-right\">", "</div>", [_vm._ssrNode("<div class=\"card-datas\">" + (_vm.data_cri ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_criacao + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + " class=\"card-data\"><span>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + "</span></div>" : "<!---->") + " " + (_vm.data_mod ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_mod + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + " class=\"card-data\"><span>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + "</span></div>" : "<!---->") + "</div> "), _vm.hasExpand ? _vm._ssrNode("<div class=\"card-expand\">", "</div>", [_c('fa-icon', {
+  }), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\">" + _vm._ssrEscape(_vm._s("" + _vm.tratarTextoLongo(_vm.autor))) + "</p>" : "<!---->") + " " + (_vm.origem === 'principal' && _vm.autor && _vm.login ? "<p" + _vm._ssrAttr("title", _vm.returnLoginText) + ">" + _vm._ssrEscape(_vm._s(_vm.returnLoginText)) + "</p>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-right\">", "</div>", [_vm._ssrNode("<div class=\"card-datas\">" + (_vm.data_cri ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_criacao + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + " class=\"card-data\"><span>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + "</span></div>" : "<!---->") + " " + (_vm.data_mod ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_mod + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + " class=\"card-data\"><span>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + "</span></div>" : "<!---->") + "</div> "), _vm.hasExpand ? _c('div', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "card-expand",
+    attrs: {
+      "content": 'Expandir mensagem'
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.expandirCard();
+      }
+    }
+  }, [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'expand-alt']
     }
-  })], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\">" + (_vm.ticket_id.cod && _vm.ticket_id.desc ? "<p" + _vm._ssrAttr("title", _vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")") + _vm._ssrClass("card-chip", [_vm.ticketClassCod]) + ">" + _vm._ssrEscape(_vm._s(_vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")")) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('back_doing_business') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.back_doing_business ? 'green' : 'red') + " card-chip") + ">" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('rating') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating) + _vm._ssrClass(null, (_vm.isNumberBiggerThanSix ? 'green' : 'red') + " card-chip") + ">" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating)) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('resolved_issue') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.resolved_issue ? 'green' : 'red') + " card-chip") + ">" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + "</div> <p class=\"card-message\">" + _vm._s(_vm.mensagemFormatada) + "</p> " + (_vm.filteredInteratividadeData && _vm.filteredInteratividadeData.length ? "<div class=\"card-interatividade\"><p class=\"card-interatividade-title\">" + _vm._ssrEscape(_vm._s(_vm.dictionary.ra_infos_interatividade) + ":") + "</p> <ul class=\"card-interatividade-list\">" + _vm._ssrList(_vm.filteredInteratividadeData, function (values, index) {
+  })], 1) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"card-actions\">", "</div>", _vm._l(_vm.customButtons, function (button, index) {
+    return _c('span', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: button.use,
+        expression: "button.use"
+      }, {
+        name: "tippy",
+        rawName: "v-tippy"
+      }],
+      key: button.id || index,
+      class: "" + (button.customClass || 'menu-mensagem'),
+      attrs: {
+        "content": button.tippyContent
+      },
+      on: {
+        "click": function click($event) {
+          button.callback(_vm.returnParams(button.params));
+        }
+      }
+    }, [_c('fa-icon', {
+      attrs: {
+        "icon": ['fas', button.icon || 'question-circle']
+      }
+    })], 1);
+  }), 0) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\">" + (_vm.ticket_id.cod && _vm.ticket_id.desc ? "<p" + _vm._ssrAttr("title", _vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")") + _vm._ssrClass("card-chip", [_vm.ticketClassCod]) + ">" + _vm._ssrEscape(_vm._s(_vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")")) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('back_doing_business') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.back_doing_business ? 'green' : 'red') + " card-chip") + ">" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('rating') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating) + _vm._ssrClass(null, (_vm.isNumberBiggerThanSix ? 'green' : 'red') + " card-chip") + ">" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating)) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('resolved_issue') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.resolved_issue ? 'green' : 'red') + " card-chip") + ">" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + "</div> <p class=\"card-message\">" + _vm._s(_vm.mensagemFormatada) + "</p> " + (_vm.filteredInteratividadeData && _vm.filteredInteratividadeData.length ? "<div class=\"card-interatividade\"><p class=\"card-interatividade-title\">" + _vm._ssrEscape(_vm._s(_vm.dictionary.ra_infos_interatividade) + ":") + "</p> <ul class=\"card-interatividade-list\">" + _vm._ssrList(_vm.filteredInteratividadeData, function (values, index) {
     return "<li>" + _vm._ssrList(values, function (value, key) {
       return "<p>" + (key.indexOf(_vm.dictionary.ra_ask_avaliation_title) <= -1 ? "<span>" + _vm._s(_vm.formatInteratividadeValue(key, value)) + "</span>" : "<span><strong>" + _vm._ssrEscape(_vm._s(key + ":")) + "</strong> <button class=\"box-shadow\">" + _vm._ssrEscape(_vm._s(value)) + "</button></span>") + "</p>";
     }) + " <hr></li>";
@@ -8030,8 +8134,8 @@ var __vue_staticRenderFns__$a = [];
 /* style */
 var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-82e26970_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.msgNova,.card-ope.msgNova{margin-top:30px}.novas-mensagens{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;border-radius:7px;box-shadow:rgba(0,0,0,.15) 1px 2px 3px 0}.card p{word-break:break-all}.card-header{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between;padding:10px 5px}.card-header svg{font-size:16px}.card-canal{flex:1;margin-right:10px}.card-datas{display:flex;flex-direction:column;margin-right:10px;background:#008845;padding:5px 10px;border-top-left-radius:15px;border-bottom-left-radius:15px;color:#fff}.card-right{margin-right:-20px;display:flex;flex-direction:row-reverse;align-items:center}.card-data{overflow:hidden;display:flex;align-content:center}.card-data span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg{margin-right:5px;color:#232323}.card-expand{display:flex;justify-content:center;align-items:center;margin:0 10px;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}.card-chip-container{display:flex;flex-wrap:wrap;width:100%;gap:5px}.card-autor{display:flex;align-items:center;margin-right:10px;overflow:hidden;min-width:14px;max-width:calc(100% - 215px);gap:5px}.card-chip{font-size:12.8px;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-chip.green{color:#0e3213;background-color:rgba(15,177,39,.3)}.card-chip.green:hover{background-color:rgba(15,177,39,.4)}.card-anexo{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item{max-width:100%;max-height:100%}.anexo-item .req-loader{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-item .transition-anexo-item img{max-width:45px;max-height:45px}.anexo-icone{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone:hover{opacity:1}.anexo-icone:visited{color:inherit}svg{font-size:30px;z-index:1}.anexo-icone.pdf{position:relative}.anexo-icone.pdf svg{color:#e74c3c}.anexo-icone.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc{color:#15517f}.anexo-icone.doc::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.anexo-img:hover{opacity:1}.anexo-img img{width:95%}.card-interatividade{display:flex;flex-direction:column;margin-top:10px;margin-bottom:5px;font-size:.9em}.card-interatividade-title{font-weight:700;margin-bottom:5px}.card-interatividade-list{margin:0;padding:0;font-size:.9em}.card-interatividade-list hr{height:1px;background-color:#ccc;width:100%;border:0}.card-interatividade-list button{margin-left:5px;border-radius:5px;border:unset;cursor:pointer;padding:5px 10px;background-color:#b5f778}.card-interatividade-list button:hover{text-decoration:underline}",
+  inject("data-v-5d8ad0ac_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.msgNova,.card-ope.msgNova{margin-top:30px}.novas-mensagens{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;border-radius:7px;box-shadow:rgba(0,0,0,.15) 1px 2px 3px 0}.card p{word-break:break-all}.card-header{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between;padding:10px 5px}.card-header svg{font-size:16px}.card-canal{flex:1;margin-right:10px}.card-datas{display:flex;flex-direction:column;margin-right:10px;background:#008845;padding:5px 10px;border-top-left-radius:15px;border-bottom-left-radius:15px;color:#fff}.card-right{margin-right:-20px;display:flex;flex-direction:row-reverse;align-items:center}.card-data{overflow:hidden;display:flex;align-content:center}.card-data span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg{margin-right:5px;color:#232323}.card-actions{display:flex;gap:7px}.card-expand{display:flex;justify-content:center;align-items:center;margin:0 10px;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}.card-chip-container{display:flex;flex-wrap:wrap;width:100%;gap:5px}.card-autor{display:flex;align-items:center;margin-right:10px;overflow:hidden;min-width:14px;max-width:calc(100% - 215px);gap:5px}.card-chip{font-size:12.8px;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-chip.green{color:#0e3213;background-color:rgba(15,177,39,.3)}.card-chip.green:hover{background-color:rgba(15,177,39,.4)}.card-anexo{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item{max-width:100%;max-height:100%}.anexo-item .req-loader{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-item .transition-anexo-item img{max-width:45px;max-height:45px}.anexo-icone{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone:hover{opacity:1}.anexo-icone:visited{color:inherit}svg{font-size:30px;z-index:1}.anexo-icone.pdf{position:relative}.anexo-icone.pdf svg{color:#e74c3c}.anexo-icone.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc{color:#15517f}.anexo-icone.doc::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.anexo-img:hover{opacity:1}.anexo-img img{width:95%}.card-interatividade{display:flex;flex-direction:column;margin-top:10px;margin-bottom:5px;font-size:.9em}.card-interatividade-title{font-weight:700;margin-bottom:5px}.card-interatividade-list{margin:0;padding:0;font-size:.9em}.card-interatividade-list hr{height:1px;background-color:#ccc;width:100%;border:0}.card-interatividade-list button{margin-left:5px;border-radius:5px;border:unset;cursor:pointer;padding:5px 10px;background-color:#b5f778}.card-interatividade-list button:hover{text-decoration:underline}",
     map: undefined,
     media: undefined
   });
@@ -8039,7 +8143,7 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$a = undefined;
 /* module identifier */
-var __vue_module_identifier__$a = "data-v-82e26970";
+var __vue_module_identifier__$a = "data-v-5d8ad0ac";
 /* functional template */
 var __vue_is_functional_template__$a = false;
 /* style inject shadow dom */

package/package.json

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

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

@@ -1,9 +1,5 @@
 <template>
-  <div
-    v-if="origin"
-    :class="[currentClasses]"
-    :id="`card-${messageIndex ? messageIndex : randomizeValue}`"
-  >
+  <div v-if="origin" :class="[currentClasses]" :id="`card-${messageIndex ? messageIndex : randomizeValue}`">
     <transition name="fade">
       <span v-if="newMessage" class="new-messages" v-text="`Nova mensagem`"></span>
     </transition>
@@ -11,50 +7,35 @@
       <div class="card-header" :style="resizeHeaderCard">
         <div class="card-author">
           <fa-icon :icon="currentIcon" />
-          <p
-            v-if="author"
-            class="text-bold"
-            v-text="`${tratarTextoLongo(author)}`"
-            :title="author"
-          ></p>
-          <p
-            v-if="origin === 'principal' && login"
-            v-text="`| ${login}`"
-            :title="login"
-          ></p>
+          <p v-if="author" class="text-bold" v-text="`${tratarTextoLongo(author)}`" :title="author"></p>
+          <p v-if="origin === 'principal' && login" v-text="`| ${login}`" :title="login"></p>
         </div>
         <div class="card-right">
           <div class="card-dates">
-            <div
-              v-if="date"
-              class="card-date"
-              :title="`${dictionary.data_criacao}: ${
-                origin === 'outros'
-                  ? formataTimezoneData(date)
-                  : returnFormataDataHora(date)
-              }`"
-            >
-              <span
-                v-text="
-                  origin === 'outros'
-                    ? formataTimezoneData(date)
-                    : returnFormataDataHora(date)
-                "
-              ></span>
+            <div v-if="date" class="card-date" :title="`${dictionary.data_criacao}: ${origin === 'outros'
+              ? formataTimezoneData(date)
+              : returnFormataDataHora(date)
+              }`">
+              <span v-text="origin === 'outros'
+                ? formataTimezoneData(date)
+                : returnFormataDataHora(date)
+                "></span>
             </div>
           </div>
           <div v-if="hasExpand" class="card-expand" @click="cardExpand()">
             <fa-icon :icon="['fas', 'expand-alt']" />
           </div>
+          <div class="card-actions" v-if="customButtons && customButtons.length">
+            <span v-for="(button, index) in customButtons" :key="button.id || index" v-show="button.use"
+              @click="button.callback(returnParams(button.params))" :class="`${button.customClass || 'menu-mensagem'}`"
+              v-tippy :content="button.tippyContent">
+              <fa-icon :icon="['fas', button.icon || 'question-circle']" />
+            </span>
+          </div>
         </div>
       </div>
-      <p
-        v-if="chipInfos.cod && chipInfos.desc"
-        class="card-chip"
-        :class="[chipInfosClasses]"
-        v-text="`${chipInfos.desc} (${chipInfos.cod})`"
-        :title="`${chipInfos.desc} (${chipInfos.cod})`"
-      ></p>
+      <p v-if="chipInfos.cod && chipInfos.desc" class="card-chip" :class="[chipInfosClasses]"
+        v-text="`${chipInfos.desc} (${chipInfos.cod})`" :title="`${chipInfos.desc} (${chipInfos.cod})`"></p>
       <p class="card-message" v-html="formattedMessage"></p>
       <div class="card-footer">
         <template v-if="files && files.length">
@@ -62,14 +43,8 @@
             <CardFile :file="file" :dictionary="dictionary" :domain="domain" />
           </div>
         </template>
-        <CardCheck
-          v-if="messageStatus"
-          :messageStatus="messageStatus"
-          :hasReply="hasReply"
-          :replyMessage="replyMessage"
-          :tooltipContent="tooltipContent"
-          @reply-msg="$emit('reply-msg')"
-        />
+        <CardCheck v-if="messageStatus" :messageStatus="messageStatus" :hasReply="hasReply" :replyMessage="replyMessage"
+          :tooltipContent="tooltipContent" @reply-msg="$emit('reply-msg')" />
       </div>
     </div>
   </div>
@@ -143,6 +118,9 @@ export default {
       required: false,
       default: false,
     },
+    customButtons: {
+      type: Array
+    }
   },
   data() {
     return {
@@ -165,9 +143,8 @@ export default {
       return this.origin === "outros" ? ["fas", "user"] : ["fas", "headset"];
     },
     currentClasses() {
-      return `${this.origin === "outros" ? "card-cli" : "card-ope"} ${
-        this.newMessage ? "newMessage" : ""
-      }`;
+      return `${this.origin === "outros" ? "card-cli" : "card-ope"} ${this.newMessage ? "newMessage" : ""
+        }`;
     },
     chipInfosClasses() {
       if (!this.chipInfos || !this.chipInfos.cod) return "";
@@ -206,6 +183,28 @@ export default {
     cardExpand() {
       this.$emit("card-expand", this.$props);
     },
+    returnParams(params) {
+      const defaultParams = {
+        message: this.message,
+      };
+
+      if (!params) return defaultParams;
+
+      const keys = params.instanceKeys.split("|");
+      if (!keys || !keys.length)
+        return {
+          defaultParams,
+          ...params.values,
+        };
+
+      const customParams = { ...params.values };
+      keys.forEach((key) => {
+        if (this[key]) customParams[key] = this[key];
+        else console.warn(`Cant find ${key} on 'this' instance`);
+      });
+
+      return Object.keys(customParams).length ? customParams : defaultParams;
+    }
   },
 };
 </script>
@@ -215,6 +214,7 @@ export default {
 .fade-leave-active {
   transition: opacity 200ms;
 }
+
 .fade-enter,
 .fade-leave-to {
   opacity: 0;
@@ -227,6 +227,7 @@ export default {
   margin: 5px 0;
   position: relative;
 }
+
 .card-cli.newMessage,
 .card-ope.newMessage {
   margin-top: 30px;
@@ -251,6 +252,7 @@ export default {
   align-self: flex-end;
   background-color: lighten(#007535, 72);
 }
+
 .card-ope .card {
   border-right: 3px solid #007535;
 }
@@ -261,6 +263,7 @@ export default {
   width: 100%;
   padding: 2.5px 5px;
 }
+
 .card p {
   word-break: break-all;
 }
@@ -272,6 +275,7 @@ export default {
   display: flex;
   justify-content: space-between;
 }
+
 .card-header svg {
   font-size: 16px;
 }
@@ -280,10 +284,16 @@ export default {
   display: flex;
   align-items: center;
 }
+
 .card-author svg {
   margin-right: 5px;
 }
 
+.card-actions {
+  display: flex;
+  gap: 7px;
+}
+
 .card-canal {
   flex: 1;
   margin-right: 10px;
@@ -301,11 +311,13 @@ export default {
   display: flex;
   align-content: center;
 }
+
 .card-date span {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
+
 .card-date svg {
   margin-right: 5px;
   color: #232323;
@@ -320,6 +332,7 @@ export default {
   opacity: 0.8;
   transition: opacity 150ms;
 }
+
 .card-expand:hover {
   opacity: 1;
 }
@@ -342,27 +355,34 @@ export default {
   background-color: rgba(207, 216, 244, 0.6);
   margin-bottom: 5px;
 }
+
 .card-chip:hover {
   background-color: rgba(207, 216, 244, 1);
 }
+
 .card-chip.orange {
   color: #e14924;
   background-color: rgba(228, 92, 58, 0.15);
 }
+
 .card-chip.orange:hover {
   background-color: rgba(228, 92, 58, 0.2);
 }
+
 .card-chip.yellow {
   color: #f4a304;
   background-color: rgba(252, 191, 73, 0.15);
 }
+
 .card-chip.yellow:hover {
   background-color: rgba(252, 191, 73, 0.2);
 }
+
 .card-chip.red {
   color: rgb(231, 76, 60);
   background-color: rgba(231, 76, 60, 0.2);
 }
+
 .card-chip.red:hover {
   background-color: rgba(231, 76, 60, 0.25);
 }
@@ -391,6 +411,7 @@ export default {
   border-radius: 50%;
   background-color: #fff;
 }
+
 .card-reply svg {
   margin-top: -1px;
   margin-right: -1px;
@@ -403,25 +424,31 @@ export default {
   cursor: pointer;
   font-size: 11.2px;
 }
+
 .card-check svg {
   font-size: 12.8px;
 }
+
 .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;

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

@@ -33,9 +33,16 @@
                 "></span>
             </div>
           </div>
-          <div class="card-expand" @click="expandirCard()" v-if="hasExpand">
+          <div class="card-expand" @click="expandirCard()" v-if="hasExpand" v-tippy :content="'Expandir mensagem'">
             <fa-icon :icon="['fas', 'expand-alt']" />
           </div>
+          <div class="card-actions" v-if="customButtons && customButtons.length">
+            <span v-for="(button, index) in customButtons" :key="button.id || index" v-show="button.use"
+              @click="button.callback(returnParams(button.params))" :class="`${button.customClass || 'menu-mensagem'}`"
+              v-tippy :content="button.tippyContent">
+              <fa-icon :icon="['fas', button.icon || 'question-circle']" />
+            </span>
+          </div>
         </div>
       </div>
       <div class="card-chip-container">
@@ -148,6 +155,9 @@ export default {
     customClass: {
       type: String
     },
+    customButtons: {
+      type: Array
+    },
     origemExterna: {
       type: String,
     },
@@ -187,11 +197,13 @@ export default {
         case "9":
         case 8:
         case "8":
+        case "CANCELADA":
           return "red";
         case 3:
         case "3":
         case 6:
         case "6":
+        case "AGENDADA":
           return "yellow";
         default:
           return "";
@@ -282,6 +294,28 @@ export default {
     sendLink(obj) {
       this.$emit("send-avaliation-link", obj);
     },
+    returnParams(params) {
+      const defaultParams = {
+        message: this.mensagem,
+      };
+
+      if (!params) return defaultParams;
+
+      const keys = params.instanceKeys.split("|");
+      if (!keys || !keys.length)
+        return {
+          defaultParams,
+          ...params.values,
+        };
+
+      const customParams = { ...params.values };
+      keys.forEach((key) => {
+        if (this[key]) customParams[key] = this[key];
+        else console.warn(`Cant find ${key} on 'this' instance`);
+      });
+
+      return Object.keys(customParams).length ? customParams : defaultParams;
+    }
   },
 };
 </script>
@@ -400,6 +434,11 @@ export default {
   color: #232323;
 }
 
+.card-actions {
+  display: flex;
+  gap: 7px;
+}
+
 .card-expand {
   display: flex;
   justify-content: center;