/* global React, Icon, Button, Overline, PickerTrigger, SlidePicker, Field, TextField, Avatar */ // Schools.ArtemenkoCRM — Выставить счёт (slide-in panel) function AddInvoiceModal({ onClose, onCreate }) { const { CLIENTS, INVOICE_TYPES, PAYMENT_METHODS } = window.CRM_DATA; const [shown, setShown] = React.useState(false); const [picker, setPicker] = React.useState(null); const [pickerCloseReq, setPickerCloseReq] = React.useState(0); const openPicker = (cfg) => setPicker(cfg); const [clientId, setClientId] = React.useState(null); // null = вручную const [type, setType] = React.useState('month'); const [packCount, setPackCount] = React.useState('10'); const [parent, setParent] = React.useState(''); const [student, setStudent] = React.useState(''); const [amount, setAmount] = React.useState(''); const [method, setMethod] = React.useState(null); const [desc, setDesc] = React.useState(''); const [touchedAmount, setTouchedAmount] = React.useState(false); React.useEffect(() => { const t = setTimeout(() => setShown(true), 10); return () => clearTimeout(t); }, []); const close = () => { setShown(false); setTimeout(onClose, 200); }; const activeClients = CLIENTS.filter(c => !c.archived); const client = activeClients.find(c => c.id === clientId) || null; const typeObj = INVOICE_TYPES.find(t => t.value === type) || INVOICE_TYPES[0]; // Autofill names + suggested amount when picking client / type const pickClient = (id) => { setClientId(id); const c = activeClients.find(x => x.id === id); if (c) { setStudent(c.child); setParent(c.parents && c.parents[0] ? c.parents[0].name : ''); if (!touchedAmount && typeObj.mult) setAmount(String(c.lessonPrice * typeObj.mult)); } }; const pickType = (v) => { setType(v); const obj = INVOICE_TYPES.find(t => t.value === v); const price = client ? client.lessonPrice : 1800; if (!touchedAmount && obj && obj.mult) setAmount(String(price * obj.mult)); if (!touchedAmount && v === 'pack') setAmount(String(price * (parseInt(packCount, 10) || 0))); }; const setPack = (val) => { const n = val.replace(/\D/g, ''); setPackCount(n); if (!touchedAmount) { const price = client ? client.lessonPrice : 1800; setAmount(String(price * (parseInt(n, 10) || 0))); } }; const clientLabel = client ? client.child : '— Ввести вручную —'; const clientOpts = [{ value: null, label: '— Ввести вручную —' }].concat(activeClients.map(c => ({ value: c.id, label: c.child + (c.parents && c.parents[0] ? ' · ' + c.parents[0].name : '') }))); const submit = () => { onCreate({ clientId, type, parent: parent.trim() || null, student: student.trim() || 'Без имени', amount: parseInt((amount || '0').replace(/\D/g, ''), 10) || 0, method, desc: desc.trim(), packCount: type === 'pack' ? (parseInt(packCount, 10) || 0) : null, }); }; const finish = () => { setPicker(null); setShown(false); setTimeout(submit, 200); }; const canCreate = (amount && parseInt(amount.replace(/\D/g, ''), 10) > 0) && student.trim(); return (
setPicker(null)} closeReq={pickerCloseReq} />
); } Object.assign(window, { AddInvoiceModal });