/* global React, Icon, AVATAR_VIDEO */
/* ============================================================
OASIA — Floating Assistant Widget
Idle video plays in the FAB. Click opens chat panel.
============================================================ */
function FloatingAssistant({ open, setOpen }) {
const [tab, setTab] = React.useState("chat");
const [messages, setMessages] = React.useState([
{ from: "bot", text: "Hola. Soy Lucía, del equipo de Oasia. Si te apetece, cuéntame en una o dos frases qué te ha traído aquí." },
]);
const [input, setInput] = React.useState("");
const scrollRef = React.useRef(null);
React.useEffect(() => {
if (scrollRef.current) {
scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
}
}, [messages, open]);
const quickReplies = [
"Tengo cuotas impagadas",
"Ya hay procedimiento abierto",
"Quiero refinanciar",
"Pensar en dación",
];
const send = (text) => {
const t = (text || input).trim();
if (!t) return;
setMessages([...messages, { from: "user", text: t }]);
setInput("");
setTimeout(() => {
setMessages((m) => [...m, {
from: "bot",
text: "Gracias por contarme. Voy a hacerte tres o cuatro preguntas muy sencillas para entender bien tu caso. Cuando terminemos, un compañero del equipo te llamará — solo si tú quieres y solo cuando tengamos algo concreto que ofrecerte.",
}]);
}, 600);
};
return (
<>
{/* FAB */}
{!open && (
)}
{/* Panel */}
{open && (