);
}
/* ---------- WATERMARKED IDENTITY DOCUMENT ----------
Circular Spacio AM stamp + the phrase "Documentación de registro"
repeated in evenly-spaced parallel rows across the whole document,
all at low opacity so the ID data stays fully legible. */
function WatermarkedDoc({ src, t }) {
const label = (t.sumWatermark || "Documentación de registro").toUpperCase();
// ONE tile holds the phrase drawn HORIZONTALLY (never rotated inside the tile),
// in a 2-row brick layout so there are no vertical alignment channels. The
// whole layer is then rotated as a unit via CSS transform → rows stay perfectly
// straight and continuous edge to edge, with no clipping or overlap. Bold + a
// touch less transparency per the brand request.
const W = 380, H = 116;
const wm = encodeURIComponent(
``
);
if (!src) {
return (
{t.sumNoImage}
);
}
return (
{/* straight parallel rows: horizontal tile, whole layer rotated as a unit */}
{/* small circular stamp in a corner — neon peach tint, 40% opacity */}
);
}
/* ---------- SUMMARY ROW HELPERS ---------- */
function SumRow({ label, value }) {
if (!value) return null;
return (
{label}{value}
);
}
function SumSection({ title, children }) {
return (
{title}
{children}
);
}
const phoneStr = (p) => {
if (!p) return null;
if (typeof p === "string") return p.trim() || null;
return (p.number || "").trim() ? `${p.code || "+502"} ${p.number}` : null;
};
/* Robust print: clone the summary into a body-level portal so no ancestor
(fixed overlay / #root / transforms) can clip it. Critically, WAIT for every
image (ID docs + stamps) to decode before printing — otherwise iOS prints
collapsed-height boxes and truncates to a single page. */
function printSummary() {
const src = document.getElementById("summary-print");
if (!src) { window.print(); return; }
const clone = src.cloneNode(true);
clone.removeAttribute("id");
clone.querySelectorAll(".sum-noprint").forEach((n) => n.remove());
clone.style.width = "100%"; clone.style.maxWidth = "none"; clone.style.boxShadow = "none";
clone.style.borderRadius = "0"; clone.style.animation = "none"; clone.style.padding = "0";
// Open the summary as its OWN top-level document and print that. This is the
// only reliable way when the app runs inside an iframe (e.g. a preview): an
// in-place window.print() there prints the whole parent page, not the report.
const css = "@page{margin:14mm}" +
"*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-sizing:border-box}" +
"html,body{margin:0;padding:0;background:#fff;color:#3E3F3F;font-family:Montserrat,-apple-system,system-ui,Segoe UI,sans-serif}" +
"body{padding:24px}" +
"img{max-width:100%!important;max-height:190mm!important;height:auto!important;display:block}" +
".sum-section{break-inside:auto;page-break-inside:auto}" +
".sum-guest-list{display:block!important;break-inside:auto;page-break-inside:auto}" +
".sum-guest-list>*{margin-bottom:18px}" +
".sum-card{break-inside:avoid;page-break-inside:avoid}" +
/* each registered guest prints on its own page so info/photos never split; rules stay with the last guest */
".sum-guest-list>.sum-card{break-before:page;page-break-before:always}" +
".sum-noprint{display:none!important}";
const doc = "Resumen de registro" + clone.outerHTML + "";
let w = null;
try { w = window.open("", "_blank"); } catch (e) { w = null; }
if (w && w.document) {
w.document.open(); w.document.write(doc); w.document.close();
const go = () => {
const imgs = Array.from(w.document.images || []);
Promise.all(imgs.map((im) => im.complete ? Promise.resolve() : new Promise((r) => { im.onload = im.onerror = () => r(); })))
.then(() => setTimeout(() => { try { w.focus(); w.print(); } catch (e) {} }, 300));
};
if (w.document.readyState === "complete") go(); else w.onload = go;
return;
}
// fallback (popup blocked): in-place portal print
const old = document.getElementById("print-portal");
if (old) old.remove();
const portal = document.createElement("div");
portal.id = "print-portal";
portal.appendChild(clone);
document.body.appendChild(portal);
let done = false;
const cleanup = () => { if (done) return; done = true; portal.remove(); window.removeEventListener("afterprint", cleanup); };
window.addEventListener("afterprint", cleanup);
const imgs = Array.from(portal.querySelectorAll("img"));
Promise.all(imgs.map((img) => (img.complete && img.naturalWidth > 0) ? Promise.resolve() : (img.decode ? img.decode().catch(() => {}) : new Promise((res) => { img.onload = img.onerror = () => res(); }))))
.then(() => requestAnimationFrame(() => setTimeout(() => { try { window.print(); } catch (e) {} }, 150)));
setTimeout(cleanup, 60000);
}
/* ============================================================
ENLACE FIRMADO POR RESERVA
Genera hola.spacioam.com/#r=CODIGO&s=FIRMA&t=seccion — el huésped entra
directo, sin escribir su código. Se puede apuntar a una sección concreta.
============================================================ */
const GUEST_LINK_TILES = ["", "checkin", "wifi", "parqueo", "manual", "amenities", "visits", "factura"];
function GuestLinkButton({ t, h }) {
const es = t.code === "es";
const [open, setOpen] = useStateAd(false);
const [tile, setTile] = useStateAd("");
const [url, setUrl] = useStateAd("");
const [fail, setFail] = useStateAd("");
const [copied, setCopied] = useStateAd(false);
const [busy, setBusy] = useStateAd(false);
const base = typeof window !== "undefined" ? window.location.origin : "";
const gen = (tl) => {
setBusy(true); setCopied(false); setFail("");
Backend.guestLink({ code: h.code, tile: tl, base })
.then((r) => {
if (r && r.url) { setUrl(r.url); return; }
setUrl("");
// distingue "sin backend" de "backend viejo sin esta función": el
// segundo es el caso real hasta que se pegue el Code.gs nuevo
const err = (r && r.error) || "";
setFail(err === "no-endpoint" ? "conn" : "stale");
})
.catch(() => { setUrl(""); setFail("stale"); })
.finally(() => setBusy(false));
};
useEffectAd(() => { if (open) gen(tile); }, [open, tile]);
const copy = () => {
if (!url) return;
try { navigator.clipboard.writeText(url); setCopied(true); setTimeout(() => setCopied(false), 1800); } catch (e) {}
};
const label = (k) => k === "" ? (es ? "Menú completo" : "Full menu") : (t.tiles && t.tiles[k] ? t.tiles[k].t : k);
return (
<>
setOpen(true)} style={{ padding: "11px 16px" }}>
{es ? "Enlace directo" : "Direct link"}
{open && (
{es ? "El huésped entra a su estancia sin escribir el código. El enlace es único por reserva y deja de funcionar un día después del check-out."
: "The guest enters their stay without typing the code. The link is unique per reservation and stops working a day after check-out."}
{es ? "Abrir en" : "Open at"}
{GUEST_LINK_TILES.map((k) => (
))}
{busy ? (es ? "Generando…" : "Generating…")
: url ? url
: fail === "conn" ? (es ? "No hay conexión con el backend. Conéctalo desde Gestionar conexión." : "No backend connection. Connect it from Manage connection.")
: (es ? "Falta actualizar el backend. Pega el Code.gs nuevo en Apps Script y crea una versión nueva de la implementación."
: "The backend needs updating. Paste the new Code.gs into Apps Script and create a new deployment version.")}
{(() => {
// only show the subtitle line when it adds info beyond the title
const sub = (h.propertyName && h.propertyName !== h.propertyShort) ? h.propertyName : "";
const apt = (h.apartment && !String(sub || h.propertyShort).includes(h.apartment)) ? h.apartment : "";
const line = [sub, apt].filter(Boolean).join(" · ");
return line ?
{es ? "No pudimos leer el registro desde la base de datos." : "We couldn't read the registration from the database."}
{recErr === "timeout" ? (es ? "La consulta tardó demasiado. Vuelve a abrir el resumen." : "The query timed out. Open the summary again.")
: recErr === "not-found" ? (es ? "La reserva aún no tiene filas en ‘Formularios’/‘Huespedes’." : "No rows yet in ‘Formularios’/‘Huespedes’.")
: recErr}
{es ? "¿Reiniciar este formulario?" : "Reset this form?"}
{es
? `El huésped ${h.guestName || h.code} volverá a llenar su registro desde cero. El registro anterior queda guardado en la hoja marcado como reiniciado.`
: `Guest ${h.guestName || h.code} will fill in the registration again from scratch. The previous record stays in the sheet, marked as reset.`}
) : (
)}
)}
hola@spacioam.com · spacioam.com
);
}
/* ---------- styled select ---------- */
function AdSelect({ label, value, onChange, options }) {
return (
);
}
/* ---- perfil del administrador (nombre/foto en este dispositivo) ---- */
function adminProfile() { try { return JSON.parse(localStorage.getItem("spacioam_admin_profile")) || {}; } catch (e) { return {}; } }
function saveAdminProfile(p) { try { localStorage.setItem("spacioam_admin_profile", JSON.stringify(p)); } catch (e) {} }
function loadFormsFirst() { try { return JSON.parse(localStorage.getItem("spacioam_admin_formsFirst2")) || {}; } catch (e) { return {}; } }
function saveFormsFirst(o) { try { localStorage.setItem("spacioam_admin_formsFirst2", JSON.stringify(o)); } catch (e) {} }
function loadFormsBaseline() { try { return JSON.parse(localStorage.getItem("spacioam_admin_formsBaseline2")); } catch (e) { return null; } }
function saveFormsBaseline(o) { try { localStorage.setItem("spacioam_admin_formsBaseline2", JSON.stringify(o)); } catch (e) {} }
/* Construye las notificaciones del panel a partir de seguimiento + registros. */
function buildAdminNotis({ roster, records, gacc, strm, alerts, formsFirst, es, goTab, openReservation }) {
const out = [];
(roster || []).forEach((h) => {
const code = normCode(h.code);
const done = h.statusForm === "completo" || (records && records[h.id]);
if (!done || !code) return;
const ts = formsFirst[code]; if (!ts) return;
if (Date.now() - ts > 7 * 86400000) return; // solo avisos recientes
// solo si el check-in es hoy o mañana
const b = checkinBucket ? checkinBucket(h.checkin) : null;
if (b !== "today" && b !== "tomorrow") return;
out.push({ id: "form|" + code, tipo: "accion", subcat: es ? "Registro completado" : "Form completed",
texto: es ? ((h.guestName || h.propertyName || h.code) + " completó su registro.") : ((h.guestName || h.propertyName || h.code) + " completed their form."),
contexto: [h.propertyName, h.checkin].filter(Boolean).join(" · "), ts, peso: 4000,
abrir: () => openReservation && openReservation(h) });
});
(gacc || []).forEach((g) => {
if (g.status === "aprobado" || g.status === "rechazado") return;
const n = (g.guests || []).length;
out.push({ id: "gacc|" + g.id, tipo: "accion", subcat: es ? "Nuevos invitados" : "Guest access",
texto: es ? (n + " " + (n === 1 ? "invitado" : "invitados") + " por autorizar.") : (n + " guest(s) to approve."),
contexto: (g.apartment || g.code || ""), ts: g.at || Date.now(), peso: 22000, abrir: () => goTab && goTab("seguimiento") });
});
(strm || []).forEach((s) => {
if (s.status === "resuelto") return;
out.push({ id: "strm|" + s.id, tipo: "accion", subcat: es ? "Código QR de streaming" : "Streaming QR",
texto: es ? "Un huésped envió el QR de su TV." : "A guest sent their TV QR.",
contexto: (s.apartment || s.code || ""), ts: s.at || Date.now(), peso: 16000, abrir: () => goTab && goTab("seguimiento") });
});
const dayAnchor = new Date(); dayAnchor.setHours(0, 0, 0, 0);
const dayTs = dayAnchor.getTime(); // estable durante el día → el push no se repite
if (alerts && alerts.invoices > 0) out.push({ id: "inv|" + alerts.invoices, tipo: "alerta", subcat: es ? "Facturas" : "Invoices",
texto: es ? (alerts.invoices + " factura" + (alerts.invoices === 1 ? "" : "s") + " por revisar.") : (alerts.invoices + " invoice(s) to review."),
contexto: "", ts: dayTs, peso: 30000, abrir: () => goTab && goTab("seguimiento") });
if (alerts && alerts.incidents > 0) out.push({ id: "inc|" + alerts.incidents, tipo: "alerta", subcat: es ? "Incidencias" : "Incidents",
texto: es ? (alerts.incidents + " incidencia" + (alerts.incidents === 1 ? "" : "s") + " de acceso.") : (alerts.incidents + " access incident(s)."),
contexto: "", ts: dayTs, peso: 28000, abrir: () => goTab && goTab("seguimiento") });
return out.sort((a, b) => (b.peso || 0) - (a.peso || 0) || (b.ts || 0) - (a.ts || 0));
}
/* Un solo botón de actualizar: el icono gira y una barra estima el avance. */
function RefreshControl({ t, connected, refreshing, deep, onRefresh, onDeep, onConnect }) {
const es = t.code === "es";
const [pct, setPct] = useStateAd(0);
const [left, setLeft] = useStateAd(0);
const raf = useRefAd(null);
useEffectAd(() => {
if (!refreshing) { setPct(0); setLeft(0); if (raf.current) cancelAnimationFrame(raf.current); return; }
const est = (deep ? 60 : 12) * 1000, start = Date.now();
const tick = () => { const e = Date.now() - start; setPct(Math.min(0.94, e / est)); setLeft(Math.max(0, Math.ceil((est - e) / 1000))); raf.current = requestAnimationFrame(tick); };
raf.current = requestAnimationFrame(tick);
return () => { if (raf.current) cancelAnimationFrame(raf.current); };
}, [refreshing, deep]);
return (
{es ? "El cambio de correo y contraseña se sincroniza al conectar el acceso unificado de Spacio AM." : "Email and password sync once Spacio AM's unified login is connected."}
}
);
}
/* ============================================================
ADMIN SCREEN — roster with dropdown filters + actions
============================================================ */
function AdminScreen({ t, adminEmail, onBack, onSwitchLang, onPreviewGuest, onResetForm, onManualForm }) {
const [mode, setMode] = useStateAd("today"); // yesterday · today · tomorrow · next3 · last3 · range
const [status, setStatus] = useStateAd("both"); // both · pending · progress · done
const [order, setOrder] = useStateAd("desc"); // orden por check-in: desc (recientes) · asc
const [manualOpen2, setManualOpen2] = useStateAd(false);
const [propSel, setPropSel] = useStateAd([]);
const [from, setFrom] = useStateAd("");
const [to, setTo] = useStateAd("");
const [summary, setSummary] = useStateAd(null);
const [toast, setToast] = useStateAd("");
const [hospOpen, setHospOpen] = useStateAd(false);
const [notiOpen, setNotiOpen] = useStateAd(false);
const [accOpen, setAccOpen] = useStateAd(false);
const [deepRun, setDeepRun] = useStateAd(false);
const [profile, setProfile] = useStateAd(() => adminProfile());
const [gaccTop, setGaccTop] = useStateAd(() => (Backend.cachedList && Backend.cachedList("gacc")) || null);
const [strmTop, setStrmTop] = useStateAd(() => (Backend.cachedList && Backend.cachedList("strm")) || null);
const [reqsTop, setReqsTop] = useStateAd(() => (Backend.cachedList && Backend.cachedList("reqs")) || null);
const [alerts, setAlerts] = useStateAd(null);
const [notiDismiss, setNotiDismiss] = useStateAd(() => { try { return JSON.parse(localStorage.getItem("spacioam_admin_notiDismiss") || "{}"); } catch (e) { return {}; } });
// arranca con lo último que este dispositivo ya tenía: el panel pinta al
// instante y la hoja se relee en segundo plano (nunca spinner en blanco).
const [roster, setRoster] = useStateAd(() => {
const c = Backend.cachedRoster && Backend.cachedRoster();
return c ? c.list : null;
});
const [meta, setMeta] = useStateAd(null);
const [tab, setTab] = useStateAd("registros");
const [focusProp, setFocusProp] = useStateAd("");
const [connected, setConnected] = useStateAd(HospitableAPI.isConnected());
const [refreshing, setRefreshing] = useStateAd(false);
// cache-first: the stored DB is always the source of truth for display.
const loadRoster = ({ full, deep } = {}) => {
if (full) {
// Actualizar: sync live from Hospitable (persists names/photos to the
// sheet), THEN re-read the cache so what we show == what's stored —
// including status_form (completed), which the live feed doesn't carry.
// Default = fast window: today + next 5 days, no photo scraping (seconds).
// deep = full 6-month sync (minutes) — only when explicitly asked.
setRefreshing(true);
Backend.listReservations(deep ? { days: 0, fast: false } : { days: 5, fast: true })
.then(() => Backend.listCached())
.then((list) => { setRoster(list); setMeta(Backend._lastMeta); setRefreshing(false); })
.catch(() => setRefreshing(false));
return;
}
setRefreshing(true);
// cache-only by default: the stored DB (synced 5am/3pm) is the source of
// truth. Si ya había datos en el dispositivo se siguen viendo mientras llega.
Backend.listCached().then((list) => { if (list && list.length) setRoster(list); setMeta(Backend._lastMeta); setRefreshing(false); })
.catch(() => setRefreshing(false));
};
useEffectAd(() => { loadRoster(); }, []);
// relee la hoja cada 45 s mientras el panel está abierto: un formulario recién
// enviado aparece como completado solo, sin tener que refrescar la página.
useEffectAd(() => {
const id = setInterval(() => { if (!document.hidden) loadRoster(); }, 45000);
const onShow = () => { if (!document.hidden) loadRoster(); };
document.addEventListener("visibilitychange", onShow);
return () => { clearInterval(id); document.removeEventListener("visibilitychange", onShow); };
}, []);
// seguimiento → notificaciones: invitados / streaming / contadores de alertas
useEffectAd(() => {
const load = () => {
if (Backend.listGuestAccess) Backend.listGuestAccess().then((l) => { if (l) setGaccTop(l); }).catch(() => {});
if (Backend.listStreaming) Backend.listStreaming().then((l) => { if (l) setStrmTop(l); }).catch(() => {});
if (Backend.listRequests) Backend.listRequests().then((l) => { if (l) setReqsTop(l); }).catch(() => {});
if (Backend.isConnected && Backend.isConnected() && Backend.call) Backend.call("adminAlerts").then((a) => { if (a && a.ok) setAlerts(a); }).catch(() => {});
};
load(); const id = setInterval(() => { if (!document.hidden) load(); }, 60000);
return () => clearInterval(id);
}, [connected]);
const [avail, setAvail] = useStateAd(() => { try { return JSON.parse(localStorage.getItem("spacioam_avail")) || {}; } catch (e) { return {}; } });
useEffectAd(() => {
if (!roster || !roster.length) return;
if (!(Backend.isConnected && Backend.isConnected() && Backend.contactsAvailability)) return;
const names = [...new Set(roster.map((r) => r.propertyName).filter(Boolean))];
Backend.contactsAvailability(names).then((a) => { if (a) setAvail(a); });
}, [roster]);
const availFor = (h) => avail[h.propertyName] || { email: false, whatsapp: false };
const store = loadStore();
const records = store.records || {};
const recordFor = (h) => {
if (records[h.id]) return records[h.id];
const r = findReservation(h.code);
if (r && records[r.id]) return records[r.id];
return null;
};
const isCancelled = (h) => /cancel/i.test(String(h.status || h.reservationStatus || h.estado || h.statusForm || ""));
const stateOf = (h, rec) => {
if (isDone(h, rec)) return "done";
const s = String(h.statusForm || "").toLowerCase();
if (h.started || h.inProgress || /proceso|progress|parcial|iniciad/.test(s)) return "progress";
return "pending";
};
const isDone = (h, rec) => (!!rec || h.statusForm === "completo") && !resetCodes.has(normCode(h.code));
// formularios reiniciados por el admin en esta sesión (la hoja ya se actualizó)
const [resetCodes, setResetCodes] = useStateAd(() => new Set());
const [resetting, setResetting] = useStateAd("");
const doReset = (h) => {
const es = t.code === "es";
setResetting(h.code);
return Promise.resolve(onResetForm ? onResetForm(h) : null).then(() => {
setResetCodes((prev) => new Set([...prev, normCode(h.code)]));
setResetting("");
setToast(es ? "Formulario reiniciado" : "Form reset");
setTimeout(() => setToast(""), 3200);
loadRoster();
}).catch(() => { setResetting(""); });
};
const rows = useMemoAd(() => {
if (!roster) return null;
// dedupe by normalized code — the sheet can hold repeated rows for a code
// (e.g. an older empty-name row + a newer synced one). Keep the BEST:
// prefer a row that has a real property name and/or is marked completo.
const byCode = new Map();
const score = (h) => (h.statusForm === "completo" ? 2 : 0) + (String(h.propertyName || "").trim() && h.propertyName !== "Spacio AM" ? 1 : 0);
roster.forEach((h) => {
const k = normCode(h.code) || h.id;
const cur = byCode.get(k);
if (!cur || score(h) > score(cur)) byCode.set(k, h);
});
const uniq = [...byCode.values()];
const list = uniq.map((h) => ({ h, rec: recordFor(h), bucket: checkinBucket(h.checkin) }));
const inRange = (iso) => {
if (mode === "all") return true;
if (mode === "range") {
if (!from && !to) return true;
const c = toDay(iso + "T12:00:00");
if (from && c < toDay(from + "T12:00:00")) return false;
if (to && c > toDay(to + "T12:00:00")) return false;
return true;
}
const d = checkinDiff(iso);
if (mode === "next3") return d >= 0 && d <= 2; // hoy, mañana, pasado mañana
if (mode === "last3") return d <= 0 && d >= -2; // hoy y los 2 días previos
if (mode === "yesterday") return d === -1;
if (mode === "today") return d === 0;
if (mode === "tomorrow") return d === 1;
return true;
};
return list
.filter((row) => inRange(row.h.checkin))
.filter((row) => !isCancelled(row.h))
.filter((row) => propSel.length === 0 || propSel.indexOf(row.h.propertyName) >= 0)
.filter((row) => {
if (status === "both") return true;
const s = stateOf(row.h, row.rec);
return status === "done" ? s === "done" : status === "progress" ? s === "progress" : s !== "done";
})
.sort((a, b) => {
// orden por hora de llenado del formulario; sin llenar = "más reciente"
const firstMap = loadFormsFirst();
const ts = (row) => {
if (stateOf(row.h, row.rec) !== "done") return Infinity;
const c = row.rec && row.rec.completedAt ? new Date(row.rec.completedAt).getTime() : 0;
return c || firstMap[normCode(row.h.code)] || 0;
};
const cmp = ts(a) - ts(b); // ascendente: más antiguo primero
return order === "asc" ? cmp : -cmp; // desc: más reciente primero
});
}, [roster, mode, from, to, JSON.stringify(propSel), status, order, JSON.stringify(Object.keys(records))]);
// ── perfil del admin + notificaciones del panel ──
const adminName = profile.name || (adminEmail ? adminEmail.split("@")[0].replace(/[._-]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()) : "Administrador");
const user = { name: adminName, email: adminEmail, avatar: profile.avatar || "" };
useEffectAd(() => {
if (!roster) return;
const completedNow = {};
roster.forEach((h) => { const code = normCode(h.code); if (code && (h.statusForm === "completo" || records[h.id])) completedNow[code] = 1; });
// primera vez en este dispositivo: todo lo ya completado es "base" (no avisa).
let base = loadFormsBaseline();
if (base == null) { saveFormsBaseline(completedNow); return; }
// de aquí en adelante, solo las NUEVAS terminaciones generan notificación.
const first = loadFormsFirst(); let changed = false;
Object.keys(completedNow).forEach((code) => { if (!base[code] && !first[code]) { first[code] = Date.now(); changed = true; } });
if (changed) saveFormsFirst(first);
}, [roster]);
const notis = useMemoAd(() => buildAdminNotis({
roster, records, gacc: gaccTop, strm: strmTop, alerts, formsFirst: loadFormsFirst(), es: t.code === "es",
goTab: setTab, openReservation: (h) => { setTab("registros"); setSummary({ h, rec: recordFor(h), autoPrint: false }); },
}).filter((n) => !notiDismiss[n.id]), [roster, gaccTop, strmTop, alerts, notiDismiss, t.code]);
const dismissNoti = (n) => setNotiDismiss((p) => { const u = { ...p, [n.id]: 1 }; try { localStorage.setItem("spacioam_admin_notiDismiss", JSON.stringify(u)); } catch (e) {} return u; });
const doneCount = rows ? rows.filter((r) => isDone(r.h, r.rec)).length : 0;
const pendingCount = rows ? rows.length - doneCount : 0;
const resend = (h, channel) => {
const ch = channel || "email";
setToast(t.adminResending || "Enviando…");
const done = (msg) => { setToast(msg); setTimeout(() => setToast(""), 4000); };
try {
if (Backend.isConnected && Backend.isConnected() && Backend.call) {
Backend.call("resendRegistration", { code: h.code, channel: ch })
.then((r) => done(r && r.ok
? `${ch === "whatsapp" ? "WhatsApp" : t.adminResent} ${r.to || ""}`
: ((t.adminResendFail || "No se pudo enviar") + (r && r.error ? " · " + r.error : ""))))
.catch(() => done(t.adminResendFail || "No se pudo enviar"));
} else { done(t.adminResendFail || "Conecta el backend para enviar"); }
} catch (e) { done(t.adminResendFail || "No se pudo enviar"); }
};
const quickOptions = [
{ value: "yesterday", label: t.adminYesterday },
{ value: "today", label: t.adminToday },
{ value: "tomorrow", label: t.adminTomorrow },
{ value: "next3", label: t.adminNext3 },
{ value: "last3", label: t.adminLast3 },
{ value: "range", label: t.adminRange },
];
const statusOptions = [
{ value: "both", label: t.adminBoth },
{ value: "pending", label: t.adminOnlyPending },
{ value: "progress", label: t.code === "es" ? "En proceso" : "In progress" },
{ value: "done", label: t.adminOnlyDone },
];
const orderOptions = [
{ value: "desc", label: t.code === "es" ? "Más reciente primero" : "Newest first" },
{ value: "asc", label: t.code === "es" ? "Más antiguo primero" : "Oldest first" },
];
const propertyOptions = [{ value: "all", label: t.adminAllProps },
...[...new Set((roster || []).map((r) => r.propertyName).filter(Boolean))].sort().map((p) => ({ value: p, label: p }))];
return (
setNotiOpen(true)}
onAccount={() => setAccOpen(true)} onFarol={() => setHospOpen(true)}
onSetup={isPrimaryAdmin(adminEmail) ? () => setTab("accesos") : null} setupLabel={t.code === "es" ? "Accesos" : "Access"}
onLogout={onBack} showFarol />
{/* tabs · estilo mi-spacioam (subrayado peach + barra inferior en móvil) */}
{tab === "propiedades" && { setToast(m); setTimeout(() => setToast(""), 2600); }} />}
{tab === "seguimiento" && }
{tab === "accesos" && isPrimaryAdmin(adminEmail) && (
{ setToast(m); setTimeout(() => setToast(""), 2600); }} />
)}
{tab === "registros" && (<>
{/* encabezado del panel — solo en registros */}
{t.code === "es" ? "Panel de administración" : "Admin panel"}
{connected && meta && (meta.error || meta.note) && (
{meta.error ? ("Hospitable: " + meta.error) :
meta.note === "no-properties" ? "El backend no encontró propiedades en tu cuenta de Hospitable." :
meta.note === "no-token" ? "Falta el token de Hospitable en el backend." : String(meta.note)}
)}
{connected && meta && !meta.error && !meta.note && typeof meta.reservationsRaw === "number" && (
{meta.propertiesCount} propiedades · {meta.reservationsRaw} reservas en la ventana de fechas
)}
);
}
/* Ingresar un formulario manualmente: el admin escribe el código de reserva,
se resuelve contra el backend y se abre el registro del huésped para llenarlo. */
function ManualFormModal({ t, onClose, onOpen }) {
const es = t.code === "es";
const [code, setCode] = useStateAd("");
const [busy, setBusy] = useStateAd(false);
const [err, setErr] = useStateAd("");
const go = () => {
const c = (code || "").trim();
if (!c) return;
setBusy(true); setErr("");
Backend.findReservation(c, "").then(({ reservation }) => {
setBusy(false);
if (reservation) onOpen(reservation);
else setErr(es ? "No encontramos esa reserva. Revisa el código." : "Reservation not found. Check the code.");
}).catch(() => { setBusy(false); setErr(es ? "No se pudo consultar. Intenta de nuevo." : "Lookup failed. Try again."); });
};
return (
{es ? "Ingresar formulario" : "Add form"}
{es ? "Escribe el código de reserva y abriremos el registro para llenarlo por el huésped." : "Enter the reservation code and we'll open the registration to fill it in."}
{es ? "Reenviar" : "Resend"}
{resendBtn("mail", av.email, "email", es ? "Reenviar por correo" : "Resend by email")}
{resendBtn("whatsapp", av.whatsapp, "whatsapp", es ? "Reenviar por WhatsApp (incluye al administrador)" : "Resend by WhatsApp")}
{/* RECONCILIACIÓN DE NOMBRES — huérfanas por renombre en Hospitable (confirmación manual) */}
{manualOrphans.length > 0 && (
{recOpen && (
{es ? "Estas propiedades tienen información guardada bajo un nombre que ya no coincide con Hospitable. Confirma a qué propiedad actual pertenece cada una para conservar sus datos." : "These properties have info saved under a name that no longer matches Hospitable. Confirm which current property each belongs to so its data is kept."}
{es ? "Sugerencia por similitud — verifica antes de fusionar." : "Similarity suggestion — verify before merging."}
}
);
})}
)}
)}
{/* ESTÁNDAR DE INSTRUCCIONES — colapsable. Primer batch automático; luego manual (por propiedad o todas) */}
{pendingProps.length > 0 && (
{stdOpen && (
{es
? `${pendingProps.length} ${pendingProps.length === 1 ? "propiedad nueva o modificada" : "propiedades nuevas o modificadas"} por alinear. Al alinear se ordenan las instrucciones de check-in y parqueo ya guardadas en la estructura estándar de Spacio AM — sin cambiar los datos.`
: `${pendingProps.length} new or modified ${pendingProps.length === 1 ? "property" : "properties"} to align. Aligning reorders the saved check-in and parking info into Spacio AM's standard structure — facts unchanged.`}
)}
{/* MANUAL DE LA CASA — aplica a varias propiedades */}
{manualOpen && (
{es ? "Cada instrucción puede aplicarse a varias propiedades. Marca las propiedades a las que aplica y aparecerá en su manual del bento." : "Each instruction can apply to several properties. Select the ones it applies to and it will appear in their bento manual."}