vue-intergrall-plugins 1.1.1 → 1.1.3

package/src/lib-components/Email/EmailFrom.vue

@@ -14,7 +14,7 @@
 }
 
 .email-from .from {
-  font-size: .75rem;
+  font-size: 12px;
   font-weight: bold;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -32,7 +32,7 @@
   white-space: nowrap;
   overflow: hidden;
   margin-left: 5px;
-  font-size: .75rem;
+  font-size: 12px;
   color: gray;
   text-overflow: ellipsis;
 }

package/src/lib-components/Email/EmailItem.vue

@@ -3,9 +3,10 @@
     :class="['email-item box-shadow-active', isOpen ? isOpenClass : `${isClosedClass} cursor-pointer`, showInfos ? 'info-open' : '', origem, customClass]"
     @click="openByItem($event)">
     <div v-if="showInfos" class="email-overlay"></div>
-    <div class="email-author" v-if="autor" :class="[origem, isMainEmail ? 'main' : '']" @click.stop="toggleIsOpen">
+    <div class="email-author" v-if="autor" :class="[origem, isMainEmail ? 'main' : '']" @click.stop="toggleIsOpen"
+      :key="autor">
       <fa-icon :icon="['fas', 'reply']" :class="[origem]" :title="`Enviado por: ${autor}`" />
-      <p class="email-author-name" v-text="returnAuthorName()" :title="returnAuthorName()"></p>
+      <p class="email-author-name" v-text="returnAuthorName" :title="returnAuthorName"></p>
       <fa-icon :icon="['fas', origem === 'outros' ? 'user' : 'headset']"
         :title="`E-mail ${origem === 'outros' ? 'recebido' : 'enviado'}`" class="email-to-svg" />
     </div>
@@ -254,6 +255,22 @@ export default {
         return !this.html.includes(anexo.name);
       })
     },
