{primary.map((tb) => (
))}
{overflow.length > 0 && (
{more &&
setMore(false)} />}
{more && (
{overflow.map((tb) => (
))}
)}
)}
);
}
/* ---------- PILL SELECT (filtro píldora buscable, multi, alfabético) ----------
Portado del Select de mi-spacioam. */
function PillSelect({ value, options, onChange, icon, minWidth, multi, searchable, placeholder, align }) {
const [open, setOpen] = uS(false);
const [q, setQ] = uS("");
const ref = uR(null);
uE(() => {
const h = (e) => { if (ref.current && !ref.current.contains(e.target)) { setOpen(false); setQ(""); } };
document.addEventListener("mousedown", h);
return () => document.removeEventListener("mousedown", h);
}, []);
const sel = multi ? (Array.isArray(value) ? value : []) : value;
const isActive = (v) => multi ? (v === "all" ? sel.length === 0 : sel.indexOf(v) >= 0) : v === value;
const sentinel = options.filter((o) => o.value === "all");
const rest = options.filter((o) => o.value !== "all").slice()
.sort((a, b) => String(a.label).localeCompare(String(b.label), "es", { numeric: true, sensitivity: "base" }));
const ordered = sentinel.concat(rest);
const showSearch = searchable != null ? searchable : options.length > 6;
const shown = q ? ordered.filter((o) => (String(o.label) + " " + (o.sub || "")).toLowerCase().includes(q.toLowerCase())) : ordered;
let triggerLabel;
if (multi) {
triggerLabel = sel.length === 0 ? (sentinel[0] ? sentinel[0].label : (placeholder || "")) :
sel.length === 1 ? ((options.find((o) => o.value === sel[0]) || {}).label || "") :
(sel.length + " " + (placeholder || "seleccionadas"));
} else { const cur = options.find((o) => o.value === value); triggerLabel = cur ? cur.label : (placeholder || ""); }
const pick = (v) => {
if (!multi) { onChange(v); setOpen(false); setQ(""); return; }
if (v === "all") { onChange([]); return; }
onChange(sel.indexOf(v) >= 0 ? sel.filter((x) => x !== v) : sel.concat(v));
};
return (
{open && (
{showSearch && (
setQ(e.target.value)} placeholder={placeholder || "Buscar…"}
style={{ border: "none", outline: "none", background: "transparent", width: "100%", fontFamily: "var(--sans)", fontSize: 12.5, letterSpacing: "0.02em", color: "var(--ink)" }} />
{q && }
)}
{shown.map((o) => {
const active = isActive(o.value);
return (
);
})}
{shown.length === 0 &&
Sin resultados
}
)}
);
}
/* ---------- GUEST NOTIFICATIONS (device store → items) ----------
Formato compatible con noti-center.jsx: { id, texto, contexto, ts, tipo, subcat, peso, abrir }. */
function buildGuestNotis(res, es) {
if (!res) return [];
const store = loadStore();
const code = normCode(res.code);
const out = [];
const REQ_LABEL = { early: "Early check-in", late: es ? "Salida tardía" : "Late check-out", luggage: es ? "Dejar maletas" : "Luggage drop-off", extra: es ? "Noche adicional" : "Extra night", night: es ? "Noche adicional" : "Extra night" };
const DECISION = { aprobado: es ? "Aprobada" : "Approved", approved: es ? "Aprobada" : "Approved", rechazado: es ? "No disponible" : "Not available", rejected: es ? "No disponible" : "Not available", confirmado: es ? "Confirmada" : "Confirmed" };
(store.hostRequests || []).forEach((r, i) => {
if (r.code && normCode(r.code) !== code) return;
const dec = r.decision || r.status;
if (!dec || dec === "pendiente" || dec === "pending") return;
out.push({ id: "req|" + (r.at || i) + "|" + (r.type || ""), tipo: "accion", subcat: es ? "Tu solicitud" : "Your request",
texto: (REQ_LABEL[r.type] || (es ? "Tu solicitud" : "Your request")) + " · " + (DECISION[dec] || dec) + ".", contexto: r.note || "", ts: r.decidedAt || r.at || Date.now(), peso: 5000 });
});
(store.guestAccess || []).forEach((g, i) => {
if (g.code && normCode(g.code) !== code) return;
const dec = g.decision; if (!dec || dec === "eliminado") return;
const n = (g.guests || []).length;
out.push({ id: "gacc|" + (g.at || i), tipo: "accion", subcat: es ? "Invitados" : "Guests",
texto: (DECISION[dec] || dec) + " · " + n + " " + (es ? (n === 1 ? "invitado" : "invitados") : "guest(s)") + ".", contexto: "", ts: g.decidedAt || g.at || Date.now(), peso: 6000 });
});
(store.guestMessages || []).forEach((m, i) => {
if (m.code && normCode(m.code) !== code) return;
out.push({ id: "msg|" + (m.ts || i), tipo: "alerta", subcat: "Spacio AM", texto: m.text || "", contexto: "", ts: m.ts || Date.now(), peso: 9000 });
});
return out.sort((a, b) => (b.ts || 0) - (a.ts || 0));
}
Object.assign(window, { Segmented, ConnectionFarol, AppHeader, NavTabs, PillSelect, buildGuestNotis, initialsOf });