aa:I[903690,["/chat-static/_next/static/immutable/chunks/0_kdkc823otwv.js","/chat-static/_next/static/immutable/chunks/17kl369b79nmd.js","/chat-static/_next/static/immutable/chunks/0pa2o-879tgyz.js","/chat-static/_next/static/immutable/chunks/0vmwjdmzo33vb.js","/chat-static/_next/static/immutable/chunks/1di_td8luy3gw.js","/chat-static/_next/static/immutable/chunks/0i48amtc28pqy.js","/chat-static/_next/static/immutable/chunks/25oa2-cd4babd.js","/chat-static/_next/static/immutable/chunks/33addp8wpisll.js","/chat-static/_next/static/immutable/chunks/1ibakxw9lycsv.js","/chat-static/_next/static/immutable/chunks/0kpqqt3b70onu.js","/chat-static/_next/static/immutable/chunks/3r-izlig-97d3.js","/chat-static/_next/static/immutable/chunks/1-yirsd6_l__x.js","/chat-static/_next/static/immutable/chunks/3b6rwng7jzw37.js","/chat-static/_next/static/immutable/chunks/0nc47r7g497qp.js","/chat-static/_next/static/immutable/chunks/08ftfj_ae3jl_.js","/chat-static/_next/static/immutable/chunks/16p-wd29zwtcb.js","/chat-static/_next/static/immutable/chunks/1o9d1-74u-xr7.js","/chat-static/_next/static/immutable/chunks/17xddrdopbp9_.js","/chat-static/_next/static/immutable/chunks/17bw078wkmokk.js","/chat-static/_next/static/immutable/chunks/2lsankmaxuiz4.js","/chat-static/_next/static/immutable/chunks/1ybo6yzdrs8bw.js","/chat-static/_next/static/immutable/chunks/25hm_hdm1gsd0.js","/chat-static/_next/static/immutable/chunks/2iyogqj39terz.js","/chat-static/_next/static/immutable/chunks/2v488urps6yag.js","/chat-static/_next/static/immutable/chunks/0ex210m2m3jd_.js","/chat-static/_next/static/immutable/chunks/0avdeadirr7ac.js","/chat-static/_next/static/immutable/chunks/3yu169rnx-6bz.js","/chat-static/_next/static/immutable/chunks/0dt5xmjm5355d.js","/chat-static/_next/static/immutable/chunks/0w0diht866kq4.js","/chat-static/_next/static/immutable/chunks/1t6tgnbe013qf.js","/chat-static/_next/static/immutable/chunks/263b0wh6fc7vv.js","/chat-static/_next/static/immutable/chunks/2bgu79hhhqcry.js","/chat-static/_next/static/immutable/chunks/1ukuldvl_7ewm.js","/chat-static/_next/static/immutable/chunks/2j5almabhex5i.js","/chat-static/_next/static/immutable/chunks/3all0vilnb92m.js","/chat-static/_next/static/immutable/chunks/2h1e8frandnla.js","/chat-static/_next/static/immutable/chunks/0f4z2mjqjzpbe.js","/chat-static/_next/static/immutable/chunks/2ktsmvnrpabs_.js","/chat-static/_next/static/immutable/chunks/29mrkgtzx_4wp.js","/chat-static/_next/static/immutable/chunks/04gkop25t1q10.js","/chat-static/_next/static/immutable/chunks/1oznss6s7d7gf.js","/chat-static/_next/static/immutable/chunks/3ozgp_g2qonep.js","/chat-static/_next/static/immutable/chunks/34plql7k-5zln.js","/chat-static/_next/static/immutable/chunks/2u412yj4g70a6.js","/chat-static/_next/static/immutable/chunks/2x0m84hlfqnp9.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/1kms4qb1b1e4i.js","/chat-static/_next/static/immutable/chunks/14xqre5n_-5om.js","/chat-static/_next/static/immutable/chunks/3_fsao_b89s35.js","/chat-static/_next/static/immutable/chunks/0h3zc71pdnjom.js","/chat-static/_next/static/immutable/chunks/06gm8aj13bwx1.js","/chat-static/_next/static/immutable/chunks/1erht42aiso18.js","/chat-static/_next/static/immutable/chunks/30mwco_q1oioj.js","/chat-static/_next/static/immutable/chunks/2oakf9cjtyb2q.js"],"ExplicitChatIdProvider"] ab:I[838238,["/chat-static/_next/static/immutable/chunks/0_kdkc823otwv.js","/chat-static/_next/static/immutable/chunks/17kl369b79nmd.js","/chat-static/_next/static/immutable/chunks/0pa2o-879tgyz.js","/chat-static/_next/static/immutable/chunks/0vmwjdmzo33vb.js","/chat-static/_next/static/immutable/chunks/1di_td8luy3gw.js","/chat-static/_next/static/immutable/chunks/0i48amtc28pqy.js","/chat-static/_next/static/immutable/chunks/25oa2-cd4babd.js","/chat-static/_next/static/immutable/chunks/33addp8wpisll.js","/chat-static/_next/static/immutable/chunks/1ibakxw9lycsv.js","/chat-static/_next/static/immutable/chunks/0kpqqt3b70onu.js","/chat-static/_next/static/immutable/chunks/3r-izlig-97d3.js","/chat-static/_next/static/immutable/chunks/1-yirsd6_l__x.js","/chat-static/_next/static/immutable/chunks/3b6rwng7jzw37.js","/chat-static/_next/static/immutable/chunks/0nc47r7g497qp.js","/chat-static/_next/static/immutable/chunks/08ftfj_ae3jl_.js","/chat-static/_next/static/immutable/chunks/16p-wd29zwtcb.js","/chat-static/_next/static/immutable/chunks/1o9d1-74u-xr7.js","/chat-static/_next/static/immutable/chunks/17xddrdopbp9_.js","/chat-static/_next/static/immutable/chunks/17bw078wkmokk.js","/chat-static/_next/static/immutable/chunks/2lsankmaxuiz4.js","/chat-static/_next/static/immutable/chunks/1ybo6yzdrs8bw.js","/chat-static/_next/static/immutable/chunks/25hm_hdm1gsd0.js","/chat-static/_next/static/immutable/chunks/2iyogqj39terz.js","/chat-static/_next/static/immutable/chunks/2v488urps6yag.js","/chat-static/_next/static/immutable/chunks/0ex210m2m3jd_.js","/chat-static/_next/static/immutable/chunks/0avdeadirr7ac.js","/chat-static/_next/static/immutable/chunks/3yu169rnx-6bz.js","/chat-static/_next/static/immutable/chunks/0dt5xmjm5355d.js","/chat-static/_next/static/immutable/chunks/0w0diht866kq4.js","/chat-static/_next/static/immutable/chunks/1t6tgnbe013qf.js","/chat-static/_next/static/immutable/chunks/263b0wh6fc7vv.js","/chat-static/_next/static/immutable/chunks/2bgu79hhhqcry.js","/chat-static/_next/static/immutable/chunks/1ukuldvl_7ewm.js","/chat-static/_next/static/immutable/chunks/2j5almabhex5i.js","/chat-static/_next/static/immutable/chunks/3all0vilnb92m.js","/chat-static/_next/static/immutable/chunks/2h1e8frandnla.js","/chat-static/_next/static/immutable/chunks/0f4z2mjqjzpbe.js","/chat-static/_next/static/immutable/chunks/2ktsmvnrpabs_.js","/chat-static/_next/static/immutable/chunks/29mrkgtzx_4wp.js","/chat-static/_next/static/immutable/chunks/04gkop25t1q10.js","/chat-static/_next/static/immutable/chunks/1oznss6s7d7gf.js","/chat-static/_next/static/immutable/chunks/3ozgp_g2qonep.js","/chat-static/_next/static/immutable/chunks/34plql7k-5zln.js","/chat-static/_next/static/immutable/chunks/2u412yj4g70a6.js","/chat-static/_next/static/immutable/chunks/2x0m84hlfqnp9.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/1kms4qb1b1e4i.js","/chat-static/_next/static/immutable/chunks/14xqre5n_-5om.js","/chat-static/_next/static/immutable/chunks/3_fsao_b89s35.js","/chat-static/_next/static/immutable/chunks/0h3zc71pdnjom.js","/chat-static/_next/static/immutable/chunks/06gm8aj13bwx1.js","/chat-static/_next/static/immutable/chunks/1erht42aiso18.js","/chat-static/_next/static/immutable/chunks/30mwco_q1oioj.js","/chat-static/_next/static/immutable/chunks/2oakf9cjtyb2q.js"],"SWRDataProvider"] ad:T1ae87b,CARI Vita — Cáritas de Puebla

