@greatapps/common 1.1.382 → 1.1.383

package/src/components/embeds/CrispEmbed.tsx

@@ -1,101 +1,101 @@
-'use client';
-
-import { useEffect, useRef } from 'react';
-import { useAuth } from '../../providers/auth.provider';
-import { useWhitelabel } from '../../providers/whitelabel.provider';
-import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
-
-const V4_WHITELABEL_ID = 367568;
-
-const CRISP_WEBSITE_ID = '3339a3ec-b4c6-4aac-8b86-45668fb7655c';
-const CRISP_SCRIPT_URL = 'https://client.crisp.chat/l.js';
-const CRISP_LOAD_DELAY = 800;
-
-function safeCrispPush(args: any[]) {
-  try {
-    const $crisp = (window as any)?.$crisp;
-    if ($crisp) $crisp.push(args);
-  } catch {}
-}
-
-export function openCrispHelpdesk() {
-  safeCrispPush(['do', 'helpdesk:search']);
-}
-
-export function hideCrisp() {
-  safeCrispPush(['do', 'chat:hide']);
-}
-
-export function showCrisp() {
-  safeCrispPush(['do', 'chat:show']);
-}
-
-export function CrispEmbed() {
-  const { user, account } = useAuth();
-  const { whitelabel } = useWhitelabel();
-  const { data: subscriptionData } = useActiveSubscription();
-  const scriptLoadedRef = useRef(false);
-
-  const subscription = subscriptionData?.data?.[0] ?? null;
-  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
-
-  // Load Crisp script (once, with 800ms delay)
-  useEffect(() => {
-    if (!user || scriptLoadedRef.current) return;
-
-    try {
-      const win = window as any;
-      win.$crisp = [];
-      win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;
-      win.$crisp.push(['config', 'container:index', [100]]);
-
-      const timeout = setTimeout(() => {
-        try {
-          if (document.querySelector(`script[src="${CRISP_SCRIPT_URL}"]`)) return;
-          const s = document.createElement('script');
-          s.src = CRISP_SCRIPT_URL;
-          s.async = true;
-          document.head.appendChild(s);
-          scriptLoadedRef.current = true;
-        } catch {}
-      }, CRISP_LOAD_DELAY);
-
-      return () => clearTimeout(timeout);
-    } catch {}
-  }, [user]);
-
-  // Identify user
-  useEffect(() => {
-    try {
-      const $crisp = (window as any)?.$crisp;
-      if (!user || !$crisp) return;
-
-      if (user.email) $crisp.push(['set', 'user:email', user.email]);
-
-      const fullName = `${user.name ?? ''} ${user.last_name ?? ''}`.trim();
-      if (fullName) $crisp.push(['set', 'user:nickname', fullName]);
-
-      if (account?.name) $crisp.push(['set', 'user:company', account.name]);
-
-      const phone = `${user.ddi ?? ''}${user.phone ?? ''}`.trim();
-      if (phone) $crisp.push(['set', 'user:phone', phone]);
-
-      if (user.photo && user.photo.startsWith('http')) {
-        $crisp.push(['set', 'user:avatar', user.photo]);
-      }
-
-      if (isV4) {
-        $crisp.push(['set', 'session:segments', [['company_v4']]]);
-        $crisp.push(['set', 'session:data', [[['Company', 'V4']]]]);
-      } else {
-        const planName = subscription?.plan_name ?? '';
-        if (planName) $crisp.push(['set', 'session:segments', [[`plano_${planName}`]]]);
-        if (user.profile) $crisp.push(['set', 'session:segments', [[`usuario_${user.profile}`]]]);
-        if (planName) $crisp.push(['set', 'session:data', [[['Plano', planName]]]]);
-        if (user.profile) $crisp.push(['set', 'session:data', [[['Usuario', user.profile]]]]);
-      }
-    } catch {}
-  }, [user, account, isV4, subscription?.plan_name]);
-
-  return null;
-}
+'use client';
+
+import { useEffect, useRef } from 'react';
+import { useAuth } from '../../providers/auth.provider';
+import { useWhitelabel } from '../../providers/whitelabel.provider';
+import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
+
+const V4_WHITELABEL_ID = 367568;
+
+const CRISP_WEBSITE_ID = '3339a3ec-b4c6-4aac-8b86-45668fb7655c';
+const CRISP_SCRIPT_URL = 'https://client.crisp.chat/l.js';
+const CRISP_LOAD_DELAY = 800;
+
+function safeCrispPush(args: any[]) {
+  try {
+    const $crisp = (window as any)?.$crisp;
+    if ($crisp) $crisp.push(args);
+  } catch {}
+}
+
+export function openCrispHelpdesk() {
+  safeCrispPush(['do', 'helpdesk:search']);
+}
+
+export function hideCrisp() {
+  safeCrispPush(['do', 'chat:hide']);
+}
+
+export function showCrisp() {
+  safeCrispPush(['do', 'chat:show']);
+}
+
+export function CrispEmbed() {
+  const { user, account } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { data: subscriptionData } = useActiveSubscription();
+  const scriptLoadedRef = useRef(false);
+
+  const subscription = subscriptionData?.data?.[0] ?? null;
+  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
+
+  // Load Crisp script (once, with 800ms delay)
+  useEffect(() => {
+    if (!user || scriptLoadedRef.current) return;
+
+    try {
+      const win = window as any;
+      win.$crisp = [];
+      win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;
+      win.$crisp.push(['config', 'container:index', [100]]);
+
+      const timeout = setTimeout(() => {
+        try {
+          if (document.querySelector(`script[src="${CRISP_SCRIPT_URL}"]`)) return;
+          const s = document.createElement('script');
+          s.src = CRISP_SCRIPT_URL;
+          s.async = true;
+          document.head.appendChild(s);
+          scriptLoadedRef.current = true;
+        } catch {}
+      }, CRISP_LOAD_DELAY);
+
+      return () => clearTimeout(timeout);
+    } catch {}
+  }, [user]);
+
+  // Identify user
+  useEffect(() => {
+    try {
+      const $crisp = (window as any)?.$crisp;
+      if (!user || !$crisp) return;
+
+      if (user.email) $crisp.push(['set', 'user:email', user.email]);
+
+      const fullName = `${user.name ?? ''} ${user.last_name ?? ''}`.trim();
+      if (fullName) $crisp.push(['set', 'user:nickname', fullName]);
+
+      if (account?.name) $crisp.push(['set', 'user:company', account.name]);
+
+      const phone = `${user.ddi ?? ''}${user.phone ?? ''}`.trim();
+      if (phone) $crisp.push(['set', 'user:phone', phone]);
+
+      if (user.photo && user.photo.startsWith('http')) {
+        $crisp.push(['set', 'user:avatar', user.photo]);
+      }
+
+      if (isV4) {
+        $crisp.push(['set', 'session:segments', [['company_v4']]]);
+        $crisp.push(['set', 'session:data', [[['Company', 'V4']]]]);
+      } else {
+        const planName = subscription?.plan_name ?? '';
+        if (planName) $crisp.push(['set', 'session:segments', [[`plano_${planName}`]]]);
+        if (user.profile) $crisp.push(['set', 'session:segments', [[`usuario_${user.profile}`]]]);
+        if (planName) $crisp.push(['set', 'session:data', [[['Plano', planName]]]]);
+        if (user.profile) $crisp.push(['set', 'session:data', [[['Usuario', user.profile]]]]);
+      }
+    } catch {}
+  }, [user, account, isV4, subscription?.plan_name]);
+
+  return null;
+}