+    returnAuthorName() {
+      if (!this.from || !this.from.length) return this.autor || ''
+      const { email, name } = this.from[0]
+      if (!name) return email
+      if (!email) return name
+      if (this.isOpen) return `${name} (${email})`
+      return name
+    },
+    formattedToName() {
+      return (name, index, length) => {
+        let addVirgulaDps = index < length - 1
+        let addVirgulaAntes = index === 1 && length >= 2
+        const text = index === 0 ? `Para: ${name || ''}` : name ? `${addVirgulaAntes ? ', ' : ''}${name}${addVirgulaDps ? ', ' : ''}` : '';
+        return text
+      }
+    }
   },
   watch: {
     isOpen: 'updateIframeContent'
@@ -276,14 +293,6 @@ export default {
 
       this.$nextTick(this.updateIframeContent())
     },
-    returnAuthorName() {
-      if (!this.from || !this.from.length) return this.autor || ''
-      const { email, name } = this.from[0]
-      if (!name) return email
-      if (!email) return name
-      if (this.isOpen) return `${name} (${email})`
-      return name
-    },
     gerarMensagemEstilizada(msg) {
       try {
         const currentStyles = [
@@ -455,20 +464,6 @@ export default {
     closeActions() {
       this.actionsOpen = false;
     },
-    formattedName(name, index, length, isOpen) {
-      if (!name) return '--';
-      return `${name || '--'}${index !== length - 1 && !isOpen ? ', ' : ''}`;
-    },
-    formattedMail(email, index, length, isOpen) {
-      if (!email) return ''
-      return `<${email || '--'}${index !== length - 1 && isOpen ? '>, ' : '>'}`;
-    },
-    formattedToName(name, index, length) {
-      let addVirgulaDps = index < length - 1
-      let addVirgulaAntes = index === 1 && length >= 2
-      const text = index === 0 ? `Para: ${name || ''}` : name ? `${addVirgulaAntes ? ', ' : ''}${name}${addVirgulaDps ? ', ' : ''}` : '';
-      return text
-    },
     returnMainValue() {
       if (this.isMainEmail) return this.htmlEntityToEmoji(this.replaceUnicodeWithEmoji(this.assunto)) || '(Sem assunto)'
       return ''
@@ -640,7 +635,7 @@ export default {
 }
 
 .email-author.main {
-  font-size: 1.025rem;
+  font-size: 16.4px;
 }
 
 .email-item.principal {
@@ -683,13 +678,13 @@ export default {
 
 .email-subject {
   margin: 5px 0 0 0;
-  font-size: 1.025rem;
+  font-size: 16.4px;
   cursor: pointer;
 }
 
 .email-date {
   --width: 245px;
-  font-size: .8rem;
+  font-size: 12.8px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
@@ -768,7 +763,7 @@ export default {
   padding: 5px 10px;
   cursor: pointer;
   transition: background-color 150ms ease-in-out;
-  font-size: .9rem;
+  font-size: 14.4px;
   user-select: none;
 }
 
@@ -798,7 +793,7 @@ export default {
   width: 100%;
   max-width: 100%;
   padding: 15px;
-  font-size: .9rem;
+  font-size: 14.4px;
   color: #222;
 }
 
@@ -830,7 +825,7 @@ export default {
 
 .email-to-btn {
   padding: 0 5px;
-  font-size: .9rem;
+  font-size: 14.4px;
   cursor: pointer;
   color: #666;
 }
@@ -855,11 +850,11 @@ export default {
 
 .email-info {
   width: 100%;
-  font-size: .8rem;
+  font-size: 12.8px;
 }
 
 .email-info>span {
-  font-size: .75rem;
+  font-size: 12px;
   color: gray;
   margin-right: 3px;
 }
@@ -868,7 +863,7 @@ export default {
   display: flex;
   align-items: center;
   height: 5px;
-  font-size: .75rem;
+  font-size: 12px;
   font-weight: bold;
   transform: translateY(-2px);
   width: 100%;
@@ -880,12 +875,12 @@ export default {
 }
 
 .email-subject-span {
-  font-size: .7rem;
+  font-size: 11.2px;
   color: gray;
 }
 
 .email-to-svg {
-  font-size: .85rem;
+  font-size: 13.6px;
 }
 
 .email-custom-buttons {
@@ -895,7 +890,7 @@ export default {
   top: 5px;
   right: 5px;
   z-index: 1;
-  font-size: .8rem;
+  font-size: 12.8px;
 }
 
 .menu-mensagem {

package/src/lib-components/Email/EmailTo.vue

@@ -17,7 +17,7 @@
 
 .email-to .to,
 .email-to .additional {
-  font-size: .7rem;
+  font-size: 11.2px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;

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

@@ -401,7 +401,7 @@ export default {
 }
 
 .alert svg {
-  font-size: 1.025em;
+  font-size: 16.4px;
   margin-right: 2px;
 }
 

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

@@ -648,7 +648,7 @@ svg {
   flex-direction: column;
   margin-top: 10px;
   margin-bottom: 5px;
-  font-size: 0.9em;
+  font-size: 14.4px;
 }
 
 .card-interatividade-title {
@@ -659,7 +659,7 @@ svg {
 .card-interatividade-list {
   margin: 0;
   padding: 0;
-  font-size: 0.9em;
+  font-size: 14.4px;
 }
 
 .card-interatividade-list hr {

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

@@ -290,8 +290,8 @@ export default {
 
       if (this.tipo_origem) {
         tooltipStar += `${this.dictionary["tipo_origem"]}: ${this.dictionary[`tipo_origem_${this.tipo_origem}`]
-            ? this.dictionary[`tipo_origem_${this.tipo_origem}`]
-            : this.tipo_origem
+          ? this.dictionary[`tipo_origem_${this.tipo_origem}`]
+          : this.tipo_origem
           }<br/>`;
       }
 
@@ -956,16 +956,16 @@ export default {
 }
 
 .info-mapa li.title {
-  font-size: 0.85em;
+  font-size: 13.6px;
 }
 
 .info-mapa li.address,
 .info-mapa li.url {
-  font-size: 0.85em;
+  font-size: 13.6px;
 }
 
 .info-mapa li.url {
-  font-size: 0.85em;
+  font-size: 13.6px;
 }
 
 .tooltip-list {
@@ -999,7 +999,7 @@ export default {
       }
 
       .mensagem .reaction {
-        $size: 1.8em;
+        $size: 28.8px;
         width: $size;
         height: $size;
         min-width: $size;
@@ -1027,11 +1027,11 @@ export default {
   align-items: center;
   background-color: rgba(100, 100, 100, 0.4);
   padding: 5px;
-  font-size: 1.3em;
-  min-width: 1.8em;
-  min-height: 1.8em;
-  max-width: 1.8em;
-  max-height: 1.8em;
+  font-size: 20.8px;
+  min-width: 28.8px;
+  min-height: 28.8px;
+  max-width: 28.8px;
+  max-height: 28.8px;
 }
 
 .reaction>span {

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

@@ -1,26 +1,14 @@
 <template>
   <div class="interatividade">
-    <div
-      v-if="
-        interatividade &&
-        interatividade.parameters &&
-        interatividade.parameters.button &&
-        interatividade.parameters.button.length
-      "
-    >
-      <div
-        v-for="(button, index) in interatividade.parameters.button"
-        :key="index"
-        class="interatividade-btn"
-      >
+    <div v-if="
+      interatividade &&
+      interatividade.parameters &&
+      interatividade.parameters.button &&
+      interatividade.parameters.button.length
+    ">
+      <div v-for="(button, index) in interatividade.parameters.button" :key="index" class="interatividade-btn">
         <p v-if="!button.url" v-html="button.text" class="interatividade-titulo"></p>
-        <a
-          v-else
-          :href="button.url"
-          target="_blank"
-          rel="noreferrer noopener"
-          class="interatividade-link"
-        >
+        <a v-else :href="button.url" target="_blank" rel="noreferrer noopener" class="interatividade-link">
           <p v-html="button.text" class="interatividade-titulo"></p>
           <fa-icon :icon="['fas', 'external-link-square-alt']" />
         </a>
@@ -28,107 +16,60 @@
     </div>
 
     <!-- Tudo aqui abaixo TEORICAMENTE e antigo e nao devera mais cair nas situacoes -->
-    <div
-      v-if="
-        interatividade &&
-        interatividade.parameters &&
-        interatividade.parameters.button &&
-        (interatividade.parameters.button.type === 'dynamicURL' ||
-          interatividade.parameters.button.type === 'staticURL')
-      "
-      class="interatividade-btn"
-    >
-      <a
-        :href="interatividade.parameters.button.text"
-        target="_blank"
-        rel="noreferrer noopener"
-        class="interatividade-link"
-      >
+    <div v-if="
+      interatividade &&
+      interatividade.parameters &&
+      interatividade.parameters.button &&
+      (interatividade.parameters.button.type === 'dynamicURL' ||
+        interatividade.parameters.button.type === 'staticURL')
+    " class="interatividade-btn">
+      <a :href="interatividade.parameters.button.text" target="_blank" rel="noreferrer noopener"
+        class="interatividade-link">
         Acessar <fa-icon :icon="['fas', 'external-link-square-alt']" />
       </a>
     </div>
-    <div
-      v-if="
-        interatividade &&
-        interatividade.parameters &&
-        interatividade.parameters.button &&
-        interatividade.parameters.button.type === 'phoneNumber'
-      "
-      class="interatividade-btn"
-    >
-      <p
-        class="interatividade-titulo"
-        :title="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`"
-        v-text="
-          `${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`
-        "
-      ></p>
+    <div v-if="
+      interatividade &&
+      interatividade.parameters &&
+      interatividade.parameters.button &&
+      interatividade.parameters.button.type === 'phoneNumber'
+    " class="interatividade-btn">
+      <p class="interatividade-titulo"
+        :title="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`" v-text="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`
+          "></p>
     </div>
-    <div
-      v-if="
-        interatividade &&
-        interatividade.parameters &&
-        interatividade.parameters.button &&
-        interatividade.parameters.button.type === 'quickReply'
-      "
-      class="interatividade-btn"
-    >
-      <p
-        class="interatividade-titulo"
-        :title="`${interatividade.parameters.button.text}`"
-        v-text="`${interatividade.parameters.button.text}`"
-      ></p>
+    <div v-if="
+      interatividade &&
+      interatividade.parameters &&
+      interatividade.parameters.button &&
+      interatividade.parameters.button.type === 'quickReply'
+    " class="interatividade-btn">
+      <p class="interatividade-titulo" :title="`${interatividade.parameters.button.text}`"
+        v-text="`${interatividade.parameters.button.text}`"></p>
     </div>
     <transition name="show-x">
-      <InteratividadePopup
-        v-if="listaEstaAberta"
-        :lista="listaExpandida"
-        :titulo="objItens.list.title"
-        @close="listaEstaAberta = false"
-      />
+      <InteratividadePopup v-if="listaEstaAberta" :lista="listaExpandida" :titulo="objItens.list.title"
+        @close="listaEstaAberta = false" />
     </transition>
     <template v-if="arrBotoes.length">
-      <div
-        v-for="(btn, index) in arrBotoes"
-        :key="index"
-        :title="btn.titulo"
-        class="interatividade-btn"
-      >
+      <div v-for="(btn, index) in arrBotoes" :key="index" :title="btn.titulo" class="interatividade-btn">
         <p v-html="btn.titulo" class="interatividade-titulo"></p>
       </div>
     </template>
     <template v-else-if="Object.keys(objItens).length">
-      <div
-        class="interatividade-lista"
-        :class="tipoBotoes == 'listItem' ? 'bg-none' : ''"
-      >
-        <div
-          class="interatividade-lista-conteudo"
-          :class="tipoBotoes == 'listItem' ? 'border-bottom-none padding-none' : ''"
-        >
-          <p
-            v-if="objItens.header && objItens.header.text"
-            v-html="objItens.header.text"
-            class="interatividade-lista-titulo"
-          ></p>
-          <p
-            v-if="objItens.body && objItens.body.text"
-            v-html="objItens.body.text"
-            class="interatividade-lista-corpo"
-          ></p>
-          <p
-            v-if="objItens.footer && objItens.footer.text"
-            v-html="objItens.footer.text"
-            class="interatividade-lista-rodape"
-          ></p>
+      <div class="interatividade-lista" :class="tipoBotoes == 'listItem' ? 'bg-none' : ''">
+        <div class="interatividade-lista-conteudo"
+          :class="tipoBotoes == 'listItem' ? 'border-bottom-none padding-none' : ''">
+          <p v-if="objItens.header && objItens.header.text" v-html="objItens.header.text"
+            class="interatividade-lista-titulo"></p>
+          <p v-if="objItens.body && objItens.body.text" v-html="objItens.body.text" class="interatividade-lista-corpo">
+          </p>
+          <p v-if="objItens.footer && objItens.footer.text" v-html="objItens.footer.text"
+            class="interatividade-lista-rodape"></p>
         </div>
-        <p
-          v-if="objItens.list && objItens.list.title"
-          v-html="objItens.list.title"
-          @click="expandirLista"
-          :class="tipoBotoes == 'listItem' ? 'bg-white border-radius-5 mt-5' : ''"
-          class="interatividade-lista-link"
-        ></p>
+        <p v-if="objItens.list && objItens.list.title" v-html="objItens.list.title" @click="expandirLista"
+          :class="tipoBotoes == 'listItem' ? 'bg-white border-radius-5 mt-5' : ''" class="interatividade-lista-link">
+        </p>
       </div>
     </template>
   </div>
@@ -234,7 +175,7 @@ export default {
 
 .interatividade-lista-titulo {
   font-weight: bold;
-  font-size: 1.2em;
+  font-size: 19.2px;
   margin-bottom: 10px;
 }
 

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

@@ -71,7 +71,7 @@ export default {
   padding: 4px 10px;
   background-color: #333;
   color: #fff;
-  font-size: 1.2em;
+  font-size: 19.2px;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -80,7 +80,7 @@ export default {
 .interatividade-popup-titulo h1 svg {
   color: #e74c3c;
   cursor: pointer;
-  font-size: 0.9em;
+  font-size: 14.4px;
 }
 
 .interatividade-popup-item {
@@ -89,7 +89,7 @@ export default {
 }
 
 .interatividade-popup-item-desc {
-  font-size: 0.9em;
+  font-size: 14.4px;
   color: #767676;
 }
 </style>

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

@@ -137,7 +137,7 @@ export default {
 
 .link-preview-author {
   margin: 5px;
-  font-size: 0.615em;
+  font-size: 9.84px;
   font-weight: bold;
 }
 
@@ -162,7 +162,7 @@ export default {
   background-color: #2626261a;
   padding: 5px;
   margin: 5px;
-  font-size: 0.83em;
+  font-size: 13.28px;
   border-radius: 5px;
 }
 

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

@@ -51,7 +51,7 @@
                   @click="triggerInputFile(`header-${pIndex}`)" v-tippy="{ placement: 'right' }" :content="headerFiles[0].name
                     " />
               </template>
-              <fa-icon v-else class="select-image" :icon="['fas', 'video']" style="font-size: 1.2rem"
+              <fa-icon v-else class="select-image" :icon="['fas', 'video']" style="font-size: 19.2px"
                 @click="triggerInputFile(`header-${pIndex}`)" v-tippy="{ placement: 'right' }"
                 :content="`Selecionar anexo`" />
             </div>