// Solo staff admin area — Router SMS: a read-only audit trail of every
// SMS this platform has sent (or attempted) to a Teltonika router's own
// SIM card (MSISDN) — see routes/admin-router-sms.ts for the backend
// and migrations/0046_router_sms.sql for the schema/instruction trail.
// Mirrors admin-email-log-page.jsx's layout exactly (same summary-stat
// row, table, status coloring) since this is the same kind of
// third-party-delivery audit trail, just for SMS instead of email.
//
// Sending itself happens per-unit, from the router's own device detail
// page inside Unit Management (unit-management-page.jsx's Teltonika
// `controls` branch) — this page is visibility-only, matching Email
// Log's own "any signed-in admin can view" gate (routes/admin-router-
// sms.ts's GET routes use requireAdmin, not requireSuperAdmin; only the
// send endpoint itself is super_admin-gated).
//
// Reached via the sidebar nav in AdminShell (see admin-shell.jsx). Reuses
// MiniField/SectionLabel/EmptyNote/adminInputStyle/adminSelectStyle from
// admin-assets-page.jsx (loaded earlier — see index.html), same pattern
// as admin-email-log-page.jsx.
const ROUTER_SMS_STATUS_LABELS = { pending: "Pending", sent: "Sent", failed: "Failed" };
const ROUTER_SMS_STATUS_COLORS = {
pending: "rgba(140,140,140,0.95)",
sent: "rgba(20,140,60,0.95)",
failed: "rgba(190,40,30,0.95)",
};
function AdminRouterSmsPage({ onNavigate }) {
const [state, setState] = useState({ status: "loading", admin: null, log: [], inbound: [] });
const [statusFilter, setStatusFilter] = useState("");
const [q, setQ] = useState("");
// Free-form compose (customer instruction, Sept 2026: "we need to be
// able to type the MSISDN and type in the text to send") -- separate
// from the per-unit send control on unit-management-page.jsx; this one
// needs no unit context at all. Backend: POST /api/admin/router-sms/send.
const [composeTo, setComposeTo] = useState("");
const [composeMessage, setComposeMessage] = useState("");
const [composeBusy, setComposeBusy] = useState(false);
const [composeResult, setComposeResult] = useState(null); // { ok, error } | null
const load = () => {
Promise.all([
fetch("/api/admin/me", { credentials: "same-origin" }).then((r) => (r.ok ? r.json() : Promise.reject())),
fetch("/api/admin/router-sms/log", { credentials: "same-origin" }).then((r) => (r.ok ? r.json() : Promise.reject())),
// Replies FROM routers, captured via Twilio's inbound-SMS webhook
// (routes/router-sms-webhook.ts) -- a separate direction/table
// from the outbound `log` above. See migrations/0047.
fetch("/api/admin/router-sms/inbound", { credentials: "same-origin" }).then((r) => (r.ok ? r.json() : Promise.reject())),
])
.then(([me, log, inbound]) => {
setState({ status: "ready", admin: me.admin, log: log.log || [], inbound: inbound.inbound || [] });
})
.catch(() => onNavigate("admin-login"));
};
useEffect(load, []); // eslint-disable-line react-hooks/exhaustive-deps
const handleCompose = async (e) => {
e.preventDefault();
const to = composeTo.trim();
const text = composeMessage.trim();
if (!to || !text || composeBusy) return;
setComposeBusy(true);
setComposeResult(null);
try {
const res = await fetch("/api/admin/router-sms/send", {
method: "POST", credentials: "same-origin",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ to, message: text }),
});
const data = await res.json().catch(() => ({}));
if (res.ok) {
setComposeResult({ ok: true });
setComposeMessage("");
load();
} else {
setComposeResult({ ok: false, error: data.error || "Failed to send SMS." });
}
} catch {
setComposeResult({ ok: false, error: "Couldn't reach the server. Check your connection and try again." });
}
setComposeBusy(false);
};
if (state.status === "loading") {
return ;
}
const filtered = state.log.filter((row) => {
if (statusFilter && row.status !== statusFilter) return false;
if (q.trim()) {
const needle = q.trim().toLowerCase();
const haystack = `${row.serial_number || ""} ${row.company_name || ""} ${row.to_msisdn || ""} ${row.message || ""}`.toLowerCase();
if (!haystack.includes(needle)) return false;
}
return true;
});
// Replies from routers -- only the free-text search applies here
// (there's no "status" concept for an inbound message), same q as
// the outbound table above for a consistent single search box.
const filteredInbound = state.inbound.filter((row) => {
if (q.trim()) {
const needle = q.trim().toLowerCase();
const haystack = `${row.serial_number || ""} ${row.company_name || ""} ${row.from_msisdn || ""} ${row.body || ""}`.toLowerCase();
if (!haystack.includes(needle)) return false;
}
return true;
});
const summary = state.log.reduce(
(acc, row) => {
acc.total += 1;
if (row.status === "sent") acc.sent += 1;
if (row.status === "failed") acc.failed += 1;
return acc;
},
{ total: 0, sent: 0, failed: 0 }
);
return (
Every SMS sent (or attempted) to a router's own SIM card, across every unit. To send to a specific unit's
stored SIM number, open it in Unit Management → Devices → the Teltonika Router entry — or send to any number
directly below.
{/* Free-form send: type any MSISDN + any message, no unit context
needed. super_admin only, matching the backend gate on
POST /router-sms/send (same rule as the per-unit send control). */}
{state.admin && state.admin.role === "super_admin" && (
Sent to routers ({filtered.length}{state.log.length === 300 ? "+" : ""})
{filtered.length === 0 ? (
No SMS messages match this filter.
) : (
WhenUnitCompanyTo (MSISDN)MessageStatus
{filtered.map((row) => )}
)}
{/* Replies FROM routers, captured via Twilio's inbound-SMS webhook
(routes/router-sms-webhook.ts) -- a separate direction/table
from "Sent to routers" above. See migrations/0047. */}
Replies from routers ({filteredInbound.length}{state.inbound.length === 300 ? "+" : ""})
Every inbound SMS received from a router's own SIM card (e.g. a reply to an "rms_status" query). A blank Unit
means the sending number didn't match any known router SIM on file.
{filteredInbound.length === 0 ? (
No replies from routers match this filter.
) : (
WhenUnitCompanyFrom (MSISDN)Message
{filteredInbound.map((row) => )}
)}
);
}
function RouterSmsSummaryStat({ label, value, color }) {
return (
{value}
{label}
);
}
function RouterSmsTh({ children }) {
return (
{children}
);
}
function RouterSmsTd({ children, wrap }) {
return (