vue-intergrall-plugins 1.0.13 → 1.0.15

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

@@ -25,6 +25,27 @@
     return a;
   }
 }
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
     return e;
@@ -326,6 +347,20 @@ function _regeneratorRuntime() {
     }
   }, e;
 }
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -365,6 +400,20 @@ function _asyncToGenerator(fn) {
     });
   };
 }
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -8614,6 +8663,13 @@ var LinkPreview = __vue_component__$a;var script$5 = {
       if (!this.showMenu || _typeof(this.showMenu) !== "object") return false;
       for (var key in this.showMenu) {
         if (this.showMenu.hasOwnProperty(key) && this.showMenu[key] === true) return true;
+        if (key === "customButtons") {
+          var hasAny = this.showMenu[key].some(function (_ref) {
+            var use = _ref.use;
+            return use;
+          });
+          if (hasAny) return true;
+        }
       }
       return false;
     }
@@ -8656,17 +8712,6 @@ var LinkPreview = __vue_component__$a;var script$5 = {
       if (this.isMenuOpen) this.closeMenu();
       this.isEmojisOpen = !this.isEmojisOpen;
     },
-    useGPTHandler: function useGPTHandler() {
-      if (this.isMenuOpen) this.closeMenu();
-      var params = {
-        message: this.msg
-      };
-      if (this.showMenu.gptCallback && typeof this.showMenu.gptCallback === "function") {
-        this.showMenu.gptCallback(params);
-        return;
-      }
-      this.$emit("use-gpt", params);
-    },
     addReaction: function addReaction(emoji) {
       this.messageReaction = this.messageReaction && this.messageReaction.hexa === emoji.hexa ? "" : {
         hexa: emoji.hexa,
@@ -8811,6 +8856,22 @@ var LinkPreview = __vue_component__$a;var script$5 = {
       var regex = /(\n|&nbsp;)/g;
       if (regex.test(msg)) msg = msg.replace(regex, "<br>");
       return msg;
+    },
+    returnParams: function returnParams(params) {
+      var _this = this;
+      var defaultParams = {
+        message: this.msg
+      };
+      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 */
@@ -9160,23 +9221,33 @@ var __vue_render__$5 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'smile']
     }
-  })], 1) : _vm._e(), _vm._v(" "), _vm.showMenu.useGPT ? _c('span', {
-    directives: [{
-      name: "tippy",
-      rawName: "v-tippy"
-    }],
-    staticClass: "menu-mensagem",
-    attrs: {
-      "content": _vm.dictionary.tit_use_gpt
-    },
-    on: {
-      "click": _vm.useGPTHandler
-    }
-  }, [_c('fa-icon', {
-    attrs: {
-      "icon": ['fas', 'question-circle']
-    }
-  })], 1) : _vm._e()]) : _vm._e(), _vm._v(" "), _vm.isEmojisOpen ? _c('div', {
+  })], 1) : _vm._e(), _vm._v(" "), _vm.showMenu.customButtons && _vm.showMenu.customButtons.length ? _vm._l(_vm.showMenu.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);
+  }) : _vm._e()], 2) : _vm._e(), _vm._v(" "), _vm.isEmojisOpen ? _c('div', {
     directives: [{
       name: "on-clickaway",
       rawName: "v-on-clickaway",
@@ -9243,7 +9314,7 @@ var __vue_staticRenderFns__$5 = [];
 /* style */
 var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-73ca470f_0", {
+  inject("data-v-bb67a87c_0", {
     source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:12px;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius: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:12px;word-break:break-word;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mensagem.max-w-60{max-width:60%}.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:hover .menu-primario{visibility:visible;opacity:1}.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:9.6px;color:#67a332;width:14.4px;height:14.4px;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:11.2px}.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:6.4px;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:11.2px;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:9.6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{visibility:hidden;opacity:0;transition:opacity 150ms ease-in-out;position:absolute;font-size:11.2px;top:3px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:4px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:4px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px}.menu-flutuante{background-color:#fff;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:10px;position:absolute;top:20px;width:120px;min-height:50px;height:50px;max-height:50px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column;z-index:1}.menu-flutuante.principal{left:3px}.menu-flutuante.outros{right:3px}.menu-flutuante li{transition:background-color .3s ease-in-out;width:100%;cursor:pointer;padding:5px 10px;display:flex;align-items:center}.menu-flutuante li:hover{background-color:#e9e9e9}.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:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.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>.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:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.emoji-message-container{position:absolute;top:0;z-index:1;width:300px;height:250px}.emoji-message-container .sm-emoji-picker{width:300px;height:250px}.emoji-message-container .sm-emoji-picker .sm-emoji-header{overflow-x:auto;overflow-y:hidden}.reaction{position:absolute;bottom:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(100,100,100,.4);padding:5px;font-size:1.3em;min-width:1.8em;min-height:1.8em;max-width:1.8em;max-height:1.8em}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
     map: undefined,
     media: undefined
@@ -9252,7 +9323,7 @@ var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$5 = undefined;
 /* module identifier */
-var __vue_module_identifier__$5 = "data-v-73ca470f";
+var __vue_module_identifier__$5 = "data-v-bb67a87c";
 /* functional template */
 var __vue_is_functional_template__$5 = false;
 /* style inject shadow dom */

package/package.json

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

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

@@ -228,15 +228,19 @@
         >
           <fa-icon :icon="['fas', 'smile']" />
         </span>
-        <span
-          v-if="showMenu.useGPT"
-          @click="useGPTHandler"
-          class="menu-mensagem"
-          v-tippy
-          :content="dictionary.tit_use_gpt"
-        >
-          <fa-icon :icon="['fas', 'question-circle']" />
-        </span>
+        <template v-if="showMenu.customButtons && showMenu.customButtons.length">
+          <span
+            v-for="(button, index) in showMenu.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>
+        </template>
       </div>
       <div
         class="emoji-message-container"
@@ -435,6 +439,10 @@ export default {
       if (!this.showMenu || typeof this.showMenu !== "object") return false;
       for (let key in this.showMenu) {
         if (this.showMenu.hasOwnProperty(key) && this.showMenu[key] === true) return true;
+        if (key === "customButtons") {
+          const hasAny = this.showMenu[key].some(({ use }) => use);
+          if (hasAny) return true;
+        }
       }
       return false;
     },
@@ -477,19 +485,6 @@ export default {
       if (this.isMenuOpen) this.closeMenu();
       this.isEmojisOpen = !this.isEmojisOpen;
     },
-    useGPTHandler() {
-      if (this.isMenuOpen) this.closeMenu();
-      const params = {
-        message: this.msg,
-      };
-
-      if (this.showMenu.gptCallback && typeof this.showMenu.gptCallback === "function") {
-        this.showMenu.gptCallback(params);
-        return;
-      }
-
-      this.$emit("use-gpt", params);
-    },
     addReaction(emoji) {
       this.messageReaction =
         this.messageReaction && this.messageReaction.hexa === emoji.hexa
@@ -657,6 +652,28 @@ export default {
       if (regex.test(msg)) msg = msg.replace(regex, "<br>");
       return msg;
     },
+    returnParams(params) {
+      const defaultParams = {
+        message: this.msg,
+      };
+
+      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>