// Yomee — Centro de ayuda (FAQ) // Acordeón agrupado en 3 categorías. Solo un item abierto por categoría. // Reutiliza el shell visual y los tokens del proyecto (var(--yo-*)). /* global React, RadioIcon */ const { useState: useStateHA } = React; const HA_BG = "rgb(238, 235, 230)"; const HA_FG = "var(--yo-ink)"; const HA_FG_MUTED = "#6b6b6b"; const HA_FG_SOFT = "#9aa0a6"; const HA_LINE = "rgba(20,32,28,0.08)"; const HA_BRAND = "var(--yo-forest-700)"; const HA_BRAND_PRESSED = "var(--yo-forest-900)"; // ──────────────────────────────────────────────── // FAQ data — 10 preguntas, 3 categorías // ──────────────────────────────────────────────── const HA_CATEGORIES = [ { key: "seguridad", title: "Seguridad y privacidad", items: [ { q: "¿Qué pasa con mi estado de cuenta cuando lo subo?", a: "Procesamos el archivo para extraer la información que necesitas ver (montos, fechas, cargos) y eliminamos el original inmediatamente después, conforme al estándar NIST 800-88. Nunca guardamos el PDF ni la imagen — solo los datos que tu radiografía utiliza.", }, { q: "¿Es seguro compartir mi información financiera?", a: "Tu información viaja encriptada con TLS 1.3, el mismo estándar que usa la banca en línea, y se almacena con encriptación AES-256. Además, tu identidad y tus datos financieros se guardan por separado, así que aunque alguien accediera a un sistema, no podría unir las piezas. Cumplimos al 100% con la LFPDPPP.", }, { q: "¿Comparten mis datos con bancos o terceros?", a: "No. Nunca. yomee.ai vive exclusivamente de las suscripciones de sus usuarios — no recibimos comisiones, referencias ni pagos de ningún banco o institución financiera. Esa independencia es lo que nos permite mostrarte lo que de verdad te conviene a ti.", }, { q: "¿Cómo elimino mi cuenta y mis datos?", a: "En cualquier momento desde Perfil → Privacidad y seguridad → Eliminar cuenta. Borramos toda tu información asociada en un máximo de 30 días, conforme a tus derechos ARCO bajo la LFPDPPP.", }, ], }, { key: "radiografia", title: "Tu radiografía", items: [ { q: "¿Qué bancos soporta yomee.ai?", a: "En esta versión soportamos los 10 bancos más usados en México: BBVA, Banorte, Citibanamex, Santander, HSBC, Scotiabank, Nu, Klar, BanRegio e Inbursa. Esto cubre cerca del 85% de las cuentas en el país. Estamos agregando más bancos cada mes.", }, { q: "¿Cómo se calcula mi YoMee Score?", a: "Tu score combina 4 factores extraídos de tus estados de cuenta: cuánta deuda tienes, cuánto te cuesta financieramente (intereses + comisiones), cómo pagas (puntualidad y monto), y qué tan diversificados están tus productos. Cuantos más estados de cuenta cargas, más preciso se vuelve el cálculo.", }, { q: "¿Las comparaciones de mercado están sesgadas hacia algún banco?", a: "No. Como yomee.ai no recibe comisiones de bancos, las comparaciones vienen de fuentes públicas y oficiales (CONDUSEF y CNBV). Ves los productos vigentes en el mercado, no los que más nos paguen — porque nadie nos paga por mostrártelos.", }, ], }, { key: "cuenta", title: "Cuenta y planes", items: [ { q: "¿Qué incluye el plan gratuito?", a: "Con el plan Free puedes cargar 1 estado de cuenta al mes, ver categorización básica de tus gastos y obtener insights limitados. Es suficiente para una primera fotografía. Para ver tu radiografía completa, comparaciones de mercado y consolidación multi-cuenta, necesitas Plus o Pro.", }, { q: "¿Puedo cancelar mi suscripción cuando quiera?", a: "Sí. Puedes cancelar desde Perfil → Mi suscripción en cualquier momento. Mantienes acceso al plan pagado hasta el final del periodo que ya cubriste. No cobramos cargos de cancelación ni te pedimos explicaciones.", }, { q: "¿Por qué pagar por entender mis propias finanzas?", a: "Porque alguien tiene que pagar para que tu información esté segura y las recomendaciones sean honestas. Las apps \"gratuitas\" suelen cobrarles a los bancos por dirigirte hacia ciertos productos — eso crea conflicto de interés. Al pagar tú, te aseguras de que trabajamos para ti, no para alguien más.", }, ], }, ]; // ──────────────────────────────────────────────── // Header (matches Mi perfil) // ──────────────────────────────────────────────── function HAHeader({ title, onBack }) { return (

{title}

); } // ──────────────────────────────────────────────── // Accordion item // ──────────────────────────────────────────────── function FaqRow({ q, a, expanded, onToggle, last }) { const [pressed, setPressed] = useStateHA(false); const bodyRef = React.useRef(null); const [maxH, setMaxH] = useStateHA(0); React.useLayoutEffect(() => { if (expanded && bodyRef.current) { setMaxH(bodyRef.current.scrollHeight); } else { setMaxH(0); } }, [expanded, a]); return (
{a}
); } // ──────────────────────────────────────────────── // Category section — owns its own "single open at a time" state // ──────────────────────────────────────────────── function FaqCategory({ title, items }) { const [openIdx, setOpenIdx] = useStateHA(-1); return (
{title}
{items.map((it, i) => ( setOpenIdx((v) => (v === i ? -1 : i))} last={i === items.length - 1} /> ))}
); } // ──────────────────────────────────────────────── // Hero card (Ayuda) // ──────────────────────────────────────────────── function AyudaHeroCard() { return (
¿En qué podemos ayudarte?
Las dudas más comunes de quienes ya están usando yomee.
); } // ──────────────────────────────────────────────── // Contact footer card // ──────────────────────────────────────────────── function ContactFooter() { const [pressed, setPressed] = useStateHA(false); return (
¿No encontraste lo que buscabas?
Escríbenos y te respondemos en menos de 24 horas.
); } // ──────────────────────────────────────────────── // Main screen // ──────────────────────────────────────────────── function AyudaScreen({ onBack }) { return (
{HA_CATEGORIES.map((cat) => ( ))}
); } window.AyudaScreen = AyudaScreen;