CARI Vita

Prototipo navegable en español. Elige una pantalla para saltar a ella, o navega dentro del teléfono como lo haría una persona usuaria.

Beneficiario

Encontrar y entender un apoyo

Agendar cita

Reservar una cita paso a paso

Colaborar

Voluntariado y donación en especie

Estados especiales

Situaciones fuera de lo común

Equipo Cáritas

Área administrativa protegida

CARI Vita

Ilustración de una familia y una comunidad diversa que se acompañan: una persona mayor, una mamá con su hija, un joven voluntario y una persona en silla de ruedas.

Bienvenido a CARI Vita

Una aplicación de Cáritas Puebla

Estamos aquí para ayudarte.

Puedes consultar la información sin crear una cuenta.

Contenido de ejemplo. Puede sustituirse por la información oficial de Cáritas de Puebla.

ae:[] af:[["b_oP0mT7HKME8",null],["b_K33y9qqyHH8",null],["b_mv4UMz1BsKz",null],["b_IGyVyO1H3u1",null],["b_hmDZ1QL9Bxa",null]] b0:[["b_oP0mT7HKME8",{"templateVersionId":null,"templateCanonId":null}],["b_K33y9qqyHH8",{"templateVersionId":null,"templateCanonId":null}],["b_mv4UMz1BsKz",{"templateVersionId":null,"templateCanonId":null}],["b_IGyVyO1H3u1",{"templateVersionId":null,"templateCanonId":null}],["b_hmDZ1QL9Bxa",{"templateVersionId":null,"templateCanonId":null}]] b1:[["b_YIFsisQ0Aj1","$D2026-08-25T15:09:43.125Z"],["b_N9OWYx4VNuU","$D2026-08-25T15:12:39.141Z"],["b_TVEjxMn3sI7","$D2026-08-25T15:12:47.967Z"],["b_PLYiax9deOe","$D2026-08-25T15:12:53.490Z"],["b_7SF4cvn2qwY","$D2026-08-25T20:00:48.194Z"],["b_zn0RtXAPSTN","$D2026-08-25T20:00:54.193Z"],["b_K1nrP4YDLPi","$D2026-08-25T20:04:17.010Z"],["b_a0O7Vgec4gk","$D2026-08-25T20:05:14.679Z"],["b_uNuFt66CZve","$D2026-08-25T20:05:21.283Z"],["b_lMJ6OLP4PJK","$D2026-08-25T20:05:36.345Z"],["b_bbErVD19kKT","$D2026-08-25T20:06:38.312Z"],["b_aGs4EBlY5Tx","$D2026-08-25T20:06:44.794Z"],["b_oP0mT7HKME8","$D2026-08-25T20:07:33.266Z"],["b_K33y9qqyHH8","$D2026-08-25T20:08:43.102Z"],["b_mv4UMz1BsKz","$D2026-08-25T20:08:53.125Z"],["b_IGyVyO1H3u1","$D2026-08-26T18:16:54.197Z"],["b_hmDZ1QL9Bxa","$D2026-08-26T18:17:07.380Z"]] b2:[["b_oP0mT7HKME8",false],["b_K33y9qqyHH8",false],["b_mv4UMz1BsKz",false],["b_IGyVyO1H3u1",false],["b_hmDZ1QL9Bxa",false]] b3:[["b_oP0mT7HKME8",{"git":{"ref":"main","sha":"ef80652f9e988727b6d1e0aa5557b249269746cc","type":"github","repoId":0,"repoName":"v0-1-deYBIUuXNObp2NcAIhi8zo5H-j5GQIJz25MY","ownerName":"v0-git-s3-storage","commitMessage":"feat: update ListenButton styles based on compact prop"}}],["b_K33y9qqyHH8",{"git":{"ref":"main","sha":"4b015eb292b569686b09c894d4cef719fcd74dc4","type":"github","repoId":0,"repoName":"v0-1-deYBIUuXNObp2NcAIhi8zo5H-j5GQIJz25MY","ownerName":"v0-git-s3-storage","commitMessage":"feat: adjust ListenButton styles and sizes for compact mode"}}],["b_mv4UMz1BsKz",{"git":{"ref":"main","sha":"4b015eb292b569686b09c894d4cef719fcd74dc4","type":"github","repoId":0,"repoName":"v0-1-deYBIUuXNObp2NcAIhi8zo5H-j5GQIJz25MY","ownerName":"v0-git-s3-storage","commitMessage":"feat: adjust ListenButton styles and sizes for compact mode"}}],["b_IGyVyO1H3u1",{"git":{"ref":"main","sha":"5118ac71fb83aba3fce42ca8d7092244af16066f","type":"github","repoId":0,"repoName":"v0-1-deYBIUuXNObp2NcAIhi8zo5H-j5GQIJz25MY","ownerName":"v0-git-s3-storage","commitMessage":"feat: update button styles with border and primary color"}}],["b_hmDZ1QL9Bxa",{"git":{"ref":"main","sha":"5118ac71fb83aba3fce42ca8d7092244af16066f","type":"github","repoId":0,"repoName":"v0-1-deYBIUuXNObp2NcAIhi8zo5H-j5GQIJz25MY","ownerName":"v0-git-s3-storage","commitMessage":"feat: update button styles with border and primary color"}}]] b4:[["b_oP0mT7HKME8",null],["b_K33y9qqyHH8",null],["b_mv4UMz1BsKz",null],["b_IGyVyO1H3u1",null],["b_hmDZ1QL9Bxa",null]] b5:[["b_oP0mT7HKME8",true],["b_K33y9qqyHH8",true],["b_mv4UMz1BsKz",true],["b_IGyVyO1H3u1",true],["b_hmDZ1QL9Bxa",true]] b6:[["b_oP0mT7HKME8",true],["b_K33y9qqyHH8",true],["b_mv4UMz1BsKz",true],["b_IGyVyO1H3u1",true],["b_hmDZ1QL9Bxa",true]] b7:[] b8:T8b22,[V0_FILE]typescriptreact:file="/components/screens/public-screens.tsx" 'use client' import Image from 'next/image' import { useState } from 'react' import { categories } from '@/lib/data' import { useNav } from '@/lib/nav' import { Logo } from '@/components/brand' import { AppScreen, ListenButton, ScreenHeader } from '@/components/shell' import { BigButton, CategoryIcon, ChevronRight, CircleHelp, HandHeart, Phone, ScreenTitle, SupportText, TapCard, } from '@/components/kit' import { CircleCheck, CircleHelp as HelpBig, MapPin, Package, ShieldCheck, Volume2 } from 'lucide-react' /* ---------- PANTALLA 1. Bienvenida ---------- */ export function WelcomeScreen() { const { go } = useNav() const speech = 'Bienvenido a CARI Vita, una aplicación de Cáritas Puebla. Estamos aquí para ayudarte. Puedes consultar la información sin crear una cuenta. Presiona el botón Empezar para continuar.' return (

Bienvenido a CARI Vita

Una aplicación de Cáritas Puebla

Estamos aquí para ayudarte.

go('purpose')}> Empezar

Puedes consultar la información sin crear una cuenta.

) } /* ---------- PANTALLA 2. Elección de propósito ---------- */ const purposeOptions = [ { key: 'ayuda', titulo: 'Necesito ayuda', descripcion: 'Encuentra los servicios que Cáritas ofrece.', icon: , to: 'needs' as const, bg: 'bg-secondary', }, { key: 'voluntario', titulo: 'Quiero ser voluntario', descripcion: 'Conoce cómo puedes participar.', icon: , to: 'volunteer-list' as const, bg: 'bg-info', }, { key: 'donar', titulo: 'Quiero donar productos', descripcion: 'Consulta qué necesita Cáritas actualmente.', icon: , to: 'donation-list' as const, bg: 'bg-secondary', }, ] export function PurposeScreen() { const { go } = useNav() const speech = '¿Qué deseas hacer? Elige una opción: Necesito ayuda, para encontrar los servicios que Cáritas ofrece. Quiero ser voluntario, para conocer cómo puedes participar. O quiero donar productos, para consultar qué necesita Cáritas actualmente.' return ( } bottomNav> ¿Qué deseas hacer? Elige la opción que mejor se acerque a lo que necesitas.

{purposeOptions.map((opt) => ( go(opt.to)}> {opt.icon} {opt.titulo} {opt.descripcion} ))}

) } /* ---------- Inicio (pestaña de navegación) ---------- */ export function InicioScreen() { const { go } = useNav() const speech = 'Inicio de CARI Vita. Estamos aquí para ayudarte. Puedes buscar ayuda, participar como voluntario o donar productos.' return ( } bottomNav>

Estamos aquí para ayudarte.

Consulta la información sin crear una cuenta.

¿Qué deseas hacer?

go('needs')}> Necesito ayuda Encuentra los servicios de Cáritas. go('volunteer-list')}> Ser voluntario Conoce cómo participar. go('donation-list')}> Donar productos Consulta qué necesita Cáritas.

) } /* ---------- PANTALLA 3. Selección de necesidad ---------- */ export function NeedsScreen() { const { go } = useNav() const speech = '¿Qué necesitas? Elige una opción: Comida, Salud, Medicinas, Educación, Ropa, Apoyo físico. Si no sabes cuál elegir, presiona No sé cuál elegir y podemos orientarte.' return ( } bottomNav> ¿Qué necesitas? Elige la opción que mejor se acerque a lo que necesitas.

{categories.map((cat) => ( ))}

) } /* ---------- PANTALLA 4. Orientación "No sé cuál elegir" ---------- */ const orientationQuestions = [ { pregunta: '¿Necesitas comida o productos básicos?', categoria: 'comida' as const }, { pregunta: '¿Buscas atención para tu salud?', categoria: 'salud' as const }, { pregunta: '¿Necesitas medicinas?', categoria: 'medicinas' as const }, { pregunta: '¿Buscas ropa o artículos personales?', categoria: 'ropa' as const }, { pregunta: '¿Necesitas apoyo para moverte o realizar actividades?', categoria: 'apoyo-fisico' as const }, ] export function OrientationScreen() { const { go } = useNav() const [step, setStep] = useState(0) const [sugerida, setSugerida] = useState<(typeof orientationQuestions)[number]['categoria'] | null>(null) const q = orientationQuestions[step] const total = orientationQuestions.length function answer(kind: 'si' | 'no' | 'duda') { if (kind === 'si') { setSugerida(q.categoria) } else if (step < total - 1) { setStep(step + 1) } else { // No hubo un "sí": sugerir comida como punto de partida amable setSugerida('comida') } } const speech = sugerida ? `Según tus respuestas, te sugerimos la categoría ${categoryName(sugerida)}. Puedes ver esta opción o regresar a las categorías.` : `${q.pregunta} Puedes responder Sí, No, o No estoy seguro.` if (sugerida) { const cat = categories.find((c) => c.id === sugerida)! return ( } bottomNav>

Te sugerimos esta opción

{cat.nombre}

{cat.descripcion}

go('service-list', { categoryId: cat.id })}> Ver esta opción go('needs')}> Regresar a las categorías

) } return ( } bottomNav>

