/* ============================================================
NeuroRoute — Sales enquiry form (public).
Opened by every "Contact ... Sales" CTA on the marketing site,
on both the desktop page and the mobile edition. Replaces the
old mailto: links, which lost the lead whenever the visitor had
no desktop mail client configured.
Flow: fill in -> verify the work email with a 4-digit code ->
submit. The backend re-validates everything, burns the code on
submit, and emails the lead to the sales team as HTML.
Globals used: React, Icon, LeadFormState (below).
Exposes: window.LeadForm, window.openLeadForm, window.useLeadForm
============================================================ */
const {useState: useStateLF, useEffect: useEffectLF} = React;
/* Kept in sync with leadSolutions in internal/gateway/lead_form.go — the server
rejects anything not on its own list, so a value added here without adding it
there is a 400 the visitor cannot get past. */
const LEAD_SOLUTIONS = [
'AI cost optimization / routing',
'Multi-provider gateway (one API)',
'Spend controls & budgets',
'Zero data retention / compliance',
'Enterprise deployment / SSO',
'Agent platform & MCP',
'Something else',
];
/* Tiny external store so any CTA anywhere in either page tree can open the
form without threading a callback through every component. */
var LEAD_OPEN = false;
var LEAD_SUBS = [];
function openLeadForm(){ LEAD_OPEN = true; LEAD_SUBS.forEach(function(f){ f(true); }); }
function closeLeadForm(){ LEAD_OPEN = false; LEAD_SUBS.forEach(function(f){ f(false); }); }
function useLeadForm(){
var pair = useStateLF(LEAD_OPEN);
useEffectLF(function(){
LEAD_SUBS.push(pair[1]);
return function(){ LEAD_SUBS = LEAD_SUBS.filter(function(f){ return f !== pair[1]; }); };
}, []);
return pair[0];
}
function LeadForm(){
const open = useLeadForm();
const [f, setF] = useStateLF({
first_name:'', last_name:'', company:'', designation:'',
email:'', mobile:'', otp:'', solution:'', message:'',
consent:false, website:'', // website = honeypot, must stay empty
});
const [sending, setSending] = useStateLF(false); // OTP request in flight
const [sent, setSent] = useStateLF(false); // a code has been issued
const [cooldown, setCooldown] = useStateLF(0); // resend lockout, seconds
const [busy, setBusy] = useStateLF(false); // submit in flight
const [err, setErr] = useStateLF('');
const [done, setDone] = useStateLF(false);
const set = function(k){ return function(e){
const v = e.target.type === 'checkbox' ? e.target.checked : e.target.value;
setF(function(p){ var n = Object.assign({}, p); n[k] = v; return n; });
}; };
/* Resend cooldown. Purely a courtesy — the real cap is enforced server-side
(3 codes per address per hour), which a page reload cannot bypass. */
useEffectLF(function(){
if(cooldown <= 0) return;
const t = setTimeout(function(){ setCooldown(cooldown - 1); }, 1000);
return function(){ clearTimeout(t); };
}, [cooldown]);
/* Reset to a clean form whenever it is reopened, so a previous submission's
values (or error) never greet the next visitor. */
useEffectLF(function(){
if(!open) return;
setErr(''); setDone(false); setBusy(false); setSending(false);
setSent(false); setCooldown(0);
setF({first_name:'',last_name:'',company:'',designation:'',email:'',
mobile:'',otp:'',solution:'',message:'',consent:false,website:''});
}, [open]);
useEffectLF(function(){
if(!open) return;
const h = function(e){ if(e.key === 'Escape') closeLeadForm(); };
window.addEventListener('keydown', h);
document.body.style.overflow = 'hidden'; // stop the page scrolling behind
return function(){
window.removeEventListener('keydown', h);
document.body.style.overflow = '';
};
}, [open]);
if(!open) return null;
const emailLooksValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f.email.trim());
const sendOtp = function(){
if(!emailLooksValid){ setErr('Enter your work email first, then request a code.'); return; }
setErr(''); setSending(true);
fetch('/v1/public/lead/send-otp', {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({email: f.email.trim()}),
}).then(function(r){
return r.json().catch(function(){ return {}; }).then(function(j){ return {ok:r.ok, j:j}; });
}).then(function(res){
setSending(false);
if(!res.ok){ setErr(res.j.error || 'Could not send a code. Please try again.'); return; }
setSent(true); setCooldown(45);
}).catch(function(){
setSending(false);
setErr('Network error. Please check your connection and try again.');
});
};
const submit = function(e){
e.preventDefault();
setErr('');
if(!f.consent){ setErr('Please accept the privacy policy to continue.'); return; }
if(!f.otp.trim()){ setErr('Enter the verification code we emailed you.'); return; }
setBusy(true);
fetch('/v1/public/lead/submit', {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify(f),
}).then(function(r){
return r.json().catch(function(){ return {}; }).then(function(j){ return {ok:r.ok, j:j}; });
}).then(function(res){
setBusy(false);
if(!res.ok){ setErr(res.j.error || 'Something went wrong. Please try again.'); return; }
setDone(true);
}).catch(function(){
setBusy(false);
setErr('Network error. Please check your connection and try again.');
});
};
return (
CONTACT SALES
Talk to the NeuroRoute team
{done ? (
Thank you — we have your enquiry.
Our sales team will be in touch at {f.email} shortly.