/* ============================================================ AfricaMart — RFQ Board ============================================================ */ function RFQPage({ nav, showToast }) { const [posting, setPosting] = useState(false); const [cat, setCat] = useState(""); const [rfqs, setRfqs] = useState(AM.RFQS); const [responding, setResponding] = useState(null); const list = rfqs.filter(r => !cat || r.cat === cat); useEffect(() => { if (!window.supabaseClient || !DB.rfq.getOpenRFQs) return; DB.rfq.getOpenRFQs(cat || null).then(setRfqs).catch(() => {}); }, [cat]); return (
{/* header band */}
nav("home")], ["RFQ Board"]]} />

Request for Quotation board

Post what you need and let verified suppliers across Africa come to you with their best offers.

{/* AI matching — live */}
AI RFQ Matching Post an RFQ and our AI instantly routes it to the best-match suppliers by category, location and track record. Live
{list.length} open RFQs
{list.length === 0 && (
No open RFQs{cat ? " in this category" : ""} right now — check back soon, or post your own above.
)}
{list.map(r => { const ct = AM.catById[r.cat]; const co = AM.countryByCode[r.country]; return (

{r.title}

Open

{r.desc}

{r.qty} {co.name} {r.buyer} Deadline {r.deadline}
{r.posted}
{r.quotes} quotes
); })}
{posting && setPosting(false)} showToast={showToast} nav={nav} />} {responding && setResponding(null)} showToast={showToast} nav={nav} />}
); } function RFQModal({ onClose, showToast, nav, initial }) { const [f, setF] = useState({ product: "", category: "", quantity: "", destination: "", deadline: "", details: "", ...initial }); const set = k => e => setF(prev => ({ ...prev, [k]: e.target.value })); const [match, setMatch] = useState({ status: "idle" }); const [authUser, setAuthUser] = useState(null); const [session, setSession] = useState(null); const [busy, setBusy] = useState(false); const [error, setError] = useState(""); const [turnstileToken, setTurnstileToken] = useState(""); const turnstileRef = useRef(null); const widgetIdRef = useRef(null); useEffect(() => { if (!window.supabaseClient) return; DB.auth.getSession().then(s => { if (s?.user) { setAuthUser(s.user); setSession(s); } }).catch(() => {}); }, []); // Render the Cloudflare Turnstile widget once its script has loaded // (same pattern as InquiryForm in store.page.jsx). useEffect(() => { let cancelled = false; let timer = null; const tryRender = () => { if (cancelled) return; if (!window.turnstile || !turnstileRef.current) { timer = setTimeout(tryRender, 200); return; } widgetIdRef.current = window.turnstile.render(turnstileRef.current, { sitekey: window.AM_CONFIG.TURNSTILE_SITE_KEY, callback: token => setTurnstileToken(token), "expired-callback": () => setTurnstileToken(""), "error-callback": () => setTurnstileToken(""), }); }; tryRender(); return () => { cancelled = true; if (timer) clearTimeout(timer); if (window.turnstile && widgetIdRef.current != null) { window.turnstile.remove(widgetIdRef.current); widgetIdRef.current = null; } }; }, []); const runMatch = async () => { if (!f.product && !f.category) { showToast("Add a product or category first"); return; } setMatch({ status: "loading" }); try { const data = await AMAI.matchSuppliers(f); setMatch({ status: data.matches.length ? "done" : "empty", data }); } catch (e) { setMatch({ status: "error" }); } }; const canAI = window.AMAI && AMAI.available(); const handleSubmit = async (e) => { e.preventDefault(); setError(""); if (!window.supabaseClient || !DB.rfq) { onClose(); showToast("RFQ posted — suppliers notified"); return; } if (!authUser) { onClose(); showToast("Please log in to post an RFQ"); nav("auth", { mode: "login" }); return; } if (!turnstileToken) { setError("Please complete the verification check below."); return; } setBusy(true); try { const buyer = await DB.auth.ensureBuyerRecord(authUser); const meta = authUser.user_metadata || {}; const category = AM.CATEGORIES.find(c => c.name === f.category); const country = AM.COUNTRIES.find(c => c.name === f.destination); const rfqRow = await DB.rfq.submitRFQ({ title: f.product, category_id: category ? category.id : null, quantity_text: f.quantity, destination_country: country ? country.code : null, buyer_id: buyer.id, buyer_name: meta.name || meta.full_name || authUser.email, deadline: f.deadline || null, description: f.details || null, turnstileToken, }, session.access_token); fetch("/api/notify", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ event: "rfq_posted", rfqId: rfqRow?.id }), }).catch(() => {}); onClose(); showToast("RFQ posted — suppliers notified"); } catch (err) { setError(err.message || "Could not post RFQ. Please try again."); if (window.turnstile && widgetIdRef.current != null) { window.turnstile.reset(widgetIdRef.current); setTurnstileToken(""); } } finally { setBusy(false); } }; return (
e.stopPropagation()} onSubmit={handleSubmit} className="route-anim thin-scroll" style={{ background: "#fff", borderRadius: 16, width: "min(560px,100%)", maxHeight: "90vh", overflow: "auto", boxShadow: "var(--sh-lg)" }}>

Post a request for quotation