// Document upload — the killer onboarding feature. Accept PDF/photo, show an
// OCR + extraction step, then a REVIEW screen where every extracted field is
// confirmed or edited before anything is saved. "Self-reported" reinforced.
function DocUploadFlow({ onClose, onDone, onHome, onApply }) {
const [phase, setPhase] = React.useState('pick'); // pick | scanning | review | error | done
const [progress, setProgress] = React.useState(0);
const [doc, setDoc] = React.useState(null);
const [conds, setConds] = React.useState([]);
const [meds, setMeds] = React.useState([]);
const [allergies, setAllergies] = React.useState([]);
const fileRef = React.useRef(null);
const { Button, Card, StatusPanel, SelfReportedNote } = NB;
const withKeep = (arr) => (Array.isArray(arr) ? arr : []).map(x => ({ ...x, keep: true }));
// Animate the scan bar toward a ceiling; returns a stop().
const animateProgress = (ceiling = 100) => {
setProgress(0);
const iv = setInterval(() => {
setProgress(p => { const next = p + 9 + Math.random() * 9; return next >= ceiling ? ceiling : next; });
}, 240);
return () => clearInterval(iv);
};
// Read the chosen file and extract with Claude. No sample fallback — if the
// document can't be read we show an honest error, never fabricated data.
const onFile = (file) => {
if (!file) return;
if (!(window.NotedAI && window.NotedAI.extractDocument)) { setPhase('error'); return; }
const reader = new FileReader();
reader.onload = () => {
setPhase('scanning');
const stop = animateProgress(92);
NotedAI.extractDocument({ data: reader.result, mediaType: file.type })
.then((r) => {
const c = withKeep(r.conditions), m = withKeep(r.medications), a = withKeep(r.allergies);
stop(); setProgress(100);
// Nothing usable found → error state rather than an empty review.
if (!c.length && !m.length && !a.length) { setPhase('error'); return; }
setDoc({ source: r.source || 'Your document', dateOnDoc: r.dateOnDoc || '' });
setConds(c); setMeds(m); setAllergies(a);
setTimeout(() => setPhase('review'), 350);
})
.catch(() => { stop(); setPhase('error'); });
};
reader.onerror = () => setPhase('error');
reader.readAsDataURL(file);
};
const pickFile = () => { if (fileRef.current) fileRef.current.click(); };
const confCount = conds.filter(c => c.keep).length + meds.filter(m => m.keep).length + allergies.filter(a => a.keep).length;
// Commit the ticked items into the profile (mapped to the record schema), then
// show the confirmation. detail holds dose/schedule for meds, reaction for allergies.
const applyAndFinish = () => {
const pick = (arr, map) => arr.filter(x => x.keep && x.name).map(map);
if (onApply) onApply({
conditions: pick(conds, c => ({ name: c.name.trim() })),
medications: pick(meds, m => ({ name: m.name.trim(), schedule: (m.detail || '').trim() })),
allergies: pick(allergies, a => ({ name: a.name.trim(), reaction: (a.detail || '').trim() })),
});
setPhase('done');
};
// ----- Pick -----
if (phase === 'pick') {
return (
}>
Let your paperwork fill in your profile
Add a photo or PDF of a letter, prescription, or discharge summary. We'll read it and suggest what to add. You check it before anything is saved.
Reading happens to fill in your profile only. You choose what to keep, and you can delete the document afterwards.
{/* Hidden picker — drives the camera/upload buttons above. */}
onFile(e.target.files && e.target.files[0])} />
We couldn't find conditions, medications or allergies in that file. Try a clearer photo or a different document — or add details by hand in your profile.