vue-intergrall-plugins 0.0.203 → 0.0.206

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

@@ -1,7 +1,8 @@
 <template>
-  <div class="single-file-preview">
+  <div v-if="textId" class="single-file-preview" :ref="`sfp-${textId}`">
+    <fa-icon :icon="['fas', 'times-circle']" class="close-icon" @click="$emit('close')" />
     <span @click="deleteFile" :title="dictionary.msg_cancelar_anexo" class="text-footer-exclude-file">
-      <fa-icon :icon="['fas', 'times-circle']" />
+      <fa-icon :icon="['fas', 'trash-alt']" />
     </span>
     <div class="text-footer-invalid-format" v-if="fileFormatError">
       <h3 v-text="dictionary.titulo_msg_formato_invalido"></h3>
@@ -23,6 +24,7 @@
 <script>
 export default {
   props: {
+    textId: { type: String, required: true },
     dictionary: { type: Object, required: true },
     file: { type: File, required: false },
     isDoc: { type: Boolean, required: false },
@@ -30,18 +32,37 @@ export default {
     validFileFormats: { type: String, required: false, default: "" },
     imagePreview: { type: String, required: false }
   },
+  mounted() {
+    this.setPosition()
+  },
   methods: {
     deleteFile() {
       this.$emit("delete-file")
     },
     openImage() { 
       this.$emit("open-image")
+    },
+    setPosition() {
+      try {
+        this.$refs[`sfp-${this.textId}`].parentElement.style.bottom = `${this.$root.$refs[`tf-${this.textId}`].$el.offsetHeight}px`
+      }catch(e) {
+        console.error("Erro ao setar a posicao do single file preview: ", e)
+      }
     }
   }
 }
 </script>
 
 <style>
+  .single-file-preview .close-icon {
+    color: #E74C3C;
+    cursor: pointer;
+    opacity: .9;
+    transition: opacity 300ms;
+  }
+  .single-file-preview .close-icon:hover {
+    opacity: 1;
+  }
   .text-footer-invalid-format {
     color: #222;
     padding: 10px; 

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

@@ -1,18 +1,5 @@
 <template>
   <div class="text-footer-hsm-container">
-    <v-select
-      appendToBody
-      :calculatePosition="calculateSelectPosition"
-      :style="`background-color: ${backgroundColor}`"
-      class="text-footer-v-select"
-      :options="formatted_messages_1"
-      label="value"
-      v-model="key_1"
-      :reduce="formatted_messages_1 => formatted_messages_1.cod"
-      @input="inputSelectKey1"
-      >
-      <div slot="no-options"> {{ dictionary.msg_sem_resultados }} </div>
-    </v-select>
     <div class="transition-selects">
       <transition name="fade" mode="out-in">
         <div v-if="formatted_messages_2.length && key_1">
@@ -114,7 +101,7 @@ export default {
       key_2: "",
       formatted_messages_3: [],
       key_3: "",
-      loadingReq: false
+      loadingReq: true
     }
   },
   mounted() {
@@ -158,7 +145,8 @@ export default {
         }).catch(e => { 
           this.loadingReq = false
           this.$toasted.global.defaultError()
-          console.error("Error in getStandardMessages: ", e) 
+          this.closeStandardMessages()
+          console.error("Error in getStandardMessages: ", e)
         })
       }catch(e) {
         this.loadingReq = false

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

@@ -43,7 +43,7 @@
           <fa-icon :icon="['fas', 'paper-plane']" />
         </span>
       </div>
-      <div v-if="buttons.hasFiles || buttons.hasAudio || buttons.hasExpand" class="text-footer-actions" :class="{'outside-buttons' : cssStyle.outsideButtons && !audioFile}">
+      <div v-if="buttons.hasFiles || buttons.hasAudio || buttons.hasExpand || formattedMessageSettings.hasStandardMessages" class="text-footer-actions" :class="{'outside-buttons' : cssStyle.outsideButtons && !audioFile}">
         <BtnMic 
           v-show="buttons.hasAudio && !audioFile"
           :dictionary="dictionary"
@@ -51,7 +51,7 @@
           :ref="`${textId}-mic`" 
         />
         <BtnStandardMessages 
-          v-show="formattedMessageSettings.hasStandardMessages"
+          v-show="formattedMessageSettings.hasStandardMessages && !audioFile"
           :dictionary="dictionary"
           :ref="`${textId}-standard-messages`"
           @toggle-standard-messages="toggleStandardMessages"
@@ -143,7 +143,7 @@ export default {
     },
     fileSettings: {
       type: Object,
-      default: () => { return { docsExtensions: "", imagesExtensions: "", multiple: false } },
+      default: () => { return { docsExtensions: "", imagesExtensions: "", multiple: false, systemButton: false } },
       required: false
     },
     textId: {
@@ -700,10 +700,22 @@ ul {
           margin-right: unset;
           margin-bottom: 5px; }
       .text-footer-container .text-footer-files-container .files-btn.docs {
-        background-color: #7986cb;
-        margin-right: 5px; }
+        background-color: #7986cb; }
       .text-footer-container .text-footer-files-container .files-btn.system {
-        background-color: #49a349; }
+        background-color: #49a349;
+        margin-left: 5px }
+      .text-footer-container .text-footer-files-container .files-btn.both {
+        font-size: .95rem;
+        background-color: rgb(85, 85, 236);
+        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 {
     cursor: default;
     position: absolute;

package/src/lib-components/Templates/TemplateGenerator.vue

@@ -163,33 +163,34 @@
           if(index === "components" && Array.isArray(this.selectedTemplate[index])) {
             const arrComponents = this.selectedTemplate[index]
             arrComponents.map(component => {
-              component.parameters.map(message => {
-                message.currentText = message.text
-
-                let keyIndex = 0
-                while(keyIndex < keys.length) {
-                  const varName = `{{${keys[keyIndex]}}}`
-                  if(message.text.indexOf(varName) != -1) {
-                    /**Gerando os obejetos de parametros da notifica??o para o component */
-                    if(component.type === "header") {
-                      this.selectedTemplate['parameters'][component.type] = {}
-                      //Header s? pode ter uma vari?vel
-                      this.selectedTemplate['parameters'][component.type] = {
-                        tipo: "text",
-                        text: values[keyIndex]
+              if(component && component.parameters && component.parameters.length) {
+                component.parameters.map(message => {
+                  message.currentText = message.text
+                  let keyIndex = 0
+                  while(keyIndex < keys.length) {
+                    const varName = `{{${keys[keyIndex]}}}`
+                    if(message.text.indexOf(varName) != -1) {
+                      /**Gerando os obejetos de parametros da notificacao para o component */
+                      if(component.type === "header") {
+                        this.selectedTemplate['parameters'][component.type] = {}
+                        //Header s? pode ter uma vari?vel
+                        this.selectedTemplate['parameters'][component.type] = {
+                          tipo: "text",
+                          text: values[keyIndex]
+                        }
+                      } else if(!this.selectedTemplate['parameters'][component.type]) {
+                        this.selectedTemplate['parameters'][component.type] = new Array()
                       }
-                    } else if(!this.selectedTemplate['parameters'][component.type]) {
-                      this.selectedTemplate['parameters'][component.type] = new Array()
-                    }
-                    //Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
-                    if(this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
-                      this.selectedTemplate['parameters'][component.type].push(values[keyIndex])
+                      //Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
+                      if(this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
+                        this.selectedTemplate['parameters'][component.type].push(values[keyIndex])
+                      }
+                      message.currentText = message.currentText.replace(varName, values[keyIndex])
                     }
-                    message.currentText = message.currentText.replace(varName, values[keyIndex])
+                    keyIndex++
                   }
-                  keyIndex++
-                }
-              })
+                })
+              }
             })
           }
         }