/* Home → window. Dashboard de iglesias cercanas.
RecordRow y EmptyState se mantienen expuestos porque Historial los usa. */
(function () {
const { useMemo, useState, useEffect } = React;
const {
useData, fmt, fmtDiaCorto, MESES,
netoOf, sumRecords, recordsOfMonth, recordsOfCurrentWeek,
IglesiaCard, ActividadCard, enriquecerIglesias,
} = window;
function RecordRow({ item, onEdit }) {
const neto = netoOf(item);
const hasNota = !!(item.nota && item.nota.length);
return (
);
}
function EmptyState({ title, subtitle }) {
return (
📋
{title}
{subtitle}
);
}
const PAGE_SIZE = 7; // Instagram/FB style: batches of 7.
const { useRef } = React;
function Home({ onSelect, onShowMap, iglesias, iglesiasEnRango, banner, ubicacionEfectiva, alcanceKm, onConfigurarUbicacion }) {
const lista = Array.isArray(iglesias) ? iglesias : [];
const enRango = Array.isArray(iglesiasEnRango) ? iglesiasEnRango : [];
const [ahora, setAhora] = useState(() => new Date());
const [actividades, setActividades] = useState([]);
const [visibles, setVisibles] = useState(PAGE_SIZE);
// Bottom sheet con el horario semanal de una iglesia. Se abre al
// tocar el bloque de próximo culto o el chip "Horario" en la
// IglesiaCard. El tap en la card completa sigue abriendo DetalleIglesia.
const [horarioDe, setHorarioDe] = useState(null);
// Set de ids en rango para filtrar actividades de manera O(1).
const idsEnRango = useMemo(function () {
var s = {};
enRango.forEach(function (ig) { if (ig && ig.id) s[ig.id] = true; });
return s;
}, [enRango]);
// Estados de la ubicación efectiva para orquestar la UI.
const estadoUbic = (ubicacionEfectiva && ubicacionEfectiva.estado) || "sin_config";
const ubicacionResuelta = (estadoUbic === "gps_activo" || estadoUbic === "manual_activo");
const ubicacionDetectando = (estadoUbic === "detectando");
const ubicacionNecesitaAccion = !ubicacionResuelta && !ubicacionDetectando;
// Refresh de `ahora` cada 60s → recalcula scores, badges y el
// "hace X tiempo" de las publicaciones sin re-fetch.
useEffect(() => {
const id = setInterval(() => setAhora(new Date()), 60000);
return () => clearInterval(id);
}, []);
// Feed de actividades: suscribimos SOLO las iglesias que están en
// rango. Así el backend no nos trae actividades de iglesias fuera
// del alcance — sería costoso y el usuario no las vería igual.
const rangoKey = enRango.map(function (x) { return x && x.id; }).sort().join(",");
useEffect(() => {
if (typeof window.suscribirActividadesDeIglesias !== "function" || enRango.length === 0) {
setActividades([]);
return;
}
const unsub = window.suscribirActividadesDeIglesias(enRango, function (arr) {
setActividades(Array.isArray(arr) ? arr : []);
});
return function () { if (typeof unsub === "function") unsub(); };
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [rangoKey]);
// Enriquecemos las iglesias en rango (ya tienen distancia_km del
// filtro). La llamada a enriquecerIglesias reusa el cálculo de
// proximo_culto/score; el sort final vuelve a ordenarse por score.
const iglesiasEnriquecidas = useMemo(() => {
if (typeof enriquecerIglesias !== "function") return enRango;
return enriquecerIglesias(enRango, ubicacionEfectiva, ahora);
}, [enRango, ubicacionEfectiva, ahora]);
// Feed unificado: mezclamos iglesias en rango + actividades en rango.
// Las actividades se cruzan contra idsEnRango por si el listener
// aún no refrescó tras un cambio de alcance.
const publicaciones = useMemo(function () {
var items = [];
actividades.forEach(function (act) {
var igId = act && act.iglesia && act.iglesia.id;
if (!igId || !idsEnRango[igId]) return;
items.push({
kind: "actividad",
key: "act_" + igId + "_" + act.id,
ts: typeof act.publicado_en === "number" ? act.publicado_en : 0,
data: act,
});
});
iglesiasEnriquecidas.forEach(function (ig) {
// Las iglesias no reclamadas NO aparecen en el feed (regla de
// producto: aparecen en Buscador y Radar con badge, pero no
// saturan el scroll). Siguen existiendo; el pastor que las
// encuentra las reclama desde DetalleIglesia.
if (ig && ig.reclamada === false) return;
items.push({
kind: "iglesia",
key: "ig_" + ig.id,
ts: typeof ig.createdAt === "number"
? ig.createdAt
: (typeof ig.updatedAt === "number" ? ig.updatedAt : 0),
data: ig,
});
});
items.sort(function (a, b) { return b.ts - a.ts; });
return items;
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [actividades, iglesiasEnriquecidas, idsEnRango]);
// Si cambia el tamaño del feed (ej. nueva actividad publicada),
// aseguramos que el usuario siga viendo al menos PAGE_SIZE nuevos.
useEffect(function () {
setVisibles(function (prev) {
if (publicaciones.length === 0) return PAGE_SIZE;
return Math.min(Math.max(prev, PAGE_SIZE), publicaciones.length);
});
}, [publicaciones.length]);
const hayMas = visibles < publicaciones.length;
// IntersectionObserver sobre un "sentinel" al final: cuando se
// acerca al viewport, cargamos el siguiente lote.
const sentinelRef = useRef(null);
useEffect(function () {
if (!hayMas || !sentinelRef.current) return;
const el = sentinelRef.current;
const obs = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
setVisibles(function (v) {
return Math.min(v + PAGE_SIZE, publicaciones.length);
});
}
});
}, { rootMargin: "240px" });
obs.observe(el);
return function () { obs.disconnect(); };
}, [hayMas, publicaciones.length]);
const visiblesArr = publicaciones.slice(0, visibles);
return (
{banner}
{/* Ubicación sin resolver (denegada / no disponible / sin config):
empty-state con CTA. Antes vivía en una banda superior
(UbicacionIndicador) pero se consolidó aquí para no
duplicar avisos. */}
{ubicacionNecesitaAccion && (
📍
{estadoUbic === "gps_denegado"
? "Permiso de ubicación denegado"
: estadoUbic === "gps_no_disponible"
? "No pudimos obtener tu ubicación"
: "Necesitamos tu ubicación"}
{estadoUbic === "gps_denegado"
? "Actívala en tu navegador o elige una provincia para descubrir iglesias cerca de ti."
: "Activa tu ubicación o elige una provincia para descubrir iglesias cerca de ti."}
)}
{/* Ubicación detectando y aún no emitió lat/lng — sutil. */}
{ubicacionDetectando && publicaciones.length === 0 && (
Buscando iglesias cerca de ti…
)}
{/* Ubicación resuelta pero nada en rango — empty state con CTA. */}
{ubicacionResuelta && publicaciones.length === 0 && (
🔎
Nada para mostrar en el feed
{ubicacionEfectiva.estado === "manual_activo"
? "No hay iglesias a " + alcanceKm + " km de " + (ubicacionEfectiva.provincia || "esta provincia") + ". Amplía el rango para ver más."
: "No hay iglesias a " + alcanceKm + " km de ti. Amplía el rango para ver más."}
)}
{publicaciones.length > 0 && (
{visiblesArr.map(function (item) {
if (item.kind === "actividad" && ActividadCard) {
return (
);
}
if (item.kind === "iglesia") {
return (
);
}
return null;
})}
{/* Sentinel + loader: cuando entra al viewport, carga +7. */}
{hayMas && (