> ## Documentation Index > Fetch the complete documentation index at: https://docs.base44.com/llms.txt > Use this file to discover all available pages before exploring further. # Common APIs > The most common APIs to call when building your white label integration. export const ContactSales = ({cta = 'Contact sales'}) => { const PORTAL_ID = '146561033'; const FORM_GUID = 'c3d900a7-609f-4e04-8d95-cb6f91ea0545'; const FIELD_MAP = { firstName: 'firstname', lastName: 'lastname', email: 'email', role: 'jobtitle', discuss: 'description' }; const FALLBACK_HREF = 'https://base44.com/enterprise'; const CARD_TITLE = 'White labelling needs an enterprise plan and a short onboarding call'; const [open, setOpen] = useState(false); const [values, setValues] = useState({ firstName: '', lastName: '', email: '', role: '', discuss: '' }); const [errors, setErrors] = useState({}); const [status, setStatus] = useState('idle'); const firstFieldRef = useRef(null); const configured = Boolean(FORM_GUID); useEffect(() => { const onEsc = e => { if (e.key === 'Escape' && open) setOpen(false); }; document.addEventListener('keydown', onEsc); return () => document.removeEventListener('keydown', onEsc); }, [open]); useEffect(() => { if (open && firstFieldRef.current) firstFieldRef.current.focus(); }, [open]); useEffect(() => { document.body.classList.toggle('cs-modal-open', open); return () => document.body.classList.remove('cs-modal-open'); }, [open]); const set = key => e => { setValues(v => ({ ...v, [key]: e.target.value })); setErrors(x => ({ ...x, [key]: undefined })); }; const validate = () => { const next = {}; if (!values.firstName.trim()) next.firstName = 'Required'; if (!values.lastName.trim()) next.lastName = 'Required'; if (!values.email.trim()) next.email = 'Required'; else if (!(/^[^@\s]+@[^@\s.]+\.[^@\s]+$/).test(values.email.trim())) next.email = 'Enter a valid work email'; if (!values.role.trim()) next.role = 'Required'; if (!values.discuss.trim()) next.discuss = 'Required'; setErrors(next); return Object.keys(next).length === 0; }; const submit = async e => { e.preventDefault(); if (status === 'sending' || !configured) return; if (!validate()) return; setStatus('sending'); try { const res = await fetch(`https://api-eu1.hsforms.com/submissions/v3/integration/submit/${PORTAL_ID}/${FORM_GUID}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ fields: Object.entries(FIELD_MAP).map(([key, name]) => ({ objectTypeId: '0-1', name, value: values[key].trim() })), context: { pageUri: window.location.href, pageName: document.title } }) }); if (!res.ok) throw new Error(`HubSpot returned ${res.status}`); setStatus('done'); } catch (err) { setStatus('error'); } }; return <> {open &&
setOpen(false)} role="dialog" aria-modal="true" aria-label="Contact sales">
e.stopPropagation()}>
{status === 'done' ? "Thanks, we'll be in touch" : 'Talk to us about white label'}
{status === 'done' ?

Our enterprise team will reach out within 24 hours.

: <>
Tell us about your platform and what you're planning. White label needs an enterprise plan and a short onboarding call.
{[['firstName', 'First name', 'Enter your first name'], ['lastName', 'Last name', 'Enter your last name'], ['email', 'Work email', 'Enter your email'], ['role', 'Your role', 'Enter your role']].map(([key, label, placeholder], i) =>
{errors[key] &&
{errors[key]}
}
)}