/* global React, Icon, Button, Overline, PickerTrigger, SlidePicker, Field, TextField, ContactsEditor */ // Schools.ArtemenkoCRM — Add / Edit lead (заявка). Compact slide-in drawer. function AddLeadModal({ onClose, onCreate, onSave, lead, onNavSettings }) { const { DIRECTIONS, MANAGERS, CONTACT_TYPES } = window.CRM_DATA; const editing = !!lead; const [shown, setShown] = React.useState(false); const [picker, setPicker] = React.useState(null); const [pickerCloseReq, setPickerCloseReq] = React.useState(0); const openPicker = (cfg) => setPicker(cfg); const [touched, setTouched] = React.useState(false); // Migrate legacy single channel/contact into the multi-contact model. const seedContacts = lead ? (lead.contacts && lead.contacts.length ? lead.contacts.map(c => ({ ...c })) : (lead.contact && lead.contact !== '—' ? [{ type: lead.channel || 'phone', value: lead.contact }] : [{ type: 'phone', value: '+7 ' }])) : [{ type: 'phone', value: '+7 ' }]; const [name, setName] = React.useState(lead ? lead.name : ''); const [contacts, setContacts] = React.useState(seedContacts); const [goal, setGoal] = React.useState(lead && lead.goal && lead.goal !== '—' ? lead.goal : ''); const [subjects, setSubjects] = React.useState(lead ? (lead.subjects && lead.subjects.length ? lead.subjects.slice() : (lead.subject ? [lead.subject] : [])) : []); const addSubject = (v) => { if (!v) return; if (!window.CRM_DATA.DIRECTIONS.includes(v)) window.CRM_DATA.DIRECTIONS.push(v); setSubjects(s => s.includes(v) ? s : [...s, v]); }; const removeSubject = (v) => setSubjects(s => s.filter(x => x !== v)); const [price, setPrice] = React.useState(lead && lead.price != null ? String(lead.price) : String(window.DEFAULT_LESSON_PRICE || 1800)); // Оплата в заявке — всегда «за занятие» (форматы месяц/курс убраны, см. BACKLOG). const priceUnit = 'зан'; const [manager, setManager] = React.useState(lead ? lead.manager : null); React.useEffect(() => { const t = setTimeout(() => setShown(true), 10); return () => clearTimeout(t); }, []); const close = () => { setShown(false); setTimeout(onClose, 200); }; const cleanContacts = contacts.filter(c => (c.value || '').trim() && (c.value || '').trim() !== '+7'); const contactsOk = cleanContacts.length > 0; const nameOk = name.trim().length > 0; const submit = () => { const first = cleanContacts[0] || { type: 'phone', value: '—' }; const payload = { name: name.trim() || 'Без имени', contacts: cleanContacts, channel: first.type, contact: first.value, // keep legacy fields for the table goal: goal.trim() || '—', subject: subjects[0] || null, subjects: subjects.slice(), price: price ? parseInt(price.replace(/\D/g, ''), 10) : null, priceUnit: price ? priceUnit : null, manager, }; if (editing) onSave({ ...lead, ...payload }); else onCreate(payload); }; const finish = () => { if (!nameOk || !contactsOk) { setTouched(true); return; } setPicker(null); setShown(false); setTimeout(submit, 200); }; return (
setPicker(null)} closeReq={pickerCloseReq} />
); } Object.assign(window, { AddLeadModal });