// Homepage waitlist — POST /api/public/homepage-waitlist const { useState: useS_wl, useEffect: useE_wl, useRef: useR_wl } = React; /** Fallback until /count loads (matches server default base). */ const WL_SOCIAL_COUNT_FALLBACK = 58; function isValidEmailWl(s) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s); } function isValidLinkedInProfileUrlWl(s) { const trimmed = s.trim(); if (!trimmed) return false; try { const url = new URL(trimmed.startsWith('http') ? trimmed : `https://${trimmed}`); if (!url.hostname.replace(/^www\./, '').endsWith('linkedin.com')) return false; return /^\/in\/[^/?#]+/i.test(url.pathname); } catch (_) { return false; } } function isLinkedInFieldValidWl(s) { const trimmed = s.trim(); if (!trimmed) return true; return isValidLinkedInProfileUrlWl(trimmed); } function SubmitArrowIcon() { return ( ); } function LockIcon() { return ( ); } function HomeWaitlistScreen({ onDirectory }) { const [email, setEmail] = useS_wl(''); const [linkedinUrl, setLinkedinUrl] = useS_wl(''); const [proofCount, setProofCount] = useS_wl(WL_SOCIAL_COUNT_FALLBACK); const [phase, setPhase] = useS_wl('form'); const [position, setPosition] = useS_wl(0); const [displayPosition, setDisplayPosition] = useS_wl(0); const [loading, setLoading] = useS_wl(false); const emailValid = isValidEmailWl(email.trim()); const linkedinFieldValid = isLinkedInFieldValidWl(linkedinUrl); const animRef = useR_wl(null); useE_wl(function() { fetch('/api/public/homepage-waitlist/count') .then(function(r) { return r.ok ? r.json() : null; }) .then(function(d) { if (d && typeof d.count === 'number' && d.count > 0) setProofCount(d.count); }) .catch(function() {}); }, []); useE_wl(function() { if (phase !== 'success') return; const duration = 900; const start = performance.now(); function step(now) { const t = Math.min(1, (now - start) / duration); const eased = 1 - Math.pow(1 - t, 3); setDisplayPosition(Math.round(eased * position)); if (t < 1) animRef.current = requestAnimationFrame(step); } setDisplayPosition(0); const id = requestAnimationFrame(step); animRef.current = id; return function() { if (animRef.current) cancelAnimationFrame(animRef.current); }; }, [phase, position]); const submit = async function(ev) { ev.preventDefault(); if (!emailValid || !linkedinFieldValid || loading) return; setLoading(true); const started = performance.now(); let nextPosition = proofCount + 1; try { const resp = await fetch('/api/public/homepage-waitlist', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: email.trim(), linkedinUrl: linkedinUrl.trim() || null, source: 'homepage', }), }); if (resp.ok) { const data = await resp.json().catch(function() { return {}; }); if (typeof data.position === 'number') nextPosition = data.position; } } catch (_) { /* still show success — signup may have saved */ } try { const _ph = window.posthog && typeof window.posthog.capture === 'function' ? window.posthog : null; if (_ph) { const trimmed = email.trim(); const hashBuf = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(trimmed)); const hashHex = [...new Uint8Array(hashBuf)].map(b => b.toString(16).padStart(2, '0')).join(''); _ph.capture('waitlist_joined', { email: trimmed, linkedinUrl: linkedinUrl.trim() || null, source: 'homepage', }); _ph.identify(hashHex, { email: trimmed }); } } catch (_) { /* non-blocking */ } const minDelay = 650; const wait = Math.max(0, minDelay - (performance.now() - started)); setTimeout(function() { setPosition(nextPosition); setPhase('success'); setLoading(false); }, wait); }; if (phase === 'success') { return (
▸ Confirmed

You're on the list.

Your position
#{displayPosition}

We'll email {email.trim()} when creator onboarding opens.

We'll reach out when creator onboarding opens — typically within 1–2 weeks of launch.
); } return (
); } Object.assign(window, { HomeWaitlistScreen });