/* ============================================================ CHAT LEGAL — main section ============================================================ */ const CHAT_SUGGESTIONS = [ { t: '¿Cómo doy de alta una factura como autónomo?', ic: 'euro' }, { t: 'Un cliente no me paga, ¿qué puedo hacer?', ic: 'shield' }, { t: '¿Qué debe incluir mi política de privacidad (RGPD)?', ic: 'file' }, { t: '¿Cuándo tengo que presentar el modelo 303?', ic: 'calendar' }, ]; const WELCOME = 'Hola, soy Lexly. Tu asesor legal inteligente. ¿En qué puedo ayudarte hoy?'; function ChatLegal({ isGuest, guestQueries = 0, guestLimit = 3, onGuestQuery, onRegister, initialConversation, initialInput }) { const [messages, setMessages] = useState(() => initialConversation && Array.isArray(initialConversation.messages) && initialConversation.messages.length ? initialConversation.messages : [{ role: 'assistant', content: WELCOME, welcome: true }] ); const convId = useRef(initialConversation?.id || lxId()); const createdAt = useRef(initialConversation?.createdAt || Date.now()); const [input, setInput] = useState(initialInput || ''); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const scrollRef = useRef(null); const taRef = useRef(null); const hasConversation = messages.some(m => m.role === 'user'); const guestBlocked = isGuest && guestQueries >= guestLimit; const remaining = Math.max(0, guestLimit - guestQueries); useEffect(() => { if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight; }, [messages, loading]); const autoGrow = () => { const ta = taRef.current; if (!ta) return; ta.style.height = 'auto'; ta.style.height = Math.min(ta.scrollHeight, 180) + 'px'; }; // Persist conversation to history (additive — does not alter chat behavior) const saveConversation = (msgs) => { const real = msgs.filter(m => !m.welcome); const firstUser = real.find(m => m.role === 'user'); if (!firstUser) return; const last = real[real.length - 1]; lxUpsertChat({ id: convId.current, title: firstUser.content.slice(0, 70), preview: (last ? last.content : '').replace(/\s+/g, ' ').slice(0, 96), messages: real, createdAt: createdAt.current, updatedAt: Date.now(), }); }; const send = async (text) => { const content = (text != null ? text : input).trim(); if (!content || loading) return; if (guestBlocked) return; setError(null); setInput(''); if (taRef.current) taRef.current.style.height = 'auto'; const history = messages .filter(m => !m.welcome) .map(m => ({ role: m.role, content: m.content })); const next = [...messages, { role: 'user', content }]; setMessages(next); setLoading(true); if (isGuest && onGuestQuery) onGuestQuery(); // Registrar el uso del chat en el contador mensual central (todos los usuarios). try { if (typeof lxRegisterUse === 'function') lxRegisterUse('chat'); } catch (e) {} try { const reply = await callLexly([...history, { role: 'user', content }], undefined, 2000); const updated = [...next, { role: 'assistant', content: reply }]; setMessages(updated); saveConversation(updated); } catch (e) { setError(e.message === 'NO_API' ? 'No se ha podido conectar con el servicio. Revisa tu conexión e inténtalo de nuevo.' : 'Lexly no ha respondido. Comprueba tu conexión e inténtalo de nuevo.'); setMessages(m => m.filter(x => x !== next[next.length - 1])); setInput(content); } finally { setLoading(false); } }; const onKey = (e) => { if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) { e.preventDefault(); send(); } }; const clearChat = () => { convId.current = lxId(); createdAt.current = Date.now(); setMessages([{ role: 'assistant', content: WELCOME, welcome: true }]); setError(null); }; return (
{!hasConversation && (

{WELCOME}

Pregúntame sobre contratos, fiscalidad de autónomos, RGPD, reclamación de deudas o derechos del consumidor.

{CHAT_SUGGESTIONS.map((s, i) => ( ))}
)} {hasConversation && messages.map((m, i) => ( ))} {loading && (
)} {error && send(input)}>{error}} {guestBlocked && }