package/src/components/embeds/FrillEmbed.tsx

@@ -1,119 +1,119 @@
-'use client';
-
-import { useEffect, useRef } from 'react';
-import { useAuth } from '../../providers/auth.provider';
-import { useWhitelabel } from '../../providers/whitelabel.provider';
-import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
-
-const V4_WHITELABEL_ID = 367568;
-
-const FRILL_SCRIPT_URL = 'https://widget.frill.co/v2/container.js';
-const FRILL_KEY = '2f77f232-a120-438e-8ef6-01912ffd1b99';
-
-const SURVEYS = [{ key: '7f59dbf6-b665-458a-80e2-778de47efe1c' }];
-const WIDGETS = [
-  { key: '4a5ba13b-1150-49fe-aa15-f9a2da0ba909' },
-  { key: '720c0912-e6a4-495c-835e-3ff1f59d6dfc' },
-];
-
-function initFrillLoader() {
-  try {
-    const win = window as any;
-    if (win.Frill) return;
-
-    let counter = 0;
-    const queue: Record<number, any> = {};
-
-    win.Frill = function (action: string, params: any) {
-      let instance: any;
-      const id = counter++;
-      const promise: any = new Promise((resolve, reject) => {
-        queue[id] = {
-          params: [action, params],
-          resolve: (f: any) => {
-            instance = f;
-            resolve(f);
-          },
-          reject,
-        };
-      });
-      promise.destroy = () => {
-        delete queue[id];
-        instance?.destroy();
-      };
-      return promise;
-    };
-    win.Frill.q = queue;
-  } catch {}
-}
-
-function loadFrillScript() {
-  try {
-    if (document.querySelector(`script[src="${FRILL_SCRIPT_URL}"]`)) return;
-    const anchor = document.getElementsByTagName('script')[0];
-    const script = document.createElement('script');
-    script.type = 'text/javascript';
-    script.async = true;
-    script.src = FRILL_SCRIPT_URL;
-    anchor?.parentNode?.insertBefore(script, anchor);
-  } catch {}
-}
-
-export function FrillEmbed() {
-  const { user } = useAuth();
-  const { whitelabel } = useWhitelabel();
-  const { data: subscriptionData } = useActiveSubscription();
-  const containerRef = useRef<any>(null);
-
-  const subscription = subscriptionData?.data?.[0] ?? null;
-  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
-
-  useEffect(() => {
-    if (!user) return;
-
-    try {
-      initFrillLoader();
-
-      if (document.readyState === 'complete' || document.readyState === 'interactive') {
-        loadFrillScript();
-      } else {
-        document.addEventListener('DOMContentLoaded', loadFrillScript);
-      }
-
-      const userData: Record<string, any> = {
-        id: String(user.id ?? ''),
-      };
-      if (user.email) userData.email = user.email;
-      if (user.name || user.last_name) {
-        userData.name = `${user.name ?? ''} ${user.last_name ?? ''}`.trim();
-      }
-      userData.attributes = isV4
-        ? { company: 'V4' }
-        : { profile: user.profile ?? '', plan: subscription?.plan_name ?? '' };
-
-      const config: Record<string, any> = { key: FRILL_KEY, user: userData };
-      if (!isV4) {
-        config.surveys = SURVEYS;
-        config.widgets = WIDGETS;
-      }
-
-      const win = window as any;
-      const containerPromise = win.Frill('container', config);
-      win.Frill('identify', userData);
-
-      containerPromise.then((widget: any) => {
-        containerRef.current = widget;
-      }).catch(() => {});
-    } catch {}
-
-    return () => {
-      try {
-        containerRef.current?.destroy();
-        containerRef.current = null;
-        document.removeEventListener('DOMContentLoaded', loadFrillScript);
-      } catch {}
-    };
-  }, [user, isV4, subscription?.plan_name]);
-
-  return null;
-}
+'use client';
+
+import { useEffect, useRef } from 'react';
+import { useAuth } from '../../providers/auth.provider';
+import { useWhitelabel } from '../../providers/whitelabel.provider';
+import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
+
+const V4_WHITELABEL_ID = 367568;
+
+const FRILL_SCRIPT_URL = 'https://widget.frill.co/v2/container.js';
+const FRILL_KEY = '2f77f232-a120-438e-8ef6-01912ffd1b99';
+
+const SURVEYS = [{ key: '7f59dbf6-b665-458a-80e2-778de47efe1c' }];
+const WIDGETS = [
+  { key: '4a5ba13b-1150-49fe-aa15-f9a2da0ba909' },
+  { key: '720c0912-e6a4-495c-835e-3ff1f59d6dfc' },
+];
+
+function initFrillLoader() {
+  try {
+    const win = window as any;
+    if (win.Frill) return;
+
+    let counter = 0;
+    const queue: Record<number, any> = {};
+
+    win.Frill = function (action: string, params: any) {
+      let instance: any;
+      const id = counter++;
+      const promise: any = new Promise((resolve, reject) => {
+        queue[id] = {
+          params: [action, params],
+          resolve: (f: any) => {
+            instance = f;
+            resolve(f);
+          },
+          reject,
+        };
+      });
+      promise.destroy = () => {
+        delete queue[id];
+        instance?.destroy();
+      };
+      return promise;
+    };
+    win.Frill.q = queue;
+  } catch {}
+}
+
+function loadFrillScript() {
+  try {
+    if (document.querySelector(`script[src="${FRILL_SCRIPT_URL}"]`)) return;
+    const anchor = document.getElementsByTagName('script')[0];
+    const script = document.createElement('script');
+    script.type = 'text/javascript';
+    script.async = true;
+    script.src = FRILL_SCRIPT_URL;
+    anchor?.parentNode?.insertBefore(script, anchor);
+  } catch {}
+}
+
+export function FrillEmbed() {
+  const { user } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { data: subscriptionData } = useActiveSubscription();
+  const containerRef = useRef<any>(null);
+
+  const subscription = subscriptionData?.data?.[0] ?? null;
+  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
+
+  useEffect(() => {
+    if (!user) return;
+
+    try {
+      initFrillLoader();
+
+      if (document.readyState === 'complete' || document.readyState === 'interactive') {
+        loadFrillScript();
+      } else {
+        document.addEventListener('DOMContentLoaded', loadFrillScript);
+      }
+
+      const userData: Record<string, any> = {
+        id: String(user.id ?? ''),
+      };
+      if (user.email) userData.email = user.email;
+      if (user.name || user.last_name) {
+        userData.name = `${user.name ?? ''} ${user.last_name ?? ''}`.trim();
+      }
+      userData.attributes = isV4
+        ? { company: 'V4' }
+        : { profile: user.profile ?? '', plan: subscription?.plan_name ?? '' };
+
+      const config: Record<string, any> = { key: FRILL_KEY, user: userData };
+      if (!isV4) {
+        config.surveys = SURVEYS;
+        config.widgets = WIDGETS;
+      }
+
+      const win = window as any;
+      const containerPromise = win.Frill('container', config);
+      win.Frill('identify', userData);
+
+      containerPromise.then((widget: any) => {
+        containerRef.current = widget;
+      }).catch(() => {});
+    } catch {}
+
+    return () => {
+      try {
+        containerRef.current?.destroy();
+        containerRef.current = null;
+        document.removeEventListener('DOMContentLoaded', loadFrillScript);
+      } catch {}
+    };
+  }, [user, isV4, subscription?.plan_name]);
+
+  return null;
+}