Pregunta {step + 1} de {total}

{q.pregunta} Elige la respuesta que más se acerque a lo que necesitas.

answer('si')}> Sí answer('no')}> No answer('duda')}> No estoy seguro

) } function categoryName(id: string) { return categories.find((c) => c.id === id)?.nombre ?? '' } /* ---------- Ayuda (pestaña de navegación) ---------- */ const phoneContacts = [ { nombre: 'Cáritas Analco', telefono: '222 123 4567', tel: '2221234567' }, { nombre: 'Cáritas Parroquial San José', telefono: '222 987 6543', tel: '2229876543' }, ] export function AyudaScreen() { const { go } = useNav() const speech = 'Ayuda y ajustes. En cada pantalla verás el botón Escuchar. Tócalo y la aplicación te leerá la información en voz alta. También puedes llamar por teléfono a Cáritas Analco al 222 123 4567, o a Cáritas Parroquial San José al 222 987 6543. Si no sabes qué servicio necesitas, podemos orientarte con unas preguntas sencillas. Esta aplicación no te pide crear una cuenta ni compartir datos para recibir ayuda.' return ( } bottomNav> ¿En qué te podemos ayudar? Elige una opción. Estamos para acompañarte.

go('orientation')}> No sé qué necesito Te orientamos con unas preguntas. go('center-list')}> Ver todos los centros Consulta las ubicaciones de ayuda.

