/* ============================================================ CENSA MARKET — place de marché entre membres Deux vues : Acheter (parcourir) · Vendre (publier une annonce). ------------------------------------------------------------ · Publier → GRATUIT, à vie. Photos + prix + catégorie + description + e-mail de contact. Mise en ligne immédiate. · Acheter → grille d'annonces, recherche, filtres catégorie. Clic → fiche détaillée + contact du vendeur (message CENSA ou e-mail). · Mettre en avant → OPTION PAYANTE (Stripe), réutilise les prix « boost » déjà configurés (ads.jsx). Stockage (localStorage) : censa_market → annonces publiées (les miennes) censa_market_feature_pending → mise en avant en attente de paiement Les photos sont stockées comme Blobs dans IndexedDB (window.Media). ============================================================ */ const MK_FEATURE_PLANS = [ { id: 'boost24', price: 5, hours: 24, label: { fr: '24 heures', en: '24 hours' } }, { id: 'boost48', price: 10, hours: 48, popular: true, label: { fr: '48 heures', en: '48 hours' } }, { id: 'boost80', price: 15, hours: 80, label: { fr: '80 heures', en: '80 hours' } }, ]; /* ---------------- stockage ---------------- */ function readMarket() { try { const v = JSON.parse(localStorage.getItem('censa_market')); return Array.isArray(v) ? v : []; } catch (e) { return []; } } function writeMarket(v) { try { localStorage.setItem('censa_market', JSON.stringify(v)); } catch (e) {} } function mkFeatured(it) { return !!(it && it.featuredUntil && it.featuredUntil > Date.now()); } function mkRemaining(it) { const ms = (it.featuredUntil || 0) - Date.now(); if (ms <= 0) return ''; const h = Math.floor(ms / 3600000), d = Math.floor(h / 24); if (d >= 1) return getCurLang() === 'en' ? (d + ' d left') : (d + ' j restants'); if (h >= 1) return getCurLang() === 'en' ? (h + ' h left') : (h + ' h restantes'); return getCurLang() === 'en' ? '<1 h left' : '< 1 h restante'; } function timeAgo(ts) { const s = Math.floor((Date.now() - (ts || Date.now())) / 1000); const en = getCurLang() === 'en'; if (s < 60) return en ? 'just now' : 'à l\u2019instant'; const m = Math.floor(s / 60); if (m < 60) return en ? (m + 'm ago') : ('il y a ' + m + ' min'); const h = Math.floor(m / 60); if (h < 24) return en ? (h + 'h ago') : ('il y a ' + h + ' h'); const d = Math.floor(h / 24); if (d < 7) return en ? (d + 'd ago') : ('il y a ' + d + ' j'); const w = Math.floor(d / 7); return en ? (w + 'w ago') : ('il y a ' + w + ' sem'); } function catLabel(id) { const c = (window.MARKET_CATEGORIES || []).find(c => c.id === id); return c ? c.label : { fr: 'Autre', en: 'Other' }; } function fmtPrice(it) { if (it.price === 0 || it.price === '0') return { fr: 'Gratuit', en: 'Free' }; const n = Number(it.price); const s = isFinite(n) ? n.toLocaleString(getCurLang() === 'en' ? 'en-US' : 'fr-FR') : it.price; return { fr: s + ' ' + (it.currency || '$'), en: (it.currency || '$') + s }; } /* ---------------- mise en avant : paiement Stripe ---------------- */ async function startMkFeatureCheckout(itemId, plan, { onUnconfigured, onError, setLoading }) { const cfg = window.STRIPE_CONFIG || {}; try { localStorage.setItem('censa_market_feature_pending', JSON.stringify({ itemId, planId: plan.id, hours: plan.hours, ts: Date.now() })); } catch (e) {} if (cfg.backendUrl && /^https?:\/\//.test(cfg.backendUrl)) { try { setLoading(plan.id); const res = await fetch(cfg.backendUrl.replace(/\/$/, '') + '/api/create-checkout-session', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ planId: plan.id, postId: itemId }), }); const data = await res.json().catch(() => ({})); if (res.ok && data.url) { window.location.href = data.url; return; } throw new Error(data.error || ('HTTP ' + res.status)); } catch (e) { setLoading(null); clearMkFeaturePending(); onError(e.message || String(e)); return; } } const link = cfg.paymentLinks && cfg.paymentLinks[plan.id]; if (link && link.indexOf('VOTRE_LIEN') === -1) { window.location.href = link; return; } clearMkFeaturePending(); onUnconfigured(); } function clearMkFeaturePending() { try { localStorage.removeItem('censa_market_feature_pending'); } catch (e) {} } function commitPendingMkFeature() { let pend = null; try { pend = JSON.parse(localStorage.getItem('censa_market_feature_pending')); } catch (e) {} if (!pend || !pend.itemId) return null; const items = readMarket(); const idx = items.findIndex(it => it.id === pend.itemId); if (idx === -1) { clearMkFeaturePending(); return null; } items[idx] = { ...items[idx], featuredUntil: Date.now() + (pend.hours || 24) * 3600000 }; writeMarket(items); clearMkFeaturePending(); try { sessionStorage.setItem('censa_market_featured', '1'); } catch (e) {} return items[idx]; } const MK_EMAIL_RE = /^\S+@\S+\.\S+$/; /* ============================================================ Vignette photo (1re image) avec repli iconographique ============================================================ */ function MarketThumb({ item, style }) { const key = item.photos && item.photos[0]; const url = useMediaUrl(key); if (url) return ; return (
); } /* ============================================================ Carte produit (grille) ============================================================ */ function MarketCard({ item, onOpen }) { const feat = mkFeatured(item); return ( ); } /* ============================================================ Fiche détaillée d'une annonce (page) ============================================================ */ function MarketDetail({ item, me, onBack, onMessage, onFeature, onDelete }) { const seller = uget(item.seller) || {}; const [idx, setIdx] = useState(0); const photos = item.photos || []; const curUrl = useMediaUrl(photos[idx]); const feat = mkFeatured(item); const isMine = item.mine || (me && item.seller === me.id); return (

{L({ fr: 'Annonce', en: 'Listing' })}

{/* galerie */}
{curUrl ? :
} {feat && ( {L({ fr: 'EN AVANT', en: 'FEATURED' })} )}
{photos.length > 1 && (
{photos.map((p, i) => ( ))}
)}
{/* en-tête prix / titre */}
{L(fmtPrice(item))}

{L(item.title)}

{L(catLabel(item.cat))} {item.condition && {L(item.condition)}} {L(item.location)} {timeAgo(item.ts)}
{/* description */}

{L(item.desc)}

{/* vendeur */}
{seller.name || L({ fr: 'Vendeur', en: 'Seller' })}{seller.handle && @{seller.handle}}
{L({ fr: 'Membre CENSA', en: 'CENSA member' })}
{/* actions */} {isMine ? (
{feat ? {L({ fr: 'En avant', en: 'Featured' })} · {mkRemaining(item)} : }
) : (
{item.email && {L({ fr: 'E-mail', en: 'Email' })}}
)}

{L({ fr: 'Rencontrez-vous dans un lieu public. CENSA ne gère pas les paiements entre membres.', en: 'Meet in a public place. CENSA does not handle payments between members.' })}

); } /* ============================================================ Formulaire de vente (GRATUIT) ============================================================ */ function SellForm({ me, onPublish }) { const [title, setTitle] = useState(''); const [price, setPrice] = useState(''); const [cat, setCat] = useState('tech'); const [condition, setCondition] = useState('Bon état'); const [location, setLocation] = useState(''); const [email, setEmail] = useState((me && me.email) || ''); const [desc, setDesc] = useState(''); const [photos, setPhotos] = useState([]); // [key] const [busy, setBusy] = useState(false); const [err, setErr] = useState(''); const valid = title.trim() && price !== '' && desc.trim() && MK_EMAIL_RE.test(email.trim()); const addPhoto = async () => { setErr(''); if (photos.length >= 5) { setErr(L({ fr: '5 photos maximum.', en: '5 photos max.' })); return; } const file = await pickFile('image/*'); if (!file || !window.Media) return; setBusy(true); try { const blob = await window.Media.imageBlob(file, 1280, 0.85); const key = await window.Media.put(blob); setPhotos(p => [...p, key]); } catch (e) { setErr(L({ fr: 'Échec du téléversement.', en: 'Upload failed.' })); } finally { setBusy(false); } }; const removePhoto = (k) => setPhotos(p => p.filter(x => x !== k)); const submit = () => { if (!valid) return; onPublish({ id: 'umk_' + Date.now().toString(36), mine: true, seller: me.id, cat, title: { fr: title.trim(), en: title.trim() }, price: price === '0' ? 0 : (Number(price) || price), currency: '$', condition: { fr: condition, en: condition }, location: { fr: location.trim() || 'Non précisé', en: location.trim() || 'Unspecified' }, email: email.trim(), desc: { fr: desc.trim(), en: desc.trim() }, photos, ts: Date.now(), }); setTitle(''); setPrice(''); setLocation(''); setDesc(''); setPhotos([]); setCat('tech'); setCondition('Bon état'); }; return (
{L({ fr: 'Mettre en vente, c\u2019est gratuit', en: 'Listing is free' })}
{/* photos */}
{photos.map(k => (
))} {photos.length < 5 && ( )}
setTitle(e.target.value)} placeholder={L({ fr: 'ex. Vélo de ville en bon état', en: 'e.g. City bike, good condition' })} />
setPrice(e.target.value)} placeholder={L({ fr: '0 = gratuit', en: '0 = free' })} />
setLocation(e.target.value)} placeholder={L({ fr: 'ex. Secteur 7', en: 'e.g. Sector 7' })} />
setEmail(e.target.value)} placeholder="vous@exemple.com" />