/* global React, I, ScreenHeader, Field, Btn, Pill, StatusPill, useState, useEffect */ // ============ SPLASH ============ function SplashScreen({ go }) { useEffect(() => { const t = setTimeout(() => go("login", "fade"), 2400); return () => clearTimeout(t); }, []); return (
{/* mesh blobs */}
{/* logo */}
ArogyaSync
Your Health, Synchronized
Powered by AI Analytics
v 2.0 • BUILD 26.5
); } // ============ LOGIN ============ function LoginScreen({ go }) { const [showPass, setShowPass] = useState(false); const [remember, setRemember] = useState(true); return (
Welcome back
Sign in to continue monitoring
Email
Phone
} label="Email address" value="sarah.chen@hospital.com" focus /> } label="Password" value={showPass ? "•••secure" : "••••••••"} suffix={ setShowPass(s => !s)}> } />
setRemember(r => !r)}> {remember && } Remember me
go("forgot")}>Forgot password?
go("hospital")}>Sign in →
OR CONTINUE WITH
go("hospital")}> Google go("hospital")} style={{ height: 42 }}> Try Demo Mode
Don't have an account?{" "} go("register")}>Register →
); } // ============ REGISTER ============ function RegisterScreen({ go }) { const [terms, setTerms] = useState(false); return (
go("login", "back")}> Back
Help
Create account
Join ArogyaSync clinical network
} label="Full name" value="" /> } label="name@hospital.com" value="" /> } label="Password" suffix={} />
setTerms(t => !t)}> {terms && } I accept the Terms of Service and acknowledge the HIPAA Privacy Notice
{!terms && (
⚠ Please accept terms before continuing
)} terms && go("otp")}>Create account
OR
go("hospital")}> Continue with Google
Already have an account? go("login", "back")}>Sign in
); } // ============ OTP ============ function OtpScreen({ go }) { const [code, setCode] = useState(""); const [timer, setTimer] = useState(55); useEffect(() => { if (timer <= 0) return; const t = setTimeout(() => setTimer(timer - 1), 1000); return () => clearTimeout(t); }, [timer]); useEffect(() => { if (code.length === 6) { const t = setTimeout(() => go("hospital", "fade"), 600); return () => clearTimeout(t); } }, [code]); const press = (k) => { if (k === "del") setCode(c => c.slice(0, -1)); else if (code.length < 6) setCode(c => c + k); }; return (
go("register", "back")}> Back
Verify your identity
We sent a 6-digit code to
sarah.chen@hospital.com
{[0, 1, 2, 3, 4, 5].map(i => (
{code[i] || ""}
))}
{timer > 0 ? <>Resend code in {timer}s : setTimer(55)}>Resend code}
{["1", "2", "3", "4", "5", "6", "7", "8", "9", "", "0", "del"].map((k, i) => ( k === "" ?
:
press(k)}> {k === "del" ? : k}
))}
); } // ============ FORGOT PASSWORD ============ function ForgotScreen({ go }) { const [sent, setSent] = useState(false); return (
go("login", "back")}> Back
{!sent ? ( <>
Reset password
Enter your email and we'll send you a link to reset your password.
} label="Email address" value="" focus /> setSent(true)}>Send reset link ) : (
Check your email
We've sent reset instructions to sarah.chen@hospital.com. Check your inbox.
go("login", "back")}>Back to sign in
)}
); } Object.assign(window, { SplashScreen, LoginScreen, RegisterScreen, OtpScreen, ForgotScreen });