vue-intergrall-plugins 0.0.168 → 0.0.171

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.168",
+  "version": "0.0.171",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",
@@ -60,6 +60,9 @@
     "node": ">=12"
   },
   "dependencies": {
-    "axios": "^0.26.0"
+    "axios": "^0.26.0",
+    "kind-of": "^6.0.3",
+    "link-preview-js": "^2.1.13",
+    "link-prevue": "^1.2.0"
   }
 }

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

@@ -42,6 +42,7 @@
             :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()"
@@ -49,14 +50,6 @@
             >
             <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
           </v-select>
-          <template v-if="key_3.cod">
-            <!-- <span class="text-footer--btn-select-03" v-if="messageType == 1" :title="dictionary.title_btn_preencher_msg_formatada" @click="insertFormattedMessage(key_3)">
-              <fa-icon :icon="['fas', 'level-up-alt']" />
-            </span> --> 
-            <span class="text-footer--btn-select-03" :title="dictionary.title_btn_abrir_msg_tipo_2" @click="openFormattedMsgType2(key_3)"> <!-- v-else-if="messageType == 2" -->
-              <fa-icon :icon="['fas', 'file-alt']" />
-            </span>
-          </template>
         </div>
         <div class="loader-select" v-else-if="key_2 && loadingReq">
           <VueLoader />
@@ -73,6 +66,9 @@
 .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;
+}
 </style>
 
 <script>
