vue-intergrall-plugins 1.1.89 → 1.2.0

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

@@ -1,252 +1,252 @@
-<template>
-  <div class="text-footer-hsm-container" v-if="hasStandardMessages">
-    <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">
-            <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
-          </v-select>
-        </div>
-        <div class="loader-select" v-else-if="key_1 && loadingReq">
-          <VueLoader />
-        </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 slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
-          </v-select>
-        </div>
-        <div class="loader-select" v-else-if="key_2 && loadingReq">
-          <VueLoader />
-        </div>
-      </transition>
-    </div>
-  </div>
-</template>
-
-<style>
-.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;
-}
-</style>
-
-<script>
-
-import { createPopper } from "@popperjs/core"
-import { standardMessages } from "../../services/standardMessages"
-
-export default {
-  mixins: [standardMessages],
-  props: {
-    hasStandardMessages: {
-      type: Boolean,
-      default: false
-    },
-    dictionary: {
-      type: Object,
-      default: {},
-      required: false
-    },
-    backgroundColor: {
-      type: String,
-      default: '#fff',
-      required: false
-    },
-    token_cliente: {
-      type: String,
-      default: '',
-      required: false
-    },
-    message: {
-      type: String,
-      default: '',
-      required: false
-    },
-    messageType: {
-      type: [Number, String],
-      default: 1,
-      required: false
-    }
-  },
-  data() {
-    return {
-      placement: "top",
-      formatted_messages_1: [{ cod: "T", value: "Todos" }],
-      key_1: "T",
-      formatted_messages_2: [],
-      key_2: "",
-      formatted_messages_3: [],
-      key_3: "",
-      loadingReq: true
-    }
-  },
-  mounted() {
-    this.receiveValueFormattedMessage(this.key_1, 2)
-  },
-  methods: {
-    calculateSelectPosition(dropdownList, component, sizes) {
-      dropdownList.style.width = sizes.width
-      const popper = createPopper(component.$refs.toggle, dropdownList, {
-        placement: this.placement
-      })
-      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 = ""
-        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 = ""
-        return
-      }
-      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 ")
-        this.loadingReq = true
-        this.getStandardMessages(cod, this.token_cliente).then((data) => {
-          this.loadingReq = false
-          if (data) {
-            if (data.msg_ret) {
-              if (data.error) throw new Error(data.msg_ret)
-              if (selectionIndex == 2) {
-                this.$toasted.global.defaultInfo({ msg: data.msg_ret })
-                this.$emit("close-blocker-standard-message")
-                return this.closeStandardMessages()
-              }
-              return this.$toasted.global.defaultInfo({ msg: data.msg_ret })
-            }
-            return this.showFormattedMessage(data, selectionIndex)
-          }
-          this.$toasted.global.defaultError({ msg: data && data.msg_ret ? data.msg_ret : 'Problema com as mensagens formatadas. Contate o suporte.' })
-          this.$emit("error-standard-message")
-          this.closeStandardMessages()
-          this.loadingReq = false
-        }).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) {
-        this.loadingReq = false
-        console.error("Error in receiveValueFormattedMessage: ", e)
-      }
-    },
-    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" })
-
-        switch (selectionIndex) {
-          case 2:
-            if (!success) {
-              this.formatted_messages_2.push(messageData)
-              this.key_2 = this.formatted_messages_2[0]
-            } else {
-              this.formatted_messages_2 = messageData
-              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
-          case 3:
-            if (!success) {
-              this.formatted_messages_3.push(messageData)
-              this.$toasted.global.defaultInfo({ msg: this.dictionary.msg_erro_sem_msg_formatada })
-              this.$emit("close-blocker-standard-message")
-            } else {
-              if (messageData.length) {
-                this.formatted_messages_3 = messageData
-                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
-        }
-
-      } catch (e) {
-        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)
-      } catch (e) {
-        console.error("Error in openMsg: ", e)
-      }
-    },
-    openFormattedMsgType2(key) {
-      try {
-        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) {
-        console.error("Error in openFormattedMsgType2: ", e)
-      }
-    },
-    insertFormattedMessage() {
-      try {
-        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) {
-        console.error("Erro ao inserir mensagem formatada: ", e)
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div class="text-footer-hsm-container" v-if="hasStandardMessages">
+    <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">
+            <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
+          </v-select>
+        </div>
+        <div class="loader-select" v-else-if="key_1 && loadingReq">
+          <VueLoader />
+        </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 slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
+          </v-select>
+        </div>
+        <div class="loader-select" v-else-if="key_2 && loadingReq">
+          <VueLoader />
+        </div>
+      </transition>
+    </div>
+  </div>
+</template>
+
+<style>
+.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;
+}
+</style>
+
+<script>
+
+import { createPopper } from "@popperjs/core"
+import { standardMessages } from "../../services/standardMessages"
+
+export default {
+  mixins: [standardMessages],
+  props: {
+    hasStandardMessages: {
+      type: Boolean,
+      default: false
+    },
+    dictionary: {
+      type: Object,
+      default: {},
+      required: false
+    },
+    backgroundColor: {
+      type: String,
+      default: '#fff',
+      required: false
+    },
+    token_cliente: {
+      type: String,
+      default: '',
+      required: false
+    },
+    message: {
+      type: String,
+      default: '',
+      required: false
+    },
+    messageType: {
+      type: [Number, String],
+      default: 1,
+      required: false
+    }
+  },
+  data() {
+    return {
+      placement: "top",
+      formatted_messages_1: [{ cod: "T", value: "Todos" }],
+      key_1: "T",
+      formatted_messages_2: [],
+      key_2: "",
+      formatted_messages_3: [],
+      key_3: "",
+      loadingReq: true
+    }
+  },
+  mounted() {
+    this.receiveValueFormattedMessage(this.key_1, 2)
+  },
+  methods: {
+    calculateSelectPosition(dropdownList, component, sizes) {
+      dropdownList.style.width = sizes.width
+      const popper = createPopper(component.$refs.toggle, dropdownList, {
+        placement: this.placement
+      })
+      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 = ""
+        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 = ""
+        return
+      }
+      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 ")
+        this.loadingReq = true
+        this.getStandardMessages(cod, this.token_cliente).then((data) => {
+          this.loadingReq = false
+          if (data) {
+            if (data.msg_ret) {
+              if (data.error) throw new Error(data.msg_ret)
+              if (selectionIndex == 2) {
+                this.$toasted.global.defaultInfo({ msg: data.msg_ret })
+                this.$emit("close-blocker-standard-message")
+                return this.closeStandardMessages()
+              }
+              return this.$toasted.global.defaultInfo({ msg: data.msg_ret })
+            }
+            return this.showFormattedMessage(data, selectionIndex)
+          }
+          this.$toasted.global.defaultError({ msg: data && data.msg_ret ? data.msg_ret : 'Problema com as mensagens formatadas. Contate o suporte.' })
+          this.$emit("error-standard-message")
+          this.closeStandardMessages()
+          this.loadingReq = false
+        }).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) {
+        this.loadingReq = false
+        console.error("Error in receiveValueFormattedMessage: ", e)
+      }
+    },
+    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" })
+
+        switch (selectionIndex) {
+          case 2:
+            if (!success) {
+              this.formatted_messages_2.push(messageData)
+              this.key_2 = this.formatted_messages_2[0]
+            } else {
+              this.formatted_messages_2 = messageData
+              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
+          case 3:
+            if (!success) {
+              this.formatted_messages_3.push(messageData)
+              this.$toasted.global.defaultInfo({ msg: this.dictionary.msg_erro_sem_msg_formatada })
+              this.$emit("close-blocker-standard-message")
+            } else {
+              if (messageData.length) {
+                this.formatted_messages_3 = messageData
+                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
+        }
+
+      } catch (e) {
+        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)
+      } catch (e) {
+        console.error("Error in openMsg: ", e)
+      }
+    },
+    openFormattedMsgType2(key) {
+      try {
+        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) {
+        console.error("Error in openFormattedMsgType2: ", e)
+      }
+    },
+    insertFormattedMessage() {
+      try {
+        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) {
+        console.error("Erro ao inserir mensagem formatada: ", e)
+      }
+    }
+  }
+}
+</script>