/* Onboarding, sign in, OTP, location */ function SignIn({ onDone }) { const { topInset, bottomInset, device } = useApp(); const [val, setVal] = useState(''); const [pk, setPk] = useState(0); const [bad, setBad] = useState(false); const [focus, setFocus] = useState(false); const ok = /^[^@\s]+@[^@\s]+\.[a-z]{2,}$/i.test(val); const passkey = () => { setPk(1); setTimeout(() => setPk(2), 1200); setTimeout(() => onDone({ via: 'passkey' }), 1700); }; const go = () => { if (!ok) { setBad(true); setTimeout(() => setBad(false), 500); return; } onDone({ via: 'email', to: val }); }; const pill = (I, label, onClick, flex) => ; return
{/* hero: aurora + kinetic genre marquee */}
{[['Concerts', 'Bollywood Movies', 'Garba', 'Qawwali', 'Bhangra', 'Sufi Nights'], ['Startup Meetups', 'Comedy', 'Bingo Nights', 'Diwali', 'Dandiya', 'Ghazal'], ['Meetups', 'Festivals', 'Holi', 'Brunch', 'Afterparty', 'Mehfil']].map((row, r) =>
{[...row, ...row, ...row].map((w, i) => {w})}
)}
DesiPass
Book tickets. Manage your events.
{/* sheet */}

Sign in or join

Enter your email setVal(e.target.value)} onFocus={() => setFocus(true)} onBlur={() => setFocus(false)} onKeyDown={e => e.key === 'Enter' && go()} type="email" style={{ ...inputStyle, position: 'absolute', left: 0, right: 0, bottom: 8, fontSize: 15 }} />
We'll email you a 6-digit code. No password needed.
OR
{device !== 'android' && pill(, 'Apple', () => onDone({ via: 'apple' }), 1)}{pill(, 'Google', () => onDone({ via: 'google' }), 1)}

By continuing you agree to DesiPass's Terms of Service and Privacy Policy

{pk > 0 &&
Sign in with your passkey
{DP.USER.email}
{pk === 2 ? : }
{pk === 2 ? 'Signed in' : device === 'android' ? 'Touch the fingerprint sensor' : 'Face ID'}
}
; } function OTP({ to, onDone, onBack }) { const { bottomInset } = useApp(); const [code, setCode] = useState(''); const [busy, setBusy] = useState(false); const [left, setLeft] = useState(30); useEffect(() => { const t = setInterval(() => setLeft(l => l > 0 ? l - 1 : 0), 1000); return () => clearInterval(t); }, []); useEffect(() => { if (code.length === 6) { setBusy(true); setTimeout(onDone, 900); } }, [code]); const key = (k) => ; return (

Check your email

We sent a 6-digit code to {to || 'your inbox'}.

{[0, 1, 2, 3, 4, 5].map(n => { const filled = code[n] !== undefined, active = code.length === n; return
{code[n] || ''}
; })}
{busy ? <>Verifying… : left > 0 ? <>Resend code in 0:{String(left).padStart(2, '0')} : }
{['1', '2', '3', '4', '5', '6', '7', '8', '9', '', '0', '⌫'].map(key)}
); } function LocationAsk({ onDone, onPick }) { const { topInset, bottomInset, sim } = useApp(); const [denied, setDenied] = useState(false); return (
{[0, 1, 2].map(i => )}

Find events near you

We show your city first, then the rest of your country. Your location stays on your phone.

{denied &&
{ST_ICONS.pin}Location is off for DesiPass. Choose your city, or turn location on in Settings.
} sim === 'locdenied' && !denied ? setDenied(true) : denied ? onPick() : onDone()}>{denied ? 'Choose a City' : 'Use My Location'}{denied ? setDenied(false)}>Open Settings : Choose a City}
); } Object.assign(window, { SignIn, OTP, LocationAsk });