@greatapps/common 1.1.516 → 1.1.517

package/src/components/account/sections/TokenSection.tsx

@@ -1,64 +1,64 @@
-'use client';
-
-import { IconCheck, IconCopy } from '@tabler/icons-react';
-import { toast } from 'sonner';
-import { Toast } from '../../ui/feedback/Toast';
-import { Button } from '../../ui/buttons/Button';
-import { FormField } from '../../ui/form/FormField';
-import useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';
-import { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';
-
-export function TokenSection() {
-  const { data: token = '', isLoading } = useAccountToken();
-
-  const { isCopied, copy } = useCopyToClipboard({
-    onSuccess: () => {
-      toast.custom((t) => (
-        <Toast variant="success" message="Token copiado com sucesso" toastId={t} />
-      ));
-    },
-    onError: () => {
-      toast.custom((t) => (
-        <Toast variant="error" message="Não foi possível copiar o token" toastId={t} />
-      ));
-    },
-  });
-
-  return (
-    <div className="h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto">
-      <span className="paragraph-medium-semibold text-gray-950">Token da conta</span>
-
-      <div className="flex flex-col gap-3">
-        <div className="flex items-end gap-3">
-          <FormField
-            label="Token"
-            value={isLoading ? 'Carregando...' : token}
-            disabled
-            readOnly
-            classnameContainer="bg-gray-50 cursor-default opacity-100!"
-            className="text-gray-950/50"
-          />
-          <Button
-            type="button"
-            variant="secondary"
-            className="h-10! shrink-0 gap-2"
-            onClick={() => copy(token)}
-            disabled={isLoading || !token}
-          >
-            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}
-            {isCopied ? 'Copiado' : 'Copiar'}
-          </Button>
-        </div>
-
-        <a
-          href="https://documenter.getpostman.com/view/4861938/2sAYdoDmj4"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit"
-        >
-          Acessar a documentação
-        </a>
-      </div>
-    </div>
-  );
-}
+'use client';
+
+import { IconCheck, IconCopy } from '@tabler/icons-react';
+import { toast } from 'sonner';
+import { Toast } from '../../ui/feedback/Toast';
+import { Button } from '../../ui/buttons/Button';
+import { FormField } from '../../ui/form/FormField';
+import useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';
+import { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';
+
+export function TokenSection() {
+  const { data: token = '', isLoading } = useAccountToken();
+
+  const { isCopied, copy } = useCopyToClipboard({
+    onSuccess: () => {
+      toast.custom((t) => (
+        <Toast variant="success" message="Token copiado com sucesso" toastId={t} />
+      ));
+    },
+    onError: () => {
+      toast.custom((t) => (
+        <Toast variant="error" message="Não foi possível copiar o token" toastId={t} />
+      ));
+    },
+  });
+
+  return (
+    <div className="h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto">
+      <span className="paragraph-medium-semibold text-gray-950">Token da conta</span>
+
+      <div className="flex flex-col gap-3">
+        <div className="flex items-end gap-3">
+          <FormField
+            label="Token"
+            value={isLoading ? 'Carregando...' : token}
+            disabled
+            readOnly
+            classnameContainer="bg-gray-50 cursor-default opacity-100!"
+            className="text-gray-950/50"
+          />
+          <Button
+            type="button"
+            variant="secondary"
+            className="h-10! shrink-0 gap-2"
+            onClick={() => copy(token)}
+            disabled={isLoading || !token}
+          >
+            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}
+            {isCopied ? 'Copiado' : 'Copiar'}
+          </Button>
+        </div>
+
+        <a
+          href="https://documenter.getpostman.com/view/4861938/2sAYdoDmj4"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit"
+        >
+          Acessar a documentação
+        </a>
+      </div>
+    </div>
+  );
+}

package/src/components/embeds/CrispEmbed.tsx

@@ -1,156 +1,156 @@
-'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 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 $crisp = (window as any)?.$crisp;
-    if ($crisp) $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]]]]);
-}
-
-// ── Public API ─────────────────────────────────────────────────
-
-export function openCrispHelpdesk() {
-  crispDo('helpdesk:search');
-}
-
-export function hideCrisp() {
-  crispDo('chat:hide');
-}
-
-export function showCrisp() {
-  crispDo('chat:show');
-}
-
-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 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;
-
-      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]);
-
-  // Identify user
-  useEffect(() => {
-    try {
-      if (!user || !(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, 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 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 $crisp = (window as any)?.$crisp;
+    if ($crisp) $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]]]]);
+}
+
+// ── Public API ─────────────────────────────────────────────────
+
+export function openCrispHelpdesk() {
+  crispDo('helpdesk:search');
+}
+
+export function hideCrisp() {
+  crispDo('chat:hide');
+}
+
+export function showCrisp() {
+  crispDo('chat:show');
+}
+
+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 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;
+
+      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]);
+
+  // Identify user
+  useEffect(() => {
+    try {
+      if (!user || !(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, subscription?.plan_name]);
+
+  return null;
+}

package/src/components/embeds/EmbedWidgets.tsx

@@ -1,50 +1,50 @@
-'use client';
-
-import { useEffect } from 'react';
-import { usePathname } from 'next/navigation';
-import { FrillEmbed } from './FrillEmbed';
-import { CrispEmbed } from './CrispEmbed';
-
-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]);
-}
-
-export function EmbedWidgets() {
-  const pathname = usePathname();
-  const isExcluded = EXCLUDED_ROUTES.some((route) => pathname.startsWith(route));
-
-  useHideCrispOnExcludedRoutes(isExcluded);
-
-  if (isExcluded) return null;
-
-  return (
-    <>
-      <FrillEmbed />
-      <CrispEmbed />
-    </>
-  );
-}
+'use client';
+
+import { useEffect } from 'react';
+import { usePathname } from 'next/navigation';
+import { FrillEmbed } from './FrillEmbed';
+import { CrispEmbed } from './CrispEmbed';
+
+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]);
+}
+
+export function EmbedWidgets() {
+  const pathname = usePathname();
+  const isExcluded = EXCLUDED_ROUTES.some((route) => pathname.startsWith(route));
+
+  useHideCrispOnExcludedRoutes(isExcluded);
+
+  if (isExcluded) return null;
+
+  return (
+    <>
+      <FrillEmbed />
+      <CrispEmbed />
+    </>
+  );
+}