package/src/components/handlers/SearchParamsHandler.tsx

@@ -1,61 +1,61 @@
-"use client";
-
-import { Suspense, useEffect } from "react";
-import { useSearchParams } from "next/navigation";
-
-interface SearchParamsHandlerProps {
-  handlers: {
-    [key: string]: () => void;
-  };
-}
-
-/**
- * SearchParamsHandler
- *
- * Este componente é responsável por ler os parâmetros da URL e executar callbacks
- * correspondentes a cada parâmetro encontrado.
- *
- * Por que precisamos deste componente?
- * - O Next.js 16 exige que useSearchParams() seja envolvido em um <Suspense> boundary
- * - Isso evita erros de prerendering durante o build
- * - Permite que URLs como "/page?tab=performance" naveguem diretamente para uma aba específica
- *
- * Exemplo de como funciona
- * 1. Usa useSearchParams() para ler o parâmetro "tab" da URL
- * 2. Monitora mudanças nos parâmetros com useEffect
- * 3. Quando encontra um parâmetro "tab", chama onTabChange com o valor
- * 4. Retorna null porque não renderiza nada na tela
- *
- * Exemplo de uso:
- * <Suspense fallback={null}>
- *   <SearchParamsHandler handlers={{ tab: () => console.log("Tab changed") }} />
- * </Suspense>
- *
- * Exemplos de URL:
- * - /greatpages/123?tab=performance → abre a aba "performance"
- * - /greatpages/123?tab=leads → abre a aba "leads"
- */
-export function SearchParamsHandler(options: SearchParamsHandlerProps) {
-  return (
-    <Suspense fallback={null}>
-      <SearchParamsHandlerChildren {...options} />
-    </Suspense>
-  );
-}
-
-export function SearchParamsHandlerChildren(options: SearchParamsHandlerProps) {
-  const searchParams = useSearchParams();
-
-  useEffect(() => {
-    Object.keys(options.handlers).forEach((key) => {
-      const value = searchParams.get(key);
-
-      if (value) {
-        options.handlers[key]();
-      }
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searchParams]);
-
-  return null;
-}
+"use client";
+
+import { Suspense, useEffect } from "react";
+import { useSearchParams } from "next/navigation";
+
+interface SearchParamsHandlerProps {
+  handlers: {
+    [key: string]: () => void;
+  };
+}
+
+/**
+ * SearchParamsHandler
+ *
+ * Este componente é responsável por ler os parâmetros da URL e executar callbacks
+ * correspondentes a cada parâmetro encontrado.
+ *
+ * Por que precisamos deste componente?
+ * - O Next.js 16 exige que useSearchParams() seja envolvido em um <Suspense> boundary
+ * - Isso evita erros de prerendering durante o build
+ * - Permite que URLs como "/page?tab=performance" naveguem diretamente para uma aba específica
+ *
+ * Exemplo de como funciona
+ * 1. Usa useSearchParams() para ler o parâmetro "tab" da URL
+ * 2. Monitora mudanças nos parâmetros com useEffect
+ * 3. Quando encontra um parâmetro "tab", chama onTabChange com o valor
+ * 4. Retorna null porque não renderiza nada na tela
+ *
+ * Exemplo de uso:
+ * <Suspense fallback={null}>
+ *   <SearchParamsHandler handlers={{ tab: () => console.log("Tab changed") }} />
+ * </Suspense>
+ *
+ * Exemplos de URL:
+ * - /greatpages/123?tab=performance → abre a aba "performance"
+ * - /greatpages/123?tab=leads → abre a aba "leads"
+ */
+export function SearchParamsHandler(options: SearchParamsHandlerProps) {
+  return (
+    <Suspense fallback={null}>
+      <SearchParamsHandlerChildren {...options} />
+    </Suspense>
+  );
+}
+
+export function SearchParamsHandlerChildren(options: SearchParamsHandlerProps) {
+  const searchParams = useSearchParams();
+
+  useEffect(() => {
+    Object.keys(options.handlers).forEach((key) => {
+      const value = searchParams.get(key);
+
+      if (value) {
+        options.handlers[key]();
+      }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [searchParams]);
+
+  return null;
+}