/* Centro de notificaciones estilo iOS · Spacio AM · Dashboard de Propietarios
Portado de Grow-spacioam (noti-center.jsx). Capa de PRESENTACIÓN.
Usa el set de iconos propio del dashboard (window.Icon) y exporta a window.
Exporta: NotiBell, NotiCenter, NotiToast, NotiPush. */
(function () {
var React = window.React;
var useState = React.useState;
/* Icon: usa el Icon del design system si el bundle está cargado
(window.SpacioAMDesignSystem_2c08fe.Icon); si no, cae al set del dashboard. */
function NIcon(props) {
var ns = window.SpacioAMDesignSystem_2c08fe;
var I = (ns && ns.Icon) || window.Icon;
if (!I) return null;
return React.createElement(I, props);
}
var C = { peach: "#E9826A" };
function notiSplit(notis) {
var lim = Date.now() - 7 * 86400000;
var rec = [], old = [];
(notis || []).forEach(function (n) { if (n.ts != null && n.ts >= lim) rec.push(n); else old.push(n); });
return { rec: rec, old: old };
}
function notiKey(n) { return n.id + "|" + (n.texto || "") + "|" + (n.ts != null ? n.ts : (n.cuando || "")); }
function notiHaceTxt(ms) {
var ahora = Date.now();
var min = Math.round((ahora - ms) / 60000);
if (min < 1) return "ahora";
if (min < 60) return min + "m";
var d = new Date(ms);
var dias = (ahora - ms) / 86400000;
if (dias < 1) return ("0" + d.getHours()).slice(-2) + ":" + ("0" + d.getMinutes()).slice(-2);
return d.toLocaleDateString("es-GT", { day: "numeric", month: "short" });
}
var NOTI_TIPOS = [["accion", "Necesita tu acción", "info"], ["alerta", "Alertas importantes", "alert"]];
/* NotiBell — disparador: triángulo azul info + círculo peach del conteo. */
function NotiBell(props) {
var total = props.total, onOpen = props.onOpen;
if (!(total > 0)) return null;
return (
);
}
/* Fila con swipe: izquierda Posponer, derecha Eliminar. */
function NotiRow(props) {
var n = props.n, onOpen = props.onOpen, onDismiss = props.onDismiss, onSnooze = props.onSnooze;
var W = "rgba(255,255,255,";
var cuando = n.cuando != null ? n.cuando : notiHaceTxt(n.ts);
var setRef = React.useCallback(function (el) { if (el) { requestAnimationFrame(function () { try { el.scrollLeft = 88; } catch (_) {} }); } }, []);
return (
{n.texto}
{n.contexto &&
{n.contexto}
}
{cuando}
);
}
function NotiCenter(props) {
var open = props.open, onClose = props.onClose, notis = props.notis, onDismiss = props.onDismiss, onSnooze = props.onSnooze;
var vm = useState(false); var verMas = vm[0], setVerMas = vm[1];
var dy = useState(0); var dragY = dy[0], setDragY = dy[1];
var cl = useState(false); var closing = cl[0], setClosing = cl[1];
var startY = React.useRef(null);
var dragRef = React.useRef(0);
var scrollerRef = React.useRef(null);
var draggingRef = React.useRef(false);
React.useEffect(function () {
if (!open) return;
var b = document.body, prevO = b.style.overflow, prevT = b.style.touchAction;
b.style.overflow = "hidden"; b.style.touchAction = "none";
return function () { b.style.overflow = prevO; b.style.touchAction = prevT; };
}, [open]);
function tStart(e) { startY.current = e.touches && e.touches[0] ? e.touches[0].clientY : null; dragRef.current = 0; draggingRef.current = true; }
function tMove(e) {
if (startY.current == null) return;
var y = e.touches && e.touches[0] ? e.touches[0].clientY : null; if (y == null) return;
var dyy = Math.min(0, y - startY.current); dragRef.current = dyy; setDragY(dyy);
}
function tEnd() {
if (startY.current == null) return; startY.current = null; draggingRef.current = false;
var wh = (typeof window !== "undefined" && window.innerHeight) || 1000;
if (dragRef.current < -wh * 0.35) { setClosing(true); setTimeout(function () { setClosing(false); setDragY(0); dragRef.current = 0; onClose && onClose(); }, 340); }
else { dragRef.current = 0; setDragY(0); }
}
function onScroll(e) {
var el = e.currentTarget;
var box = el.getBoundingClientRect();
var top = box.top, bot = box.bottom;
var cards = el.querySelectorAll("[data-noti-card]");
cards.forEach(function (c) {
var r = c.getBoundingClientRect();
var relTop = r.top - top, relBot = bot - r.bottom;
var scale = 1, op = 1, ty = 0;
if (relTop < 40) { var over = 40 - relTop; scale = Math.max(0.80, 1 - over / 520); op = Math.max(0, 1 - over / 86); ty = Math.min(over * 0.35, 44); }
else if (relBot < 28) { var under = 28 - relBot; scale = Math.max(0.90, 1 - under / 900); op = Math.max(0.35, 1 - under / 150); }
c.style.transformOrigin = relTop < 40 ? "top center" : "bottom center";
c.style.transform = "translateY(" + ty + "px) scale(" + scale + ")";
c.style.opacity = op;
});
}
React.useEffect(function () {
if (!open) return;
var el = scrollerRef.current; if (!el) return;
var raf = requestAnimationFrame(function () { onScroll({ currentTarget: el }); });
return function () { cancelAnimationFrame(raf); };
}, [open, dragY]);
if (!open) return null;
var sp = notiSplit(notis);
var modoAntiguo = sp.rec.length === 0 && sp.old.length > 0;
var mostrar = modoAntiguo ? sp.old : (verMas ? sp.rec.concat(sp.old) : sp.rec);
var byTipo = {};
(mostrar || []).forEach(function (n) { (byTipo[n.tipo] = byTipo[n.tipo] || []).push(n); });
var grupos = NOTI_TIPOS.filter(function (t) { return byTipo[t[0]] && byTipo[t[0]].length; }).map(function (t) {
var items = byTipo[t[0]], orden = [], mapa = {};
items.forEach(function (n) { var sub = n.subcat || "General"; if (!mapa[sub]) { mapa[sub] = []; orden.push(sub); } mapa[sub].push(n); });
return { key: t[0], titulo: t[1], icon: t[2], count: items.length, subs: orden.map(function (sub) { return { label: sub, items: mapa[sub] }; }) };
});
var vacio = grupos.length === 0;
var W = "rgba(255,255,255,";
var d = dragY < 0 ? dragY : 0;
var revelado = !!(d || closing);
return (
{(vacio || modoAntiguo) && (
{vacio ? "Sin notificaciones. Todo al día." : "Nada nuevo en 7 días · " + sp.old.length + " pendiente" + (sp.old.length === 1 ? "" : "s") + " de antes"}