/* ============================================================
MUIY 2.0 — Chelation adherence · check-in, doses, streak
Loads AFTER health.jsx, BEFORE shell.jsx. Exports to window.
Reads scheduled-dose logic via TC.adherence; mutates via store.
============================================================ */
const ADH = () => window.TC.adherence;
/* a soft completion dot-row — the calm streak visual (no flames, no counters) */
function DotRow({ total = 7, filled = 0, color = 'var(--green)' }) {
return (
{Array.from({ length: total }, (_, i) => (
))}
);
}
/* the small sprout companion used across adherence (reuses ui.jsx Companion) */
function AdhSprout({ size = 44, color = 'var(--green)', wash = 'var(--green-wash)' }) {
return ;
}
/* ---- helpers shared by the cards ---- */
function medLabel(medId, store) {
const m = (store.patient.medications || []).find((x) => x.id === medId);
if (!m) return { brand: 'Medication', abbr: '', color: 'var(--orange)', wash: 'var(--orange-wash)' };
const chel = TC.findChelator(m.brand);
return { med: m, brand: m.brand || m.name, abbr: (chel && chel.abbr) || '', color: 'var(--orange)', wash: 'var(--orange-wash)' };
}
/* ============================================================
HOME DAILY CHECK-IN (Today screen)
Two variants behind a flag: single-question (default) · per-dose chips.
============================================================ */
function HomeCheckin({ store, variant, onOpenSkip }) {
const meds = ADH().chelationMeds(store.patient.medications);
const sched = ADH().scheduledFor(TC.dayIndexToStr(TC.todayIndex()), meds);
if (!sched.length) return null;
const log = store.data.chelationLog || {};
const doneCount = sched.filter((s) => log[s.key]).length;
const takenCount = sched.filter((s) => { const e = log[s.key]; return e && e.status === 'taken'; }).length;
const allDone = doneCount === sched.length;
const next = sched.find((s) => !log[s.key]);
const logTaken = (s) => store.logDose({ medId: s.medId, slot: s.slot, dateStr: TC.dayIndexToStr(TC.todayIndex()), status: 'taken' });
// ---- all logged → calm confirmation ----
if (allDone) {
return (
Chelation logged for today
{takenCount === sched.length ? 'Every scheduled dose — nicely consistent.' : `${takenCount} of ${sched.length} taken. Tomorrow’s a fresh start.`}
);
}
// ---- variant B: one chip per dose ----
if (variant === 'chips') {
return (
Today’s chelation{sched.length > 1 ? ` · ${doneCount}/${sched.length}` : ''}
Have you taken your doses?
{sched.map((s) => {
const ml = medLabel(s.medId, store);
const e = log[s.key]; const taken = e && e.status === 'taken'; const skipped = e && e.status === 'skipped';
return (
{ml.brand} · {s.slot}
{taken ? 'Taken' : skipped ? 'Skipped' : `Due ${s.time}`}
{taken ? (
) : skipped ? (
) : (
)}
);
})}
);
}
// ---- variant A (default): single primary question ----
const ml = medLabel(next.medId, store);
const multi = sched.length > 1;
return (
Today’s chelation{multi ? ` · ${doneCount}/${sched.length}` : ''}
{multi ? 'Have you taken your scheduled dose?' : 'Did you take your chelator today?'}
{ml.brand} · {next.slot.toLowerCase()} dose, due {next.time}.
);
}
/* ============================================================
TODAY'S DOSES CARD (Chelation tab) + skip sheet
============================================================ */
function DoseRow({ store, s }) {
const ml = medLabel(s.medId, store);
const e = (store.data.chelationLog || {})[s.key];
const taken = e && e.status === 'taken';
const skipped = e && e.status === 'skipped';
const justLogged = e && e._fresh;
const onTaken = () => store.logDose({ medId: s.medId, slot: s.slot, dateStr: TC.dayIndexToStr(TC.todayIndex()), status: 'taken' });
return (
{ml.brand}{ml.abbr ? {ml.abbr} : null}
{s.slot} · {s.time}
{taken ? (
) : skipped ? (
) : (
)}
);
}
function TodayDosesCard({ store }) {
const meds = ADH().chelationMeds(store.patient.medications);
const sched = ADH().scheduledFor(TC.dayIndexToStr(TC.todayIndex()), meds);
const log = store.data.chelationLog || {};
const done = sched.filter((s) => log[s.key]).length;
const allDone = sched.length > 0 && done === sched.length;
const taken = sched.filter((s) => { const e = log[s.key]; return e && e.status === 'taken'; }).length;
return (
Today · {TC.fmtDate(TC.now(), { weekday: 'short', day: 'numeric', month: 'short' })}
{allDone ? 'All doses logged' : 'Your chelation doses'}
{done}/{sched.length}
{sched.map((s) => )}
{allDone && (
{taken === sched.length ? 'Every dose logged today — gently done.' : 'Logged for today. Tomorrow is a fresh start.'}
)}
);
}
function SkipDoseSheet({ store, close, slot }) {
const ml = medLabel(slot.medId, store);
const [reason, setReason] = React.useState(null);
const [note, setNote] = React.useState('');
const save = () => {
store.logDose({ medId: slot.medId, slot: slot.slot, dateStr: TC.dayIndexToStr(TC.todayIndex()), status: 'skipped', skipReason: reason || 'Other', note });
close();
};
return (
{ml.brand}, {slot.slot.toLowerCase()} dose. No worries — noting why just helps you spot patterns later.
{ADH().SKIP_REASONS.map((r) => (
))}