{/* Cómo usar el botón Escuchar */}

En cada pantalla verás el botón Escuchar. Tócalo y la aplicación te leerá la información en voz alta.

{/* Teléfonos para llamar */}

{phoneContacts.map((c) => ( ))}

{/* Acciones de la app */}

go('admin-login')}>

{/* Aviso de privacidad */}

) } [V0_FILE]typescriptreact:file="/components/screens/services-screens.tsx" 'use client' import { useState } from 'react' import { categories, centers, getCenterById, getServiceById, services, } from '@/lib/data' import { useNav } from '@/lib/nav' import { AppScreen, ScreenHeader } from '@/components/shell' import { Badge, BigButton, Card, CategoryIcon, ChevronRight, Clock, MapPin, Phone, ScreenTitle, SupportText, TapCard, } from '@/components/kit' import { Calendar, CheckCircle2, ChevronDown } from 'lucide-react' import { cn } from '@/lib/utils' /* ---------- PANTALLA 5. Servicios de una categoría ---------- */ export function ServiceListScreen() { const { state, go } = useNav() const cat = categories.find((c) => c.id === state.categoryId) ?? categories[0] const list = services.filter((s) => s.categoria === cat.id) const speech = `${cat.nombre}. Elige el servicio que necesitas. Estamos para acompañarte. Servicios disponibles: ${list .map((s) => s.nombre) .join(', ')}.` return ( } bottomNav>

{cat.nombre}

Elige el servicio que necesitas. Estamos para acompañarte. {list.length === 0 ? (

Pronto habrá más servicios en esta categoría.

) : (

{list.map((s) => ( go('service-detail', { serviceId: s.id })}> {s.nombre} {s.resumen} {s.requiereCita && ( )} ))}

)} ) } /* ---------- PANTALLA 6. Detalle de un servicio ---------- */ function Accordion({ title, children, defaultOpen = false, }: { title: string children: React.ReactNode defaultOpen?: boolean }) { const [open, setOpen] = useState(defaultOpen) return (

{open &&

{children}

}

) } export function ServiceDetailScreen() { const { state, go } = useNav() const service = getServiceById(state.serviceId ?? '') ?? services[0] const speech = `${service.nombre}. ${service.resumen}. ¿A quién está dirigido? ${service.dirigidoA}. ¿Qué necesitas llevar? ${ service.requisitos.join(', ') || 'No se necesitan requisitos especiales' }. ¿Cuándo puedes acudir? ${service.horario}. Contacto: ${service.contacto}.` return ( } bottomNav> {service.nombre} {service.requiereCita && ( )}

{service.resumen}

¿A quién está dirigido? {service.dirigidoA}

{service.requisitos.length === 0 && service.documentos.length === 0 ? (

No necesitas requisitos especiales.

) : (

)}

{service.requiereCita && ( )}

) } /* ---------- PANTALLA 7. Lista de centros ---------- */ export function CenterListScreen() { const { state, go } = useNav() const service = getServiceById(state.serviceId ?? '') const list = service ? centers.filter((c) => service.centros.includes(c.id)) : centers const speech = `Centros de ayuda. Elige el lugar que mejor se adapte a tu necesidad. Después, si lo deseas, puedes consultar el mapa. Centros: ${list .map((c) => `${c.nombre}, en ${c.direccion}`) .join('. ')}.` return ( } bottomNav> Centros de ayuda Elige el lugar que mejor se adapte a tu necesidad. Después, si lo deseas, puedes consultar el mapa.

go('location-request')}> Elegir otra zona

