vue-intergrall-plugins 1.0.25 → 1.0.27

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

@@ -7510,6 +7510,9 @@ var script$e = {
       type: Boolean,
       required: false,
       default: false
+    },
+    customButtons: {
+      type: Array
     }
   },
   data() {
@@ -7573,6 +7576,24 @@ var script$e = {
     },
     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;
     }
   }
 };
@@ -7649,7 +7670,35 @@ var __vue_render__$e = function () {
     attrs: {
       "icon": ['fas', 'expand-alt']
     }
-  })], 1) : _vm._e()])]), _vm._v(" "), _vm.chipInfos.cod && _vm.chipInfos.desc ? _c('p', {
+  })], 1) : _vm._e(), _vm._v(" "), _vm.customButtons && _vm.customButtons.length ? _c('div', {
+    staticClass: "card-actions"
+  }, _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 ($event) {
+          button.callback(_vm.returnParams(button.params));
+        }
+      }
+    }, [_c('fa-icon', {
+      attrs: {
+        "icon": ['fas', button.icon || 'question-circle']
+      }
+    })], 1);
+  }), 0) : _vm._e()])]), _vm._v(" "), _vm.chipInfos.cod && _vm.chipInfos.desc ? _c('p', {
     staticClass: "card-chip",
     class: [_vm.chipInfosClasses],
     attrs: {
@@ -7695,8 +7744,8 @@ var __vue_staticRenderFns__$e = [];
 /* style */
 const __vue_inject_styles__$e = function (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
   });
@@ -8298,6 +8347,9 @@ var script$a = {
     customClass: {
       type: String
     },
+    customButtons: {
+      type: Array
+    },
     origemExterna: {
       type: String
     },
@@ -8339,11 +8391,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 "";
@@ -8406,6 +8460,24 @@ var script$a = {
     },
     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;
     }
   }
 };
@@ -8477,7 +8549,14 @@ var __vue_render__$a = function () {
       "textContent": _vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))
     }
   })]) : _vm._e()]), _vm._v(" "), _vm.hasExpand ? _c('div', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
     staticClass: "card-expand",
+    attrs: {
+      "content": 'Expandir mensagem'
+    },
     on: {
       "click": function ($event) {
         return _vm.expandirCard();
@@ -8487,7 +8566,35 @@ var __vue_render__$a = function () {
     attrs: {
       "icon": ['fas', 'expand-alt']
     }
-  })], 1) : _vm._e()])]), _vm._v(" "), _c('div', {
+  })], 1) : _vm._e(), _vm._v(" "), _vm.customButtons && _vm.customButtons.length ? _c('div', {
+    staticClass: "card-actions"
+  }, _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 ($event) {
+          button.callback(_vm.returnParams(button.params));
+        }
+      }
+    }, [_c('fa-icon', {
+      attrs: {
+        "icon": ['fas', button.icon || 'question-circle']
+      }
+    })], 1);
+  }), 0) : _vm._e()])]), _vm._v(" "), _c('div', {
     staticClass: "card-chip-container"
   }, [_vm.ticket_id.cod && _vm.ticket_id.desc ? _c('p', {
     staticClass: "card-chip",
@@ -8579,8 +8686,8 @@ var __vue_staticRenderFns__$a = [];
 /* style */
 const __vue_inject_styles__$a = function (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
   });