/* global React, Icon, MLN */ const { useState: useStateInq, useEffect: useEffectInq } = React; const PHONE_RE_INQ = /^0[2-9]\d[-\s]?\d{7}$|^05\d[-\s]?\d{7}$/; const EMAIL_RE_INQ = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; const ILS_INQ = (n) => '₪' + Number(n).toLocaleString('he-IL'); // Input character filters — strip "stupid" characters const onlyPhoneChars = (v) => v.replace(/[^\d\-\s]/g, ''); // digits, dash, space const onlyNameChars = (v) => v.replace(/[^A-Za-z֐-׿\s'"׳״\-]/g, ''); // letters (heb/eng) + space const onlyDigits = (v) => v.replace(/[^\d]/g, ''); // house number const ISRAELI_CITIES = [ 'אבו גוש','אבן יהודה','אופקים','אור יהודה','אור עקיבא','אילת','אלעד','אריאל', 'אשדוד','אשקלון','באר שבע','בית שאן','בית שמש','ביתר עילית','בני ברק', 'גבעת שמואל','גבעתיים','גדרה','הוד השרון','הרצלייה','חדרה','חולון','חיפה', 'טבריה','טירה','טירת כרמל','טמרה','יבנה','יהוד-מונוסון','ירושלים', 'כוכב יאיר','כפר יונה','כפר סבא','כפר קאסם','כרמיאל','לוד','מגדל העמק', 'מודיעין-מכבים-רעות','מודיעין עילית','מעלה אדומים','מעלות-תרשיחא', 'נהריה','נוף הגליל','נס ציונה','נצרת','נתיבות','נתניה','סח\'נין', 'עכו','עפולה','ערד','פתח תקווה','צפת','קריית אונו','קריית אתא', 'קריית ביאליק','קריית גת','קריית מוצקין','קריית מלאכי','קריית שמונה', 'ראש העין','ראשון לציון','רהט','רחובות','רמלה','רמת גן','רמת השרון', 'רעננה','שדרות','שפרעם','תל אביב-יפו','תל מונד','דימונה', 'אום אל-פחם','גבעת זאב','דאלית אל-כרמל','מיתר','נשר','עומר', 'פרדס חנה-כרכור','קצרין','רכסים','שוהם', ]; const InquiryModal = ({ data, onClose, onSubmit }) => { const emptyForm = { name: '', phone: '', email: '', message: '', organization: '', city: '', street: '', houseNumber: '', date1: '', date2: '', preferredTime: '', audienceType: '', }; const [form, setForm] = useStateInq(emptyForm); const [topic, setTopic] = useStateInq('general'); const [selectedProducts, setSelectedProducts] = useStateInq({}); // { id: qty } const [errors, setErrors] = useStateInq({}); const [sent, setSent] = useStateInq(false); const [saving, setSaving] = useStateInq(false); const [record, setRecord] = useStateInq(null); useEffectInq(() => { if (data) { setTopic(data.topic || 'general'); setForm({ ...emptyForm, message: data.message || '' }); // Pre-select the product the user clicked, qty 1 const initSel = (data.productId) ? { [data.productId]: 1 } : {}; setSelectedProducts(initSel); setErrors({}); setSent(false); setRecord(null); } }, [data]); if (!data) return null; const t = MLN.TOPICS[topic] || MLN.TOPICS.general; const isLecture = topic === 'lecture'; const isProduct = topic === 'product'; // Available products for the checkbox list (passed from StoreSection) // מוצרים פעילים — ניתן לבחירה const activeProducts = (data.products || []).filter( p => p.active && !p.comingSoon && (!p.status || p.status === 'active') ); // מוצרי בקרוב — מוצגים אך לא ניתן לבחירה const comingSoonProducts = (data.products || []).filter( p => p.active && (p.comingSoon || p.status === 'coming-soon') ); // כולם ביחד לתצוגה const allDisplayProducts = [...activeProducts, ...comingSoonProducts]; const toggleProduct = (id) => { setSelectedProducts(prev => { const next = { ...prev }; if (next[id]) delete next[id]; else next[id] = 1; return next; }); setErrors(ev => ({ ...ev, products: '' })); }; const setQty = (id, qty) => { const q = Math.max(1, parseInt(qty, 10) || 1); setSelectedProducts(prev => ({ ...prev, [id]: q })); }; // ---- validation ---- const validate = () => { const errs = {}; if (!form.name.trim() || form.name.trim().length < 2) errs.name = 'נא להזין שם מלא'; if (!PHONE_RE_INQ.test(form.phone.trim().replace(/\s/g, ''))) errs.phone = 'מספר טלפון לא תקין (לדוגמה: 054-1234567)'; if (form.email && !EMAIL_RE_INQ.test(form.email.trim())) errs.email = 'כתובת מייל לא תקינה'; if (isLecture) { if (!form.city.trim()) errs.city = 'נא לציין עיר'; if (!form.street.trim()) errs.street = 'נא להזין רחוב'; if (!form.houseNumber.trim()) errs.houseNumber = 'מספר בית'; if (!form.date1) errs.date1 = 'נא לבחור תאריך'; else { const d = new Date(form.date1); const today = new Date(); today.setHours(0, 0, 0, 0); if (d < today) errs.date1 = 'התאריך חייב להיות בעתיד'; } } else if (isProduct) { const selectedActive = Object.keys(selectedProducts).filter(id => activeProducts.find(p => p.id === id)); if (selectedActive.length === 0) errs.products = 'יש לבחור לפחות מוצר אחד'; } else { if (!form.message.trim()) errs.message = 'נא לכתוב הודעה'; } return errs; }; const buildProductSummary = () => { return Object.entries(selectedProducts).map(([id, qty]) => { const p = activeProducts.find(x => x.id === id); return p ? `${p.name} × ${qty} (${ILS_INQ(p.price)})` : ''; }).filter(Boolean).join('\n'); }; const submit = async (e) => { e.preventDefault(); const errs = validate(); if (Object.keys(errs).length > 0) { setErrors(errs); return; } setSaving(true); const address = isLecture ? `${form.street} ${form.houseNumber}` : ''; const productSummary = isProduct ? buildProductSummary() : ''; const rec = { id: MLN.id(), topic, product: data.product || (isProduct ? productSummary.split('\n')[0] : null), name: form.name, phone: form.phone, email: form.email, message: isLecture ? `עיר: ${form.city}\nכתובת: ${address}\nתאריך: ${form.date1}${form.date2 ? ' / ' + form.date2 : ''}${form.preferredTime ? '\nשעה: ' + form.preferredTime : ''}${form.audienceType ? '\nקהל: ' + form.audienceType : ''}${form.message ? '\n\nהערות: ' + form.message : ''}` : isProduct ? `מוצרים שנבחרו:\n${productSummary}${form.message ? '\n\nהערות: ' + form.message : ''}` : form.message, organization: form.organization, city: form.city, address, date1: form.date1, date2: form.date2, preferredTime: form.preferredTime, audienceType: form.audienceType, date: new Date().toISOString(), read: false, }; try { if (isLecture && typeof saveLectureRequest === 'function') { await saveLectureRequest({ name: form.name, organization: form.organization, phone: form.phone, email: form.email, city: form.city, address, date1: form.date1, date2: form.date2 || null, preferredTime: form.preferredTime || null, audienceType: form.audienceType || null, notes: form.message || null, }); } else if (typeof saveContactMessage === 'function') { await saveContactMessage({ name: form.name, email: form.email, phone: form.phone, subject: t.label + (data.product ? ' — ' + data.product : ''), message: rec.message, }); } } catch (err) { setSaving(false); setErrors({ form: err.message || 'אירעה שגיאה, נסה שוב' }); return; } onSubmit(rec); setRecord(rec); setSaving(false); setSent(true); }; // Generic text field helper (with optional char-filter) const field = (label, key, type, ph, required, filterFn) => ( ); const wide = isLecture || isProduct; return (
e.stopPropagation()} style={{ width: wide ? 'min(680px, 100%)' : 'min(540px, 100%)', background: 'var(--paper)', borderRadius: 'var(--radius-xl)', boxShadow: '0 40px 100px rgba(74,14,24,0.4)', padding: 'clamp(18px, 4vw, 38px)', paddingTop: 'clamp(52px, 6vw, 52px)', animation: 'mlnPop 320ms var(--ease-out)', position: 'relative', marginBottom: 10, }}> {!sent ? (
{data.title || t.label}

{data.heading || 'נשמח לשמוע ממך'}

{data.sub || 'השאר/י פרטים ואחזור אליך בהקדם.'}

{!data.lockTopic && ( )} {/* base fields */} {field('שם מלא', 'name', 'text', 'איך לפנות אליך?', true, onlyNameChars)}
{field('טלפון', 'phone', 'tel', '054-1234567', true, onlyPhoneChars)}
{/* PRODUCT — checkbox selection */} {isProduct && (
בחר/י מוצרים*
{allDisplayProducts.length === 0 ? ( אין מוצרים זמינים כרגע. ) : allDisplayProducts.map(p => { const isSoon = p.comingSoon || p.status === 'coming-soon'; const checked = !!selectedProducts[p.id]; return (
{isSoon ? ( בקרוב ) : ( toggleProduct(p.id)} style={{ cursor: 'pointer' }} /> )} {checked && !isSoon && ( )}
); })}
{errors.products && {errors.products}}
)} {/* LECTURE fields */} {isLecture && ( {field('שם הארגון / המוסד', 'organization', 'text', 'לדוגמה: עיריית חיפה, בית ספר...', false, onlyNameChars)}