setBlockedMember(null)} style={{ position:'fixed', inset:0, background:'rgba(10,10,10,0.45)', zIndex:200, backdropFilter:'blur(3px)' }} />
Member not yet active
This member has not yet verified their account or logged in for the first time.
setBlockedMember(null)} style={{ width:'100%', justifyContent:'center' }}>
Back
)}
);
}
// ─── Invite Member Modal ──────────────────────────────────────────────────────
function InviteMemberModal({ onClose, onInvited }) {
const [fullName, setFullName] = useState('');
const [email, setEmail] = useState('');
const [tier, setTier] = useState('foundations');
const [accountType, setAccountType] = useState('trial');
const [trialDays, setTrialDays] = useState(10);
const [trialExpiresAt, setTrialExpiresAt] = useState(() => {
const d = new Date(); d.setDate(d.getDate() + 10);
return [d.getFullYear(), String(d.getMonth()+1).padStart(2,'0'), String(d.getDate()).padStart(2,'0')].join('-');
});
const [sending, setSending] = useState(false);
const [result, setResult] = useState(null);
const addDays = (days) => {
const d = new Date(); d.setDate(d.getDate() + days);
return [d.getFullYear(), String(d.getMonth()+1).padStart(2,'0'), String(d.getDate()).padStart(2,'0')].join('-');
};
const formatExpiry = (dateStr) => {
if (!dateStr) return '';
return new Date(dateStr + 'T12:00:00').toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' });
};
const selectTrialDays = (days) => {
setTrialDays(days);
setTrialExpiresAt(addDays(days));
};
const handleSend = async () => {
if (!email.trim()) { setResult({ type: 'error', msg: 'Email is required.' }); return; }
setSending(true); setResult(null);
try {
const { data: { session } } = await window._supabase.auth.getSession();
const res = await fetch(
'https://npsfarsblfewdclhoquo.supabase.co/functions/v1/invite-member',
{
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${session.access_token}`,
},
body: JSON.stringify({
email: email.trim(),
full_name: fullName.trim(),
membership_tier: tier,
account_type: accountType,
trial_days: accountType === 'trial' ? trialDays : null,
trial_expires_at: accountType === 'trial' && trialExpiresAt ? trialExpiresAt : null,
}),
}
);
const resJson = await res.json();
if (!res.ok) throw new Error(resJson.error || 'Invite failed');
setResult({ type: 'success', msg: `Invite sent to ${email.trim()}` });
if (onInvited) onInvited();
} catch (err) {
setResult({ type: 'error', msg: err.message || 'Something went wrong.' });
} finally {
setSending(false);
}
};
const selectStyle = {
width: '100%', padding: '10px 12px',
border: '1.5px solid var(--border)', borderRadius: 10,
fontSize: 13, fontFamily: 'var(--ff-body)',
background: 'var(--bg)', color: 'var(--text)',
outline: 'none', cursor: 'pointer',
appearance: 'none', WebkitAppearance: 'none',
backgroundImage: 'url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'8\' viewBox=\'0 0 12 8\'%3E%3Cpath fill=\'none\' stroke=\'%23999\' stroke-width=\'1.5\' stroke-linecap=\'round\' stroke-linejoin=\'round\' d=\'M1 1l5 5 5-5\'/%3E%3C/svg%3E")',
backgroundRepeat: 'no-repeat', backgroundPosition: 'right 12px center',
paddingRight: 36,
};
return (
<>
Invite member
Send an invite link and pre-configure their account.
{/* Name + Email */}
{/* Tier + Account type */}
Membership tier
setTier(e.target.value)}>
Foundations
Breakthrough
Account type
setAccountType(e.target.value)}>
Trial
Paid
Free
MEGA Management
{/* Trial options — only when account type is trial */}
{accountType === 'trial' && (
Trial duration
{[5, 10, 20].map(days => (
selectTrialDays(days)}>
{days} days
))}
Trial expiry date
{ setTrialExpiresAt(e.target.value); setTrialDays(null); }}
style={{ fontSize:13 }} />
{trialExpiresAt && (
Expires {formatExpiry(trialExpiresAt)}
)}
)}
{result && (
{result.msg}
)}
{sending ? 'Sending…' : 'Send invite'}
Cancel
);
}
function AdminMembers({ onViewAs, onOpenDetail }) {
const [members, setMembers] = useState([]);
const [loading, setLoading] = useState(true);
const [showInvite, setShowInvite] = useState(false);
const fetchMembers = async () => {
setLoading(true);
const { data, error } = await window._supabase
.from('profiles')
.select('*')
.neq('role', 'admin')
.order('joined_at', { ascending: false });
if (!error && data) setMembers(data);
setLoading(false);
};
useEffect(() => { fetchMembers(); }, []);
return (
<>
Admin · Members
All Members
Click "View as" to enter read-only member view for any account.
{showInvite && (
setShowInvite(false)}
onInvited={() => { setShowInvite(false); fetchMembers(); }}
/>
)}
);
}
function AdminTasks() {
return (
<>
Admin · Tasks & Goals
Assign the next move
Create task
Subject area
{Object.keys(SUBJECTS).map((s) => {s} )}
Assign to
{ADMIN_MEMBERS.slice(0, 4).map((m) =>
)}
+ add
Assign to 4 members
Save draft
Goals pipeline
{GOALS.map((g) =>
{g.title}
{g.taskIds.length} tasks linked · assigned to 12 members
)}
add New goal
);
}
const SESSION_TIME_OPTS = (() => {
const a = [];
for (let m = 0; m < 24 * 60; m += 15) {
a.push(`${String(Math.floor(m / 60)).padStart(2, '0')}:${String(m % 60).padStart(2, '0')}`);
}
return a;
})();
function fmtTime12(v) {
const [h, m] = v.split(':').map(Number);
const p = h >= 12 ? 'PM' : 'AM';
const d = h % 12 === 0 ? 12 : h % 12;
return `${d}:${String(m).padStart(2, '0')} ${p}`;
}
function sessionDurLabel(s, e) {
const [sh, sm] = s.split(':').map(Number);
const [eh, em] = e.split(':').map(Number);
const mins = (eh * 60 + em) - (sh * 60 + sm);
if (mins <= 0) return '';
const h = Math.floor(mins / 60), mm = mins % 60;
const parts = [];
if (h) parts.push(h + (h === 1 ? ' hr' : ' hrs'));
if (mm) parts.push(mm + ' min');
return ' · ' + parts.join(' ');
}
function AdminSessions() {
const [type, setType] = React.useState('1:1');
const [title, setTitle] = React.useState('');
const [attendeeId, setAttendeeId] = React.useState('');
const [date, setDate] = React.useState('');
const [startTime, setStartTime] = React.useState('17:00');
const [endTime, setEndTime] = React.useState('18:00');
const [recurrence, setRecurrence] = React.useState('does-not-repeat');
const [agenda, setAgenda] = React.useState('');
const [link, setLink] = React.useState('');
const [members, setMembers] = React.useState([]);
const [saving, setSaving] = React.useState(false);
const [msg, setMsg] = React.useState(null);
const [reloadKey, setReloadKey] = React.useState(0);
const [googleConnected, setGoogleConnected] = React.useState(false);
const [googleEmail, setGoogleEmail] = React.useState('');
const [connecting, setConnecting] = React.useState(false);
React.useEffect(() => {
window._supabase.from('profiles').select('id, full_name, email').order('full_name').
then(({ data }) => setMembers(data || []));
window._supabase.auth.getUser().then(({ data: { user } }) => {
if (!user) return;
window._supabase.from('profiles').select('google_connected, google_email').eq('id', user.id).single().
then(({ data }) => {if (data) {setGoogleConnected(!!data.google_connected);setGoogleEmail(data.google_email || '');}});
});
}, []);
const connectGoogle = async () => {
setMsg(null);
setConnecting(true);
const { data, error } = await window._supabase.functions.invoke('google-oauth-start');
if (error || !data?.url) {
let detail = '';
try {detail = (await error.context.json())?.error || '';} catch (_e) {}
setConnecting(false);
setMsg({ ok: false, text: 'Could not start Google connect' + (detail ? ': ' + detail : '') });
return;
}
window.open(data.url, '_blank', 'noopener');
let tries = 0;
const poll = setInterval(async () => {
tries++;
const { data: { user } } = await window._supabase.auth.getUser();
const { data: prof } = await window._supabase.from('profiles').select('google_connected, google_email').eq('id', user.id).single();
if (prof?.google_connected) {
setGoogleConnected(true);setGoogleEmail(prof.google_email || '');setConnecting(false);clearInterval(poll);
} else if (tries > 40) {setConnecting(false);clearInterval(poll);}
}, 3000);
};
const reset = () => {
setTitle('');setAttendeeId('');setDate('');
setStartTime('17:00');setEndTime('18:00');
setRecurrence('does-not-repeat');setAgenda('');setLink('');
};
const onStartChange = (v) => {
setStartTime(v);
if (endTime <= v) {
const idx = SESSION_TIME_OPTS.indexOf(v);
setEndTime(SESSION_TIME_OPTS[Math.min(idx + 4, SESSION_TIME_OPTS.length - 1)]);
}
};
const submit = async () => {
setMsg(null);
if (!title.trim()) {setMsg({ ok: false, text: 'Add a session title.' });return;}
if (!date) {setMsg({ ok: false, text: 'Pick a date.' });return;}
if (!startTime || !endTime) {setMsg({ ok: false, text: 'Set a start and end time.' });return;}
if (endTime <= startTime) {setMsg({ ok: false, text: 'End time must be after the start time.' });return;}
if (type === '1:1' && !attendeeId) {setMsg({ ok: false, text: 'Select the member for this 1:1.' });return;}
setSaving(true);
const { data: { user } } = await window._supabase.auth.getUser();
const mentorName = window._currentMember ?
`${window._currentMember.firstName} ${window._currentMember.lastName}`.trim() : 'MEGA';
const attendee = type === '1:1' ? members.find((m) => m.id === attendeeId) : null;
const { data: inserted, error } = await window._supabase.from('sessions').insert({
type,
title: title.trim(),
session_date: date,
start_time: startTime,
end_time: endTime,
mentor_name: mentorName,
meeting_link: link.trim() || null,
recurrence,
agenda: agenda.trim() || null,
attendee_id: type === '1:1' ? attendeeId : null,
created_by: user?.id || null
}).select().single();
if (error) {setSaving(false);setMsg({ ok: false, text: error.message });return;}
// Auto-attach a Google Meet link when connected and no manual link was given.
let meetNote = '';
if (googleConnected && !link.trim()) {
const baseDesc = type === '1:1' ?
`1:1 with ${attendee?.full_name || 'member'} — via Vantage` :
`${title.trim()} — via Vantage`;
const description = agenda.trim() ?
`${baseDesc}\n\nAgenda:\n${agenda.trim()}` : baseDesc;
const { data: mres, error: merr } = await window._supabase.functions.invoke('google-calendar-event', {
body: {
sessionId: inserted.id, title: title.trim(), dateISO: date,
startTime, endTime,
attendeeEmail: type === '1:1' ? attendee?.email || null : null,
description
}
});
if (merr) {
let detail = '';
try {detail = (await merr.context.json())?.error || '';} catch (_e) {}
console.error('Meet link error:', detail || merr.message);
meetNote = ' (Meet link not added' + (detail ? ': ' + detail : '') + ')';
} else if (mres?.meeting_link) {
meetNote = type === '1:1' ? ' Google Meet link added and the member was invited.' : ' Google Meet link added.';
}
}
setSaving(false);
const who = type === 'Town Hall' ?
'all members' :
attendee?.full_name || 'the member';
setMsg({ ok: true, text: `Session scheduled for ${who}.` + meetNote });
reset();
setReloadKey((k) => k + 1);
};
return (
<>
Admin · Sessions
Schedule
Create 1:1s and town halls. 1:1s appear only for the chosen member; town halls appear for everyone.
{/* Calendar */}
{/* Create panel */}
Create session
{googleConnected ?
Google connected{googleEmail ? ' · ' + googleEmail : ''}
{connecting ? 'Waiting…' : 'Reconnect'}
:
Connect Google to auto-add Meet links.
{connecting ? 'Waiting…' : 'Connect Google'}
}
setType('1:1')}>1:1
setType('Town Hall')}>Town Hall
{type === '1:1' &&
Member
setAttendeeId(e.target.value)}>
Select a member…
{members.map((m) =>
{m.full_name || m.email}
)}
}
setTitle(e.target.value)} />
setDate(e.target.value)} />
Start
onStartChange(e.target.value)}>
{SESSION_TIME_OPTS.map((v) => {fmtTime12(v)} )}
End
setEndTime(e.target.value)}>
{SESSION_TIME_OPTS.filter((v) => v > startTime).map((v) => {fmtTime12(v)}{sessionDurLabel(startTime, v)} )}
Recurrence
setRecurrence(e.target.value)}>
Does not repeat
Weekly
Biweekly
Monthly
Agenda (optional · one bullet per line)