// PublicTrial // Pre-auth lead-capture landing for "Book a free trial" / general inquiry. // Reached from the marketing website's CTAs via // https://hit-zero.vercel.app/#trial/ // // Submits a `lead` (not a registration) to public-intake-v1 with the // parent + athlete + interest + notes. Owner sees it in the Leads tab. // Email backup goes to RESEND_NOTIFY_EMAIL same as registrations. const _useS_pt = React.useState; const _useE_pt = React.useEffect; const _useR_pt = React.useRef; function ptRestBase() { return (window.HZ?.SUPABASE_URL || window.HZ_FN_BASE || '').replace(/\/$/, '') + '/rest/v1'; } function ptFnBase() { return (window.HZ_FN_BASE || window.HZ?.SUPABASE_URL || '').replace(/\/$/, ''); } function ptAnonKey() { return window.HZ_ANON_KEY || (window.HZ && window.HZ.SUPABASE_ANON_KEY) || ''; } const TRIAL_INTERESTS = [ 'Open Gym (drop-in $10/athlete)', 'All-Star Competitive', 'Performance Cheer', 'Rec Cheer', 'Tumbling', 'Stunting', 'Privates', 'Tour the gym', 'Just curious', ]; function PublicTrial({ gymSlug }) { const [program, setProgram] = _useS_pt(null); const [loadErr, setLoadErr] = _useS_pt(null); const [submitting, setSubmitting] = _useS_pt(false); const [submitErr, setSubmitErr] = _useS_pt(null); const [done, setDone] = _useS_pt(null); const [form, setForm] = _useS_pt({ parentName: '', athleteName: '', athleteAge: '', parentEmail: '', parentPhone: '', preferredContact: 'email', interest: 'Open Gym (drop-in $10/athlete)', notes: '', consentToText: false, hp: '', }); const mountedAt = _useR_pt(Date.now()); _useE_pt(() => { let cancelled = false; async function rest(path) { const ctrl = new AbortController(); const t = setTimeout(() => ctrl.abort(), 8000); try { const anon = ptAnonKey(); const res = await fetch(ptRestBase() + path, { method: 'GET', headers: { apikey: anon, Authorization: `Bearer ${anon}`, 'Cache-Control': 'no-cache', 'Accept': 'application/json', }, cache: 'no-store', signal: ctrl.signal, }); if (!res.ok) { let m = `Supabase ${res.status}`; try { const b = await res.text(); if (b) m += ': ' + b.slice(0, 200); } catch {} throw new Error(m); } return await res.json(); } finally { clearTimeout(t); } } (async () => { try { const slug = (gymSlug || 'mca').trim(); const rows = await rest(`/program_public_directory?slug=eq.${encodeURIComponent(slug)}&select=*&limit=1`); const p = Array.isArray(rows) ? rows[0] : rows; if (!p) throw new Error('We couldn’t find this gym.'); if (cancelled) return; setProgram(p); } catch (err) { if (!cancelled) setLoadErr(err.name === 'AbortError' ? 'Connection timed out. Please refresh.' : (err.message || 'Could not load this gym.')); } })(); return () => { cancelled = true; }; }, [gymSlug]); function set(k, v) { setForm(prev => ({ ...prev, [k]: v })); } async function handleSubmit(e) { e.preventDefault(); setSubmitErr(null); if (form.hp) { setDone({ silent: true }); return; } if (Date.now() - mountedAt.current < 1500) { setSubmitErr('Take a second to review and submit again.'); return; } if (!form.parentName.trim()) { setSubmitErr('Your name is required.'); return; } const email = form.parentEmail.trim(); const phone = form.parentPhone.trim(); if (!email && !phone) { setSubmitErr('Add either an email or a phone so the gym can reach you.'); return; } if (email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { setSubmitErr('Email format looks off.'); return; } setSubmitting(true); try { const fnBase = ptFnBase(); const anon = ptAnonKey(); const ageNum = form.athleteAge.trim() ? parseInt(form.athleteAge, 10) : null; const res = await fetch(`${fnBase}/functions/v1/public-intake-v1`, { method: 'POST', headers: { apikey: anon, Authorization: `Bearer ${anon}`, 'Content-Type': 'application/json', }, body: JSON.stringify({ kind: 'lead', program_slug: program?.slug || gymSlug || 'mca', parent_name: form.parentName.trim(), parent_email: email || null, parent_phone: phone || null, athlete_name: form.athleteName.trim() || null, athlete_age: Number.isFinite(ageNum) ? ageNum : null, interest: form.interest, preferred_contact: form.preferredContact, consent_to_text: !!form.consentToText, source: 'hit_zero_public_trial', metadata: { notes: form.notes.trim() || null, captured_via: 'public_trial_page' }, }), }); const data = await res.json().catch(() => ({})); if (!res.ok || !data?.ok) { throw new Error(data?.message || 'Could not save your request. Please try again.'); } setDone({ leadId: data.lead_id }); } catch (err) { setSubmitErr(err.message); } finally { setSubmitting(false); } } if (loadErr) { return (
Could not load this gym
{loadErr}
Back to website
); } if (!program) { return (
Loading…
 ); } if (done) { const gymName = program.public_name || program.brand_name || 'the gym'; return (
✓
You're on the list.

One of {gymName}'s coaches will reach out within 24 hours to {form.preferredContact === 'email' ? 'email' : form.preferredContact === 'text' ? 'text' : 'call'} you back.

A copy of your inquiry was also sent to MCA so nothing gets lost.

See programs Back to website
); } const gymName = program.public_name || program.brand_name || 'Magic City Athletics'; const acceptingLeads = program.is_accepting_leads !== false; return (
{gymName} · Book a free trial
Come try a class — it's free.

Tell us a bit about your athlete and how to reach you. A coach will follow up within 24 hours to set up a time. No pressure, no commitment.

{!acceptingLeads ? (
Inquiries are paused right now.

Try again soon — or email us directly.

{program.public_email && ( Email the gym )}
) : (
set('parentName', e.target.value)} autoComplete="name" required disabled={submitting}/> set('athleteName', e.target.value)} disabled={submitting}/> set('athleteAge', e.target.value)} min="0" max="30" disabled={submitting}/> set('parentEmail', e.target.value)} autoComplete="email" disabled={submitting}/> set('parentPhone', e.target.value)} autoComplete="tel" disabled={submitting}/>