/* marketplace-screens.jsx — the Marketplace environment. Source external capacity and content and leverage it into the own account: · External trainers → "Add to my trainers" (lands in Trainers / Trainer KPIs, day rate feeds the cohort business case) · External products (courses & eLearning) → "Import" creates a real product in the shared store (Products screen), licence/exam cost prefilled · External course plannings → "Resell seats" creates a real cohort in the own delivery roadmap (My Cohorts board) with capacity = resold seats and the buy/sell economics in the course notes; own plannings can also be uploaded. The provider catalog is demo/seed data (no live provider integrations in this POV) and is hidden when demo content is off; uploads + acquisitions are real per-account data (VHStore "marketplace.acquired"). */ /* ── external provider catalog (fictional providers, demo-gated) ── */ const MP_TRAINERS = [ { id:"mpt1", name:"Ingrid Svensson", ti:"IS", bg:"#0e7490", provider:"NordicPM Institute", courses:["IPMA-C","IPMA-B","MSP"], dayRate:1500, avgRating:4.8, sessions:34, learners:410, completion:91, nps:78, langs:"EN · SV" }, { id:"mpt2", name:"Carlos Mendes", ti:"CM", bg:"#b45309", provider:"Skillbridge Collective", courses:["ITIL 4","SIAM","VeriSM"], dayRate:1250, avgRating:4.6, sessions:28, learners:355, completion:87, nps:71, langs:"EN · PT · ES" }, { id:"mpt3", name:"Aisha Rahman", ti:"AR", bg:"#7c3aed", provider:"AgileMinds Academy", courses:["SAFe","Scrum","Kanban"], dayRate:1400, avgRating:4.9, sessions:41, learners:520, completion:93, nps:85, langs:"EN" }, { id:"mpt4", name:"Jan Kowalski", ti:"JK", bg:"#16a34a", provider:"TrainWorks EU", courses:["PRINCE2 F","PRINCE2 P","P3O"], dayRate:1100, avgRating:4.5, sessions:22, learners:260, completion:84, nps:66, langs:"EN · PL · DE" }, { id:"mpt5", name:"Marie Dubois", ti:"MD", bg:"#db2777", provider:"CertPartners BV", courses:["LSS Green","LSS Black"], dayRate:1350, avgRating:4.7, sessions:30, learners:340, completion:89, nps:74, langs:"EN · FR · NL" }, { id:"mpt6", name:"Stefan Bauer", ti:"SB", bg:"#3730a3", provider:"TrainWorks EU", courses:["TOGAF","COBIT","ISO 27001"], dayRate:1550, avgRating:4.7, sessions:26, learners:290, completion:88, nps:73, langs:"EN · DE" }, ].map(t => ({ __seed:true, ...t })); const MP_PRODUCTS = [ { id:"mpp1", title:"OBASHI® Foundation", type:"Course", provider:"Skillbridge Collective", level:"Foundation", days:2, licenseCost:180, examCost:250, listPrice:1295, rating:4.6, icon:"layers", color:"#0e7490", blurb:"Business & IT mapping method — licensed courseware incl. trainer pack." }, { id:"mpp2", title:"Cyber Resilience RESILIA®", type:"Course", provider:"CertPartners BV", level:"Foundation", days:3, licenseCost:210, examCost:290, listPrice:1595, rating:4.5, icon:"shield", color:"#b91c1c", blurb:"Cyber resilience best practice aligned with ITIL — full slide deck + labs." }, { id:"mpp3", title:"Data Literacy Essentials (eLearning)", type:"eLearning", provider:"AgileMinds Academy", level:"Foundation", days:0, licenseCost:95, examCost:0, listPrice:395, rating:4.7, icon:"monitor", color:"#9333ea", blurb:"8h self-paced eLearning, SCORM package, per-seat licence." }, { id:"mpp4", title:"Sustainable IT Foundation", type:"Course", provider:"NordicPM Institute", level:"Foundation", days:2, licenseCost:165, examCost:230, listPrice:1195, rating:4.4, icon:"globe", color:"#16a34a", blurb:"Green IT strategy & reporting — courseware + case studies." }, { id:"mpp5", title:"Kanban System Design (eLearning)", type:"eLearning", provider:"AgileMinds Academy", level:"Advanced", days:0, licenseCost:120, examCost:0, listPrice:495, rating:4.8, icon:"pipeline",color:"#ea580c", blurb:"12h self-paced with simulations, per-seat licence, EN/NL." }, { id:"mpp6", title:"AI Governance Practitioner", type:"Course", provider:"TrainWorks EU", level:"Practitioner", days:3, licenseCost:260, examCost:340, listPrice:1895, rating:4.6, icon:"wand", color:"#3730a3", blurb:"EU AI Act aligned governance training — licensed slides, cases, mock exam." }, ].map(p => ({ __seed:true, ...p })); const MP_PLANNINGS = [ { id:"mpl1", provider:"TrainWorks EU", course:"PRINCE2® Foundation", date:"2026-09-14", days:3, location:"Utrecht", seats:8, buyPerSeat:520, listPerSeat:1495 }, { id:"mpl2", provider:"AgileMinds Academy", course:"Leading SAFe®", date:"2026-09-28", days:2, location:"Amsterdam", seats:6, buyPerSeat:640, listPerSeat:1795 }, { id:"mpl3", provider:"CertPartners BV", course:"Lean Six Sigma Green Belt", date:"2026-10-12", days:5, location:"Rotterdam", seats:10, buyPerSeat:780, listPerSeat:2195 }, { id:"mpl4", provider:"NordicPM Institute", course:"IPMA-C Certification", date:"2026-10-26", days:4, location:"Online", seats:12, buyPerSeat:590, listPerSeat:1695 }, { id:"mpl5", provider:"Skillbridge Collective", course:"ITIL® 4 Foundation", date:"2026-11-09", days:2, location:"Eindhoven", seats:9, buyPerSeat:430, listPerSeat:1295 }, { id:"mpl6", provider:"TrainWorks EU", course:"TOGAF® Enterprise Architecture", date:"2026-11-23", days:4, location:"Online", seats:14, buyPerSeat:820, listPerSeat:2395 }, ].map(p => ({ __seed:true, ...p })); /* ── requests board ("place an advertisement") ────────────────────────────── The demand side of the marketplace: an organisation posts what it is LOOKING FOR — a trainer, a training, seats on a run or an eLearning — with the specs (subject, level, language, location, period, days, candidates, budget, requirements). Seed ads are demo-gated; your own ads are real per-account data stored with the rest of the marketplace record. */ const MP_AD_KINDS = ["Trainer", "Training", "Seats", "eLearning"]; const MP_ADS = [ { id:"mpa1", kind:"Trainer", title:"PRINCE2® Practitioner trainer wanted", subject:"PRINCE2® Practitioner", level:"Practitioner", language:"Dutch · English", location:"Utrecht", from:"2026-10-05", to:"2026-10-09", days:3, seats:12, budget:1200, budgetUnit:"per day", requirements:"PeopleCert accredited · 5+ years delivery experience", deadline:"2026-08-31", org:"TrainWorks EU", contact:"sourcing@trainworks.eu", notes:"In-company run for a public-sector client. Dutch delivery, English materials." }, { id:"mpa2", kind:"Seats", title:"Looking for 6 seats — Leading SAFe®", subject:"SAFe® Agilist (Leading SAFe®)", level:"Advanced", language:"English", location:"Randstad or Online", from:"2026-09-01", to:"2026-11-30", days:2, seats:6, budget:900, budgetUnit:"per seat", requirements:"Certified SPC trainer · exam voucher included", deadline:"2026-08-15", org:"CertPartners BV", contact:"buying@certpartners.nl", notes:"Our own run did not fill; we want to place 6 candidates on someone else's scheduled course." }, { id:"mpa3", kind:"Training", title:"AI Governance course licence sought", subject:"AI Governance & Ethics", level:"Foundation", language:"English", location:"Licence / courseware", from:"", to:"", days:2, seats:0, budget:250, budgetUnit:"per candidate", requirements:"EU AI Act aligned · slides + cases + mock exam, white-label allowed", deadline:"2026-09-15", org:"NordicPM Institute", contact:"partners@nordicpm.se", notes:"We have demand but no material; looking to license rather than build." }, { id:"mpa4", kind:"Trainer", title:"Lean Six Sigma Black Belt trainer (freelance)", subject:"Lean Six Sigma Black Belt", level:"Advanced", language:"English · German", location:"Eindhoven", from:"2026-11-09", to:"2026-11-13", days:5, seats:8, budget:1500, budgetUnit:"per day", requirements:"Master Black Belt · manufacturing case experience", deadline:"2026-09-30", org:"Skillbridge Collective", contact:"talent@skillbridge.io", notes:"Five consecutive days on site, materials provided by us." }, ].map(a => ({ __seed:true, status:"open", ...a })); const MP_KEY = "marketplace.acquired"; function mpEuro(n) { return "€" + Number(n || 0).toLocaleString("nl-NL"); } function mpBlankAcq() { return { trainers: [], products: [], resold: [], uploads: [], ads: [] }; } function mpAdPeriod(ad) { if (ad.from && ad.to) return ad.from + " → " + ad.to; return ad.from || ad.to || "Period flexible"; } /* Merge acquired external trainers into the shared trainer roster (Trainers + Trainer KPIs read window.TRAINER_ROSTER). No __seed flag → they stay visible with demo content off: they are real acquisitions of this account. */ function mpRosterEntry(t) { return { name: t.name, ti: t.ti, bg: t.bg, sessions: t.sessions || 0, learners: t.learners || 0, avgRating: t.avgRating || 0, completion: t.completion || 0, nps: t.nps || 0, dayRate: t.dayRate || 0, courses: t.courses || [], external: true, provider: t.provider }; } function mpMergeRoster(list) { const roster = window.TRAINER_ROSTER; if (!Array.isArray(roster)) return; (list || []).forEach(t => { if (!roster.some(r => r.name === t.name)) roster.push(mpRosterEntry(t)); }); } async function __mpBoot() { try { const acq = await window.VHStore.get(MP_KEY, null); if (acq) mpMergeRoster(acq.trainers); } catch (e) {} } if (window.AUTH_USER) __mpBoot(); else window.addEventListener("vh-auth", __mpBoot, { once: true }); /* ── small bits ── */ function MPStars({ val }) { return ★ {Number(val || 0).toFixed(1)}; } function MPProviderChip({ name }) { return {name}; } function MPModal({ title, onClose, children, width }) { return (
e.stopPropagation()}>

{title}

{children}
); } function MPField({ label, children }) { return ; } const mpInp = { width: "100%", padding: "9px 11px", borderRadius: 9, border: "1.5px solid var(--line)", fontSize: 13.5, background: "var(--surface)", color: "var(--ink)" }; /* ── resell modal: seats + price → cohort in the delivery roadmap ── */ function MPResellModal({ planning, onClose, onDone, toast }) { const [seats, setSeats] = useState(Math.min(6, planning.seats)); const [price, setPrice] = useState(planning.listPerSeat); const [busy, setBusy] = useState(false); const s = Math.max(1, Math.min(Number(seats) || 1, planning.seats)); const p = Math.max(0, Number(price) || 0); const cost = s * planning.buyPerSeat, revenue = s * p, margin = revenue - cost; async function confirm() { if (busy) return; setBusy(true); try { const notes = "Marketplace resale · " + planning.provider + " runs this training (" + planning.location + "); we resell " + s + " seats — buy " + mpEuro(planning.buyPerSeat) + "/seat, sell " + mpEuro(p) + "/seat, margin " + mpEuro(margin) + "."; const c = await window.VHCohorts.create({ name: planning.course + " · resold seats (" + planning.provider + ")", course: planning.course, capacity: s, start_at: cohEpoch(planning.date, "09:00"), incompany: false, material: "External — delivered by " + planning.provider, notes: notes, }); onDone({ id: "rs-" + c.id, cohortId: c.id, planningId: planning.id, provider: planning.provider, course: planning.course, date: planning.date, seats: s, buyPerSeat: planning.buyPerSeat, sellPerSeat: p }); toast("Cohort created in your delivery roadmap · voucher " + c.voucher, "check"); onClose(); } catch (e) { toast(e.message || "Could not create the cohort", "x"); } setBusy(false); } return (
{planning.provider} · {planning.date} · {planning.location} · {planning.seats} seats on offer at {mpEuro(planning.buyPerSeat)}/seat. Reselling creates a cohort on your My Cohorts board — the provider delivers, you enrol your own candidates.
setSeats(e.target.value)} style={mpInp} /> setPrice(e.target.value)} style={mpInp} />
BUY
{mpEuro(cost)}
REVENUE
{mpEuro(revenue)}
MARGIN
= 0 ? "#2e7d32" : "#b91c1c" }}>{mpEuro(margin)}{revenue > 0 ? " · " + Math.round(margin / revenue * 100) + "%" : ""}
 ); } /* ── upload own external planning ── */ function MPUploadModal({ onClose, onDone }) { const [v, setV] = useState({ provider: "", course: "", date: "", location: "", seats: "", buyPerSeat: "", listPerSeat: "" }); const set = (k) => (e) => setV(o => ({ ...o, [k]: e.target.value })); const ok = v.provider.trim() && v.course.trim() && v.date && Number(v.seats) > 0; return (
Add a planning you sourced yourself (provider offer, partner mailing, …). It appears under Course plannings and can be resold into your roadmap like any catalog run.
 ); } /* ── place an advertisement: post a request with its specs ── */ function MPAdModal({ onClose, onDone }) { const [v, setV] = useState({ kind: "Trainer", title: "", subject: "", level: "Any", language: "", location: "", from: "", to: "", days: "", seats: "", budget: "", budgetUnit: "per day", requirements: "", notes: "", deadline: "" }); const set = (k) => (e) => setV(o => ({ ...o, [k]: e.target.value })); const ok = v.title.trim() && v.subject.trim(); const me = (window.AUTH_USER && (window.AUTH_USER.name || window.AUTH_USER.email)) || "My organisation"; const myMail = (window.AUTH_USER && window.AUTH_USER.email) || ""; return (
Post what you are looking for — a trainer, a training, seats on someone else’s run, or an eLearning licence — with the specs providers need to answer.
{MP_AD_KINDS.map(k => ( ))}