/* wrapped in an IIFE: keeps these declarations out of the global lexical scope, so each page's inline script can re-declare them from window. */ (function () { /* global React */ const { Icon, PATHS } = window; /* ============================================================ HospitAlert — app screen mockups used across the marketing site. CAST is the single source of truth for names, numbers and places: every screen, page and video must agree with it. Exposes: CAST, PhoneShell, PhoneShowcase, StatusBar, HistoryRow, AlertQR, LockScreenDetection, AlertReceivedScreen, ContactsScreen. ============================================================ */ const CAST = { patient: { name: 'Emily Carter', sex: 'Female', dob: '04/12/1963', age: '62 F', initial: 'E', phone: '(206) 555-0104' }, second: { name: 'Michael Brooks' }, contacts: [ { name: 'Sarah Mitchell', phone: '(206) 555-0142', rel: 'Daughter' }, { name: 'David Carter', phone: '(206) 555-0119', rel: 'Spouse' }, { name: 'Dr. Alan Reyes', phone: '(425) 555-0187', rel: 'Physician' }, ], hospital: { name: 'Lakeside Regional Medical Center', short: 'Lakeside Regional', city: 'Seattle, WA 98122' }, hospital2: { name: 'Harborview Community Hospital', city: 'Tacoma, WA 98405' }, }; /* ---------- Phone shell + showcase frame ---------- */ const PhoneShell = ({ children, bg = '#0B0B0C' }) => (
{children}
); const PhoneShowcase = ({ children, scale = 0.82, tint = 'rgba(74,222,128,0.16)', label }) => (
{children}
{label ?
{label}
: null}
); const StatusBar = ({ dark = false, time = '9:41' }) => { const c = dark ? 'rgba(255,255,255,0.95)' : '#111827'; return (
{time}
); }; /* ---------- 01 · DETECTION — lock screen notification ---------- */ const LockScreenDetection = () => (
100% Charged
09:41
HospitAlert Arrived · holding
We noticed you are at {CAST.hospital.short}.
We will check back in 0:06
{[0, 1].map(i => ( {i === 0 ? : } ))}
); /* ---------- 02 · THE ALERT — received alert with medical card + history ---------- */ const AlertQR = ({ size = 76 }) => { const cells = []; let seed = 13; for (let r = 0; r < 15; r++) for (let c = 0; c < 15; c++) { seed = (seed * 37 + r * 15 + c) % 101; const inFinder = (r < 5 && c < 5) || (r < 5 && c > 9) || (r > 9 && c < 5); if (!inFinder && seed % 2 === 0) cells.push(); } const finder = (x, y) => ( ); return ; }; const HistoryRow = ({ time, name, place, level = 'red' }) => { const tone = level === 'red' ? { bg: '#FDE3E3', fg: '#DC2626' } : { bg: '#FEF3C7', fg: '#D97706' }; return (
{time}
{name}
at {place}
); }; const AlertReceivedScreen = () => (
Alert Active
You received an alert.
Received 9:25 AM
{CAST.hospital.name}, {CAST.hospital.city}
Medical Information
{CAST.patient.name}
{CAST.patient.sex}, {CAST.patient.dob}
Blood Type: A-
Conditions: Diabetes, Asthma
Allergies: Sulfa, Wheat
Medications: Metformin, Albuterol
SCAN TO ACCESS
HEALTH RECORD
Call or get directions
Alert History
Past 48 hours
 ); /* ---------- 03 · YOUR CIRCLE — contacts screen ---------- */ const ContactsScreen = () => (
Contacts
Monitored
Emergency
Monitored
Manage
Family
2 members
{CAST.patient.name}
{CAST.patient.phone}
Monitoring
Mom
{CAST.second.name}
(206) 555-0168
Not Available
Send Invite
{[{ i: PATHS.bell, t: 'Alert' }, { i: PATHS.users, t: 'Contact', on: true }, { i: PATHS.person, t: 'Account' }].map(tab => (
{tab.t}
))}
); Object.assign(window, { CAST, PhoneShell, PhoneShowcase, StatusBar, HistoryRow, AlertQR, LockScreenDetection, AlertReceivedScreen, ContactsScreen }); })();