// emails.jsx β Emails section: trial template, individual send, batch send
const { useState: useEmail } = React;
const TRIAL_MERGE = ['{{student}}', '{{trial_date}}', '{{class}}', '{{campus}}', '{{tutor}}'];
const TRIAL_DEFAULT = {
subject: "π You're booked in β your free trial at The Mathologists",
body: "Hi {{student}},\n\nWe're so glad you're coming in for a free trial lesson β our tutors can't wait to meet you! Everything you need to know is just below.\n\nIf anything comes up or you'd like to reschedule, simply reply to this email and we'll sort it out.",
};
// A batch picks a base set of STUDENTS by category; the Students/Parents/Both
// toggle then decides who actually gets emailed.
const BATCH_CATEGORIES = [
{ value: 'class', label: 'By class', needs: 'class' },
{ value: 'course', label: 'By course', needs: 'course' },
{ value: 'program', label: 'By program type', needs: 'program' },
{ value: 'all-enrolled', label: 'All enrolled students', needs: null },
{ value: 'handpicked', label: 'Hand-picked students', needs: 'pick' },
{ value: 'everyone', label: 'Everyone (all contacts)', needs: null },
];
// Staff batches are kept entirely separate from customers β scoped by role.
const STAFF_SCOPES = [
{ value: 'all', label: 'All staff', test: () => true },
{ value: 'tutors', label: 'Tutors', test: r => /tutor/i.test(r) },
{ value: 'markers', label: 'Markers', test: r => /marker/i.test(r) },
{ value: 'reception', label: 'Reception', test: r => /reception/i.test(r) },
];
function staffContacts(scope) {
const def = STAFF_SCOPES.find(s => s.value === scope) || STAFF_SCOPES[0];
return SAMPLE_STAFF.filter(s => def.test(s.role)).map(s => ({ id: s.id, name: `${s.firstName} ${s.lastName}`, role: s.role, email: s.email }));
}
function programKeyOptions() {
return [
{ value: 'term-inperson', label: 'Term Β· In-person' },
{ value: 'term-online', label: 'Term Β· Online' },
...SAMPLE_HOLIDAY_PROGRAMS.filter(p => !p.archived).map(p => ({ value: `holiday:${p.id}`, label: `Holiday: ${p.shortName || p.name}` })),
];
}
// Base STUDENTS for a batch (before the recipient-type toggle is applied)
function baseStudents(b) {
const enrolled = SAMPLE_STUDENTS.filter(s => s.status === 'enrolled');
switch (b.category) {
case 'class': return SAMPLE_STUDENTS.filter(s => s.classId === b.classId);
case 'course': return enrolled.filter(s => s.course === b.course);
case 'program': {
if (b.programKey === 'term-inperson') return enrolled.filter(s => { const c = SAMPLE_CLASSES.find(x => x.id === s.classId); return c && c.delivery !== 'online'; });
if (b.programKey === 'term-online') return enrolled.filter(s => { const c = SAMPLE_CLASSES.find(x => x.id === s.classId); return c && c.delivery === 'online'; });
if (b.programKey && b.programKey.indexOf('holiday:') === 0) { const pid = b.programKey.slice(8); return SAMPLE_STUDENTS.filter(s => (s.holiday || []).some(h => h.status === 'active' && h.programId === pid)); }
return [];
}
case 'all-enrolled': return enrolled;
case 'handpicked': return SAMPLE_STUDENTS.filter(s => (b.picked || []).indexOf(s.id) !== -1);
case 'everyone': return SAMPLE_STUDENTS;
default: return [];
}
}
// Group base students into families (one parent + their children in the set)
function familiesOf(students) {
const map = new Map();
students.forEach(s => {
const key = s.parentId || `solo-${s.id}`;
if (!map.has(key)) map.set(key, { key, parent: SAMPLE_PARENTS.find(p => p.id === s.parentId) || null, students: [] });
map.get(key).students.push(s);
});
return [...map.values()];
}
function EmailFooter({ sig, light }) {
const line = light ? '#E8E4D6' : 'var(--border-soft)';
const nameC = light ? '#1A1815' : 'var(--text-primary)';
const subC = light ? '#8A8575' : 'var(--text-muted)';
return (
TM
{sig.name}
{sig.role} Β· The Mathologists
{sig.email}{sig.phone ? ` Β· ${sig.phone}` : ''}
);
}
function EmailPreview({ to, subject, body, sig, attachments }) {
return (
{/* Inbox bar (dark) */}
To: {to || 'β'}
{subject || '(no subject)'}
{/* Light branded email β slim letterhead (a quieter variation of the trial email) */}
TM
The Mathologists
Parramatta Β· Bella Vista
{body || '(empty message)'}
{attachments && attachments.length > 0 && (
{attachments.map(a => )}
)}
);
}
// Polished, branded trial email β rendered light (like a real inbox) with a
// header banner, a tidy details card and a warm tone.
function TrialEmailPreview({ subject, body, details, sig }) {
const row = (label, value, last) => (