vue-intergrall-plugins 1.1.2 → 1.1.4

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

@@ -75,18 +75,16 @@
         </li>
       </ul>
     </div>
-    <transition name="show-y-top">
-      <div class="email-content" v-show="isOpen" ref="emailIframeParent">
-        <VueLoader v-if="isIframeLoading" />
-        <div v-if="hasError" class="email-error-content">
-          <p>Erro ao carregar o e-mail</p>
-          <button class="box-shadow" @click="handleTryAgain()">Tentar novamente</button>
-        </div>
-        <iframe v-show="!hasError" ref="emailIframe"
-          :class="`email-html ${isIframeLoading ? 'visibility-hidden' : ''}`"></iframe>
-        <span class="email-raw" v-if="openMessage">{{ mensagem }}</span>
+    <div class="email-content" v-show="isOpen" ref="emailIframeParent">
+      <VueLoader v-if="isIframeLoading" />
+      <div v-if="hasError" class="email-error-content">
+        <p>Erro ao carregar o e-mail</p>
+        <button class="box-shadow" @click="handleTryAgain()">Tentar novamente</button>
       </div>
-    </transition>
+      <iframe v-show="!hasError" ref="emailIframe"
+        :class="`email-html ${isIframeLoading ? 'visibility-hidden' : ''}`"></iframe>
+      <span class="email-raw" v-if="openMessage">{{ mensagem }}</span>
+    </div>
     <div v-if="filteredFiles && filteredFiles.length" class="email-files" v-show="isOpen || isMainEmail">
       <EmailFile v-for="(anexo, index) in filteredFiles" :key="index" :anexo="anexo" :dominio="dominio" />
     </div>
@@ -635,7 +633,7 @@ export default {
 }
 
 .email-author.main {
-  font-size: 1.025rem;
+  font-size: 16.4px;
 }
 
 .email-item.principal {
@@ -678,13 +676,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;
@@ -763,7 +761,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;
 }
 
@@ -793,7 +791,7 @@ export default {
   width: 100%;
   max-width: 100%;
   padding: 15px;
-  font-size: .9rem;
+  font-size: 14.4px;
   color: #222;
 }
 
@@ -825,7 +823,7 @@ export default {
 
 .email-to-btn {
   padding: 0 5px;
-  font-size: .9rem;
+  font-size: 14.4px;
   cursor: pointer;
   color: #666;
 }
@@ -850,11 +848,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;
 }
@@ -863,7 +861,7 @@ export default {
   display: flex;
   align-items: center;
   height: 5px;
-  font-size: .75rem;
+  font-size: 12px;
   font-weight: bold;
   transform: translateY(-2px);
   width: 100%;
@@ -875,12 +873,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 {
@@ -890,7 +888,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>