{list.map((c) => (

{c.nombre}

{c.tipoServicio}

{c.telefono && (

)}

{c.requiereCita ? ( ) : ( Sin cita )}

))}

) } /* ---------- PANTALLA 8. Solicitud de ubicación ---------- */ export function LocationRequestScreen() { const { go } = useNav() const speech = '¿Quieres ver los lugares cercanos? CARI Vita puede utilizar tu ubicación para mostrarte los centros cercanos. También puedes buscar escribiendo tu zona. Puedes elegir Permitir ubicación, Elegir mi zona, o Ahora no.' return ( } bottomNav>

¿Quieres ver los lugares cercanos? CARI Vita puede utilizar tu ubicación para mostrarte los centros cercanos. También puedes buscar escribiendo tu zona.

go('map')}> Permitir ubicación go('state-location-denied')}> Elegir mi zona go('map')}> Ahora no

La aplicación funciona aunque no permitas usar tu ubicación.

) } /* ---------- PANTALLA 9. Mapa de centros ---------- */ export function MapScreen() { const { state, go } = useNav() const initial = state.centerId ?? centers[0].id const [selected, setSelected] = useState(initial) const center = getCenterById(selected) ?? centers[0] const speech = `Mapa de centros. Centro seleccionado: ${center.nombre}. Dirección: ${center.direccion}. Horario: ${center.horario}. El mapa es una ayuda para orientarte.` // Posiciones esquemáticas de ejemplo (no representan ubicaciones reales) const positions: Record = { 'san-pedro': { top: '28%', left: '30%' }, 'buen-pastor': { top: '55%', left: '62%' }, 'santa-maria': { top: '40%', left: '78%' }, } return ( } padded={false} bottomNav>

go('center-list')}> Regresar a la lista

