);
}
// StatRing lived here until #74 dropped the Try-Ons progress ring — its only
// consumer app-wide. Removed with the ticket rather than left as an orphan
// primitive; the inline ProgressBar plus a "1/9" readout says it once.
function ProgressBar({ value, total, tone = "accent", height = 6 }) {
const pct = total ? Math.round((value / total) * 100) : 0;
return (
);
}
function Empty({ icon = "checkCircle", title, sub }) {
return (
{title}
{sub &&
{sub}
}
);
}
// #24 (second sighting): scrolling the page behind the scrim re-rasterizes
// its backdrop-filter — a white flash the July 18 compositor pin couldn't
// stop. The page scroller is .main (the shell itself is height-locked), so
// freeze it while any modal is mounted; the counter survives overlapping
// mounts during modal swaps.
let openModalCount = 0;
function useMainScrollLock() {
React.useEffect(() => {
const main = document.querySelector(".main");
if (!main) return undefined;
openModalCount++;
main.style.overflowY = "hidden";
return () => {
openModalCount--;
if (openModalCount === 0) main.style.overflowY = "";
};
}, []);
}
function Modal({ title, onClose, children, footer, width = 460 }) {
useMainScrollLock();
return (
e.stopPropagation()}>
{title}
{children}
{footer &&
{footer}
}
);
}
function Field({ label, children, hint }) {
return (
);
}
// ---- date helpers ------------------------------------------------------
function ageInDays(dateStr, today) {
const a = new Date(dateStr + "T12:00:00");
const b = new Date(today + "T12:00:00");
return Math.round((b - a) / 86400000);
}
// #71: the same three-line lookup was written four times across tryon.jsx and
// manager.jsx (twice within manager.jsx alone). Both fall back to the raw id
// rather than an empty string or a dash: an id on screen is ugly but findable
// in the Sheet, which is exactly what you want when a row points at something
// the roster no longer has.
function dancerName(state, id) {
const d = state.dancers.find((x) => x.id === id);
return d ? d.name : id;
}
function routineName(state, id) {
const r = state.routines.find((x) => x.id === id);
return r ? r.name : id;
}
function fmtDate(dateStr) {
if (!dateStr) return "—";
const d = new Date(dateStr + "T12:00:00");
return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
}
// Full ISO stamps (Units UpdatedAt, #55) must render in the DEVICE's zone —
// slicing the UTC date shifts every evening hand-out to the next day.
function fmtStamp(iso) {
if (!iso) return "—";
const d = new Date(iso);
return isNaN(d) ? "—" : d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
}
Object.assign(window, {
Icon, ICONS, DECISION_META, EXCHANGE_STATUS,
Badge, Pill, Button, Card, ProgressBar, Empty, Modal, Field,
ageInDays, fmtDate, fmtStamp, dancerName, routineName,
});