@kaikybrofc/omnizap-system 2.2.10 → 2.3.0

package/public/js/apps/homeApp.js

@@ -1,4 +1,40 @@
 const FALLBACK_THUMB_URL = '/assets/images/brand-logo-128.webp';
+const HOME_BOOTSTRAP_ENDPOINT = '/api/sticker-packs/home-bootstrap';
+const SVG_NS = 'http://www.w3.org/2000/svg';
+let homeBootstrapPayloadPromise = null;
+
+const fetchHomeBootstrapPayload = async () => {
+  if (!homeBootstrapPayloadPromise) {
+    homeBootstrapPayloadPromise = fetch(HOME_BOOTSTRAP_ENDPOINT, { credentials: 'include' })
+      .then((response) => {
+        if (!response.ok) throw new Error(`HTTP ${response.status}`);
+        return response.json();
+      })
+      .then((payload) => payload?.data || {})
+      .catch((error) => {
+        homeBootstrapPayloadPromise = null;
+        throw error;
+      });
+  }
+  return homeBootstrapPayloadPromise;
+};
+
+const createIcon = (iconId, className = 'icon') => {
+  const wrapper = document.createElement('span');
+  wrapper.className = className;
+  wrapper.setAttribute('aria-hidden', 'true');
+
+  const svg = document.createElementNS(SVG_NS, 'svg');
+  svg.setAttribute('viewBox', '0 0 24 24');
+  svg.setAttribute('focusable', 'false');
+
+  const use = document.createElementNS(SVG_NS, 'use');
+  use.setAttribute('href', `#${iconId}`);
+
+  svg.appendChild(use);
+  wrapper.appendChild(svg);
+  return wrapper;
+};
 
 const shortNum = (value) =>
   new Intl.NumberFormat('pt-BR', {
@@ -142,9 +178,7 @@ const initAuthSession = () => {
     authLink.removeAttribute('aria-label');
     clearChildren(authLink);
 
-    const icon = document.createElement('i');
-    icon.className = 'fa-solid fa-right-to-bracket';
-    icon.setAttribute('aria-hidden', 'true');
+    const icon = createIcon('icon-login');
 
     authLink.append(icon, document.createTextNode('Entrar'));
 
@@ -188,9 +222,7 @@ const initAuthSession = () => {
     const nameBubble = document.createElement('span');
     nameBubble.className = 'nav-user-name-bubble';
 
-    const icon = document.createElement('i');
-    icon.className = 'fa-solid fa-user nav-user-icon';
-    icon.setAttribute('aria-hidden', 'true');
+    const icon = createIcon('icon-user', 'icon nav-user-icon');
 
     const name = document.createElement('span');
     name.className = 'nav-user-name';
@@ -209,36 +241,23 @@ const initAuthSession = () => {
     }
   };
 
-  return runAfterLoadIdle(() => {
-    fetch('/api/sticker-packs/auth/google/session', { credentials: 'include' })
-      .then((response) => {
-        if (!response.ok) throw new Error('Sessão indisponível');
-        return response.json();
-      })
-      .then((payload) => {
-        const sessionData = payload?.data || {};
-        if (!sessionData?.authenticated || !sessionData?.user?.sub) {
+  return runAfterLoadIdle(
+    () => {
+      fetchHomeBootstrapPayload()
+        .then((bootstrapData) => {
+          const sessionData = bootstrapData?.session || {};
+          if (!sessionData?.authenticated || !sessionData?.user?.sub) {
+            setLoginState();
+            return;
+          }
+          setLoggedState(sessionData);
+        })
+        .catch(() => {
           setLoginState();
-          return;
-        }
-        setLoggedState(sessionData);
-      })
-      .catch(() => {
-        setLoginState();
-      });
-  }, { delayMs: 160, timeoutMs: 1200 });
-};
-
-const resolveSupportUrl = async () => {
-  try {
-    const response = await fetch('/api/sticker-packs/support');
-    if (!response.ok) throw new Error(`HTTP ${response.status}`);
-    const payload = await response.json();
-    const url = String(payload?.data?.url || '').trim();
-    return url || '';
-  } catch {
-    return '';
-  }
+        });
+    },
+    { delayMs: 520, timeoutMs: 1200 },
+  );
 };
 
 const initAddBotCtas = () => {
@@ -263,18 +282,22 @@ const initAddBotCtas = () => {
     return true;
   };
 
-  return runAfterLoadIdle(() => {
-    resolveSupportUrl()
-      .then((url) => {
-        const applied = applyLink(url);
-        if (!applied && floatButton) {
-          floatButton.hidden = true;
-        }
-      })
-      .catch(() => {
-        if (floatButton) floatButton.hidden = true;
-      });
-  }, { delayMs: 120, timeoutMs: 1400 });
+  return runAfterLoadIdle(
+    () => {
+      fetchHomeBootstrapPayload()
+        .then((bootstrapData) => {
+          const url = String(bootstrapData?.support?.url || '').trim();
+          const applied = applyLink(url);
+          if (!applied && floatButton) {
+            floatButton.hidden = true;
+          }
+        })
+        .catch(() => {
+          if (floatButton) floatButton.hidden = true;
+        });
+    },
+    { delayMs: 480, timeoutMs: 1400 },
+  );
 };
 
 const initSocialProof = () => {
@@ -293,7 +316,9 @@ const initSocialProof = () => {
   };
 
   const normalizeStatus = (value) => {
-    const normalized = String(value || '').trim().toLowerCase();
+    const normalized = String(value || '')
+      .trim()
+      .toLowerCase();
     if (!normalized) return 'pronto';
     if (['online', 'ok', 'healthy'].includes(normalized)) return 'online';
     if (['connecting', 'opening', 'reconnecting'].includes(normalized)) return 'conectando';
@@ -301,32 +326,27 @@ const initSocialProof = () => {
     return 'pronto';
   };
 
-  return runAfterLoadIdle(() => {
-    Promise.all([
-      fetch('/api/sticker-packs/stats'),
-      fetch('/api/sticker-packs/system-summary'),
-    ])
-      .then(async ([statsRes, summaryRes]) => {
-        if (!statsRes.ok || !summaryRes.ok) throw new Error('Falha ao carregar prova social');
-
-        const statsPayload = await statsRes.json();
-        const summaryPayload = await summaryRes.json();
-
-        const stats = statsPayload?.data || {};
-        const summary = summaryPayload?.data || {};
-
-        animateCountUp(packsEl, Number(stats.packs_total || 0));
-        animateCountUp(stickersEl, Number(stats.stickers_total || 0));
-        animateCountUp(groupsEl, Number(summary?.platform?.total_groups || 0));
-
-        if (statusEl) {
-          statusEl.textContent = `bot ${normalizeStatus(summary?.system_status || summary?.bot?.connection_status)}`;
-        }
-      })
-      .catch(() => {
-        setFallback();
-      });
-  }, { delayMs: 260, timeoutMs: 1500 });
+  return runAfterLoadIdle(
+    () => {
+      fetchHomeBootstrapPayload()
+        .then((bootstrapData) => {
+          const stats = bootstrapData?.stats || {};
+          const summary = bootstrapData?.system_summary || {};
+
+          animateCountUp(packsEl, Number(stats.packs_total || 0));
+          animateCountUp(stickersEl, Number(stats.stickers_total || 0));
+          animateCountUp(groupsEl, Number(summary?.platform?.total_groups || 0));
+
+          if (statusEl) {
+            statusEl.textContent = `bot ${normalizeStatus(summary?.system_status || summary?.bot?.connection_status)}`;
+          }
+        })
+        .catch(() => {
+          setFallback();
+        });
+    },
+    { delayMs: 620, timeoutMs: 1500 },
+  );
 };
 
 const registerCleanup = (cleanups, cleanup) => {

package/public/js/apps/loginApp.js

@@ -146,18 +146,12 @@ if (root) {
 
   const renderHint = () => {
     if (!state.hint.hasPayload) {
-      setText(
-        ui.hint,
-        'Voce abriu esta pagina direto. Por seguranca, gere seu link no WhatsApp clicando no botao abaixo e enviando "iniciar".',
-      );
+      setText(ui.hint, 'Voce abriu esta pagina direto. Por seguranca, gere seu link no WhatsApp clicando no botao abaixo e enviando "iniciar".');
       return;
     }
 
     if (!state.hint.phone) {
-      setText(
-        ui.hint,
-        'Este link nao trouxe um numero de WhatsApp valido. Ele pode ter sido alterado ou expirado. Gere um novo link enviando "iniciar".',
-      );
+      setText(ui.hint, 'Este link nao trouxe um numero de WhatsApp valido. Ele pode ter sido alterado ou expirado. Gere um novo link enviando "iniciar".');
       return;
     }
 
@@ -193,10 +187,7 @@ if (root) {
     }
 
     if (state.hint.phone) {
-      setText(
-        ui.summaryOwner,
-        `Numero detectado: +${formatPhone(state.hint.phone)}. Clique no botao do Google para concluir o vinculo.`,
-      );
+      setText(ui.summaryOwner, `Numero detectado: +${formatPhone(state.hint.phone)}. Clique no botao do Google para concluir o vinculo.`);
       renderWhatsAppCta();
       return;
     }