{/* Mapa esquemático (ilustrativo, no geográfico) */}

{/* calles esquemáticas */}

{centers.map((c) => { const pos = positions[c.id] ?? { top: '50%', left: '50%' } const active = c.id === selected return ( ) })}

El mapa es una ayuda para orientarte.

{center.nombre}

{centers.map((c) => ( ))}

) }b9:T8b22,[V0_FILE]typescriptreact:file="/components/screens/public-screens.tsx" 'use client' import Image from 'next/image' import { useState } from 'react' import { categories } from '@/lib/data' import { useNav } from '@/lib/nav' import { Logo } from '@/components/brand' import { AppScreen, ListenButton, ScreenHeader } from '@/components/shell' import { BigButton, CategoryIcon, ChevronRight, CircleHelp, HandHeart, Phone, ScreenTitle, SupportText, TapCard, } from '@/components/kit' import { CircleCheck, CircleHelp as HelpBig, MapPin, Package, ShieldCheck, Volume2 } from 'lucide-react' /* ---------- PANTALLA 1. Bienvenida ---------- */ export function WelcomeScreen() { const { go } = useNav() const speech = 'Bienvenido a CARI Vita, una aplicación de Cáritas Puebla. Estamos aquí para ayudarte. Puedes consultar la información sin crear una cuenta. Presiona el botón Empezar para continuar.' return (

Bienvenido a CARI Vita

Una aplicación de Cáritas Puebla

Estamos aquí para ayudarte.

go('purpose')}> Empezar

Puedes consultar la información sin crear una cuenta.

{purposeOptions.map((opt) => ( go(opt.to)}> {opt.icon} {opt.titulo} {opt.descripcion} ))}

