/* ============================================================ Carebridge Portal — Patient-facing mobile app screens Rendered inside the iOS device frame (window.IOSDevice). ============================================================ */ function MPhoneLabel({ children }) { return
{children}
; } function MSub({ children }) { return
{children}
; } function MHeader({ title, sub, name }) { return (
{name ?
Assalamu alaikum,
HA
: null}
{title}
{sub ?
{sub}
: null}
); } function MTabBar({ active }) { const tabs = [["home", "Home"], ["route", "Journey"], ["message-circle", "Messages"], ["folder", "Documents"]]; return (
{tabs.map((t, i) => (
{t[1]}
))}
); } /* Screen 1 — Patient home */ function MHome() { return (
Treatment progress 38%
Current stage: Diagnosis at Yamuna Super-Speciality Institute, Delhi
{[["calendar-check", "Next step", "Biopsy review"], ["stamp", "Visa", "In process"], ["plane", "Flight", "Awaiting visa"], ["wallet", "Balance", "$8,200"]].map((c, i) => (
{c[1]}
{c[2]}
))}
FN
Your coordinator
Fatima Noor
); } /* Screen 2 — Journey tracker */ function MJourney() { const stages = [ { name: "Consultation", done: true, body: "Initial reports reviewed by Carebridge" }, { name: "Diagnosis", current: true, body: "Biopsy under review at partner hospital" }, { name: "Treatment", body: "Oncology pathway — to be scheduled" }, { name: "Recovery", body: "Monitored recovery & rest period" }, { name: "Follow-up", body: "Long-term care plan & check-ins" }, ]; const icons = ["clipboard-list", "microscope", "stethoscope", "heart-pulse", "calendar-check"]; return (
{stages.map((s, i) => (
{i < stages.length - 1 ?
: null}
{s.name} {s.current ? Now : null} {s.done ? : null}
{s.body}
))}
); } /* Screen 3 — Messages */ function MMessages() { const msgs = [ { me: false, text: "Assalamu alaikum Hodan. Your biopsy results are being reviewed by the specialist today.", time: "09:02" }, { me: true, text: "Wa alaikum salam. Thank you so much. When will we know the next steps?", time: "09:05" }, { me: false, text: "We expect the recommendation within 48 hours, in shaa Allah. I'll call you as soon as it's ready.", time: "09:07" }, { me: true, text: "JazakAllah khair for your care.", time: "09:08" }, ]; return (
FN
Fatima Noor
Carebridge coordinator
Secure end-to-end encrypted
{msgs.map((m, i) => (
{m.text}
{m.time}
))}
Message…
); } /* Screen 4 — Documents */ function MDocuments() { const docs = [ { name: "Passport", icon: "book-user", status: "Verified", tone: "teal" }, { name: "Medical reports", icon: "file-text", status: "Uploaded", tone: "teal" }, { name: "Visa application", icon: "stamp", status: "In review", tone: "warn" }, { name: "Insurance letter", icon: "shield-check", status: "Needed", tone: "muted" }, ]; return (
Upload a document
Passport, reports or insurance — PDF or photo
{docs.map((d, i) => (
{d.name}
{d.status}
))}
); } function MobileView() { const screens = [ [, "Patient home", "Journey overview & coordinator"], [, "Treatment journey", "Five stages of care"], [, "Secure messages", "Chat with your coordinator"], [, "Documents", "Upload & track securely"], ]; return (

Patient mobile app

The companion experience patients and families use to follow their journey — calm, reassuring, and in their language.
{screens.map((s, i) => (
{s[0]}
{s[1]} {s[2]}
))}
); } Object.assign(window, { MobileView });