vue-intergrall-plugins 1.0.19 → 1.0.21

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

@@ -4841,40 +4841,63 @@ var dev = window.location.hostname == 'localhost' ? '&teste=levchat2' : '';var s
     getStandardMessages: function getStandardMessages(type, token) {
       var _this = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var url, response, value, data, tipo, nivel, conteudo, msg_ret, st_ret;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.prev = 0;
-              return _context.abrupt("return", fetch({
-                method: 'get',
-                url: "".concat(baseURL, "/messages/").concat(type, "?token_cliente=").concat(token).concat(dev)
+              url = "".concat(baseURL, "/messages/").concat(type, "?token_cliente=").concat(token).concat(dev);
+              _context.prev = 1;
+              _context.next = 4;
+              return fetch(url, {
+                method: 'GET'
                 // headers: {
                 //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VUUnd3aW00bDV3d0piTHczb2xPYWtTbWxab283Q1F2MDY3V3pWR2E3VkhDQ2FMUEdsS2VQIiwibWFuYWdlciI6Ik1LVXFCcGtGUjNCTkhrbTZ5Znd3aW00bDV3d0l2Tlk0MDZrMzQ3SVdkRnNnRUY4Y3RIaDlQdngiLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOltdLCJhdXRoIjoiTUtVdXdGZjdjMXd3eGI0NGF3d1F4eGlia3N2NW5YR2FxOWZVNkxMYnAzQ0tkS1NHa0RvbWV4ZiIsImlhdCI6MTY0ODgxMjYzOSwiZXhwIjoxNjQ4ODk5MDM5fQ.IMpYYLoxiX566-Y2fqNlJu0qBkEyOOTWZ25UqeOyPUs"
                 // }
-              }).then(function (response) {
-                var data = response.data;
-                var tipo = data.tipo,
-                  nivel = data.nivel,
-                  conteudo = data.conteudo,
-                  msg_ret = data.msg_ret,
-                  st_ret = data.st_ret;
-                if (tipo) _this.$emit('set-message-type', tipo);
-                return st_ret === 'OK' ? conteudo ? conteudo : nivel : st_ret === 'AVISO' ? {
-                  msg_ret: msg_ret
-                } : false;
-              }).catch(function (err) {
-                return console.error('Erro na requisicao para o servidor', err);
-              }));
+              });
             case 4:
-              _context.prev = 4;
-              _context.t0 = _context["catch"](0);
-              console.error("Axios nao identificado");
-              console.error(_context.t0);
+              response = _context.sent;
+              if (response.ok) {
+                _context.next = 8;
+                break;
+              }
+              console.error('Erro na requisicao para o servidor (1)', response.statusText);
+              return _context.abrupt("return", false);
             case 8:
+              _context.next = 10;
+              return response.json();
+            case 10:
+              value = _context.sent;
+              data = value.data;
+              tipo = data.tipo, nivel = data.nivel, conteudo = data.conteudo, msg_ret = data.msg_ret, st_ret = data.st_ret;
+              if (tipo) _this.$emit('set-message-type', tipo);
+              if (!(st_ret === 'OK')) {
+                _context.next = 18;
+                break;
+              }
+              return _context.abrupt("return", conteudo ? conteudo : nivel);
+            case 18:
+              if (!(st_ret === 'AVISO')) {
+                _context.next = 22;
+                break;
+              }
+              return _context.abrupt("return", {
+                msg_ret: msg_ret
+              });
+            case 22:
+              return _context.abrupt("return", false);
+            case 23:
+              _context.next = 29;
+              break;
+            case 25:
+              _context.prev = 25;
+              _context.t0 = _context["catch"](1);
+              console.error("Erro na requisicao para o servidor (2)", _context.t0);
+              return _context.abrupt("return", false);
+            case 29:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 4]]);
+        }, _callee, null, [[1, 25]]);
       }))();
     }
   }
@@ -4969,9 +4992,11 @@ var script$l = {
             if (data.msg_ret) return _this.$toasted.global.defaultInfo({
               msg: data.msg_ret
             });
-            if (data) return _this.showFormattedMessage(data, selectionIndex);
+            return _this.showFormattedMessage(data, selectionIndex);
           }