Estamos aquí para ayudarte.

Consulta la información sin crear una cuenta.

¿Qué deseas hacer?

go('needs')}> Necesito ayuda Encuentra los servicios de Cáritas. go('volunteer-list')}> Ser voluntario Conoce cómo participar. go('donation-list')}> Donar productos Consulta qué necesita Cáritas.

{categories.map((cat) => ( ))}

Te sugerimos esta opción

{cat.nombre}

{cat.descripcion}

go('service-list', { categoryId: cat.id })}> Ver esta opción go('needs')}> Regresar a las categorías

) } return ( } bottomNav>

Pregunta {step + 1} de {total}

{q.pregunta} Elige la respuesta que más se acerque a lo que necesitas.

answer('si')}> Sí answer('no')}> No answer('duda')}> No estoy seguro

go('orientation')}> No sé qué necesito Te orientamos con unas preguntas. go('center-list')}> Ver todos los centros Consulta las ubicaciones de ayuda.

{/* Cómo usar el botón Escuchar */}

En cada pantalla verás el botón Escuchar. Tócalo y la aplicación te leerá la información en voz alta.

{/* Teléfonos para llamar */}

{phoneContacts.map((c) => ( ))}

{/* Acciones de la app */}

go('admin-login')}>

{/* Aviso de privacidad */}

{cat.nombre}

Elige el servicio que necesitas. Estamos para acompañarte. {list.length === 0 ? (

Pronto habrá más servicios en esta categoría.

) : (

{list.map((s) => ( go('service-detail', { serviceId: s.id })}> {s.nombre} {s.resumen} {s.requiereCita && ( )} ))}

{open &&

{children}

}

{service.resumen}

¿A quién está dirigido? {service.dirigidoA}

{service.requisitos.length === 0 && service.documentos.length === 0 ? (

No necesitas requisitos especiales.

) : (

)}

{service.requiereCita && ( )}

go('location-request')}> Elegir otra zona

{list.map((c) => (

{c.nombre}

{c.tipoServicio}

{c.telefono && (

)}

{c.requiereCita ? ( ) : ( Sin cita )}

))}

¿Quieres ver los lugares cercanos? CARI Vita puede utilizar tu ubicación para mostrarte los centros cercanos. También puedes buscar escribiendo tu zona.

go('map')}> Permitir ubicación go('state-location-denied')}> Elegir mi zona go('map')}> Ahora no

La aplicación funciona aunque no permitas usar tu ubicación.

go('center-list')}> Regresar a la lista

{/* Mapa esquemático (ilustrativo, no geográfico) */}

{/* calles esquemáticas */}

{centers.map((c) => { const pos = positions[c.id] ?? { top: '50%', left: '50%' } const active = c.id === selected return ( ) })}

El mapa es una ayuda para orientarte.

{center.nombre}

