@greatapps/common 1.1.700 → 1.1.702

package/src/components/embeds/CrispEmbed.tsx

@@ -1,195 +1,195 @@
-'use client';
-
-import { useEffect, useRef, useState } from 'react';
-import { useAuth } from '../../providers/auth.provider';
-import { useIsDefaultWhitelabel, useWhitelabel } from '../../providers/whitelabel.provider';
-import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
-
-const V4_WHITELABEL_ID = 367568;
-
-const PROFILE_LABELS: Record<string, string> = {
-  owner: 'Proprietário',
-  admin: 'Administrador',
-  editor: 'Colaborador',
-  viewer: 'Visualizador',
-};
-
-const CRISP_WEBSITE_ID = '3339a3ec-b4c6-4aac-8b86-45668fb7655c';
-const CRISP_SCRIPT_URL = 'https://client.crisp.chat/l.js';
-const CRISP_LOAD_DELAY = 800;
-
-// ── Crisp helpers ──────────────────────────────────────────────
-
-function safeCrispPush(args: unknown[]) {
-  try {
-    const win = window as any;
-    if (!win.$crisp) win.$crisp = [];
-    win.$crisp.push(args);
-  } catch {}
-}
-
-function crispDo(action: string) {
-  safeCrispPush(['do', action]);
-}
-
-function crispSegment(segment: string) {
-  safeCrispPush(['set', 'session:segments', [[segment]]]);
-}
-
-function crispSessionData(key: string, value: string) {
-  safeCrispPush(['set', 'session:data', [[[key, value]]]]);
-}
-
-function crispEvent(name: string, data?: Record<string, unknown>, color = 'blue') {
-  safeCrispPush(['set', 'session:event', [[[name, data ?? {}, color]]]]);
-}
-
-// ── Public API ─────────────────────────────────────────────────
-
-export function openCrispHelpdesk() {
-  crispDo('helpdesk:search');
-}
-
-export function hideCrisp() {
-  crispDo('chat:hide');
-}
-
-export function showCrisp() {
-  crispDo('chat:show');
-}
-
-const FREE_PLAN_ID = 5;
-const FREE_PLAN_SIGNUP_QUERY_FLAG = 'createNew';
-const FREE_PLAN_SIGNUP_EVENT = 'cadastro_plano_free';
-const FREE_PLAN_SIGNUP_FIRED_KEY = 'crisp:free-plan-signup:fired';
-
-export function updateCrispUser(data: {
-  email?: string;
-  name?: string;
-  lastName?: string;
-  company?: string;
-  ddi?: string;
-  phone?: string;
-  photo?: string;
-}) {
-  try {
-    if (data.email) safeCrispPush(['set', 'user:email', data.email]);
-
-    const fullName = `${data.name ?? ''} ${data.lastName ?? ''}`.trim();
-    if (fullName) safeCrispPush(['set', 'user:nickname', fullName]);
-
-    if (data.company) safeCrispPush(['set', 'user:company', data.company]);
-
-    const phone = `${data.ddi ?? ''}${data.phone ?? ''}`.trim();
-    if (phone) safeCrispPush(['set', 'user:phone', phone]);
-
-    if (data.photo?.startsWith('http')) {
-      safeCrispPush(['set', 'user:avatar', data.photo]);
-    }
-  } catch {}
-}
-
-// ── Component ──────────────────────────────────────────────────
-
-export function CrispEmbed() {
-  const { user, account } = useAuth();
-  const { whitelabel } = useWhitelabel();
-  const { data: subscriptionData } = useActiveSubscription();
-  const scriptLoadedRef = useRef(false);
-
-  const isGreat = useIsDefaultWhitelabel();
-  const subscription = subscriptionData?.data?.[0] ?? null;
-  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
-  const shouldLoadCrisp = isV4 || isGreat;
-
-  // Load Crisp script (once, with 800ms delay)
-  useEffect(() => {
-    if (!user || !shouldLoadCrisp || scriptLoadedRef.current) return;
-
-    try {
-      const win = window as any;
-
-      if (!win.$crisp) {
-        win.$crisp = [];
-        win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;
-        win.$crisp.push(['config', 'container:index', [100]]);
-      }
-
-      if (document.querySelector(`script[src="${CRISP_SCRIPT_URL}"]`)) {
-        scriptLoadedRef.current = true;
-        return;
-      }
-
-      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, shouldLoadCrisp]);
-
-  // Identify user
-  useEffect(() => {
-    try {
-      if (!user || !shouldLoadCrisp || !(window as any)?.$crisp) return;
-
-      updateCrispUser({
-        email: user.email,
-        name: user.name,
-        lastName: user.last_name,
-        company: account?.name,
-        ddi: user.ddi,
-        phone: user.phone,
-        photo: user.photo ?? undefined,
-      });
-
-      if (isV4) {
-        crispSegment('company_v4');
-        crispSessionData('Company', 'V4');
-      } else {
-        const planName = subscription?.plan_name ?? '';
-        const profileLabel = PROFILE_LABELS[user.profile ?? ''] ?? user.profile ?? '';
-        if (planName) crispSegment(`plano_${planName}`);
-        if (profileLabel) crispSegment(`usuario_${profileLabel}`);
-        if (planName) crispSessionData('Plano', planName);
-        if (profileLabel) crispSessionData('Usuario', profileLabel);
-      }
-    } catch {}
-  }, [user, account, isV4, shouldLoadCrisp, subscription?.plan_name]);
-
-  // Captura `?createNew=true` da URL inicial. O register do gapps redireciona
-  // para pages com esse flag, e localStorage não cruza origens — então o
-  // sinal de "acabou de se cadastrar" vem via query string.
-  const [isFreshSignup, setIsFreshSignup] = useState(false);
-  useEffect(() => {
-    try {
-      const params = new URLSearchParams(window.location.search);
-      if (params.get(FREE_PLAN_SIGNUP_QUERY_FLAG) === 'true') {
-        setIsFreshSignup(true);
-      }
-    } catch {}
-  }, []);
-
-  // Dispara user event de cadastro free para o trigger do Crisp.
-  // A mensagem em si é configurada lá no Crisp (Message Trigger com condição
-  // "User Event = cadastro_plano_free").
-  useEffect(() => {
-    if (!user || !shouldLoadCrisp || !isFreshSignup) return;
-    if (subscription?.id_plan !== FREE_PLAN_ID) return;
-    try {
-      const firedKey = `${FREE_PLAN_SIGNUP_FIRED_KEY}:${user.id}`;
-      if (window.localStorage.getItem(firedKey)) return;
-      crispEvent(FREE_PLAN_SIGNUP_EVENT, { id_plan: FREE_PLAN_ID });
-      window.localStorage.setItem(firedKey, '1');
-    } catch {}
-  }, [user, shouldLoadCrisp, isFreshSignup, subscription?.id_plan]);
-
-  return null;
-}
+'use client';
+
+import { useEffect, useRef, useState } from 'react';
+import { useAuth } from '../../providers/auth.provider';
+import { useIsDefaultWhitelabel, useWhitelabel } from '../../providers/whitelabel.provider';
+import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
+
+const V4_WHITELABEL_ID = 367568;
+
+const PROFILE_LABELS: Record<string, string> = {
+  owner: 'Proprietário',
+  admin: 'Administrador',
+  editor: 'Colaborador',
+  viewer: 'Visualizador',
+};
+
+const CRISP_WEBSITE_ID = '3339a3ec-b4c6-4aac-8b86-45668fb7655c';
+const CRISP_SCRIPT_URL = 'https://client.crisp.chat/l.js';
+const CRISP_LOAD_DELAY = 800;
+
+// ── Crisp helpers ──────────────────────────────────────────────
+
+function safeCrispPush(args: unknown[]) {
+  try {
+    const win = window as any;
+    if (!win.$crisp) win.$crisp = [];
+    win.$crisp.push(args);
+  } catch {}
+}
+
+function crispDo(action: string) {
+  safeCrispPush(['do', action]);
+}
+
+function crispSegment(segment: string) {
+  safeCrispPush(['set', 'session:segments', [[segment]]]);
+}
+
+function crispSessionData(key: string, value: string) {
+  safeCrispPush(['set', 'session:data', [[[key, value]]]]);
+}
+
+function crispEvent(name: string, data?: Record<string, unknown>, color = 'blue') {
+  safeCrispPush(['set', 'session:event', [[[name, data ?? {}, color]]]]);
+}
+
+// ── Public API ─────────────────────────────────────────────────
+
+export function openCrispHelpdesk() {
+  crispDo('helpdesk:search');
+}
+
+export function hideCrisp() {
+  crispDo('chat:hide');
+}
+
+export function showCrisp() {
+  crispDo('chat:show');
+}
+
+const FREE_PLAN_ID = 5;
+const FREE_PLAN_SIGNUP_QUERY_FLAG = 'createNew';
+const FREE_PLAN_SIGNUP_EVENT = 'cadastro_plano_free';
+const FREE_PLAN_SIGNUP_FIRED_KEY = 'crisp:free-plan-signup:fired';
+
+export function updateCrispUser(data: {
+  email?: string;
+  name?: string;
+  lastName?: string;
+  company?: string;
+  ddi?: string;
+  phone?: string;
+  photo?: string;
+}) {
+  try {
+    if (data.email) safeCrispPush(['set', 'user:email', data.email]);
+
+    const fullName = `${data.name ?? ''} ${data.lastName ?? ''}`.trim();
+    if (fullName) safeCrispPush(['set', 'user:nickname', fullName]);
+
+    if (data.company) safeCrispPush(['set', 'user:company', data.company]);
+
+    const phone = `${data.ddi ?? ''}${data.phone ?? ''}`.trim();
+    if (phone) safeCrispPush(['set', 'user:phone', phone]);
+
+    if (data.photo?.startsWith('http')) {
+      safeCrispPush(['set', 'user:avatar', data.photo]);
+    }
+  } catch {}
+}
+
+// ── Component ──────────────────────────────────────────────────
+
+export function CrispEmbed() {
+  const { user, account } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { data: subscriptionData } = useActiveSubscription();
+  const scriptLoadedRef = useRef(false);
+
+  const isGreat = useIsDefaultWhitelabel();
+  const subscription = subscriptionData?.data?.[0] ?? null;
+  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
+  const shouldLoadCrisp = isV4 || isGreat;
+
+  // Load Crisp script (once, with 800ms delay)
+  useEffect(() => {
+    if (!user || !shouldLoadCrisp || scriptLoadedRef.current) return;
+
+    try {
+      const win = window as any;
+
+      if (!win.$crisp) {
+        win.$crisp = [];
+        win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;
+        win.$crisp.push(['config', 'container:index', [100]]);
+      }
+
+      if (document.querySelector(`script[src="${CRISP_SCRIPT_URL}"]`)) {
+        scriptLoadedRef.current = true;
+        return;
+      }
+
+      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, shouldLoadCrisp]);
+
+  // Identify user
+  useEffect(() => {
+    try {
+      if (!user || !shouldLoadCrisp || !(window as any)?.$crisp) return;
+
+      updateCrispUser({
+        email: user.email,
+        name: user.name,
+        lastName: user.last_name,
+        company: account?.name,
+        ddi: user.ddi,
+        phone: user.phone,
+        photo: user.photo ?? undefined,
+      });
+
+      if (isV4) {
+        crispSegment('company_v4');
+        crispSessionData('Company', 'V4');
+      } else {
+        const planName = subscription?.plan_name ?? '';
+        const profileLabel = PROFILE_LABELS[user.profile ?? ''] ?? user.profile ?? '';
+        if (planName) crispSegment(`plano_${planName}`);
+        if (profileLabel) crispSegment(`usuario_${profileLabel}`);
+        if (planName) crispSessionData('Plano', planName);
+        if (profileLabel) crispSessionData('Usuario', profileLabel);
+      }
+    } catch {}
+  }, [user, account, isV4, shouldLoadCrisp, subscription?.plan_name]);
+
+  // Captura `?createNew=true` da URL inicial. O register do gapps redireciona
+  // para pages com esse flag, e localStorage não cruza origens — então o
+  // sinal de "acabou de se cadastrar" vem via query string.
+  const [isFreshSignup, setIsFreshSignup] = useState(false);
+  useEffect(() => {
+    try {
+      const params = new URLSearchParams(window.location.search);
+      if (params.get(FREE_PLAN_SIGNUP_QUERY_FLAG) === 'true') {
+        setIsFreshSignup(true);
+      }
+    } catch {}
+  }, []);
+
+  // Dispara user event de cadastro free para o trigger do Crisp.
+  // A mensagem em si é configurada lá no Crisp (Message Trigger com condição
+  // "User Event = cadastro_plano_free").
+  useEffect(() => {
+    if (!user || !shouldLoadCrisp || !isFreshSignup) return;
+    if (subscription?.id_plan !== FREE_PLAN_ID) return;
+    try {
+      const firedKey = `${FREE_PLAN_SIGNUP_FIRED_KEY}:${user.id}`;
+      if (window.localStorage.getItem(firedKey)) return;
+      crispEvent(FREE_PLAN_SIGNUP_EVENT, { id_plan: FREE_PLAN_ID });
+      window.localStorage.setItem(firedKey, '1');
+    } catch {}
+  }, [user, shouldLoadCrisp, isFreshSignup, subscription?.id_plan]);
+
+  return null;
+}

package/src/components/embeds/EmbedWidgets.tsx

@@ -1,62 +1,62 @@
-'use client';
-
-import { useEffect } from 'react';
-import { usePathname } from 'next/navigation';
-import { FrillEmbed } from './FrillEmbed';
-import { CrispEmbed } from './CrispEmbed';
-import { ClarityEmbed } from './ClarityEmbed';
-
-const EXCLUDED_ROUTES = ['/login', '/forgot-password', '/register'];
-
-function getCrisp(): unknown[] | null {
-  try {
-    const key = '$crisp';
-    if (!(key in window)) return null;
-    const value = window[key];
-    return Array.isArray(value) ? value : null;
-  } catch {
-    return null;
-  }
-}
-
-function useHideCrispOnExcludedRoutes(isExcluded: boolean) {
-  useEffect(() => {
-    try {
-      const $crisp = getCrisp();
-      if (!$crisp) return;
-
-      if (isExcluded) {
-        $crisp.push(['do', 'chat:hide']);
-      } else {
-        $crisp.push(['do', 'chat:show']);
-      }
-    } catch {}
-  }, [isExcluded]);
-}
-
-type EmbedWidgetsProps = {
-  frill?: boolean;
-  crisp?: boolean;
-  clarity?: boolean;
-};
-
-export function EmbedWidgets({
-  frill = true,
-  crisp = true,
-  clarity = true,
-}: EmbedWidgetsProps = {}) {
-  const pathname = usePathname();
-  const isExcluded = EXCLUDED_ROUTES.some((route) => pathname.startsWith(route));
-
-  useHideCrispOnExcludedRoutes(isExcluded);
-
-  if (isExcluded) return null;
-
-  return (
-    <>
-      {frill && <FrillEmbed />}
-      {crisp && <CrispEmbed />}
-      {clarity && <ClarityEmbed />}
-    </>
-  );
-}
+'use client';
+
+import { useEffect } from 'react';
+import { usePathname } from 'next/navigation';
+import { FrillEmbed } from './FrillEmbed';
+import { CrispEmbed } from './CrispEmbed';
+import { ClarityEmbed } from './ClarityEmbed';
+
+const EXCLUDED_ROUTES = ['/login', '/forgot-password', '/register'];
+
+function getCrisp(): unknown[] | null {
+  try {
+    const key = '$crisp';
+    if (!(key in window)) return null;
+    const value = window[key];
+    return Array.isArray(value) ? value : null;
+  } catch {
+    return null;
+  }
+}
+
+function useHideCrispOnExcludedRoutes(isExcluded: boolean) {
+  useEffect(() => {
+    try {
+      const $crisp = getCrisp();
+      if (!$crisp) return;
+
+      if (isExcluded) {
+        $crisp.push(['do', 'chat:hide']);
+      } else {
+        $crisp.push(['do', 'chat:show']);
+      }
+    } catch {}
+  }, [isExcluded]);
+}
+
+type EmbedWidgetsProps = {
+  frill?: boolean;
+  crisp?: boolean;
+  clarity?: boolean;
+};
+
+export function EmbedWidgets({
+  frill = true,
+  crisp = true,
+  clarity = true,
+}: EmbedWidgetsProps = {}) {
+  const pathname = usePathname();
+  const isExcluded = EXCLUDED_ROUTES.some((route) => pathname.startsWith(route));
+
+  useHideCrispOnExcludedRoutes(isExcluded);
+
+  if (isExcluded) return null;
+
+  return (
+    <>
+      {frill && <FrillEmbed />}
+      {crisp && <CrispEmbed />}
+      {clarity && <ClarityEmbed />}
+    </>
+  );
+}