-          _this.$toasted.global.defaultError();
+          _this.$toasted.global.defaultError({
+            msg: 'Problema com as mensagens formatadas. Contate o suporte.'
+          });
           _this.$emit("error-standard-message");
         }).catch(function (e) {
           _this.loadingReq = false;
@@ -5164,7 +5189,7 @@ var __vue_staticRenderFns__$l = [];
 /* style */
 var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-7cd1c21b_0", {
+  inject("data-v-5427991a_0", {
     source: ".transition-selects{min-height:80px;display:flex;flex-direction:column;width:100%}.loader-select{position:relative;min-height:35px;background:#fff;width:100%;border:1px solid #ccc;border-radius:5px;z-index:1}.loading-message{background-color:#555!important}",
     map: undefined,
     media: undefined
@@ -5173,7 +5198,7 @@ var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$l = undefined;
 /* module identifier */
-var __vue_module_identifier__$l = "data-v-7cd1c21b";
+var __vue_module_identifier__$l = "data-v-5427991a";
 /* functional template */
 var __vue_is_functional_template__$l = false;
 /* style inject shadow dom */
@@ -5692,7 +5717,7 @@ var __vue_render__$k = function __vue_render__() {
       "message": _vm.message,
       "maxCharacters": _vm.textareaSettings.maxCharacters
     }
-  }), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand || _vm.formattedMessageSettings.hasStandardMessages || _vm.buttons.hasScreenShare || _vm.buttons.hasDownloadAll ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
+  }), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand || _vm.formattedMessageSettings.hasStandardMessages || _vm.buttons.hasScreenShare || _vm.buttons.hasDownloadAll || _vm.buttons.hasCustomButtom ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
     'outside-buttons': _vm.cssStyle.outsideButtons && !_vm.audioFile
   }) + ">", "</div>", [_c('BtnDownloadAllFiles', {
     directives: [{
@@ -5796,7 +5821,11 @@ var __vue_render__$k = function __vue_render__() {
         return _vm.$emit('expand-textarea');
       }
     }
-  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasSendButton ? _vm._ssrNode("<div class=\"text-footer-actions\">", "</div>", [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.title_enviar_msg) + " class=\"text-footer-actions--btn\">", "</span>", [_c('fa-icon', {
+  }), _vm._ssrNode(" "), _vm.buttons.customButtom && _vm.buttons.customButtom.use ? _vm._ssrNode("<div" + _vm._ssrAttr("title", _vm.buttons.customButtom.title) + " class=\"text-footer-actions--btn\">", "</div>", [_c('fa-icon', {
+    attrs: {
+      "icon": _vm.buttons.customButtom.icon
+    }
+  })], 1) : _vm._e()], 2) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasSendButton ? _vm._ssrNode("<div class=\"text-footer-actions\">", "</div>", [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.title_enviar_msg) + " class=\"text-footer-actions--btn\">", "</span>", [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'paper-plane']
     }
@@ -5832,7 +5861,7 @@ var __vue_staticRenderFns__$k = [];
 /* style */
 var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-78fa6e30_0", {
+  inject("data-v-773f5b8e_0", {
     source: ".text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:14px;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:14px;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:12px}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:16px;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:9.2px;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-30px;right:35px;background-color:#fafafa}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:16px;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03: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)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:16px}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:16px;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:15.2px;background-color:#5555ec;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1){transform:translateX(5px)}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2){transform:translateX(-5px)}.text-footer-container .text-footer-preview-container{width:100%;cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px;min-width:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:12.8px;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:12.8px;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:13.6px!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
     map: undefined,
     media: undefined
@@ -5841,7 +5870,7 @@ var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$k = undefined;
 /* module identifier */
-var __vue_module_identifier__$k = "data-v-78fa6e30";
+var __vue_module_identifier__$k = "data-v-773f5b8e";
 /* functional template */
 var __vue_is_functional_template__$k = false;
 /* style inject shadow dom */
@@ -8461,9 +8490,8 @@ var InteratividadeBotoes = __vue_component__$b;var script$6 = {
             case 4:
               encodedURL = Buffer(url).toString("base64");
               _context.next = 7;
-              return fetch({
-                method: "get",
-                url: "".concat(baseURL, "/preview?url=").concat(encodedURL).concat(dev)
+              return fetch("".concat(baseURL, "/preview?url=").concat(encodedURL).concat(dev), {
+                method: "get"
                 // headers: {
                 //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VGWnBQeEV1UHc5UXdvN21HU2tWNEl4VHN0blM3MHNyZUJTTWt3d3hiNDRhd3dDcWwxd09jIiwibWFuYWdlciI6Ik1LVXRhd3dpbTRsNXd3WW1LMWFJYXd3aW00bDV3d3d3eGI0NGF3d0s0a2pveHBPMnl6TFZ3dXBud3d4YjQ0YXd3cmxNNHRqZ3FKTExsTjMiLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjczIl0sImF1dGgiOiJNS1VncmxDdkdRbElGbXZVTERCSGplV0wyOXFVUHdyOVlSMVMyeXdJanlLOUNteCIsImlhdCI6MTY0ODQ3MzYxNSwiZXhwIjoxNjQ4NTYwMDE1fQ.KSG_6_9NfQhk5br7hnXzeLyVZuT69XLaEYF9XkdgmmQ"
                 // }
@@ -8547,7 +8575,7 @@ var __vue_staticRenderFns__$6 = [];
 /* style */
 var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-da511986_0", {
+  inject("data-v-2e1c7e66_0", {
     source: ".link-preview{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px;opacity:.95;transition:opacity .3s ease-in-out;font-size:13.6px}.link-preview-image{display:flex;justify-content:center;align-items:center;padding:1px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-author{margin:5px;font-size:.615em;font-weight:700}.link-preview-author.mb-0{margin-bottom:0}.link-preview-author h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img{min-width:100px;max-width:200px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-infos{background-color:#2626261a;padding:5px;margin:5px;font-size:.83em;border-radius:5px}.link-preview:hover{opacity:1}.link-preview:hover .link-preview-infos p{text-decoration:underline}",
     map: undefined,
     media: undefined
@@ -8556,7 +8584,7 @@ var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$6 = undefined;
 /* module identifier */
-var __vue_module_identifier__$6 = "data-v-da511986";
+var __vue_module_identifier__$6 = "data-v-2e1c7e66";
 /* functional template */
 var __vue_is_functional_template__$6 = false;
 /* style inject shadow dom */

package/package.json

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

package/src/lib-components/Chat/StandardMessages.vue

@@ -3,17 +3,10 @@
     <div class="transition-selects">
       <transition name="fade" mode="out-in">
         <div v-if="formatted_messages_2.length && key_1">
-          <v-select
-            :style="`background-color: ${backgroundColor}`"
-            appendToBody
-            :calculatePosition="calculateSelectPosition"
-            class="text-footer-v-select"
-            :options="formatted_messages_2"
-            label="value"
-            v-model="key_2"
-            :reduce="formatted_messages_2 => formatted_messages_2.cod"
-            @input="inputSelectKey2"
-            >
+          <v-select :style="`background-color: ${backgroundColor}`" appendToBody
+            :calculatePosition="calculateSelectPosition" class="text-footer-v-select" :options="formatted_messages_2"
+            label="value" v-model="key_2" :reduce="formatted_messages_2 => formatted_messages_2.cod"
+            @input="inputSelectKey2">
             <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
           </v-select>
         </div>
@@ -22,19 +15,12 @@
         </div>
       </transition>
       <transition name="fade" mode="out-in">
-        <div class="text-footer-select-03" v-if="formatted_messages_3.length && key_2 && formatted_messages_2.length && key_1">
-          <v-select
-            :style="`background-color: ${backgroundColor}`"
-            appendToBody
-            :calculatePosition="calculateSelectPosition"
-            class="text-footer-v-select"
-            :options="formatted_messages_3"
-            :reduce="formatted_messages_3 => formatted_messages_3.cod"
-            label="value"
-            :clearable="false"
-            @input="openMsg()"
-            v-model="key_3"
-            >
+        <div class="text-footer-select-03"
+          v-if="formatted_messages_3.length && key_2 && formatted_messages_2.length && key_1">
+          <v-select :style="`background-color: ${backgroundColor}`" appendToBody
+            :calculatePosition="calculateSelectPosition" class="text-footer-v-select" :options="formatted_messages_3"
+            :reduce="formatted_messages_3 => formatted_messages_3.cod" label="value" :clearable="false"
+            @input="openMsg()" v-model="key_3">
             <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
           </v-select>
         </div>
@@ -48,13 +34,24 @@
 
 <style>
 .transition-selects {
-  min-height: 80px;display: flex; flex-direction: column; width: 100%;
+  min-height: 80px;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
 }
+
 .loader-select {
-  position: relative; min-height: 35px;background: #FFF;width: 100%; border: 1px solid #ccc;border-radius: 5px;z-index: 1;
+  position: relative;
+  min-height: 35px;
+  background: #FFF;
+  width: 100%;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  z-index: 1;
 }
+
 .loading-message {
-  background-color: #555!important;
+  background-color: #555 !important;
 }
 </style>
 
@@ -120,43 +117,43 @@ export default {
       return () => popper.destroy()
     },
     inputSelectKey1() {
-      if(!this.key_1) {
-        if(this.formatted_messages_2.length) this.formatted_messages_2 = []
-        if(this.key_2) this.key_2 = ""
+      if (!this.key_1) {
+        if (this.formatted_messages_2.length) this.formatted_messages_2 = []
+        if (this.key_2) this.key_2 = ""
         return
       }
       this.receiveValueFormattedMessage(this.key_1, 2)
     },
     inputSelectKey2() {
-      if(!this.key_2) {
-        if(this.formatted_messages_3.length) this.formatted_messages_3 = []
-        if(this.key_3) this.key_3 = ""
+      if (!this.key_2) {
+        if (this.formatted_messages_3.length) this.formatted_messages_3 = []
+        if (this.key_3) this.key_3 = ""
         return
       }
-      if(this.formatted_messages_3.length) this.formatted_messages_3 = []
-      if(this.key_3) this.key_3 = ""
+      if (this.formatted_messages_3.length) this.formatted_messages_3 = []
+      if (this.key_3) this.key_3 = ""
       this.receiveValueFormattedMessage(`T/${this.key_2}`, 3)
     },
     receiveValueFormattedMessage(cod, selectionIndex) {
       try {
-        if(!this.token_cliente) throw new Error("Informe token_cliente como chave na propriedade formattedMessageSettings que ocorre na chamada componente TextFooter ")
+        if (!this.token_cliente) throw new Error("Informe token_cliente como chave na propriedade formattedMessageSettings que ocorre na chamada componente TextFooter ")
         this.loadingReq = true
         this.getStandardMessages(cod, this.token_cliente).then((data) => {
           this.loadingReq = false
-          if(data) {
-            if(data.msg_ret) return this.$toasted.global.defaultInfo({ msg: data.msg_ret })
-            if(data) return this.showFormattedMessage(data, selectionIndex)
+          if (data) {
+            if (data.msg_ret) return this.$toasted.global.defaultInfo({ msg: data.msg_ret })
+            return this.showFormattedMessage(data, selectionIndex)
           }
-          this.$toasted.global.defaultError()
+          this.$toasted.global.defaultError({ msg: 'Problema com as mensagens formatadas. Contate o suporte.' })
           this.$emit("error-standard-message")
-        }).catch(e => { 
+        }).catch(e => {
           this.loadingReq = false
           this.$toasted.global.defaultError({ msg: e && e.message ? e.message : e })
           this.closeStandardMessages()
           this.$emit("error-standard-message")
           console.error("Error in getStandardMessages: ", e)
         })
-      }catch(e) {
+      } catch (e) {
         this.loadingReq = false
         console.error("Error in receiveValueFormattedMessage: ", e)
       }
@@ -164,51 +161,51 @@ export default {
     showFormattedMessage(messageData, selectionIndex) {
       try {
         let success = false
-        if(Array.isArray(messageData)) success = true
-        if(!success && selectionIndex != 4) this.$toasted.global.defaultInfo({ msg: messageData ? messageData.msg : "Nao foi possível obter mensagens" })
+        if (Array.isArray(messageData)) success = true
+        if (!success && selectionIndex != 4) this.$toasted.global.defaultInfo({ msg: messageData ? messageData.msg : "Nao foi possível obter mensagens" })
 
         switch (selectionIndex) {
           case 2:
-            if(!success){
+            if (!success) {
               this.formatted_messages_2.push(messageData)
               this.key_2 = this.formatted_messages_2[0]
-            }else{
+            } else {
               this.formatted_messages_2 = messageData
-              if(this.formatted_messages_2.length == 1) {
-                if(this.formatted_messages_2[0].cod) {
+              if (this.formatted_messages_2.length == 1) {
+                if (this.formatted_messages_2[0].cod) {
                   this.key_2 = this.formatted_messages_2[0].cod
                   this.receiveValueFormattedMessage(`T/${this.key_2}`, 3)
                 }
               }
             }
-          break
+            break
           case 3:
-            if(!success) {
+            if (!success) {
               this.formatted_messages_3.push(messageData)
-              this.$toasted.global.defaultInfo({msg: this.dictionary.msg_erro_sem_msg_formatada})
+              this.$toasted.global.defaultInfo({ msg: this.dictionary.msg_erro_sem_msg_formatada })
               this.$emit("close-blocker-standard-message")
-            }else{
-              if(messageData.length){
+            } else {
+              if (messageData.length) {
                 this.formatted_messages_3 = messageData
-                if(this.formatted_messages_3.length == 1 && this.formatted_messages_3[0].cod) {
+                if (this.formatted_messages_3.length == 1 && this.formatted_messages_3[0].cod) {
                   this.key_3 = this.formatted_messages_3[0].cod
                   this.openMsg()
                 }
               }
             }
-          break
-          case 4: 
+            break
+          case 4:
             const finalMessage = `${this.message}${this.message && !this.message.endsWith(" ") ? ` ${messageData}` : messageData}`
             this.$emit("add-standard-message", finalMessage)
             this.$parent.focusTextarea()
             // return this.closeStandardMessages()
-          break
-          default: 
+            break
+          default:
             console.error("Error in showFormattedMessage: selectionIndex not found")
-          break
+            break
         }
 
-      }catch(e) {
+      } catch (e) {
         console.error("Error in showFormattedMessage: ", e)
       }
     },
@@ -218,25 +215,25 @@ export default {
     openMsg() {
       try {
         this.messageType == 1 ? this.insertFormattedMessage(this.key_3) : this.openFormattedMsgType2(this.key_3)
-      }catch(e) {
+      } catch (e) {
         console.error("Error in openMsg: ", e)
       }
     },
     openFormattedMsgType2(key) {
       try {
-        if(!key || !this.key_2) return
+        if (!key || !this.key_2) return
         this.$emit("open-blocker-standard-message")
         key = key.cod
         this.$emit("set-standard-infos", { category: this.key_2, subject: key })
-      }catch(e) {
+      } catch (e) {
         console.error("Error in openFormattedMsgType2: ", e)
       }
     },
     insertFormattedMessage() {
       try {
-        if(!this.key_3) return this.$toasted.global.defaultError({msg: 'Selecione uma mensagem'})
+        if (!this.key_3) return this.$toasted.global.defaultError({ msg: 'Selecione uma mensagem' })
         this.receiveValueFormattedMessage(`T/${this.key_2}/${this.key_3}`, 4)
-      }catch(e) {
+      } catch (e) {
         console.error("Erro ao inserir mensagem formatada: ", e)
       }
     }

package/src/lib-components/Chat/TextFooter.vue

@@ -60,7 +60,8 @@
           buttons.hasExpand ||
           formattedMessageSettings.hasStandardMessages ||
           buttons.hasScreenShare ||
-          buttons.hasDownloadAll
+          buttons.hasDownloadAll ||
+          buttons.hasCustomButtom
         "
         class="text-footer-actions"
         :class="{ 'outside-buttons': cssStyle.outsideButtons && !audioFile }"
@@ -111,6 +112,12 @@
           @expand-textarea="$emit('expand-textarea')"
           :dictionary="dictionary"
         />
+        <div v-if="buttons.customButtom && buttons.customButtom.use" class="text-footer-actions--btn" @click="() => {
+          if(buttons.customButtom.callback) buttons.customButtom.callback()
+          if(buttons.customButtom.emiter) $emit(buttons.customButtom.emiter)
+        }" :title="buttons.customButtom.title">
+          <fa-icon :icon="buttons.customButtom.icon" />
+        </div>
       </div>
       <div class="text-footer-actions" v-if="buttons.hasSendButton">
         <span

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

@@ -1,22 +1,11 @@
 <template>
-  <div
-    v-if="linkPreview.isValid"
-    class="link-preview"
-    @click="openUrl()"
-    :title="`Abrir ${returnURL()} em uma nova guia`"
-  >
-    <div
-      v-if="linkPreview.imageSource"
-      :style="linkPreview.colorTheme ? `background-color: ${linkPreview.colorTheme}` : ''"
-      class="link-preview-image"
-    >
+  <div v-if="linkPreview.isValid" class="link-preview" @click="openUrl()"
+    :title="`Abrir ${returnURL()} em uma nova guia`">
+    <div v-if="linkPreview.imageSource"
+      :style="linkPreview.colorTheme ? `background-color: ${linkPreview.colorTheme}` : ''" class="link-preview-image">
       <img :src="linkPreview.imageSource" alt="Imagem referente ao link" />
     </div>
-    <div
-      class="link-preview-author"
-      :class="{ 'mb-0': linkPreview.description }"
-      v-if="linkPreview.author"
-    >
+    <div class="link-preview-author" :class="{ 'mb-0': linkPreview.description }" v-if="linkPreview.author">
       <h1 v-text="linkPreview.author"></h1>
     </div>
     <div v-if="linkPreview.description" class="link-preview-infos">
@@ -76,9 +65,8 @@ export default {
         const url = this.returnURL();
         if (!url) return;
         const encodedURL = Buffer(url).toString("base64");
-        const response = await fetch({
+        const response = await fetch(`${baseURL}/preview?url=${encodedURL}${dev}`, {
           method: "get",
-          url: `${baseURL}/preview?url=${encodedURL}${dev}`,
           // headers: {
           //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VGWnBQeEV1UHc5UXdvN21HU2tWNEl4VHN0blM3MHNyZUJTTWt3d3hiNDRhd3dDcWwxd09jIiwibWFuYWdlciI6Ik1LVXRhd3dpbTRsNXd3WW1LMWFJYXd3aW00bDV3d3d3eGI0NGF3d0s0a2pveHBPMnl6TFZ3dXBud3d4YjQ0YXd3cmxNNHRqZ3FKTExsTjMiLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjczIl0sImF1dGgiOiJNS1VncmxDdkdRbElGbXZVTERCSGplV0wyOXFVUHdyOVlSMVMyeXdJanlLOUNteCIsImlhdCI6MTY0ODQ3MzYxNSwiZXhwIjoxNjQ4NTYwMDE1fQ.KSG_6_9NfQhk5br7hnXzeLyVZuT69XLaEYF9XkdgmmQ"
           // }
@@ -99,16 +87,16 @@ export default {
             this.linkPreview.imageSource = image.url
               ? image.url
               : image.url == ""
-              ? ""
-              : image;
+                ? ""
+                : image;
           if (author || site_name || title)
             this.linkPreview.author = title
               ? title
               : author
-              ? author
-              : site_name
-              ? site_name
-              : "";
+                ? author
+                : site_name
+                  ? site_name
+                  : "";
           if (og.description) this.linkPreview.description = og.description;
         }
         if (theme_color) this.linkPreview.colorTheme = theme_color;
@@ -156,9 +144,11 @@ export default {
   font-size: 0.615em;
   font-weight: bold;
 }
+
 .link-preview-author.mb-0 {
   margin-bottom: 0;
 }
+
 .link-preview-author h1 {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -183,6 +173,7 @@ export default {
 .link-preview:hover {
   opacity: 1;
 }
+
 .link-preview:hover .link-preview-infos p {
   text-decoration: underline;
 }