// quotes.jsx — מרכז הצעות מחיר (cloud-backed, מקושר לתקציב). // v3.9.0.39: localStorage → QuotesStore; כל הצעה משויכת ל-budget_line_id. // סטטוסים: open (במרוץ) / closed (נסגרה — נבחרת) / rejected (נדחתה). חתימה = תכונה (sig). (function(){ // ── Edge Function URL ────────────────────────────────────────────────────── const EXTRACT_QUOTE_FN = 'https://ifppalksavexjrjsngeh.supabase.co/functions/v1/extract-quote'; const AI_CHAT_FN = 'https://ifppalksavexjrjsngeh.supabase.co/functions/v1/ai-chat'; // ── מע"מ ────────────────────────────────────────────────────────────────── const VAT_RATE = 0.18; // 18% — ישראל 2025 const addVat = (net) => Math.round(net * (1 + VAT_RATE)); const removeVat = (gross) => Math.round(gross / (1 + VAT_RATE)); const fmtVat = (n) => Number(n).toLocaleString('he-IL') + ' ₪'; const { useState, useEffect, useRef, useMemo } = React; const STATUS_MAP = { open: { label:'במרוץ', color:'#f59e0b', bg:'#fef3c7' }, closed: { label:'נסגרה', color:'#16a34a', bg:'#dcfce7' }, rejected: { label:'נדחתה', color:'#ef4444', bg:'#fee2e2' }, }; const fmtMoney = v => v ? Number(v).toLocaleString('he-IL') + ' ₪' : '—'; const fmtDate = iso => { if(!iso) return '—'; const d=new Date(iso); return String(d.getDate()).padStart(2,'0')+'/'+String(d.getMonth()+1).padStart(2,'0')+'/'+d.getFullYear(); }; // ═══════════════════════════════════════════════════════════════════════════════ // QuotesScreen — ראשי // ═══════════════════════════════════════════════════════════════════════════════ const QuotesScreen = ({ projectId, onBack }) => { const [quotes, setQuotes] = useState([]); const [budgetLines, setBudgetLines] = useState([]); // [{id, category, name, supplier}] const [loading, setLoading] = useState(true); const [view, setView] = useState('list'); // list | compare | detail const [selectedLineId, setSelectedLineId] = useState(null); // for compare const [activeQuote, setActiveQuote] = useState(null); const [showAddModal, setShowAddModal] = useState(false); const [editingQuote, setEditingQuote] = useState(null); const [filterCategory, setFilterCategory] = useState('all'); const [toast, setToast] = useState(null); const seedTriedRef = React.useRef(null); const showToast = (msg, ok=true) => { setToast({msg, ok}); setTimeout(()=>setToast(null), 3000); }; // ── טעינת הצעות + שורות תקציב ──────────────────────────────────────────── const refresh = async () => { if (!window.QuotesStore || !window.BudgetStore) { setLoading(false); return; } setLoading(true); try { const [qs, bgInit] = await Promise.all([ window.QuotesStore.listForProject(projectId), window.BudgetStore.getForProject(projectId), ]); let bg = bgInit; // אם אין שורות תקציב — זרע ברירות-מחדל פעם אחת לפרויקט, כדי שיהיה מה לשייך אליו if ((!bg.lines || bg.lines.length === 0) && seedTriedRef.current !== projectId && window.BudgetStore.ensureSeeded) { seedTriedRef.current = projectId; bg = await window.BudgetStore.ensureSeeded(projectId); } setQuotes(qs || []); // שטח את שורות התקציב לרשימה שמתאימה לבורר. const lines = (bg.lines || []).map(r => ({ id: r.id, category: r.category || '', name: r.name || '', supplier: r.supplier || '', })); setBudgetLines(lines); } catch (err) { console.warn('[QuotesScreen] refresh:', err); } finally { setLoading(false); } }; useEffect(() => { refresh(); }, [projectId]); // v3.9.0.45 — טעינה מחודשת של שורות התקציב בלבד (אחרי יצירת שורה מתוך טופס ההצעה) const reloadBudgetLines = async () => { if (!window.BudgetStore) return; try { const bg = await window.BudgetStore.getForProject(projectId); setBudgetLines((bg.lines || []).map(r => ({ id: r.id, category: r.category || '', name: r.name || '', supplier: r.supplier || '', }))); } catch (e) { console.warn('[QuotesScreen] reloadBudgetLines:', e); } }; // קבוצות תקציב (לסינון + ויזואל) const categories = useMemo(() => { const set = new Set(); budgetLines.forEach(l => l.category && set.add(l.category)); return ['all', ...Array.from(set)]; }, [budgetLines]); // קבוץ הצעות לפי category → budget_line_id → quote[] const grouped = useMemo(() => { const out = {}; quotes.forEach(q => { const cat = q.category || (q.budget_line_id ? '—' : 'לא משויכות'); if (!out[cat]) out[cat] = {}; const key = q.budget_line_id || '__unlinked__'; if (!out[cat][key]) out[cat][key] = []; out[cat][key].push(q); }); return out; }, [quotes]); const stats = useMemo(() => ({ total: quotes.length, open: quotes.filter(q => q.status === 'open').length, closed: quotes.filter(q => q.status === 'closed').length, rejected: quotes.filter(q => q.status === 'rejected').length, totalClosed: quotes.filter(q => q.status === 'closed').reduce((s,q)=>s + (+q.price||0), 0), unlinked: quotes.filter(q => !q.budget_line_id).length, }), [quotes]); const lineLabel = (lineId) => { const l = budgetLines.find(x => x.id === lineId); return l ? `${l.name || '(ללא שם)'}${l.category ? ' · ' + l.category : ''}` : '—'; }; // ── handlers (ענן) ─────────────────────────────────────────────────────── const handleCreate = async (form) => { try { await window.QuotesStore.create(projectId, form); showToast('✓ הצעה נוספה'); setShowAddModal(false); await refresh(); } catch (err) { alert('שגיאה ביצירת הצעה: ' + (err?.message || err)); } }; const handleUpdate = async (id, patch) => { try { await window.QuotesStore.update(id, patch); showToast('✓ עודכן'); await refresh(); // עדכן activeQuote ב-detail אם פתוח setActiveQuote(prev => prev && prev.id === id ? { ...prev, ...patch } : prev); } catch (err) { alert('שגיאה בעדכון: ' + (err?.message || err)); } }; const handleDelete = async (id) => { if (!confirm('למחוק את ההצעה?')) return; try { await window.QuotesStore.remove(id); showToast('✓ נמחק'); setView('list'); setActiveQuote(null); await refresh(); } catch (err) { alert('שגיאה במחיקה: ' + (err?.message || err)); } }; const handleSetStatus = async (id, status) => { try { await window.QuotesStore.setStatus(id, status); showToast(`✓ ${status === 'closed' ? 'נסגרה' : status === 'rejected' ? 'נדחתה' : 'במרוץ'}`); await refresh(); setActiveQuote(prev => prev && prev.id === id ? { ...prev, status } : prev); } catch (err) { alert('שגיאה: ' + (err?.message || err)); } }; // ── תצוגות משניות ──────────────────────────────────────────────────────── if (loading) return (
טוען הצעות מחיר…
); if (view === 'detail' && activeQuote) { return { setView('list'); setActiveQuote(null); }} onUpdate={(patch) => handleUpdate(activeQuote.id, patch)} onDelete={() => handleDelete(activeQuote.id)} onSetStatus={(s) => handleSetStatus(activeQuote.id, s)} />; } if (view === 'compare' && selectedLineId) { const lineQuotes = quotes.filter(q => q.budget_line_id === selectedLineId); return { setView('list'); setSelectedLineId(null); }} onSelect={(q) => handleSetStatus(q.id, 'closed')} onReject={(q) => handleSetStatus(q.id, 'rejected')} />; } return (
{toast && (
{toast.msg}
)} {/* Header */}
הצעות מחיר
{/* Stats */}
{[ { label:'סה"כ הצעות', value:stats.total, color:'var(--ybp-navy)' }, { label:'במרוץ', value:stats.open, color:'#f59e0b' }, { label:'נסגרו', value:stats.closed, color:'#16a34a' }, { label:'סה"כ נסגר', value:fmtMoney(stats.totalClosed), color:'var(--ybp-navy)', small:true }, ].map(s => (
{s.value}
{s.label}
))}
{stats.unlinked > 0 && (
⚠️ {stats.unlinked} הצעות ללא שיוך לשורת תקציב. פתח כל אחת ושייך כדי שתשפיע על התקציב.
)} {/* Filter */}
{categories.map(c => ( ))}
{/* List */}
{Object.entries(grouped) .filter(([cat]) => filterCategory === 'all' || cat === filterCategory) .map(([cat, byLine]) => (
{cat}
{Object.entries(byLine).map(([lineId, qs]) => { const line = budgetLines.find(l => l.id === lineId); const header = line ? (line.name || '(ללא שם)') : 'לא משויכות לשורה'; const minP = Math.min(...qs.filter(q=>q.status!=='rejected').map(q=>+q.price||Infinity)); return (
{header} {qs.length} הצעות {qs.length > 1 && line && ( )}
{/* v76.9 — השוואת פירוט פריטים כשיש יותר מהצעה אחת עם items */} {qs.filter(q => q.items && q.items.length > 0).length > 1 && (
q.items && q.items.length > 0)} />
)} {qs.map(q => { const st = STATUS_MAP[q.status] || STATUS_MAP.open; const isCheapest = (+q.price === minP) && minP !== Infinity && q.status !== 'rejected' && qs.length > 1; return (
{ setActiveQuote(q); setView('detail'); }} style={{ padding:'10px 14px', borderBottom:'1px solid #f9fafb', display:'flex', alignItems:'center', gap:10, cursor:'pointer', background: q.status==='closed' ? '#f0fdf4' : isCheapest ? '#fefce8' : 'var(--ybp-panel)' }} onMouseEnter={e=>e.currentTarget.style.background = q.status==='closed' ? '#dcfce7' : 'var(--ybp-row-hover)'} onMouseLeave={e=>e.currentTarget.style.background = q.status==='closed' ? '#f0fdf4' : isCheapest ? '#fefce8' : 'var(--ybp-panel)'}>
{q.supplier || '(ספק)'}
{q.contact || '—'} · {q.phone || ''}
{fmtMoney(q.price)}
{fmtDate(q.created_at)}
{st.label} ›
); })}
); })}
))} {quotes.length === 0 && (
📋
אין הצעות מחיר עדיין
לחץ "+ הוסף הצעה" להתחיל
)}
{showAddModal && ( setShowAddModal(false)} onSave={handleCreate} /> )}
); }; // ═══════════════════════════════════════════════════════════════════════════════ // CompareView — השוואת הצעות לאותה שורת תקציב // ═══════════════════════════════════════════════════════════════════════════════ const CompareView = ({ lineLabel, quotes, onBack, onSelect, onReject }) => { const sorted = [...quotes].sort((a,b) => (+a.price||0) - (+b.price||0)); const nonRej = quotes.filter(q => q.status !== 'rejected'); const minPrice = nonRej.length ? Math.min(...nonRej.map(q=>+q.price||Infinity)) : Infinity; return (
⚖️ השוואה — {lineLabel}
{['ספק','מחיר','תנאים','אחריות','הערות','סטטוס'].map(h => ( ))} {sorted.map(q => { const isCheapest = (+q.price === minPrice) && q.status !== 'rejected'; const st = STATUS_MAP[q.status] || STATUS_MAP.open; return ( ); })}
{h}
{q.supplier || '—'}
{q.contact || ''}
{Number(q.price || 0).toLocaleString('he-IL')} ₪
{isCheapest &&
✓ הכי זול
} 		{q.terms || '—'} {q.warranty || '—'} {q.notes || '—'} {st.label}
בחר ספק זוכה / דחה:
{sorted.map(q => { const isClosed = q.status === 'closed'; const isRej = q.status === 'rejected'; return (
{q.supplier || '—'}
{Number(q.price||0).toLocaleString('he-IL')} ₪ · {q.terms || '—'}
{isClosed ? ✓ נסגרה : (
{!isRej && ( )}
) }
); })}
); }; // ═══════════════════════════════════════════════════════════════════════════════ // QuoteDetail — פרטי הצעה + חתימה + שליחה לספק // ═══════════════════════════════════════════════════════════════════════════════ const QuoteDetail = ({ quote, budgetLines, reloadBudgetLines, lineLabel, onBack, onUpdate, onDelete, onSetStatus }) => { const [showSigPad, setShowSigPad] = useState(false); const [showSendMenu, setShowSendMenu] = useState(false); const [editing, setEditing] = useState(false); const canvasRef = useRef(null); const drawing = useRef(false); const sigUrl = quote.sig || null; const st = STATUS_MAP[quote.status] || STATUS_MAP.open; const handleSign = () => { const url = canvasRef.current.toDataURL('image/png'); onUpdate({ sig: url }); setShowSigPad(false); }; const buildShareText = () => `הצעת מחיר — ${lineLabel(quote.budget_line_id) || '(לא משויכת)'}\nספק: ${quote.supplier || ''}\nמחיר: ${Number(quote.price||0).toLocaleString('he-IL')} ₪\nתנאים: ${quote.terms || '—'}\nאחריות: ${quote.warranty || '—'}\n\nYBPROJECTS`; return (
{showSigPad && (
setShowSigPad(false)}>
e.stopPropagation()}>
חתימה דיגיטלית
חתום בתוך המסגרת
{ drawing.current=true; const r=canvasRef.current.getBoundingClientRect(); const ctx=canvasRef.current.getContext('2d'); ctx.beginPath(); ctx.moveTo(e.clientX-r.left,e.clientY-r.top); }} onMouseMove={e=>{ if(!drawing.current)return; const r=canvasRef.current.getBoundingClientRect(); const ctx=canvasRef.current.getContext('2d'); ctx.lineTo(e.clientX-r.left,e.clientY-r.top); ctx.strokeStyle='#1a2c4a'; ctx.lineWidth=2.5; ctx.lineCap='round'; ctx.stroke(); }} onMouseUp={()=>{ drawing.current=false; }} onMouseLeave={()=>{ drawing.current=false; }} onTouchStart={e=>{ e.preventDefault(); drawing.current=true; const r=canvasRef.current.getBoundingClientRect(); const t=e.touches[0]; const ctx=canvasRef.current.getContext('2d'); ctx.beginPath(); ctx.moveTo(t.clientX-r.left,t.clientY-r.top); }} onTouchMove={e=>{ e.preventDefault(); if(!drawing.current)return; const r=canvasRef.current.getBoundingClientRect(); const t=e.touches[0]; const ctx=canvasRef.current.getContext('2d'); ctx.lineTo(t.clientX-r.left,t.clientY-r.top); ctx.strokeStyle='#1a2c4a'; ctx.lineWidth=2.5; ctx.lineCap='round'; ctx.stroke(); }} onTouchEnd={()=>{ drawing.current=false; }} />
)} {editing && ( setEditing(false)} onSave={(form) => { onUpdate(form); setEditing(false); }} /> )}
{quote.supplier || '(ספק)'}
{st.label}
{/* שיוך לתקציב */}
שיוך לשורת תקציב
{quote.budget_line_id ? (
📑 {lineLabel(quote.budget_line_id)}
) : (
⚠️ לא משויכת — ההצעה לא תשפיע על התקציב עד שתשייך
)}
{/* פרטים */}
פרטי הצעה
{[ ['ספק', quote.supplier], ['איש קשר', quote.contact], ['טלפון', quote.phone], ['מחיר לתקציב (ללא מע"מ)', fmtMoney(quote.price)], ...(quote.vat_included !== false && quote.price ? [['כולל מע"מ', fmtMoney(addVat(quote.price))]] : []), ...(quote.validity ? [['תוקף הצעה', quote.validity]] : []), ['תנאי תשלום', quote.terms], ['אחריות', quote.warranty], ['הערות', quote.notes], ['תאריך', fmtDate(quote.created_at)], ].filter(([,v]) => v).map(([k,v]) => (
{k}
{v}
))}
{/* פירוט פריטים — מוצג תמיד אם יש items */} {quote.items && quote.items.length > 0 && (
📋 פירוט פריטים
{quote.vat_included !== false ? 'כולל מע"מ' : 'ללא מע"מ'} {quote.validity ? ` · תוקף: ${quote.validity}` : ''}
{quote.items.map((item, i) => ( ))}
תיאור כמות יחידה מחיר יח׳ סה"כ
{item.name} {item.qty != null ? item.qty : —} {item.unit || —} {item.unit_price ? Number(item.unit_price).toLocaleString('he-IL') + ' ₪' : —} {item.total ? Number(item.total).toLocaleString('he-IL') + ' ₪' : חסר מחיר}
סה"כ פריטים {Number(quote.items.reduce((s, it) => s + (+it.total || 0), 0)).toLocaleString('he-IL')} ₪
)} {/* חתימה */}
חתימה על ההצעה
{sigUrl ?
✓ חתומה
: }
{/* פעולות סטטוס */}
סטטוס
{[['open','במרוץ','#f59e0b'],['closed','סגור / נבחר','#16a34a'],['rejected','דחה','#ef4444']].map(([k,label,col]) => { const active = quote.status === k; return ( ); })}
{quote.status === 'closed' && (
✓ הצעה זו נקבעה כעלות בפועל בשורת התקציב
)} {!quote.budget_line_id && (
⚠️ ההצעה לא משויכת לשורת תקציב — סטטוס לא משפיע על תקציב
)}
{/* שליחה / מחיקה */}
))}
)}
); }; // ── DropZone — אזור גרירה + לחיצה ──────────────────────────────────────── const DropZone = ({ loading, onFile }) => { const [dragging, setDragging] = React.useState(false); const fileRef = React.useRef(); const handleDrop = (e) => { e.preventDefault(); setDragging(false); const file = e.dataTransfer.files?.[0]; if (file) onFile(file); }; const handleChange = (e) => { const file = e.target.files?.[0]; if (file) onFile(file); e.target.value = ''; }; return (
{ e.preventDefault(); setDragging(true); }} onDragEnter={(e) => { e.preventDefault(); setDragging(true); }} onDragLeave={() => setDragging(false)} onDrop={handleDrop} onClick={() => !loading && fileRef.current?.click()} style={{ border: `2px dashed ${dragging ? 'var(--ybp-navy)' : 'var(--ybp-border)'}`, borderRadius: 10, background: dragging ? 'rgba(59,130,246,0.06)' : 'transparent', padding: '18px 12px', textAlign: 'center', cursor: loading ? 'wait' : 'pointer', transition: 'all .15s', }}> {loading ? (
⏳ מחלץ נתונים...
) : dragging ? (
📂
שחרר כאן
) : (
📂
גרור לכאן או לחץ לבחירה
PDF · JPG · PNG · XLSX — עד 10MB
)}
); }; // ═══════════════════════════════════════════════════════════════════════════════ // QuoteAIExtractor — חילוץ AI מקובץ או טקסט (שלב B) // ═══════════════════════════════════════════════════════════════════════════════ const QuoteAIExtractor = ({ onExtracted }) => { const [mode, setMode] = React.useState('file'); // 'file' | 'text' const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(''); const [pasteText, setPasteText] = React.useState(''); const fileRef = React.useRef(); const callEdge = async (payload) => { setLoading(true); setError(''); try { const headers = { 'Content-Type': 'application/json' }; // v76.8 — window.YBP_SUPABASE = { getClient } (Promise→client). קבל session דרך getClient; אופציונלי (verify_jwt off). try { const sbClient = (window.YBP_SUPABASE && window.YBP_SUPABASE.getClient) ? await window.YBP_SUPABASE.getClient() : (window._supabaseClient || null); const session = sbClient ? (await sbClient.auth.getSession()).data?.session : null; if (session?.access_token) headers['Authorization'] = 'Bearer ' + session.access_token; } catch (_) { /* auth אופציונלי — הפונקציה פרוסה עם verify_jwt off */ } const res = await fetch(EXTRACT_QUOTE_FN, { method: 'POST', headers, body: JSON.stringify(payload), }); const data = await res.json(); if (data.error) { setError('שגיאה: ' + data.error); return; } onExtracted(data); window.toastSuccess && window.toastSuccess('נתונים חולצו בהצלחה ✓'); } catch (e) { setError('שגיאת רשת — נסה שוב'); } finally { setLoading(false); } }; const handleFile = async (e) => { const file = e.target.files?.[0]; if (!file) return; setError(''); // Excel — חלץ טקסט בדפדפן עם SheetJS if (file.name.match(/\.xlsx?$/i) && window.XLSX) { const ab = await file.arrayBuffer(); const wb = window.XLSX.read(ab, { type: 'array' }); let text = ''; wb.SheetNames.forEach(name => { const ws = wb.Sheets[name]; text += window.XLSX.utils.sheet_to_csv(ws) + '\n'; }); await callEdge({ text: text.slice(0, 8000) }); return; } // PDF / תמונה — שלח כ-base64 const allowed = ['application/pdf', 'image/jpeg', 'image/png', 'image/webp']; if (!allowed.includes(file.type)) { setError('פורמט לא נתמך. השתמש ב-PDF, JPG, PNG או XLSX.'); return; } const reader = new FileReader(); reader.onload = async (ev) => { const b64 = ev.target.result.split(',')[1]; await callEdge({ file: b64, fileType: file.type }); }; reader.readAsDataURL(file); }; const handleText = async () => { if (!pasteText.trim()) { setError('הדבק טקסט מהמסמך'); return; } await callEdge({ text: pasteText }); }; return (
{/* כותרת + toggle */}
✦ חילוץ AI
{['file', 'text'].map(m => ( ))}
{mode === 'file' ? (
{ setError(''); // Excel if (file.name.match(/\.xlsx?$/i) && window.XLSX) { const ab = await file.arrayBuffer(); const wb = window.XLSX.read(ab, { type: 'array' }); let text = ''; wb.SheetNames.forEach(name => { text += window.XLSX.utils.sheet_to_csv(wb.Sheets[name]) + '\n'; }); await callEdge({ text: text.slice(0, 8000) }); return; } // PDF / תמונה const allowed = ['application/pdf','image/jpeg','image/png','image/webp']; if (!allowed.includes(file.type)) { setError('פורמט לא נתמך. השתמש ב-PDF, JPG, PNG או XLSX.'); return; } const reader = new FileReader(); reader.onload = async (ev) => { const b64 = ev.target.result.split(',')[1]; await callEdge({ file: b64, fileType: file.type }); }; reader.readAsDataURL(file); }}/>
) : (