// onboard-step-modules.jsx — Wizard step: pick modules to enable. // // R03 / T0007. The user picks which trial-able modules to switch on. // Selections are turned into `workspaces/{wid}/modules/{moduleId}` docs // via the `enableModule` callable (which resolves the user's primary // workspace server-side if not specified). // // Visual design mirrors site-a.jsx's BundlePickerSection — same .dirA-mod-* // classes but locally scoped so the marketing CSS stays decoupled. // // Skippable — users can also enable modules later from Settings → // Modules. If skipped, no modules are enabled (always-on still work). (function (window) { 'use strict'; const { useAuth } = window.exoteamAuth || {}; if (!useAuth) { console.error('onboard-step-modules.jsx: window.exoteamAuth missing — load order issue'); return; } // Initials for the colored pip in the top-left of each card. function initials(label) { return (label || '') .split(/\s+/) .map((w) => w[0]) .filter(Boolean) .slice(0, 2) .join('') .toUpperCase(); } // Convert the catalog's trial_quota object into chip strings shown // along the card's bottom row — e.g. {dossiers: 5} → "5 dossiers". function quotaChips(trialQuota) { if (!trialQuota) return []; return Object.entries(trialQuota).map(([metric, n]) => { const word = metric.replace(/_/g, ' '); return `${n} ${word}`; }); } function StepModules({ onAdvance, onSkip, onBack }) { useAuth(); const mods = window.exoteamModules || {}; const alwaysOn = (mods.alwaysOnModules && mods.alwaysOnModules()) || []; const catalog = (mods.selectableModules && mods.selectableModules()) || []; const basePrice = typeof mods.BASE_PRICE_GBP_MONTHLY === 'number' ? mods.BASE_PRICE_GBP_MONTHLY : 0; const [picked, setPicked] = React.useState(() => new Set(['outreach'])); const [busy, setBusy] = React.useState(false); const [err, setErr] = React.useState(null); // R10T03 — read org_kind from workspace doc (set if user came back // after running Learn on the work step). Drives the "Recommended" // badge on add-on modules. Empty/missing → no nudges, neutral grid. const [orgKindForNudges, setOrgKindForNudges] = React.useState(''); React.useEffect(() => { const a = window.exoteamAuth; if (!a || !a.user || !a.db) return; a.db.collection('memberships') .where('user_id', '==', a.user.uid) .limit(1).get().then((snap) => { if (snap.empty) return; const wid = snap.docs[0].data().workspace_id; return a.db.collection('workspaces').doc(wid).get(); }) .then((ws) => { if (ws && ws.exists) { const d = ws.data() || {}; if (d.org_kind) setOrgKindForNudges(d.org_kind); } }) .catch((e) => console.warn('StepModules: org_kind read failed', e)); }, []); const recommendedSet = React.useMemo(() => { if (!orgKindForNudges || !window.ExoteamOrgKind) return new Set(); return new Set(window.ExoteamOrgKind.modulesFor(orgKindForNudges)); }, [orgKindForNudges]); // Total = base subscription (always-on modules) + sum of picked // add-ons. Always-on modules don't carry a per-module price; the // base covers them collectively. const addOnsMonthly = catalog .filter((m) => picked.has(m.id)) .reduce((sum, m) => sum + (m.price_gbp_monthly || 0), 0); const totalMonthly = basePrice + addOnsMonthly; function toggle(id) { setPicked((prev) => { const next = new Set(prev); if (next.has(id)) next.delete(id); else next.add(id); return next; }); } async function submit() { if (picked.size === 0) { onSkip(); return; } setBusy(true); setErr(null); try { const callable = window.exoteamAuth.fns.httpsCallable('enableModule'); // Enable sequentially so the global trial baseline is // established by the first call before subsequent ones inherit. // No workspace_id sent — the callable resolves the user's // primary workspace from the auth uid. For "+ Add Workspace" // mode the wrapping wizard will pre-set the active workspace. for (const id of picked) { await callable({ module_id: id }); } onAdvance(); } catch (e) { setErr(e.message || String(e)); } finally { setBusy(false); } } return (

What do you want exoteam to do for you?

Every Workspace gets the{' '} foundation{' '} — inbox, calendar, contacts, daily overview —{' '} for £{basePrice}/mo. Add the modules you need on top: each is{' '} free for 14 days, then £30/mo{' '} if you decide to keep it. No card needed to start.

{err &&

{err}

}

Foundation — always on, included in your base £{basePrice}/mo

{alwaysOn.map((m) => (
{initials(m.label)}
{m.label}
Included

{m.blurb}

))}

Add-on modules — pick the ones you want, £30/mo each after 14-day trial

{catalog.map((m) => { const on = picked.has(m.id); const recommended = recommendedSet.has(m.id); const chips = quotaChips(m.trial_quota); return ( ); })}
£{totalMonthly} / month after 14-day trial {picked.size === 0 ? `£${basePrice} foundation` : `£${basePrice} foundation + ${picked.size} module${picked.size === 1 ? '' : 's'} × £30/mo`}
{onBack && ( )}
{picked.size > 0 && ( )}
); } window.StepModules = StepModules; })(window);