vue-intergrall-plugins 1.0.20 → 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 */
@@ -8465,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"
                 // }
@@ -8551,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
@@ -8560,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.20",
+  "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/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;
 }