// fc-auth.jsx, returning-user authentication — the side the onboarding never
// covered. Same editorial "balanced" system as Flow 1: ink primary, warm paper,
// Oswald eyebrows, red accent. Screens:
// AuthLogin · email + password, social, forgot/sign-up links
// AuthLoginError · same, wrong-credentials state (red field + inline error)
// AuthForgot · request a reset link
// AuthCheckInbox · reset-link-sent confirmation
// AuthVerify · 6-digit email / 2-factor code entry
// Social buttons are intentionally neutral (no brand logos reproduced).
const { Phone: APhone, StatusBar: AStatusBar, HomeIndicator: AHome, Eyebrow: AEyebrow,
CoachTip: ACoachTip } = window;
const AB = '#a32a18';
// ── shared chrome ────────────────────────────────────────────────────────────
// Lightweight top bar: optional back chip + centred title. No progress bar — the
// athlete already has an account; this isn't a funnel.
function AuthNav({ title, back = true }) {
return (
{back && (
)}
{title}
);
}
function Wordmark({ size = 48 }) {
return (
{window.AppMark ? : null}
);
}
// Field, mirrors the onboarding account field; `error` paints the red edge.
function Field({ label, val, ph, mask = false, error = false, caps = false }) {
const shown = mask && val ? '\u2022'.repeat(val.length) : val;
return (
{label}
{shown || ph}
{mask && val && (
)}
);
}
function PrimaryCTA({ label, disabled = false }) {
return (
);
}
function OrRule() {
return (
or
);
}
// Neutral social button — no brand logo reproduced, just a quiet glyph + label.
function SocialButton({ label, glyph }) {
return (
);
}
const GlyphApple = ;
const GlyphGoogle = ;
function TextLink({ children, accent = false }) {
return ;
}
// ── LOGIN ─────────────────────────────────────────────────────────────────────
function LoginBody({ error = false }) {
return (
<>
Welcome back.
Log in to pick your camp up where you left it.
{error && (
That email and password don’t match. Check them, or reset below.
)}
Forgot your password?
New to OnWeight? Create account
);
}
function AuthLogin() { return ; }
function AuthLoginError() { return ; }
// ── FORGOT PASSWORD ────────────────────────────────────────────────────────────
function AuthForgot() {
return (
Forgot your password?
Enter the email on your account and we’ll send a link to set a new one. Your camp data stays exactly where it is.
Back to log in
);
}
// ── RESET LINK SENT ─────────────────────────────────────────────────────────────
function AuthCheckInbox() {
return (
Check your inbox.
We sent a reset link to alex.mercer@gmail.com. It expires in 30 minutes.