// ════════════════════════════════════════════════════════════════════════
// SURVEY MODAL — the waitlist signup *is* the questionnaire. Opens from any
// "Join the waitlist / Get notified" action; email = waitlist, the four
// prompts (motivation · struggles · goals · willingness to pay) steer the
// roadmap. No standalone on-scroll section — it lives in an overlay.
// ════════════════════════════════════════════════════════════════════════
// ── Supabase config ─────────────────────────────────────────────────────────
// Fill these in from your Supabase project → Settings → API. The anon key is
// safe to ship in client code — it's gated by Row-Level Security (see setup
// notes). Until they're filled in, the form just shows the thank-you screen.
const SUPABASE_URL = 'https://fhhzrzmmulqgmfwmeodq.supabase.co';
const SUPABASE_ANON_KEY = 'sb_publishable_i4ovF7U6Z0wHD09wMDBtpA_CETQFN2l';
const SUPABASE_TABLE = 'waitlist';
const SUPABASE_READY = !SUPABASE_URL.includes('YOUR-PROJECT') && !SUPABASE_ANON_KEY.includes('YOUR-ANON-KEY');
// POST one row to the waitlist table. Returns the HTTP response.
async function postWaitlist(row) {
return fetch(`${SUPABASE_URL}/rest/v1/${SUPABASE_TABLE}`, {
method: 'POST',
headers: {
apikey: SUPABASE_ANON_KEY,
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
'Content-Type': 'application/json',
Prefer: 'return=minimal',
},
body: JSON.stringify(row),
});
}
async function saveSignup(a) {
// The core fields are the ones that must never fail to save — losing an
// email to a schema mismatch on an *optional* column is the worst outcome.
const core = {
email: a.email,
name: a.name || null,
city: a.city || null,
};
const full = {
...core,
motivation: a.motivation,
motivation_note: a.motivationNote || null,
struggles: a.struggles,
struggles_note: a.strugglesNote || null,
wants: a.wants,
wants_note: a.wantsNote || null,
pricing_model: a.model || null,
price: a.price || null,
community_optin: !!a.community,
};
const res = await postWaitlist(full);
if (res.ok) return;
// Surface the REAL reason — a generic "try again" once hid a missing column
// (PGRST204) for days. This makes the next break diagnosable in devtools.
const detail = await res.text();
console.error(`[waitlist] insert failed ${res.status}: ${detail}`);
// Fallback: retry with just the core fields so a bad optional column can't
// cost us the lead. Only retry on a 4xx (schema/validation), not on a
// network/5xx where the core insert would fail too.
if (res.status >= 400 && res.status < 500) {
const retry = await postWaitlist(core);
if (retry.ok) {
console.warn('[waitlist] saved core fields only — extra answers were dropped due to the error above');
return;
}
console.error(`[waitlist] core-only retry also failed ${retry.status}: ${await retry.text()}`);
}
throw new Error(`${res.status} ${detail}`);
}
// ── Chip — pill toggle (multi- or single-select) ────────────────────────────
function Chip({ label, active, onClick }) {
return (
);
}
function ChipGroup({ options, value, onToggle, multi = true }) {
const has = (o) => multi ? value.includes(o) : value === o;
return (
{options.map((o) => (
onToggle(o)} />
))}
);
}
// ── Checkbox — chunky opt-in toggle ─────────────────────────────────────────
function Checkbox({ checked, onChange, title, hint }) {
return (
);
}
// ── One numbered question block ─────────────────────────────────────────────
function QField({ n, title, hint, children }) {
return (