{centers.map((c) => ( ))}

) }4d:["$","$L99",null,{"params":{"chatId":"j5GQIJz25MY"},"promises":{"attributes":"$@a3","externalMeta":"$@a4","latest":"$@a5","messagesRange":"$@a6","messages":"$@a7","template":"$@a8","gitStatus":"$@a9"},"children":["$","$Laa",null,{"chatId":"j5GQIJz25MY","children":["$","$Lab",null,{"seedOnlyKeys":["@\"chat:state\",\"j5GQIJz25MY\","],"data":{"block:output:initial":{"id":"b_hmDZ1QL9Bxa","result":"$@ac"},"/chat/api/snapshots/proxy?chatId=j5GQIJz25MY&messageId=VUFYsKYNQohxiwm1KwzpZCuoWPHLKVYw&v=v2":"$ad","@\"block:mappings\",\"j5GQIJz25MY\",":{"sqlBlockExecutionStates":"$Qae","blocksForkedFrom":"$Qaf","blocksTemplateIds":"$Qb0","blocksCreatedAt":"$Qb1","blocksShared":"$Qb2","blocksDeployed":"$Qb3","blocksSubdomains":"$Qb4","brandedBlocks":"$Qb5","unlistedBlocks":"$Qb6","blockOutputs":"$Qb7"},"@\"chat:state\",\"j5GQIJz25MY\",":{"messages":[{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"HBQE9F4OnLmgdbV27axM81RlD7NKXaFP","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-25T15:09:39.203Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_YIFsisQ0Aj1","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"dpiYmp61wLtK6C0EVc9jn1GOF4N97g9P","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"HBQE9F4OnLmgdbV27axM81RlD7NKXaFP","type":"message","createdAt":"$D2026-08-25T15:09:39.204Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"3xBGY4kOR6bNoIo3pC04PaFrSzFuyHq3","parentId":"dpiYmp61wLtK6C0EVc9jn1GOF4N97g9P","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-25T15:11:20.809Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_N9OWYx4VNuU","type":"code-project","isVersioned":false},{"blockId":"b_TVEjxMn3sI7","type":"code-project","isVersioned":false},{"blockId":"b_PLYiax9deOe","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"LuKtRpcI8hpEJhFsk4WV6cWx8GiNrUPu","gitRevision":{"baseSha":"1ae6c3df8e04c8d4a6e13f0b7d47107aa090a0ff","headSha":"838950626a1c7cc3b1b7e4971c1b3e6eeefdc437","readyAt":"2026-08-25T15:14:51.480Z","version":1,"commitMessage":"feat: add phone contacts and accessibility features to Ayuda screen"},"streaming":false,"finishReason":"stop","parentId":"3xBGY4kOR6bNoIo3pC04PaFrSzFuyHq3","type":"message","createdAt":"$D2026-08-25T15:11:20.810Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"4wBMFvUOoM6eqTAFhePNzZjY7KZq882M","parentId":"LuKtRpcI8hpEJhFsk4WV6cWx8GiNrUPu","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-25T20:00:35.357Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_7SF4cvn2qwY","type":"code-project","isVersioned":false},{"blockId":"b_zn0RtXAPSTN","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"rbSeKQ7Aaoux6L6KmeTcZuqmm59mbjaW","gitRevision":{"baseSha":"838950626a1c7cc3b1b7e4971c1b3e6eeefdc437","headSha":"66c4c35f671caf467cf2713aeef58024bbe3d536","readyAt":"2026-08-25T20:01:07.007Z","version":1,"commitMessage":"feat: remove unused layout grid button from AyudaScreen\n\nRemoved the 'Ver estados de la app' button which was not in use."},"streaming":false,"finishReason":"stop","parentId":"4wBMFvUOoM6eqTAFhePNzZjY7KZq882M","type":"message","createdAt":"$D2026-08-25T20:00:35.358Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"MKZ8AmOMzdSuiLqpOMTzx5RJuNyPzTbM","parentId":"rbSeKQ7Aaoux6L6KmeTcZuqmm59mbjaW","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-25T20:03:56.003Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_K1nrP4YDLPi","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"NGhlV4TZDUyu8qZscpMHSauIauSDTV44","gitRevision":{"baseSha":"66c4c35f671caf467cf2713aeef58024bbe3d536","headSha":"34bb28a16cbab5864efbd7108a0ecb033a360315","readyAt":"2026-08-25T20:04:50.459Z","version":1,"commitMessage":"feat: update ListenButton styles and icons for better UX"},"streaming":false,"finishReason":"stop","parentId":"MKZ8AmOMzdSuiLqpOMTzx5RJuNyPzTbM","type":"message","createdAt":"$D2026-08-25T20:03:56.004Z"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"yletiEDzQN18xqxqYt9Azs8sq4cZVeBF","parentId":"NGhlV4TZDUyu8qZscpMHSauIauSDTV44","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-08-25T20:05:08.152Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_a0O7Vgec4gk","type":"code-project","isVersioned":false},{"blockId":"b_uNuFt66CZve","type":"code-project","isVersioned":false},{"blockId":"b_lMJ6OLP4PJK","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"EuQeq6G