@@ -156,7 +152,7 @@ export default {
         this.loadingReq = true
         this.getStandardMessages(cod, this.token_cliente).then((data) => {
           this.loadingReq = false
-          if(data && typeof(data) == 'string') return this.$toasted.global.emConstrucao({msg: data})
+          if(data.msg_ret) return this.$toasted.global.emConstrucao({ msg: data.msg_ret })
           if(data) return this.showFormattedMessage(data, selectionIndex)
           this.$toasted.global.defaultError()
         }).catch(e => { 
@@ -172,7 +168,7 @@ export default {
       try {
         let success = false
         if(Array.isArray(messageData)) success = true
-        if(!success) this.$toasted.global.emConstrucao({ msg: messageData ? messageData.msg : "Nao foi possível obter mensagens" })
+        if(!success && selectionIndex != 4) this.$toasted.global.emConstrucao({ msg: messageData ? messageData.msg : "Nao foi possível obter mensagens" })
 
         switch (selectionIndex) {
           case 2:
@@ -195,21 +191,21 @@ export default {
               this.$toasted.global.emConstrucao({msg: this.dictionary.msg_erro_sem_msg_formatada})
               this.$emit("close-blocker-standard-message")
             }else{
-              if(!messageData.length){
-                this.formatted_messages_3.push(this.dictionary.msg_erro_sem_msg_formatada)
-                this.key_3 = this.formatted_messages_3[0]
-                this.openFormattedMsgType2(this.key_3)
-              }else{
+              if(messageData.length){
                 this.formatted_messages_3 = messageData
-                if(this.formatted_messages_3.length == 1) {
-                  if(this.formatted_messages_3[0].cod) {
-                    this.key_3 = this.formatted_messages_3[0]
-                    this.openFormattedMsgType2(this.key_3)
-                  }
+                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: 
+            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: 
             console.error("Error in showFormattedMessage: selectionIndex not found")
           break
@@ -219,10 +215,12 @@ export default {
         console.error("Error in showFormattedMessage: ", e)
       }
     },
+    closeStandardMessages() {
+      this.$emit("close-standard-messages")
+    },
     openMsg() {
       try {
-        // this.messageType == 1 ? this.insertFormattedMessage(this.key_3) :  
-        this.openFormattedMsgType2(this.key_3)
+        this.messageType == 1 ? this.insertFormattedMessage(this.key_3) : this.openFormattedMsgType2(this.key_3)
       }catch(e) {
         console.error("Error in openMsg: ", e)
       }
@@ -240,9 +238,7 @@ export default {
     insertFormattedMessage() {
       try {
         if(!this.key_3) return this.$toasted.global.defaultError({msg: 'Selecione uma mensagem'})
-        // const { value } = key
-        // const finalMessage = `${this.message}${this.message && !this.message.endsWith(" ") ? ` ${value}` : value}`
-        // return value ? this.$emit("add-standard-message", finalMessage) : this.$toasted.global.emConstrucao({msg: 'Mensagem vazia'})
+        this.receiveValueFormattedMessage(`T/${this.key_2}/${this.key_3}`, 4)
       }catch(e) {
         console.error("Erro ao inserir mensagem formatada: ", e)
       }

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

@@ -87,6 +87,7 @@
         :message="message"
         :messageType="messageType"
 
+        @close-standard-messages="closeStandardMessages"
         @open-blocker-standard-message="openBlockerStandardMessage"
         @close-blocker-standard-message="closeBlockerStandardMessage"
         @set-message-type="setMessageType"
@@ -203,20 +204,20 @@ export default {
   },
   methods: {
     listenerPostMessage(event){
+      const baseURL = window.location.hostname == 'localhost' ? `https://linux07` : `https://${window.location.hostname}`
       if(!this.formattedMessageSettings.hasStandardMessages) return
       if(event.data.gerenciador || event.data.abrirFishing || event.data.multiplos_contatos || event.data.inserir_cliente_omni || event.data.multiple_contatos) return
-      if(event.data == ''){
-        if(this.showStandardMessages) {
+      if(event.origin == baseURL) {
+        if(event.data == '' && this.showStandardMessages){
+          this.closeBlockerStandardMessage()
+          this.toggleStandardMessages()
+          this.$toasted.global.emConstrucao({msg: this.dictionary.msg_erro_sem_msg_formatada})
+        }else if(typeof event.data === "string" && this.showStandardMessages){
+          this.message = event.data
+          this.focusTextarea()
           this.closeBlockerStandardMessage()
           this.toggleStandardMessages()
         }
-        this.$toasted.global.emConstrucao({msg: this.dicionario.msg_erro_sem_msg_formatada})
-      }else if(typeof event.data === "string"){
-        this.message = event.data
-        this.focusTextarea()
-
-        this.closeBlockerStandardMessage()
-        this.toggleStandardMessages()
       }
     },
     closeEmojis() {
@@ -472,6 +473,9 @@ export default {
       this.message = message
       this.sendFinalMessage()
     },
+    closeStandardMessages() {
+      this.showStandardMessages = false
+    }
   },
   destroyed() {
     // this.$root.$off("drop-file")

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

@@ -24,6 +24,7 @@
           </li>
         </ul>
       </div>
+      <!-- <LinkPrevue v-if="linkPreview && link" :url="linkPreview" /> -->
       <p v-html="formatMsg(message)"></p>
       <InteratividadeBotoes 
         v-if="interatividade"
@@ -64,9 +65,11 @@
 import AnexoMensagem from "./AnexoMensagem"
 import InteratividadeBotoes from "./InteratividadeBotoes"
 import { formataTimezoneData } from "../../services/textFormatting"
+import LinkPrevue from "link-prevue"
+import { getLinkPreview } from "link-preview-js";
 
 export default {
-  components: { AnexoMensagem, InteratividadeBotoes },
+  components: { AnexoMensagem, InteratividadeBotoes, LinkPrevue },
   props: ["smartchannel", "messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio", "corMsg", "interatividade", "msgReply", "hasReply", "iniDialogo", "dialogoId", "dialogoOrigem", "expSessao"],
   data(){
     return{
@@ -87,7 +90,8 @@ export default {
         rotateControl: false,
         fullscreenControl: false,
         disableDefaultUI: false
-      }
+      },
+      linkPreview: ""
     }
   },
   computed: {
@@ -150,6 +154,19 @@ export default {
         this.urlFileName = this.getUrlFileName()
         this.message = this.removeUrlStickerByString(this.urlSticker)
       }
+      if(this.validadeIfExistsUrl()){
+        const linkRegex = /(?:(?:https?|ftp|file):\/\/|www\.|ftp\.)(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$])/igm;
+        let link = [];
+        link = this.message.match(linkRegex);
+        if(!link || link.length == 0){
+          return;
+        }
+        getLinkPreview(link[0]).then((data) => {
+          if(data.images && data.images.length > 0){
+            this.urlSticker = data.images[0];
+          }
+        });
+      }
     },
     getUrlFileName(){
       let urlRegex = /(?<=\/)[^\/\?#]+(?=[^\/]*$)/;
@@ -165,6 +182,12 @@ export default {
       let url = this.message.match(urlRegex)[1];
       return url;
     },
+    validadeIfExistsUrl(){
+      if(this.message && this.message.indexOf("https://") !== false && this.message.indexOf("<a") !== false){
+        return true;
+      }
+      return false;
+    },
     validadeIfExistsSticker(){
       if(this.message && this.message.indexOf("KSTICKERK https://smarters") === 0){
         return true;
@@ -208,8 +231,17 @@ export default {
     formatMsg(msg) {
       const regex = /(\n|&nbsp;)/g
       if(regex.test(msg)) msg = msg.replace(regex, "<br>")
+      // if(/(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi.test(msg) && this.link) this.setLinkPreview(msg)
       return msg
-    }
+    },
+    // setLinkPreview(link) {
+    //   try {
+    //     this.linkPreview = link
+    //   }catch(e) {
+    //     console.error("Erro ao receber a previa do link")
+    //     console.error(e)
+    //   }
+    // }
   }
 }
 </script>