{/* Progress */}

MATCH INTAKE · CONFIDENTIAL

Q.{String(step + 1).padStart(2, '0')} / {String(total).padStart(2, '0')} · {pct}%

{/* Stepper */}

{questions.map((qq, i) => (

))}

QUESTION {String(step + 1).padStart(2, '0')}

{q.q}

{q.sub && (

{q.sub}

)}

{q.options.map((opt, i) => { const label = typeof opt === 'string' ? opt : opt.label; const desc = typeof opt === 'string' ? null : opt.desc; const selected = answers[q.key] === label; return ( ); })}

{step > 0 ? ( ) : }

); }; // Match result screen const MatchResult = ({ answers, onNav, onReset }) => { const { useState } = React; const matchType = answers.engagement || 'Mediation'; const typology = answers.typology || 'Technical Dispute'; const FORM_ENDPOINT = (window.SITE_CONFIG && window.SITE_CONFIG.FORM_ENDPOINT) || 'https://formspree.io/f/YOUR_FORMSPREE_ID'; const FORM_SUBJECT = (window.SITE_CONFIG && window.SITE_CONFIG.FORM_SUBJECT_INTAKE) || 'Tailored Mediation — new match intake'; const [confirm, setConfirm] = useState(false); // contact-detail step shown? const [status, setStatus] = useState('idle'); // idle | submitting | submitted | error const [errMsg, setErrMsg] = useState(''); const [contact, setContact] = useState({ name: '', organization: '', email: '', phone: '', notes: '' }); const onField = (k) => (e) => setContact({ ...contact, [k]: e.target.value }); async function submitMatch(e) { e.preventDefault(); if (!contact.name || !contact.email) { setErrMsg('Name and email are required so we can respond.'); setStatus('error'); return; } if (window.SITE_CONFIG && !window.SITE_CONFIG.isFormEndpointConfigured()) { setErrMsg('The match intake is not yet wired to a delivery endpoint. Please email matters@tailoredmediation.com with the details below.'); setStatus('error'); return; } setStatus('submitting'); setErrMsg(''); try { const fd = new FormData(); fd.append('_subject', FORM_SUBJECT); fd.append('_source', 'match-intake'); fd.append('name', contact.name); fd.append('organization', contact.organization); fd.append('email', contact.email); fd.append('phone', contact.phone); fd.append('notes', contact.notes); // Intake answers — flat fields so they show up nicely in the email body. Object.entries(answers).forEach(([k, v]) => fd.append('intake_' + k, v)); const res = await fetch(FORM_ENDPOINT, { method: 'POST', body: fd, headers: { Accept: 'application/json' }, }); if (res.ok) { setStatus('submitted'); } else { const j = await res.json().catch(() => ({})); setErrMsg(j.error || 'Something went wrong. Please email matters@tailoredmediation.com directly.'); setStatus('error'); } } catch (err) { setErrMsg('Network error. Please email matters@tailoredmediation.com directly.'); setStatus('error'); } } if (status === 'submitted') { return (

MATCH REQUEST · RECEIVED · {new Date().toISOString().slice(0,10)}

Thank you. Your match request has been received.

A case manager will respond within one business day with conflicts-check status and proposed scheduling. For urgent matters call +1 (213) 620-1133.

); } return (

MATCH REQUEST · GENERATED · {new Date().toISOString().slice(0,10)}

One match identified.

Based on your responses, the following neutral has the highest subject-matter alignment with the matter you described.

{/* Match summary */}

MATTER SUMMARY

{Object.entries(answers).map(([k, v], i, arr) => (

{k}

{v}

))}

{/* Matched neutral */}

MATCH 01 · CONFIDENCE 96% · IN-NETWORK

Daniel B. Garrie, Esq.

Mediator · Arbitrator · Special Master · Forensic Neutral

Harvard · Adjunct Acad. of Court Appointed Masters L.C.I.A. H.K.I.A.C.

WHY THIS MATCH

✓ {r}

{!confirm ? (

) : (

YOUR CONTACT — SO WE CAN RESPOND

{[ ['Name *', 'name', 'text', true, 'name'], ['Firm / Organization', 'organization', 'text', false, 'organization'], ['Email *', 'email', 'email', true, 'email'], ['Phone', 'phone', 'tel', false, 'tel'], ].map(([label, key, type, req, ac]) => (

{label}

))}

Anything else (optional)

</div>
                  {status === 'error' && (
                    <div style={{ background: 'var(--paper-2)', border: '1px solid #c33', padding: 12, marginBottom: 12, fontSize: 14, color: '#c33' }}>
                      {errMsg}
                    </div>
                  )}
                  <div style={{ display: 'flex', gap: 12 }}>
                    <button type="submit" disabled={status === 'submitting'} className="btn btn-primary">
                      {status === 'submitting' ? 'Sending…' : 'Send match request'} <span className="arrow">→</span>
                    </button>
                    <button type="button" className="btn btn-ghost" onClick={() => setConfirm(false)}>
                      Cancel
                    </button>
                  </div>
                  <p style={{ fontSize: 12, color: 'var(--slate-700)', marginTop: 14, lineHeight: 1.5 }}>
                    Submissions are forwarded by email and are not protected by attorney-client privilege. For privileged information, please call before transmitting.
                  </p>
                </form>
              )}
            </div>

{/* Secondary panel */}
            <div className="mono" style={{ fontSize: 11, letterSpacing: '0.18em', color: 'var(--slate-700)', margin: '36px 0 16px' }}>
              ALTERNATE PANEL · IF CONFLICT
            </div>
            <div style={{ border: '1px solid var(--line-soft)', background: 'var(--paper-2)', padding: 24 }}>
              <p style={{ fontSize: 14, color: 'var(--slate-700)', lineHeight: 1.6 }}>
                Should a conflicts check disqualify the primary match, our network includes
                vetted neutrals with overlapping subject-matter expertise. We will surface
                two alternates with disclosure-cleared availability within 48 hours.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

window.IntakePage = IntakePage;