// MockExamModule.jsx — timed full-exam simulation
(function() {
const { useState, useMemo, useEffect, useRef } = React;
// Available mock-exam papers (drawn from the same exams.json data)
const PAPER_TEMPLATES = [
{
id: 'spring-2025-final',
label: 'May 2025 — Final (GRA 65463)',
description: 'The most recent past paper. Closest predictor of the May 2026 exam.',
durationSec: 3 * 60 * 60, // 3 hours
},
{
id: 'spring-2024-final',
label: 'May 2024 — Final (GRA 65463 V3)',
description: 'A second full paper to attempt. Heavy on FX swaps and 2008 reforms.',
durationSec: 3 * 60 * 60,
},
{
id: 'final-2023',
label: '2023 — Final',
description: 'Older format with longer essay questions.',
durationSec: 3 * 60 * 60,
},
{
id: 'final-2022',
label: '2022 — Final',
description: 'Includes Akerlof lemons numerical and bail-in calculation.',
durationSec: 3 * 60 * 60,
},
];
// May 2025 (and most recent) scale — also the precedent for May 2026
const GRADING_RECENT = [
{ grade: 'A', min: 75 }, { grade: 'B', min: 65 }, { grade: 'C', min: 55 },
{ grade: 'D', min: 45 }, { grade: 'E', min: 35 }, { grade: 'F', min: 0 },
];
// Spring 2024 final used a stricter scale
const GRADING_SPRING2024 = [
{ grade: 'A', min: 85 }, { grade: 'B', min: 72 }, { grade: 'C', min: 60 },
{ grade: 'D', min: 48 }, { grade: 'E', min: 35 }, { grade: 'F', min: 0 },
];
const GRADING = GRADING_RECENT; // shown on the setup page as the default reference
function formatHMS(secs) {
if (secs < 0) secs = 0;
const h = Math.floor(secs / 3600);
const m = Math.floor((secs % 3600) / 60);
const s = secs % 60;
return `${String(h).padStart(2,'0')}:${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}`;
}
function MockExamModule({ data }) {
const exams = data.exams || [];
const [phase, setPhase] = useState(() => window.lsGet('gra6546_mock_phase', 'setup')); // 'setup' | 'active' | 'review'
const [paperId, setPaperId] = useState(() => window.lsGet('gra6546_mock_paperId', 'spring-2025-final'));
const [startedAt, setStartedAt] = useState(() => window.lsGet('gra6546_mock_startedAt', null));
const [endedAt, setEndedAt] = useState(() => window.lsGet('gra6546_mock_endedAt', null));
const [answers, setAnswers] = useState(() => window.lsGet('gra6546_mock_answers', {}));
const [now, setNow] = useState(Date.now());
// Persist core state
useEffect(() => { window.lsSet('gra6546_mock_phase', phase); }, [phase]);
useEffect(() => { window.lsSet('gra6546_mock_paperId', paperId); }, [paperId]);
useEffect(() => { window.lsSet('gra6546_mock_startedAt', startedAt); }, [startedAt]);
useEffect(() => { window.lsSet('gra6546_mock_endedAt', endedAt); }, [endedAt]);
useEffect(() => { window.lsSet('gra6546_mock_answers', answers); }, [answers]);
// Timer tick
useEffect(() => {
if (phase !== 'active') return;
const id = setInterval(() => setNow(Date.now()), 1000);
return () => clearInterval(id);
}, [phase]);
const paperTemplate = PAPER_TEMPLATES.find(p => p.id === paperId) || PAPER_TEMPLATES[0];
const questions = useMemo(() => {
return exams
.filter(q => q.paperId === paperId)
.sort((a, b) => {
const norm = s => String(s).replace(/[^\d]/g, '').padStart(3, '0') + String(s).replace(/[\d]/g, '');
return norm(a.questionNumber).localeCompare(norm(b.questionNumber));
});
}, [exams, paperId]);
const totalPoints = questions.reduce((s, q) => s + (q.points || 0), 0);
// Timer
const elapsed = startedAt ? Math.floor((now - startedAt) / 1000) : 0;
const remaining = startedAt ? Math.max(0, paperTemplate.durationSec - elapsed) : paperTemplate.durationSec;
const timeUp = phase === 'active' && remaining === 0;
// Auto-finish when time up
useEffect(() => {
if (timeUp && phase === 'active') {
setEndedAt(Date.now());
setPhase('review');
}
}, [timeUp, phase]);
function start() {
setStartedAt(Date.now());
setEndedAt(null);
setAnswers({});
setPhase('active');
}
function finish() {
if (!confirm('Finish the mock exam now? Model answers will be revealed.')) return;
setEndedAt(Date.now());
setPhase('review');
}
function resetAll() {
if (!confirm('Reset the mock-exam state and start over?')) return;
setPhase('setup');
setStartedAt(null);
setEndedAt(null);
setAnswers({});
}
function setAnswer(qid, text) {
setAnswers(a => ({ ...a, [qid]: text }));
}
// ── SETUP ─────────────────────────────────────
if (phase === 'setup') {
return (
Mock Exam
3-hour timed simulation
Sit a full past paper under exam conditions: 3-hour timer, no answers visible until you finish or time runs out.
Pick a paper, click Start, and write your answers in the textareas.
Your answers persist in your browser if you reload.