/* Quiz modal + sticky mobile bottom bar — спеку см. QUIZ-SPEC.md */ const QUIZ_DRAFT_KEY = 'assuta_quiz_draft'; const QUIZ_DRAFT_TTL = 72 * 3600 * 1000; // 72 часа const WA_LINK = 'https://api.whatsapp.com/send?phone=972526512654&text=%D0%97%D0%B4%D1%80%D0%B0%D0%B2%D1%81%D1%82%D0%B2%D1%83%D0%B9%D1%82%D0%B5%21%20%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D1%83%D0%B5%D1%82%20%D0%BB%D0%B5%D1%87%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%B2%20%D0%BA%D0%BB%D0%B8%D0%BD%D0%B8%D0%BA%D0%B5%20%D0%90%D1%81%D1%81%D1%83%D1%82%D0%B0.'; const defaultAnswers = () => ({ forWhom: '', direction: '', directionOther: '', diagnosis: '', diagnosisOther: '', diagnostics: [], diagnosticsOther: '', urgency: '', urgencyOther: '', name: '', phone: '', channel: 'WhatsApp', email: '', consent: false, }); const FOR_WHOM = [ { v: 'self', label: 'Для себя' }, { v: 'parent', label: 'Для родителя' }, { v: 'spouse', label: 'Для супруга / супруги' }, { v: 'child', label: 'Для ребёнка' }, { v: 'other', label: 'Для другого близкого человека' }, ]; const DIRECTIONS = [ { v: 'oncology', label: 'Онкология' }, { v: 'cardiology', label: 'Кардиология' }, { v: 'orthopedics', label: 'Ортопедия и хирургия позвоночника' }, { v: 'diagnostics', label: 'Диагностика и second opinion' }, { v: 'other', label: 'Другое направление', withText: true }, ]; const DIAGNOSIS_OPTIONS = { oncology: { q: 'Какая локализация опухоли?', opts: [ { v: 'breast', label: 'Рак молочной железы' }, { v: 'lung', label: 'Рак лёгких' }, { v: 'prostate', label: 'Рак предстательной железы' }, { v: 'uterus_ovary', label: 'Рак матки или яичников' }, { v: 'stomach', label: 'Рак желудка' }, { v: 'colon', label: 'Рак кишечника' }, { v: 'brain', label: 'Опухоль головного мозга' }, { v: 'other', label: 'Другая локализация', withText: true }, { v: 'pending', label: 'Диагноз ещё уточняется' }, ], }, cardiology: { q: 'Какое заболевание вас беспокоит?', opts: [ { v: 'ihd', label: 'ИБС / стенокардия' }, { v: 'valve', label: 'Порок сердца / клапаны' }, { v: 'arrhythmia', label: 'Аритмия' }, { v: 'cabg', label: 'Требуется шунтирование или стентирование' }, { v: 'other', label: 'Другое', withText: true }, { v: 'pending', label: 'Диагноз уточняется' }, ], }, orthopedics: { q: 'Что требует лечения?', opts: [ { v: 'joint', label: 'Эндопротезирование сустава' }, { v: 'spine', label: 'Межпозвоночная грыжа / операция на позвоночнике' }, { v: 'trauma', label: 'Травма / последствия травмы' }, { v: 'other', label: 'Другое', withText: true }, { v: 'pending', label: 'Диагноз уточняется' }, ], }, other: { q: 'Опишите коротко, что беспокоит', opts: null, // только текстовое поле }, }; const DIAGNOSTICS = [ { v: 'epicrisis', label: 'Выписка / эпикриз лечащего врача' }, { v: 'blood', label: 'Результаты анализов крови' }, { v: 'biopsy', label: 'Биопсия / гистология' }, { v: 'pet_ct', label: 'ПЭТ-КТ' }, { v: 'ct_mri', label: 'КТ или МРТ' }, { v: 'markers', label: 'Онкомаркеры' }, { v: 'ultrasound', label: 'УЗИ' }, { v: 'ecg', label: 'ЭКГ / Эхо-КГ' }, { v: 'xray', label: 'Рентген / снимки' }, { v: 'other', label: 'Другое', withText: true }, { v: 'none', label: 'Пока ничего нет', exclusive: true }, ]; const URGENCY = [ { v: 'urgent', label: 'Как можно скорее — состояние острое' }, { v: '2_3_weeks', label: 'В ближайшие 2–3 недели' }, { v: '1_2_months', label: 'В течение 1–2 месяцев' }, { v: 'researching', label: 'Пока собираю информацию, сравниваю клиники' }, { v: 'other', label: 'Другой срок', withText: true }, ]; const CHANNELS = ['WhatsApp', 'Telegram', 'Звонок', 'Viber']; const STEP_META = [ { n: 0, pct: 0, micro: 'Несколько вопросов — чтобы подготовить ответ именно для вас', trust: 'Анна, координатор отделения для иностранных пациентов, готовит ответ индивидуально.' }, { n: 1, pct: 15, micro: 'Подбираем специалиста', trust: 'В Ассуте принимают профессора Меримский, Гринберг, Пекарский и другие ведущие специалисты Израиля.' }, { n: 2, pct: 30, micro: 'Уточняем профиль', trust: 'Мы не передаём эти данные третьим лицам. Файлы хранятся в защищённой системе клиники.' }, { n: 3, pct: 50, micro: 'Собираем медицинский контекст', trust: 'Перевод документов на иврит — бесплатно, силами клиники.' }, { n: 4, pct: 70, micro: 'Планируем сроки', trust: 'При срочных случаях Ассута принимает пациентов в течение 5–7 дней с момента получения документов.' }, { n: 5, pct: 90, micro: 'Почти готово — Анна уже в курсе', trust: 'Данные защищены врачебной тайной. Не передаются третьим лицам, страховым компаниям и государственным органам.' }, ]; const TOTAL_STEPS = 6; const Quiz = ({open = true, onClose, variant = 'modal'}) => { const isModal = variant === 'modal'; const [step, setStep] = React.useState(0); const [ans, setAns] = React.useState(defaultAnswers); const [done, setDone] = React.useState(false); const [errors, setErrors] = React.useState({}); // Load draft from localStorage on mount / open React.useEffect(() => { if (isModal && !open) return; try { const raw = window.localStorage?.getItem(QUIZ_DRAFT_KEY); if (raw) { const draft = JSON.parse(raw); if (draft.timestamp && (Date.now() - draft.timestamp) < QUIZ_DRAFT_TTL) { setAns({ ...defaultAnswers(), ...draft.ans }); setStep(draft.step || 0); } } } catch (e) { /* ignore */ } }, [open, isModal]); // Save draft debounced React.useEffect(() => { if ((isModal && !open) || done) return; const id = setTimeout(() => { try { window.localStorage?.setItem(QUIZ_DRAFT_KEY, JSON.stringify({ step, ans, timestamp: Date.now() })); } catch (e) { /* ignore */ } }, 500); return () => clearTimeout(id); }, [ans, step, open, done, isModal]); // Escape handler + body scroll lock (modal only) React.useEffect(() => { if (!isModal || !open) return; const onKey = (e) => { if (e.key === 'Escape') onClose?.(); }; window.addEventListener('keydown', onKey); document.body.style.overflow = 'hidden'; return () => { window.removeEventListener('keydown', onKey); document.body.style.overflow = ''; }; }, [open, onClose, isModal]); if (isModal && !open) return null; const meta = STEP_META[Math.min(step, TOTAL_STEPS - 1)]; const update = (k, v) => setAns(a => ({ ...a, [k]: v })); const toggleDiag = (v, exclusive) => { setAns(a => { if (exclusive) return { ...a, diagnostics: a.diagnostics.includes(v) ? [] : [v] }; const next = a.diagnostics.includes(v) ? a.diagnostics.filter(x => x !== v) : a.diagnostics.filter(x => x !== 'none').concat(v); return { ...a, diagnostics: next }; }); }; // Skip Step 2 if direction = diagnostics const nextStep = () => { if (step === 1 && ans.direction === 'diagnostics') setStep(3); else setStep(s => s + 1); }; const prevStep = () => { if (step === 3 && ans.direction === 'diagnostics') setStep(1); else setStep(s => Math.max(0, s - 1)); }; const canGoNext = () => { if (step === 0) return !!ans.forWhom; if (step === 1) return !!ans.direction && (ans.direction !== 'other' || ans.directionOther.trim().length >= 3); if (step === 2) { if (ans.direction === 'other') return ans.diagnosisOther.trim().length >= 3; return !!ans.diagnosis && (ans.diagnosis !== 'other' || ans.diagnosisOther.trim().length >= 3); } if (step === 3) return true; // пропускаемый if (step === 4) return !!ans.urgency && (ans.urgency !== 'other' || ans.urgencyOther.trim().length >= 3); return true; }; const validateSubmit = () => { const err = {}; if (!ans.name.trim() || ans.name.trim().length < 2) err.name = 'Введите имя (от 2 символов)'; const digits = ans.phone.replace(/\D/g, ''); if (digits.length < 10) err.phone = 'Введите номер в формате +7 900 000 00 00'; if (ans.email && !/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(ans.email)) err.email = 'Проверьте адрес почты'; if (!ans.consent) err.consent = 'Нужно согласие для отправки данных'; setErrors(err); return Object.keys(err).length === 0; }; const submit = () => { if (!validateSubmit()) return; // TODO (backend): POST /api/leads/assuta — пока только local state + analytics dataLayer hook. try { window.dataLayer?.push({ event: 'quiz_submit', forWhom: ans.forWhom, direction: ans.direction, urgency: ans.urgency, }); } catch (e) { /* ignore */ } try { window.localStorage?.removeItem(QUIZ_DRAFT_KEY); } catch (e) { /* ignore */ } setDone(true); }; const resetQuiz = () => { if (!window.confirm('Очистить все ответы и начать заново?')) return; setStep(0); setAns(defaultAnswers()); setErrors({}); setDone(false); try { window.localStorage?.removeItem(QUIZ_DRAFT_KEY); } catch (e) { /* ignore */ } }; const Shell = isModal ? ModalShell : SectionShell; return (
e.stopPropagation()}> {isModal && } {!done && ( <>
Шаг {Math.min(step + 1, TOTAL_STEPS)} из {TOTAL_STEPS} {meta.pct}%
{meta.micro}
)} {/* STEP 0 — Для кого */} {!done && step === 0 && ( <>

Для кого вы ищете лечение?

Это поможет правильно подготовить документы и связаться с нужным специалистом.

{FOR_WHOM.map(o => ( ))}
)} {/* STEP 1 — Направление */} {!done && step === 1 && ( <>

Какое направление вас интересует?

Если диагноз ещё не подтверждён — выберите предполагаемое направление.

{DIRECTIONS.map(o => ( ))} {ans.direction === 'other' && ( update('directionOther', e.target.value)} autoFocus/> )}
)} {/* STEP 2 — Диагноз (conditional) */} {!done && step === 2 && (() => { const cfg = DIAGNOSIS_OPTIONS[ans.direction] || DIAGNOSIS_OPTIONS.other; return ( <>

{cfg.q}

Если точного диагноза нет — укажите, что предполагают врачи. Все данные защищены врачебной тайной.

{cfg.opts && (
{cfg.opts.map(o => ( ))} {ans.diagnosis === 'other' && ( update('diagnosisOther', e.target.value)} autoFocus/> )}
)} {!cfg.opts && ( update('diagnosisOther', e.target.value)} autoFocus/> )} ); })()} {/* STEP 3 — Диагностика (multi-select, skip) */} {!done && step === 3 && ( <>

Какие обследования уже проведены?

Отметьте всё, что есть на руках. Это ускорит подбор программы. Если ничего нет — пропустите шаг, мы поможем организовать диагностику в Ассуте.

{DIAGNOSTICS.map(o => { const checked = ans.diagnostics.includes(o.v); return ( ); })} {ans.diagnostics.includes('other') && ( update('diagnosticsOther', e.target.value)}/> )}
)} {/* STEP 4 — Сроки */} {!done && step === 4 && ( <>

Когда планируете приехать на лечение?

Это ориентир — окончательные сроки согласуем с врачом по вашему состоянию.

{URGENCY.map(o => ( ))} {ans.urgency === 'other' && ( update('urgencyOther', e.target.value)} autoFocus/> )}
)} {/* STEP 5 — Контакты */} {!done && step === 5 && ( <>

Последний шаг — куда отправить ответ координатора

Анна перезвонит или напишет в удобный вам мессенджер в течение ~7 минут в рабочее время (09:00–20:00 Израиль).

update('name', e.target.value)} autoComplete="name"/> {errors.name &&
{errors.name}
}
update('phone', e.target.value)}/> {errors.phone &&
{errors.phone}
}
{CHANNELS.map(c => ( ))}
update('email', e.target.value)}/> {errors.email &&
{errors.email}
}
{errors.consent &&
{errors.consent}
}
)} {/* TRUST line (кроме success) */} {!done && (
{meta.trust}
)} {/* NAVIGATION */} {!done && (
{step > 0 && ( <> )}
{step < 5 && ( <> или нажмите Enter )} {step === 5 && ( )}
)} {/* SUCCESS */} {done && (
А

Заявка принята. Анна готовит ответ.

Анна Левина, координатор международного отделения Ассуты

Координатор получит ваши данные в течение минуты и подготовит предварительный ответ за ~7 минут. В ответе будет:

  • Предварительная оценка программы и сроков
  • Список врачей, подходящих по профилю
  • Что нужно прислать для точной сметы

Если вы обратились после 20:00 по израильскому времени, Анна свяжется с вами утром — до 10:00.

Написать Анне в WhatsApp Позвонить: +972-52-651-2654
Ваша заявка зашифрована и доступна только сотрудникам международного отделения. Хранится в защищённой системе клиники в соответствии с законом Израиля о правах пациента.
)}
); }; /* Stable module-level wrappers — избежать пересоздания компонента на render (иначе React рвёт поддерево и input теряет focus). */ const ModalShell = ({children, onClose}) => (
{children}
); const SectionShell = ({children}) => (
Предварительная оценка · ~2 минуты

Узнайте, что Ассута может предложить в вашем случае.

Ответьте на 5 коротких вопросов — Анна пришлёт предварительную оценку программы и список подходящих врачей за ~7 минут.

{children}
); /* Convenience export: inline variant of Quiz — renders as a page section */ const QuizSection = () => ; /* Sticky mobile bottom bar */ const StickyBar = ({onOpenQuiz}) => { const [visible, setVisible] = React.useState(false); React.useEffect(() => { const onScroll = () => setVisible(window.scrollY > 720); window.addEventListener('scroll', onScroll, {passive: true}); document.body.classList.add('sticky-padded'); return () => { window.removeEventListener('scroll', onScroll); document.body.classList.remove('sticky-padded'); }; }, []); return (
А
Анна · координатор
онлайн · ответит за 7 минут
); }; /* Back-to-top button — появляется при scrollY > 600, на мобиле над sticky-bar */ const BackToTop = () => { const [visible, setVisible] = React.useState(false); React.useEffect(() => { let ticking = false; const onScroll = () => { if (ticking) return; ticking = true; requestAnimationFrame(() => { setVisible(window.scrollY > 600); ticking = false; }); }; window.addEventListener('scroll', onScroll, {passive: true}); return () => window.removeEventListener('scroll', onScroll); }, []); return ( ); }; window.Quiz = Quiz; window.StickyBar = StickyBar; window.QuizSection = QuizSection; window.BackToTop = BackToTop;