/* Configurações */ const Settings = () => { const t = useTheme(); const { showToast } = useToast(); const isBloom = t.name === 'BLOOM'; const [section, setSection] = React.useState('integracoes'); const { data: integrationsData } = useIntegrations(); const integrations = integrationsData || []; const { data: apiKeysData } = useApiKeys(); const apiKeys = apiKeysData || []; const { data: notifsData } = typeof useNotifications !== 'undefined' ? useNotifications() : { data: null }; const updateNotifs = typeof useUpdateNotifications !== 'undefined' ? useUpdateNotifications() : { run: async () => {} }; const { data: teamData, loading: teamLoading } = typeof useTeam !== 'undefined' ? useTeam() : { data: null, loading: false }; const team = Array.isArray(teamData) ? teamData : (teamData?.data || []); const inviteMember = typeof useInviteTeamMember !== 'undefined' ? useInviteTeamMember() : async () => {}; const removeMember = typeof useRemoveTeamMember !== 'undefined' ? useRemoveTeamMember() : async () => {}; // ── IA Config hooks ── const { data: aiConfigData } = typeof useAiConfig !== 'undefined' ? useAiConfig() : { data: null }; const updateAiConfigFn = typeof useUpdateAiConfig !== 'undefined' ? useUpdateAiConfig() : async () => {}; const [iaTone, setIaTone] = React.useState('Profissional e Direto'); const [iaPrompt, setIaPrompt] = React.useState(''); const [iaRestrictions, setIaRestrictions] = React.useState([true, true, false]); const [timezone, setTimezone] = React.useState(localStorage.getItem('fluxozap_tz') || 'America/Sao_Paulo'); React.useEffect(() => { if (aiConfigData) { setIaTone(aiConfigData.tone || 'Profissional e Direto'); setIaPrompt(aiConfigData.mission || ''); try { const b = JSON.parse(aiConfigData.behavior || '{}'); setIaRestrictions([b.allowLinks !== false, b.humanEscalation !== false, b.dynamicDiscounts === true]); if (b.timezone) { setTimezone(b.timezone); localStorage.setItem('fluxozap_tz', b.timezone); } } catch(e) {} } }, [aiConfigData]); const [tokensData, setTokensData] = React.useState({ used: 45200, limit: 100000 }); React.useEffect(() => { fetch('/api/settings/tokens') .then(res => res.json()) .then(data => { if(data && typeof data.used !== 'undefined') setTokensData(data); }) .catch(err => console.error("Error fetching tokens:", err)); }, []); // ── Estados e Handlers para Recarga Pré-paga de IA (Combustível Pix) ── const [rechargeModalOpen, setRechargeModalOpen] = React.useState(false); const [selectedPackage, setSelectedPackage] = React.useState(null); // { name, tokens, price } const [pixStep, setPixStep] = React.useState(1); // 1: Selecionar, 2: Pix QR, 3: Sucesso const [loadingPayment, setLoadingPayment] = React.useState(false); const handleConfirmRecharge = async () => { if (!selectedPackage) return; setLoadingPayment(true); showToast('Validando recebimento do Pix em tempo real...', 'info'); try { const res = await fetch('/api/settings/recharge', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${localStorage.getItem('fluxo_token')}` }, body: JSON.stringify({ amount: selectedPackage.tokens }) }); if (res.ok) { const data = await res.json(); // Atualiza o progresso local imediatamente setTokensData({ used: data.used, limit: data.limit }); setPixStep(3); showToast('Combustível de IA recarregado com sucesso!', 'success'); } else { showToast('Erro ao validar pagamento do Pix. Tente novamente.', 'error'); } } catch(err) { showToast('Erro de conexão ao validar recarga.', 'error'); } finally { setLoadingPayment(false); } }; const connectIntegration = useConnectIntegration(); const disconnectIntegration = useDisconnectIntegration(); const createApiKey = useCreateApiKey(); const revokeApiKey = useRevokeApiKey(); const { prompt, confirm } = useDialog(); return (
CONTA

Configurações

{/* Settings nav */}
{[ { id: 'integracoes', label: 'Integrações', icon: 'Plug' }, { id: 'ia', label: 'Comportamento da IA', icon: 'Sparkles' }, { id: 'time', label: 'Equipe e permissões', icon: 'Users' }, { id: 'horario', label: 'Horários e SLA', icon: 'Clock' }, { id: 'notif', label: 'Notificações', icon: 'Bell' }, { id: 'plano', label: 'Plano e cobrança', icon: 'Money' }, { id: 'seg', label: 'Segurança & LGPD', icon: 'Settings' }, ].map(item => { const I = Icons[item.icon]; const active = section === item.id; return ( ); })}
{/* Content */}
{section === 'integracoes' && ( <>

Integrações

Conecte ferramentas que você já usa para a Assistente trabalhar com elas.
{integrations.map((ig, i) => { const I = Icons[ig.icon]; return (
{ig.name}
{ig.desc}
{ig.status} { if (ig.status === 'conectado') { if (await confirm(`Deseja revogar o acesso da ferramenta ${ig.name}? Isso irá pausar todas as operações da IA nela.`)) { await disconnectIntegration(ig.provider); showToast(`Integração com ${ig.name} desconectada.`); } } else { const apiKey = await prompt(`Para conectar o ${ig.name}, cole aqui seu Token de Acesso (API Key):`); if (apiKey) { await connectIntegration(ig.provider, apiKey); showToast(`${ig.name} conectado com sucesso!`, 'success'); } } }}> {ig.status === 'conectado' ? 'Gerenciar' : 'Conectar'}
); })} {/* API + Webhooks */}

API & Webhooks

} onClick={async () => { const label = await prompt("Dê um nome para a nova chave de API (Ex: Integração ERP, Zapier):"); if (label) { await createApiKey(label); showToast('Nova chave gerada com sucesso!', 'success'); } }}>Nova chave
{apiKeys.length === 0 && (
Nenhuma chave de API ativa.
)} {apiKeys.map((k) => (
{k.key} CRIADA {new Date(k.createdAt).toLocaleDateString('pt-BR', { day: '2-digit', month: 'short' })} { navigator.clipboard.writeText(k.key); showToast('Chave copiada para a área de transferência!'); }}>Copiar { if (await confirm(`Deseja revogar permanentemente a chave "${k.label}"? Sistemas dependentes irão parar de funcionar imediatamente.`)) { await revokeApiKey(k.id); showToast('Chave revogada e destruída.'); } }}>Revogar
))} )} {section === 'horario' && (

Fuso-Horário do Sistema

Este fuso-horário é a fonte de verdade (Source of Truth) e será utilizado em todas as interações da Inteligência Artificial, verificação de horário de expediente e gravação de datas nos Relatórios Gerenciais Exportados.
{ try { const currentBehavior = aiConfigData ? JSON.parse(aiConfigData.behavior || '{}') : {}; await updateAiConfigFn({ behavior: JSON.stringify({ ...currentBehavior, timezone: timezone }) }); localStorage.setItem('fluxozap_tz', timezone); showToast('Preferências de fuso-horário salvas com sucesso!', 'success'); } catch(e) { showToast('Erro ao salvar preferências de fuso-horário.', 'error'); } }}>Salvar Preferências
)} {section === 'ia' && (

Personalidade & Comportamento

Ajuste como a Inteligência Artificial responde aos seus clientes, definindo seu comportamento e tom de voz.