// Screen 1 — Onboarding // Three states cycled with a small chip switcher: Sign-in, OAuth consent, Importing. const ScreenOnboardingSignIn = () => (
worksherpa
The book of business
you never had to type.
Worksherpa reads your inbox, pulls out your customers, and tells you who needs you today.
Continue with Google
We read only what you let us read. Your data is yours.
); const GoogleG = () => ( ); const ScreenOnboardingConsent = () => (
STEP 2 OF 3
Worksherpa would like to read your Gmail.
Just enough to find your customers. We don't send mail on your behalf yet — when we do, you'll approve every send.
Your inbox stays in your account. We store extracted customer data only — never raw messages — and you can disconnect anytime.
Allow & continue Not now
); const Permission = ({ allowed, title, body, iconColor }) => (
{title}
{body}
); const ScreenOnboardingImporting = () => { const [pct, setPct] = React.useState(64); React.useEffect(() => { const t = setInterval(() => setPct((p) => (p >= 96 ? 64 : p + 2)), 280); return () => clearInterval(t); }, []); return (
Reading your last
6 months of email.
This takes a couple of minutes. You can keep working — we'll ping you when it's done.
READING THREAD {Math.round(pct * 24)} of 3,742 {pct}%
Run in background
); }; const ImportRow = ({ done, active, count, label }) => (
{done && } {active &&
}
{count}
{label}
); Object.assign(window, { ScreenOnboardingSignIn, ScreenOnboardingConsent, ScreenOnboardingImporting });