/* ============================================================
MUIY 2.0 — Today screen
============================================================ */
function useToday(store) {
const active = store.donors.filter((d) => !d.archived);
const withS = active.map((d) => ({ d, v: statusVisual(d) }));
const eligible = withS.filter((x) => x.v.s.status === 'ELIGIBLE').sort((a, b) => (b.v.s.daysRested || 0) - (a.v.s.daysRested || 0));
const soon = withS.filter((x) => x.v.s.status === 'SOON');
const waiting = withS.filter((x) => x.v.s.status === 'WAITING');
const deferred = withS.filter((x) => x.v.s.status === 'DEFERRED');
const trans = [...(store.data.transfusions || [])].sort((a, b) => TC.parse(b.date) - TC.parse(a.date));
const avgDays = TC.avgTransfusionDays(store.data.transfusions);
const cycleDays = avgDays ? Math.round(avgDays) : (store.patient.transfusionFrequencyWeeks || 3) * 7;
const lastT = trans[0];
const nextDays = lastT ? Math.max(0, cycleDays - TC.relDays(lastT.date)) : cycleDays;
const nextWeeks = Math.max(1, Math.round(nextDays / 7));
const hb = TC.hbSeries(store.data); // unified hbLog — headline metric + trend
const hbPre = TC.preTransfusionHb(store.data); // source:'transfusion' troughs — pre-transfusion copy
const fer = TC.ferritinSeries(store.data);
const avgHb = hb.length ? hb.reduce((s, d) => s + d.value, 0) / hb.length : null;
return { active, eligible, soon, waiting, deferred, nextDays, nextWeeks, cycleDays, hasTrans: !!lastT, hb, hbPre, fer, avgHb };
}
/* ---- one health-snapshot row card on Home ---- */
function SnapCard({ icon, color, wash, label, value, unit, sub, chip, delay, onClick }) {
return (
);
}
/* The Today briefing is fully DETERMINISTIC — generated by pickFocus() /
CompanionInsight below from the live snapshot. No AI/LLM is used on this
screen (the old tcAI briefing was removed). */
function CallRow({ x, store }) {
const { d } = x;
return (
);
}
/* ============================================================
DAILY TIPS — rotate by day-of-year (stable per day).
~100 will live here eventually; these are seed samples in the
app's gentle voice. Drop the full list into DAILY_TIPS.
============================================================ */
// The full library (93 BTM tips) is loaded from src/daily-tips.js as
// window.TC_DAILY_TIPS. The inline list below is a minimal fallback so the
// card still renders if that file ever fails to load.
const DAILY_TIPS = (typeof window !== 'undefined' && Array.isArray(window.TC_DAILY_TIPS) && window.TC_DAILY_TIPS.length)
? window.TC_DAILY_TIPS
: [
{ cat: 'Tip', icon: 'sparkle', text: "Take your chelator at the same time each day — pairing it with an everyday habit, like brushing your teeth, makes it easy to remember." },
{ cat: 'Good to know', icon: 'heart', text: "Tea or coffee with meals can lower how much iron you absorb from food — sometimes a quiet helping hand for your iron load." },
];
const TIP_CAT_ICON = { Tip: 'sparkle', 'Did you know': 'info', Important: 'warn', 'Good to know': 'heart' };
function tcDayOfYear(d) { const s = new Date(d.getFullYear(), 0, 0); return Math.floor((d - s) / 86400000); }
/* warm tones for the companion insight */
const COMP_TONE = {
good: { color: 'var(--success)', wash: 'var(--green-wash)', bar: '#65B017', sprite: '#65B017' },
warn: { color: 'var(--alert)', wash: 'var(--orange-wash)', bar: 'var(--orange)', sprite: 'var(--orange)' },
soft: { color: 'var(--warning)', wash: 'var(--warning-wash)', bar: '#E8A33D', sprite: 'var(--warning)' },
calm: { color: 'var(--sky-deep)', wash: 'var(--sky-wash)', bar: '#7FB0C4', sprite: '#3E9AA0' },
};
/* the warm companion check-in card */
function CompanionInsight({ msg }) {
const t = COMP_TONE[msg.tone] || COMP_TONE.calm;
const tap = !!msg.action;
return (
);
}
/* Map a tip to a relevant place in the patient's own data — deterministic,
keyword-driven (NO AI). Lets a general tip lead straight to the screen it
relates to, so reading it can turn into doing something. */
function tipRelatedAction(tip, store) {
const t = ((tip.text || '') + ' ' + (tip.cat || '')).toLowerCase();
const has = (...ks) => ks.some((k) => t.includes(k));
if (has('ferritin', 'iron overload', 'iron load', 'liver iron', 'lic', 'chelat', 'deferasirox', 'exjade', 'jadenu', 'asunra', 'desferal', 'deferoxamine', 'desferrioxamine', 'deferiprone', 'ferriprox', 'dose', 'reminder', 'adherence'))
return { label: 'See your iron & chelation', icon: 'pill', go: () => store.goHealth('chelation') };
if (has('mri', 't2*', 'cardiac', 'echocardiogram', 'thyroid', 'bone', 'dexa', 'osteoporosis', 'vitamin d', 'growth', 'puberty', 'endocr', 'eye', 'hearing', 'kidney', 'creatinine', 'diabetes', 'fbc', 'blood count', 'white cell'))
return { label: 'Open your monitoring schedule', icon: 'chart', go: () => store.goHealth('monitoring') };
if (has('transfusion', 'haemoglobin', 'hemoglobin', 'pre-transfusion', 'units of blood', 'red cell'))
return { label: 'See your transfusion records', icon: 'drop', go: () => store.goHealth('records') };
return null;
}
/* Static, deeper elaboration of a tip — shown inline in the detail sheet.
Pulls authored copy from window.TC_TIP_DETAILS (parallel to DAILY_TIPS,
matched by index). No network, no cost; renders nothing if absent. */
function TipDeeper({ tip }) {
const idx = DAILY_TIPS.indexOf(tip);
const detail = (window.TC_TIP_DETAILS || [])[idx];
if (!detail) return null;
const paras = String(detail).split(/\n+/).map((s) => s.trim()).filter(Boolean);
return (
Going a little deeper
{paras.map((para, i) =>
{para}
)}
General guidance for thalassaemia — always confirm specifics with your care team.
);
}
/* Full-tip detail sheet — opened by tapping the Tip of the day card.
Shows the tip in comfortable type, a link to the related part of the
patient's own data, and a way to pull another tip from the library. */
function TipDetailSheet({ store, close, tip }) {
const [cur, setCur] = React.useState(tip || DAILY_TIPS[0]);
const icon = cur.icon || TIP_CAT_ICON[cur.cat] || 'sparkle';
const filled = icon === 'drop' || icon === 'sparkle' || icon === 'heart';
const act = tipRelatedAction(cur, store);
const another = () => {
if (DAILY_TIPS.length < 2) return;
let i = Math.floor(Math.random() * DAILY_TIPS.length);
if (DAILY_TIPS[i].text === cur.text) i = (i + 1) % DAILY_TIPS.length;
setCur(DAILY_TIPS[i]);
};
return (
Tip of the day
{cur.cat}
{cur.text}
);
}
/* daily tip card */
function DailyTipCard({ store }) {
const [idx] = React.useState(() => Math.floor(Math.random() * DAILY_TIPS.length));
const tip = DAILY_TIPS[idx];
const icon = tip.icon || TIP_CAT_ICON[tip.cat] || 'sparkle';
return (
);
}
/* ---- quiet one-line heads-up: the nearest upcoming appointment (Today) ---- */
function NextAppointmentCard({ store }) {
const A = TC.appts;
const a = A && A.next(store.data);
if (!a) return null;
const m = A.typeMeta(a.type);
const dU = A.daysUntil(a);
const soon = dU <= 3;
return (
);
}
Object.assign(window, { TodayScreen, useToday, TipDetailSheet, DailyTipCard, NextAppointmentCard });