@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.30

package/dist/components/questions/viewer/SpontaneousQaGroupViewer.d.ts

@@ -1,4 +1,5 @@
 import type { Question } from '../../../shared/types/entities/question.types';
-export declare function SpontaneousQaGroupViewer({ question }: {
+export declare function SpontaneousQaGroupViewer({ question, isReviewMode, }: {
     question: Question;
+    isReviewMode?: boolean;
 }): import("react").JSX.Element;

package/dist/components/questions/viewer/SpontaneousQaGroupViewer.js

@@ -1 +1,82 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";function r(e){return function(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}(e)?e:{}}function n(e,t=""){return"string"==typeof e?e:t}function s(e,t){const s=r(e),i=r(s.content),o=r(s.correctAnswer),a=Array.isArray(o.expectedAnswers)?o.expectedAnswers.map(e=>String(e??"")):[];return{questionText:n(i.questionText)||n(i.question)||n(s.questionText),audioUrl:n(i.audioUrl)||void 0,expectedAnswers:a,isExample:!0===s.isExample,points:"number"==typeof s.points?s.points:1,questionNumber:"number"==typeof s.questionNumber?s.questionNumber:t+1}}export function SpontaneousQaGroupViewer({question:i}){const{instruction:o,items:a}=function(e){const t=r(e.content),i=r(e.spontaneousQAList??t.spontaneousQAList??t),o=Array.isArray(i.items)?i.items:Array.isArray(t.items)?t.items:[];return{instruction:n(r(i.meta).instruction)||n(r(t.meta).instruction)||n(e.explanation)||"Talk about the topic.",items:o.map(s)}}(i);return t("div",{className:"space-y-4",children:[o?e("div",{className:"rounded-xl border border-indigo-100 bg-indigo-50 px-4 py-3 text-sm font-medium text-indigo-800",children:o}):null,a.map((r,n)=>t("div",{className:"overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",children:[t("div",{className:"flex items-center justify-between border-b border-gray-100 bg-gray-50 px-4 py-2.5",children:[t("span",{className:"text-sm font-medium text-gray-700",children:["Câu ",r.questionNumber||n+1]}),t("span",{className:"text-xs text-gray-500",children:[r.points||0," điểm"]})]}),t("div",{className:"space-y-2 p-4",children:[e("p",{className:"text-sm font-semibold text-gray-800",children:r.questionText||"Câu hỏi chưa được nhập"}),r.audioUrl?t("p",{className:"text-xs text-gray-500",children:["Audio: ",r.audioUrl]}):null,r.expectedAnswers.length>0?t("div",{className:"rounded-lg border border-emerald-100 bg-emerald-50 px-3 py-2 text-sm text-emerald-800",children:[e("p",{className:"mb-1 font-medium",children:"Gợi ý đáp án"}),e("ul",{className:"list-disc space-y-1 pl-4",children:r.expectedAnswers.map(t=>e("li",{children:t},t))})]}):null]})]},`${r.questionNumber}-${n}`))]})}
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function asRecord(value) {
+    return isRecord(value) ? value : {};
+}
+function asString(value, fallback = '') {
+    return typeof value === 'string' ? value : fallback;
+}
+function mapItem(item, index) {
+    const record = asRecord(item);
+    const content = asRecord(record.content);
+    const correctAnswer = asRecord(record.correctAnswer);
+    const expected = Array.isArray(correctAnswer.expectedAnswers)
+        ? correctAnswer.expectedAnswers.map((value) => String(value ?? ''))
+        : [];
+    return {
+        questionText: asString(content.questionText) ||
+            asString(content.question) ||
+            asString(record.questionText),
+        audioUrl: asString(content.audioUrl) || undefined,
+        expectedAnswers: expected,
+        isExample: record.isExample === true,
+        points: typeof record.points === 'number' ? record.points : 1,
+        questionNumber: typeof record.questionNumber === 'number' ? record.questionNumber : index + 1,
+    };
+}
+function isNestedPart(item) {
+    const record = asRecord(item);
+    return Array.isArray(record.questions);
+}
+function resolveGroup(question) {
+    const content = asRecord(question.content);
+    const list = asRecord(question.spontaneousQAList ?? content.spontaneousQAList ?? content);
+    const itemsRaw = Array.isArray(list.items)
+        ? list.items
+        : Array.isArray(content.items)
+            ? content.items
+            : [];
+    const instruction = asString(asRecord(list.meta).instruction) ||
+        asString(asRecord(content.meta).instruction) ||
+        asString(question.explanation) ||
+        'Talk about the topic.';
+    if (itemsRaw.some(isNestedPart)) {
+        return {
+            instruction,
+            parts: itemsRaw.map((item, index) => {
+                const record = asRecord(item);
+                const questions = Array.isArray(record.questions)
+                    ? record.questions.map(mapItem)
+                    : [];
+                return {
+                    partNumber: typeof record.partNumber === 'number' ? record.partNumber : index + 1,
+                    partTitle: asString(record.partTitle) || `PART ${index + 1}`,
+                    topic: asString(record.topic),
+                    questions,
+                };
+            }),
+        };
+    }
+    return {
+        instruction,
+        parts: [
+            {
+                partNumber: 1,
+                partTitle: '',
+                topic: '',
+                questions: itemsRaw.map(mapItem),
+            },
+        ],
+    };
+}
+function QaPromptCard({ item, index }) {
+    return (_jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-100 bg-gray-50 px-4 py-2.5", children: [_jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["C\u00E2u ", item.questionNumber || index + 1] }), _jsxs("span", { className: "text-xs text-gray-500", children: [item.points || 0, " \u0111i\u1EC3m"] })] }), _jsxs("div", { className: "space-y-2 p-4", children: [_jsx("p", { className: "text-sm font-semibold text-gray-800", children: item.questionText || 'Câu hỏi chưa được nhập' }), item.audioUrl ? (_jsxs("p", { className: "text-xs text-gray-500", children: ["Audio: ", item.audioUrl] })) : null, item.expectedAnswers.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-emerald-100 bg-emerald-50 px-3 py-2 text-sm text-emerald-800", children: [_jsx("p", { className: "mb-1 font-medium", children: "G\u1EE3i \u00FD \u0111\u00E1p \u00E1n" }), _jsx("ul", { className: "list-disc space-y-1 pl-4", children: item.expectedAnswers.map((answer) => (_jsx("li", { children: answer }, answer))) })] })) : null] })] }));
+}
+export function SpontaneousQaGroupViewer({ question, isReviewMode, }) {
+    const { instruction, parts } = resolveGroup(question);
+    const showPartChrome = parts.length > 1 || parts.some((part) => part.partTitle || part.topic);
+    return (_jsxs("div", { className: "space-y-5", children: [instruction ? (_jsx("div", { className: "rounded-xl border border-indigo-100 bg-indigo-50 px-4 py-3 text-sm font-medium text-indigo-800", children: instruction })) : null, parts.map((part) => (_jsxs("section", { className: "space-y-3", children: [showPartChrome ? (_jsxs("div", { children: [part.partTitle ? (_jsx("h3", { className: "text-base font-bold tracking-wide text-sky-600", children: part.partTitle })) : null, part.topic ? (_jsx("p", { className: "text-sm font-semibold text-slate-600", children: part.topic })) : null] })) : null, _jsx("div", { className: "space-y-3", children: part.questions.map((item, index) => (_jsx(QaPromptCard, { item: item, index: index }, `${part.partNumber}-${item.questionNumber}-${index}`))) })] }, `part-${part.partNumber}`)))] }));
+}

package/dist/components/questions/viewer/TrueFalseGroupViewer.js

@@ -1 +1,11 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{TrueFalseGroupClient as r}from"../types/true-false-group/TrueFalseGroupClient";import{mapQuestionToTrueFalseGroupData as s}from"../types/true-false-group/map-true-false-group-data";export function TrueFalseGroupViewer({question:t,isReviewMode:o=!1,userAnswer:u}){const i=s(t),a=o&&!u?i.items.map(e=>e.correctAnswer):u;return e(r,{questionData:i,isReviewMode:o,userAnswers:a})}
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TrueFalseGroupClient } from '../types/true-false-group/TrueFalseGroupClient';
+import { mapQuestionToTrueFalseGroupData } from '../types/true-false-group/map-true-false-group-data';
+export function TrueFalseGroupViewer({ question, isReviewMode = false, userAnswer, }) {
+    const questionData = mapQuestionToTrueFalseGroupData(question);
+    const reviewAnswers = isReviewMode && !userAnswer
+        ? questionData.items.map((item) => item.correctAnswer)
+        : userAnswer;
+    return (_jsx(TrueFalseGroupClient, { questionData: questionData, isReviewMode: isReviewMode, userAnswers: reviewAnswers }));
+}

package/dist/components/questions/viewer/WordFillStructuredFormViewer.js

@@ -1 +1,14 @@
-"use client";import{jsx as r}from"react/jsx-runtime";import{useState as e}from"react";import{WordFillStructuredFormClient as t}from"../types/word-fill-structured-form/WordFillStructuredFormClient";import{mapQuestionToWfsfData as o}from"../types/word-fill-structured-form/map-wfsf-question-data";export function WordFillStructuredFormViewer({question:i,isReviewMode:n=!1,userAnswer:s,onSubmitAnswer:u}){const m=o(i),[a,l]=e(()=>s??{});return r(t,{questionData:m,isReviewMode:n,userAnswer:s,autoFillCorrectAnswers:n&&!s,instruction:m.instruction,questionNumber:i.questionNumber,explanation:i.explanation,onAnswerChange:(r,e)=>{const t={...a,[r]:e};l(t),u?.(t)}})}
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { WordFillStructuredFormClient } from '../types/word-fill-structured-form/WordFillStructuredFormClient';
+import { mapQuestionToWfsfData } from '../types/word-fill-structured-form/map-wfsf-question-data';
+export function WordFillStructuredFormViewer({ question, isReviewMode = false, userAnswer, onSubmitAnswer, }) {
+    const questionData = mapQuestionToWfsfData(question);
+    const [draftAnswers, setDraftAnswers] = useState(() => userAnswer ?? {});
+    return (_jsx(WordFillStructuredFormClient, { questionData: questionData, isReviewMode: isReviewMode, userAnswer: userAnswer, autoFillCorrectAnswers: isReviewMode && !userAnswer, instruction: questionData.instruction, questionNumber: question.questionNumber, explanation: question.explanation, onAnswerChange: (key, value) => {
+            const next = { ...draftAnswers, [key]: value };
+            setDraftAnswers(next);
+            onSubmitAnswer?.(next);
+        } }));
+}

package/dist/components/questions/viewer/WordOrderAndMatchGroupViewer.d.ts

@@ -1,4 +1,6 @@
 import type { Question } from '../../../shared/types/entities/question.types';
-export declare function WordOrderAndMatchGroupViewer({ question, }: {
+export declare function WordOrderAndMatchGroupViewer({ question, isReviewMode, userAnswer, }: {
     question: Question;
+    isReviewMode?: boolean;
+    userAnswer?: any;
 }): import("react").JSX.Element;

package/dist/components/questions/viewer/WordOrderAndMatchGroupViewer.js

@@ -1 +1,95 @@
-"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";function t(e){return function(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}(e)?e:{}}function s(e,r=""){return"string"==typeof e?e:r}function a(e,r){const a=t(e),n=t(a.content),i=t(a.correctAnswer);return{scrambledWords:Array.isArray(n.scrambledWords)?n.scrambledWords.map(e=>String(e??"")):[],orderedPhrase:s(i.orderedPhrase),matchLabel:s(i.matchLabel),isExample:!0===a.isExample,points:"number"==typeof a.points?a.points:1,questionNumber:"number"==typeof a.questionNumber?a.questionNumber:r+1}}export function WordOrderAndMatchGroupViewer({question:n}){const{instruction:i,matchOptions:d,items:o}=function(e){const r=t(e.content),n=t(e.wordOrderMatchList??r.wordOrderMatchList??r),i=t(n.meta??r.meta),d=Array.isArray(n.items)?n.items:Array.isArray(r.items)?r.items:[];return{instruction:s(i.instruction)||s(e.explanation)||"Put the phrases in order, then match the labels.",matchOptions:Array.isArray(i.matchOptions)?i.matchOptions.map(e=>String(e??"")):[],items:d.map(a)}}(n);return r("div",{className:"space-y-4",children:[i?e("div",{className:"rounded-xl border border-indigo-100 bg-indigo-50 px-4 py-3 text-sm font-medium text-indigo-800",children:i}):null,d.length>0?e("div",{className:"flex flex-wrap gap-2",children:d.map(r=>e("span",{className:"rounded-md border border-gray-200 bg-white px-2 py-1 text-xs font-semibold text-gray-700",children:r},r))}):null,o.map((t,s)=>r("div",{className:"overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",children:[r("div",{className:"flex items-center justify-between border-b border-gray-100 bg-gray-50 px-4 py-2.5",children:[r("span",{className:"text-sm font-medium text-gray-700",children:["Câu ",t.questionNumber||s+1,t.isExample?" · Example":""]}),r("span",{className:"text-xs text-gray-500",children:[t.points||0," điểm"]})]}),r("div",{className:"space-y-2 p-4",children:[e("div",{className:"flex flex-wrap gap-1.5",children:t.scrambledWords.map((r,t)=>e("span",{className:"rounded-md border border-dashed border-teal-300 bg-teal-50 px-2 py-1 text-sm text-teal-800",children:r},`${r}-${t}`))}),r("p",{className:"text-sm text-gray-800",children:[e("span",{className:"font-medium text-gray-500",children:"Câu đúng: "}),t.orderedPhrase||"—"]}),r("p",{className:"text-sm text-gray-800",children:[e("span",{className:"font-medium text-gray-500",children:"Nhãn: "}),t.matchLabel||"—"]})]})]},`${t.questionNumber}-${s}`))]})}
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WordOrderAndMatchGroupClient } from '../types/word-order-and-match-group/WordOrderAndMatchGroupClient';
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function asRecord(value) {
+    return isRecord(value) ? value : {};
+}
+function asString(value, fallback = '') {
+    return typeof value === 'string' ? value : fallback;
+}
+function mapItem(item, index, fallbackAnswer) {
+    const record = asRecord(item);
+    const content = asRecord(record.content);
+    const fb = asRecord(fallbackAnswer);
+    const correctAnswer = asRecord(record.correctAnswer ??
+        record.correct_answer ??
+        record.answer ??
+        fb.correctAnswer ??
+        fb.correct_answer ??
+        fb.answer ??
+        fb);
+    const words = Array.isArray(content.scrambledWords)
+        ? content.scrambledWords.map((value) => String(value ?? ''))
+        : Array.isArray(record.scrambledWords)
+            ? record.scrambledWords.map((value) => String(value ?? ''))
+            : [];
+    return {
+        scrambledWords: words,
+        orderedPhrase: asString(correctAnswer.orderedPhrase) ||
+            asString(record.orderedPhrase) ||
+            asString(fb.orderedPhrase),
+        matchLabel: asString(correctAnswer.matchLabel) ||
+            asString(record.matchLabel) ||
+            asString(fb.matchLabel) ||
+            'A',
+        isExample: record.isExample === true || record.is_example === true,
+        points: typeof record.points === 'number' ? record.points : 1,
+        questionNumber: typeof record.questionNumber === 'number' ? record.questionNumber : index + 1,
+    };
+}
+function resolveGroup(question) {
+    const content = asRecord(question.content);
+    const answer = asRecord(question.answer);
+    const correctAnswer = asRecord(question.correctAnswer ?? question.correct_answer);
+    const list = asRecord(question.wordOrderMatchList ??
+        content.wordOrderMatchList ??
+        answer.wordOrderMatchList ??
+        (content.items ? content : null) ??
+        (answer.items ? answer : null) ??
+        content);
+    const meta = asRecord(list.meta ?? content.meta ?? answer.meta);
+    const itemsRaw = Array.isArray(list.items)
+        ? list.items
+        : Array.isArray(content.items)
+            ? content.items
+            : Array.isArray(answer.items)
+                ? answer.items
+                : [];
+    const answersRaw = Array.isArray(correctAnswer.answer)
+        ? correctAnswer.answer
+        : Array.isArray(answer.answer)
+            ? answer.answer
+            : [];
+    return {
+        instruction: asString(meta.instruction) ||
+            asString(answer.instruction) ||
+            asString(question.explanation) ||
+            'Put the phrases in order, then match the labels.',
+        matchOptions: Array.isArray(meta.matchOptions)
+            ? meta.matchOptions.map((value) => String(value ?? ''))
+            : Array.isArray(answer.matchOptions)
+                ? answer.matchOptions.map((value) => String(value ?? ''))
+                : ['A', 'B', 'C', 'D', 'E', 'F'],
+        items: itemsRaw.map((item, idx) => mapItem(item, idx, answersRaw[idx])),
+    };
+}
+export function WordOrderAndMatchGroupViewer({ question, isReviewMode = false, userAnswer, }) {
+    const { instruction, matchOptions, items } = resolveGroup(question);
+    const questionData = {
+        instruction,
+        matchOptions,
+        items,
+    };
+    const autoUserAnswers = isReviewMode
+        ? items.map((item) => ({
+            orderedPhrase: item.orderedPhrase,
+            matchLabel: item.matchLabel,
+        }))
+        : Array.isArray(userAnswer)
+            ? userAnswer
+            : undefined;
+    return (_jsx(WordOrderAndMatchGroupClient, { questionData: questionData, isReviewMode: isReviewMode, userAnswers: autoUserAnswers }));
+}

package/dist/components/questions/viewer/index.js

@@ -1 +1,8 @@
-export{QuestionViewer}from"./QuestionViewer";export{QuestionGroupViewer}from"./QuestionGroupViewer";export{WordFillStructuredFormViewer}from"./WordFillStructuredFormViewer";export{ChooseTheCorrectAnswerGroupViewer}from"./ChooseTheCorrectAnswerGroupViewer";export{TrueFalseGroupViewer}from"./TrueFalseGroupViewer";export{CrossOutWordGroupViewer}from"./CrossOutWordGroupViewer";export{SpontaneousQaGroupViewer}from"./SpontaneousQaGroupViewer";export{WordOrderAndMatchGroupViewer}from"./WordOrderAndMatchGroupViewer";
+export { QuestionViewer } from './QuestionViewer';
+export { QuestionGroupViewer } from './QuestionGroupViewer';
+export { WordFillStructuredFormViewer } from './WordFillStructuredFormViewer';
+export { ChooseTheCorrectAnswerGroupViewer } from './ChooseTheCorrectAnswerGroupViewer';
+export { TrueFalseGroupViewer } from './TrueFalseGroupViewer';
+export { CrossOutWordGroupViewer } from './CrossOutWordGroupViewer';
+export { SpontaneousQaGroupViewer } from './SpontaneousQaGroupViewer';
+export { WordOrderAndMatchGroupViewer } from './WordOrderAndMatchGroupViewer';

package/dist/components/results/ResultReviewPageContainer.js

@@ -1 +1,220 @@
-"use client";import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useCallback as n,useEffect as o,useMemo as i,useState as a}from"react";import{ChevronLeft as s,Download as l,Loader2 as c,Sparkles as d}from"lucide-react";import{ResultTemplateType as m}from"../../api/result-review";import{useToast as u}from"../../shared/lib/hooks/useToast";import{ReviewQuestionRenderer as p}from"./ReviewQuestionRenderer";import{useResultReviewPolling as f}from"./hooks/useResultReviewPolling";import{BadgeTitle as g}from"./report/BadgeTitle";import{OceanEduExamReport as x}from"./report/OceanEduExamReport";import{OverallAssessmentSection as h}from"./report/OverallAssessmentSection";import{ResultErrorState as w}from"./report/ResultErrorState";import{ResultLoadingState as b}from"./report/ResultLoadingState";import{ResultNotPublicState as S}from"./report/ResultNotPublicState";import{SpeakingRubricSection as v}from"./report/SpeakingRubricSection";import{SpeakingReviewResult as N}from"./speaking/SpeakingReviewResult";import{transformResultAnswersForReview as R}from"./review-data";import{isResultNotPublic as E,setPdfReady as P}from"./review-status.utils";import{unwrap as y}from"./result-review.utils";import{formatTotalScore as k}from"./utils/review-score.utils";import{transformSpeakingResultForReview as A}from"./utils/transform-speaking-review";const L="/student/contests/my-contests";export var PartRubricTemplateCode;!function(e){e.KINDY_VER3="PLACEMENT_TEST_KINDY_VER3",e.PRESCHOOL="PLACEMENT_TEST_PRESCHOOL"}(PartRubricTemplateCode||(PartRubricTemplateCode={}));const T=new Set(Object.values(PartRubricTemplateCode));export function ResultReviewPageContainer({attemptId:s,token:l,api:c,isPrintMode:d=!1,canExportPdf:p=!1,reviewUrl:g,assetBaseUrl:k,loginHref:U,onBack:F,onNavigate:O,topActionsSlot:_,beforeReportSlot:j,afterReportSlot:Q}){const{error:M,success:$}=u(),[H,I]=a(null),[G,K]=a(null),[V,q]=a(!0),[W,X]=a(null),[Y,z]=a(!1),J=n(async e=>{e&&q(!0);try{const[e,t]=await Promise.all([c.getDetailedResult(s,l),c.getAttempt?.(s,l)]);I(y(e)),K(t?y(t):null),X(null)}catch(e){X(e),E(e,Boolean(l))||M({message:"Không thể tải kết quả",description:e instanceof Error?e.message:void 0})}finally{e&&q(!1)}},[c,s,l,M]);o(()=>{J(!0)},[J]);const Z=n(()=>{J(!1)},[J]),{hasPendingQuestions:ee,hasPendingLlm:te,hasFailedLlm:re,retryLlm:ne}=f({detail:H,isPrintMode:d,isLoading:V,onRefetch:Z});o(()=>{if(!d||V)return;const e=requestAnimationFrame(()=>P(!0));return()=>{cancelAnimationFrame(e),P(!1)}},[d,V]);const oe=G?.exam?.template,ie=oe?.parts,ae=G?.studentName??"Học sinh",se=G?.studentUsername??null,le=G?.branchName??"Chưa tham gia chi nhánh",ce=function(e){const t=e?new Date(e):new Date;return Number.isNaN(t.getTime())?(new Date).toLocaleDateString("vi-VN"):t.toLocaleDateString("vi-VN")}(H?.submittedAt),de=i(()=>function(e,t){const r=e??("undefined"!=typeof window?window.location.href:void 0);if(!r||!t)return r;try{const e=new URL(r,"undefined"!=typeof window?window.location.origin:void 0);return e.searchParams.set("token",t),e.toString()}catch{return r}}(g,l??G?.verificationToken),[g,l,G?.verificationToken]),me=i(()=>R(H?.answers??[],ie),[H?.answers,ie]),ue=i(()=>H&&oe?.type===m.SPEAKING?A(H,ae,ie):null,[H,ae,oe?.type,ie]),pe=!!H?.templateCode&&T.has(H.templateCode),fe=i(()=>function(e){const t={};return e?.speakingRubric?.criteria?.forEach(e=>{const r=/^C(\d+)$/.exec(e.code);if(!r)return;const n=null!=e.weightedScore&&null!=e.maxScore;t[Number(r[1])]=n?{score:e.weightedScore,maxScore:e.maxScore,weighted:n}:{score:e.score,maxScore:5,weighted:n}}),t}(H),[H?.speakingRubric]);o(()=>{if("undefined"==typeof window)return;window.history.pushState(null,"",window.location.href);const e=()=>{F?F():O?O(L):window.location.replace(L)};return window.addEventListener("popstate",e),()=>{window.removeEventListener("popstate",e)}},[F,O]);const ge=n(()=>{if(F)return F();O?O(L):"undefined"!=typeof window&&(window.location.href=L)},[F,O]),xe=async()=>{if(H&&c.exportPdf){z(!0);try{const{blob:e,filename:t}=await c.exportPdf(s,oe?.type);!function(e,t){const r=URL.createObjectURL(e),n=document.createElement("a");n.href=r,n.download=t,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(r)}(e,t),$({message:"Xuất PDF thành công"})}catch(e){M({message:"Không xuất được PDF",description:e instanceof Error?e.message:void 0})}finally{z(!1)}}};return V?e(b,{}):E(W,Boolean(l))?e(S,{loginHref:U,assetBaseUrl:k,onLogin:O}):H?ue?e(N,{reviewData:ue,studentName:ae,studentCode:se,branchName:le,examDateText:ce,examTitle:oe?.title,showDetailedResults:H.showDetailedResults,speakingRubric:H.speakingRubric,reviewUrl:de,assetBaseUrl:k,canExportPdf:p&&Boolean(c.exportPdf),isExporting:Y,hasPendingQuestions:ee,onBack:ge,onExportPdf:xe,topActionsSlot:_,beforeReportSlot:j,afterReportSlot:Q}):e("div",{className:"min-h-screen bg-[#e0e0e0] py-4 md:py-6",children:r("div",{className:"mx-auto flex w-full max-w-[1160px] flex-col gap-4 px-0 sm:px-4",children:[e(D,{onBack:ge,onExport:xe,canExport:p&&Boolean(c.exportPdf),isExporting:Y,topActionsSlot:_}),ee?e(C,{}):null,j,e(x,{studentName:ae,studentCode:se,branchName:le,examDateText:ce,totalScore:H.totalScore,maxScore:H.maxScore,isPendingGrading:Boolean(H.isPendingGrading||ee),examSubTitle:H.roomName,examTitle:oe?.title,reviewUrl:de,assetBaseUrl:k,readingScore:H.readingScore,maxReadingScore:H.maxReadingScore,listeningScore:H.listeningScore,maxListeningScore:H.maxListeningScore,writingScore:H.writingScore,maxWritingScore:H.maxWritingScore,speakingScore:H.speakingScore,maxSpeakingScore:H.maxSpeakingScore,overallAssessmentSlot:r(t,{children:[e(h,{isPending:te,isFailed:re,onRetry:ne,llmOverallAssessment:H.llmOverallAssessment,llmSkillAssessment:H.llmSkillAssessment,correctAnswers:H.correctAnswers,totalQuestions:H.totalQuestions}),H.speakingRubric?.criteria?.length?e(v,{rubric:H.speakingRubric}):null]}),children:!1!==H.showDetailedResults?e(B,{reviewData:me,hidePerQuestionGrading:pe,rubricScores:fe}):null}),Q]})}):e(w,{error:W,onBack:ge})}function D({onBack:t,onExport:n,canExport:o,isExporting:i,topActionsSlot:a}){return r("div",{className:"flex items-center justify-between gap-3 px-3 print:hidden sm:px-0",children:[r("button",{type:"button",onClick:t,className:"inline-flex items-center gap-2 rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 shadow-sm transition hover:bg-slate-50",children:[e(s,{className:"h-4 w-4"}),"Quay lại"]}),r("div",{className:"flex items-center gap-3",children:[o?r("button",{type:"button",onClick:()=>{n()},disabled:i,className:"inline-flex items-center gap-2 rounded-xl bg-gradient-to-r from-[#00AEEF] to-[#0099D6] px-5 py-2.5 text-sm font-bold text-white shadow-lg disabled:opacity-50",children:[i?e(c,{className:"h-4 w-4 animate-spin"}):e(l,{className:"h-4 w-4"}),i?"Đang xuất...":"Xuất PDF"]}):null,a]})]})}function C(){return r("div",{className:"mx-3 flex items-center gap-3 rounded-2xl border border-[#b3dfff] bg-gradient-to-r from-[#e8f6ff] to-[#f0f8ff] px-5 py-4 shadow-sm sm:mx-0",children:[e("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#d0edff]",children:e(d,{className:"h-5 w-5 animate-pulse text-[#00AEEF]"})}),r("div",{children:[e("p",{className:"text-sm font-bold text-[#0054A6]",children:"AI đang chấm điểm..."}),e("p",{className:"text-xs text-[#0078c8]",children:"Trang sẽ tự động cập nhật cho đến khi hoàn tất."})]})]})}function B({reviewData:t,hidePerQuestionGrading:n,rubricScores:o}){return e("div",{className:"space-y-6",children:t.parts.map((i,a)=>{const s=n?o[i.partNo]:void 0,l=t.partScoresMap[a],c=s?`${s.weighted?Number(s.score.toFixed(1)):Math.round(s.score)} / ${Math.round(s.maxScore)}`:l?`${k(l.score)} / ${k(l.maxScore)}`:null;return r("section",{className:"relative rounded-[20px] border-2 border-[#00AEEF] bg-white px-5 pb-6 pt-11 md:px-8",children:[e(g,{number:String(i.partNo),title:i.name||`PHẦN ${i.partNo}`}),r("div",{className:"mb-6 flex flex-col gap-4",children:[c?e("div",{className:"flex justify-end",children:r("div",{className:"rounded-full bg-[#0054A6] px-4 py-2 text-sm font-bold text-white",children:["Điểm: ",c]})}):null,i.instructions?e(U,{value:i.instructions}):null]}),e(p,{part:i,reviewData:t,hidePerQuestionGrading:n})]},`${i.partId}-${a}`)})})}function U({value:t}){return/<[a-z][\s\S]*>/i.test(t)?e("div",{className:"text-[17px] font-bold leading-relaxed text-[#0054A6] [&_p]:mb-2 [&_p:last-child]:mb-0",dangerouslySetInnerHTML:{__html:t}}):e("h3",{className:"text-[17px] font-bold leading-relaxed text-[#0054A6]",children:t})}
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { ChevronLeft, Download, Loader2, Sparkles } from 'lucide-react';
+import { ResultTemplateType, } from '../../api/result-review';
+import { useToast } from '../../shared/lib/hooks/useToast';
+import { ReviewQuestionRenderer } from './ReviewQuestionRenderer';
+import { useResultReviewPolling } from './hooks/useResultReviewPolling';
+import { BadgeTitle } from './report/BadgeTitle';
+import { OceanEduExamReport } from './report/OceanEduExamReport';
+import { OverallAssessmentSection } from './report/OverallAssessmentSection';
+import { ResultErrorState } from './report/ResultErrorState';
+import { ResultLoadingState } from './report/ResultLoadingState';
+import { ResultNotPublicState } from './report/ResultNotPublicState';
+import { SpeakingRubricSection } from './report/SpeakingRubricSection';
+import { SpeakingReviewResult } from './speaking/SpeakingReviewResult';
+import { transformResultAnswersForReview } from './review-data';
+import { isResultNotPublic, setPdfReady } from './review-status.utils';
+import { unwrap } from './result-review.utils';
+import { formatTotalScore } from './utils/review-score.utils';
+import { transformSpeakingResultForReview } from './utils/transform-speaking-review';
+const DEFAULT_RESULTS_PATH = '/student/contests/my-contests';
+export var PartRubricTemplateCode;
+(function (PartRubricTemplateCode) {
+    PartRubricTemplateCode["KINDY_VER3"] = "PLACEMENT_TEST_KINDY_VER3";
+    PartRubricTemplateCode["PRESCHOOL"] = "PLACEMENT_TEST_PRESCHOOL";
+})(PartRubricTemplateCode || (PartRubricTemplateCode = {}));
+const PART_RUBRIC_TEMPLATE_CODES = new Set(Object.values(PartRubricTemplateCode));
+export function ResultReviewPageContainer({ attemptId, token, api, isPrintMode = false, canExportPdf = false, reviewUrl, assetBaseUrl, loginHref, onBack, onNavigate, topActionsSlot, beforeReportSlot, afterReportSlot, }) {
+    const { error: errorToast, success } = useToast();
+    const [detail, setDetail] = useState(null);
+    const [attempt, setAttempt] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [loadError, setLoadError] = useState(null);
+    const [isExporting, setIsExporting] = useState(false);
+    const loadResult = useCallback(async (showSpinner) => {
+        if (showSpinner)
+            setIsLoading(true);
+        try {
+            const [detailResult, attemptResult] = await Promise.all([
+                api.getDetailedResult(attemptId, token),
+                api.getAttempt?.(attemptId, token),
+            ]);
+            setDetail(unwrap(detailResult));
+            setAttempt(attemptResult ? unwrap(attemptResult) : null);
+            setLoadError(null);
+        }
+        catch (error) {
+            setLoadError(error);
+            if (!isResultNotPublic(error, Boolean(token))) {
+                errorToast({
+                    message: 'Không thể tải kết quả',
+                    description: error instanceof Error ? error.message : undefined,
+                });
+            }
+        }
+        finally {
+            if (showSpinner)
+                setIsLoading(false);
+        }
+    }, [api, attemptId, token, errorToast]);
+    useEffect(() => {
+        void loadResult(true);
+    }, [loadResult]);
+    const refetch = useCallback(() => void loadResult(false), [loadResult]);
+    const { hasPendingQuestions, hasPendingLlm, hasFailedLlm, retryLlm } = useResultReviewPolling({
+        detail,
+        isPrintMode,
+        isLoading,
+        onRefetch: refetch,
+    });
+    useEffect(() => {
+        if (!isPrintMode || isLoading)
+            return undefined;
+        const raf = requestAnimationFrame(() => setPdfReady(true));
+        return () => {
+            cancelAnimationFrame(raf);
+            setPdfReady(false);
+        };
+    }, [isPrintMode, isLoading]);
+    const template = attempt?.exam?.template;
+    const templateParts = template?.parts;
+    const studentName = attempt?.studentName ?? 'Học sinh';
+    const studentCode = attempt?.studentUsername ?? null;
+    const branchName = attempt?.branchName ?? 'Chưa tham gia chi nhánh';
+    const examDateText = formatExamDate(detail?.submittedAt);
+    const canonicalReviewUrl = useMemo(() => buildReviewUrl(reviewUrl, token ?? attempt?.verificationToken), [reviewUrl, token, attempt?.verificationToken]);
+    const reviewData = useMemo(() => transformResultAnswersForReview(detail?.answers ?? [], templateParts), [detail?.answers, templateParts]);
+    const speakingReviewData = useMemo(() => detail && template?.type === ResultTemplateType.SPEAKING
+        ? transformSpeakingResultForReview(detail, studentName, templateParts)
+        : null, [detail, studentName, template?.type, templateParts]);
+    const hidePerQuestionGrading = detail?.templateCode
+        ? PART_RUBRIC_TEMPLATE_CODES.has(detail.templateCode)
+        : false;
+    const rubricScores = useMemo(() => buildRubricPartScores(detail), [detail?.speakingRubric]);
+    // Intercept browser back button to navigate to My Contests tab
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return undefined;
+        window.history.pushState(null, '', window.location.href);
+        const handlePopState = () => {
+            if (onBack) {
+                onBack();
+                return;
+            }
+            if (onNavigate) {
+                onNavigate(DEFAULT_RESULTS_PATH);
+            }
+            else {
+                window.location.replace(DEFAULT_RESULTS_PATH);
+            }
+        };
+        window.addEventListener('popstate', handlePopState);
+        return () => {
+            window.removeEventListener('popstate', handlePopState);
+        };
+    }, [onBack, onNavigate]);
+    const handleBack = useCallback(() => {
+        if (onBack)
+            return onBack();
+        if (onNavigate) {
+            onNavigate(DEFAULT_RESULTS_PATH);
+            return;
+        }
+        if (typeof window !== 'undefined')
+            window.location.href = DEFAULT_RESULTS_PATH;
+    }, [onBack, onNavigate]);
+    const handleExport = async () => {
+        if (!detail || !api.exportPdf)
+            return;
+        setIsExporting(true);
+        try {
+            const { blob, filename } = await api.exportPdf(attemptId, template?.type);
+            downloadBlob(blob, filename);
+            success({ message: 'Xuất PDF thành công' });
+        }
+        catch (error) {
+            errorToast({
+                message: 'Không xuất được PDF',
+                description: error instanceof Error ? error.message : undefined,
+            });
+        }
+        finally {
+            setIsExporting(false);
+        }
+    };
+    if (isLoading)
+        return _jsx(ResultLoadingState, {});
+    if (isResultNotPublic(loadError, Boolean(token))) {
+        return _jsx(ResultNotPublicState, { loginHref: loginHref, assetBaseUrl: assetBaseUrl, onLogin: onNavigate });
+    }
+    if (!detail)
+        return _jsx(ResultErrorState, { error: loadError, onBack: handleBack });
+    if (speakingReviewData) {
+        return (_jsx(SpeakingReviewResult, { reviewData: speakingReviewData, studentName: studentName, studentCode: studentCode, branchName: branchName, examDateText: examDateText, examTitle: template?.title, showDetailedResults: detail.showDetailedResults, speakingRubric: detail.speakingRubric, reviewUrl: canonicalReviewUrl, assetBaseUrl: assetBaseUrl, canExportPdf: canExportPdf && Boolean(api.exportPdf), isExporting: isExporting, hasPendingQuestions: hasPendingQuestions, onBack: handleBack, onExportPdf: handleExport, topActionsSlot: topActionsSlot, beforeReportSlot: beforeReportSlot, afterReportSlot: afterReportSlot }));
+    }
+    return (_jsx("div", { className: "min-h-screen bg-[#e0e0e0] py-4 md:py-6", children: _jsxs("div", { className: "mx-auto flex w-full max-w-[1160px] flex-col gap-4 px-0 sm:px-4", children: [_jsx(ReviewToolbar, { onBack: handleBack, onExport: handleExport, canExport: canExportPdf && Boolean(api.exportPdf), isExporting: isExporting, topActionsSlot: topActionsSlot }), hasPendingQuestions ? _jsx(PendingGradingBanner, {}) : null, beforeReportSlot, _jsx(OceanEduExamReport, { studentName: studentName, studentCode: studentCode, branchName: branchName, examDateText: examDateText, totalScore: detail.totalScore, maxScore: detail.maxScore, isPendingGrading: Boolean(detail.isPendingGrading || hasPendingQuestions), examSubTitle: detail.roomName, examTitle: template?.title, reviewUrl: canonicalReviewUrl, assetBaseUrl: assetBaseUrl, readingScore: detail.readingScore, maxReadingScore: detail.maxReadingScore, listeningScore: detail.listeningScore, maxListeningScore: detail.maxListeningScore, writingScore: detail.writingScore, maxWritingScore: detail.maxWritingScore, speakingScore: detail.speakingScore, maxSpeakingScore: detail.maxSpeakingScore, overallAssessmentSlot: (_jsxs(_Fragment, { children: [_jsx(OverallAssessmentSection, { isPending: hasPendingLlm, isFailed: hasFailedLlm, onRetry: retryLlm, llmOverallAssessment: detail.llmOverallAssessment, llmSkillAssessment: detail.llmSkillAssessment, correctAnswers: detail.correctAnswers, totalQuestions: detail.totalQuestions }), detail.speakingRubric?.criteria?.length ? (_jsx(SpeakingRubricSection, { rubric: detail.speakingRubric })) : null] })), children: detail.showDetailedResults !== false ? (_jsx(AnswerSections, { reviewData: reviewData, hidePerQuestionGrading: hidePerQuestionGrading, rubricScores: rubricScores })) : null }), afterReportSlot] }) }));
+}
+function buildRubricPartScores(detail) {
+    const scores = {};
+    detail?.speakingRubric?.criteria?.forEach((criterion) => {
+        const match = /^C(\d+)$/.exec(criterion.code);
+        if (!match)
+            return;
+        const weighted = criterion.weightedScore != null && criterion.maxScore != null;
+        scores[Number(match[1])] = weighted
+            ? { score: criterion.weightedScore, maxScore: criterion.maxScore, weighted }
+            : { score: criterion.score, maxScore: 5, weighted };
+    });
+    return scores;
+}
+function ReviewToolbar({ onBack, onExport, canExport, isExporting, topActionsSlot }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-3 px-3 print:hidden sm:px-0", children: [_jsxs("button", { type: "button", onClick: onBack, className: "inline-flex items-center gap-2 rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 shadow-sm transition hover:bg-slate-50", children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), "Quay l\u1EA1i"] }), _jsxs("div", { className: "flex items-center gap-3", children: [canExport ? (_jsxs("button", { type: "button", onClick: () => void onExport(), disabled: isExporting, className: "inline-flex items-center gap-2 rounded-xl bg-gradient-to-r from-[#00AEEF] to-[#0099D6] px-5 py-2.5 text-sm font-bold text-white shadow-lg disabled:opacity-50", children: [isExporting ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : _jsx(Download, { className: "h-4 w-4" }), isExporting ? 'Đang xuất...' : 'Xuất PDF'] })) : null, topActionsSlot] })] }));
+}
+function PendingGradingBanner() {
+    return (_jsxs("div", { className: "mx-3 flex items-center gap-3 rounded-2xl border border-[#b3dfff] bg-gradient-to-r from-[#e8f6ff] to-[#f0f8ff] px-5 py-4 shadow-sm sm:mx-0", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#d0edff]", children: _jsx(Sparkles, { className: "h-5 w-5 animate-pulse text-[#00AEEF]" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-bold text-[#0054A6]", children: "AI \u0111ang ch\u1EA5m \u0111i\u1EC3m..." }), _jsx("p", { className: "text-xs text-[#0078c8]", children: "Trang s\u1EBD t\u1EF1 \u0111\u1ED9ng c\u1EADp nh\u1EADt cho \u0111\u1EBFn khi ho\u00E0n t\u1EA5t." })] })] }));
+}
+function AnswerSections({ reviewData, hidePerQuestionGrading, rubricScores }) {
+    return _jsx("div", { className: "space-y-6", children: reviewData.parts.map((part, index) => {
+            const rubricScore = hidePerQuestionGrading ? rubricScores[part.partNo] : undefined;
+            const score = reviewData.partScoresMap[index];
+            const scoreText = rubricScore
+                ? `${rubricScore.weighted ? Number(rubricScore.score.toFixed(1)) : Math.round(rubricScore.score)} / ${Math.round(rubricScore.maxScore)}`
+                : score ? `${formatTotalScore(score.score)} / ${formatTotalScore(score.maxScore)}` : null;
+            return (_jsxs("section", { className: "relative rounded-[20px] border-2 border-[#00AEEF] bg-white px-5 pb-6 pt-11 md:px-8", children: [_jsx(BadgeTitle, { number: String(part.partNo), title: part.name || `PHẦN ${part.partNo}` }), _jsxs("div", { className: "mb-6 flex flex-col gap-4", children: [scoreText ? _jsx("div", { className: "flex justify-end", children: _jsxs("div", { className: "rounded-full bg-[#0054A6] px-4 py-2 text-sm font-bold text-white", children: ["\u0110i\u1EC3m: ", scoreText] }) }) : null, part.instructions ? _jsx(PartInstructions, { value: part.instructions }) : null] }), _jsx(ReviewQuestionRenderer, { part: part, reviewData: reviewData, hidePerQuestionGrading: hidePerQuestionGrading })] }, `${part.partId}-${index}`));
+        }) });
+}
+function PartInstructions({ value }) {
+    if (/<[a-z][\s\S]*>/i.test(value)) {
+        return _jsx("div", { className: "text-[17px] font-bold leading-relaxed text-[#0054A6] [&_p]:mb-2 [&_p:last-child]:mb-0", dangerouslySetInnerHTML: { __html: value } });
+    }
+    return _jsx("h3", { className: "text-[17px] font-bold leading-relaxed text-[#0054A6]", children: value });
+}
+function buildReviewUrl(explicitUrl, reviewToken) {
+    const source = explicitUrl ?? (typeof window !== 'undefined' ? window.location.href : undefined);
+    if (!source || !reviewToken)
+        return source;
+    try {
+        const url = new URL(source, typeof window !== 'undefined' ? window.location.origin : undefined);
+        url.searchParams.set('token', reviewToken);
+        return url.toString();
+    }
+    catch {
+        return source;
+    }
+}
+function formatExamDate(value) {
+    const date = value ? new Date(value) : new Date();
+    return Number.isNaN(date.getTime()) ? new Date().toLocaleDateString('vi-VN') : date.toLocaleDateString('vi-VN');
+}
+function downloadBlob(blob, filename) {
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+}

package/dist/components/results/ReviewQuestionRenderer.js

@@ -1 +1,55 @@
-"use client";import{jsx as e,Fragment as r,jsxs as t}from"react/jsx-runtime";import{QuestionExplanations as s}from"./renderers/QuestionExplanations";import{renderDedicatedReviewBody as n}from"./renderers/review-question-body-dedicated";import{renderMoversReviewBody as a}from"./renderers/review-question-body-movers";const o=new Set(["READ_DISPLAYED_CONTENT","SPEAKING_DESCRIBE_IMAGE","SPEAKING_CUE_CARD","SPONTANEOUS_QA","LISTEN_AND_SPEAK_ANSWER","LISTEN_AND_SPEAK_IMAGE_GROUP","LISTEN_AND_SPEAK_QUESTION_LIST","LISTEN_AND_SPEAK_COMPARE_IMAGES","LISTEN_AND_SPEAK_WITH_STORY_IMAGES","LISTEN_AND_SPEAK_INFO_EXCHANGE","LISTEN_AND_SPEAK_ODD_ONE_OUT"]);export function ReviewQuestionRenderer(n){const{part:a}=n,c=a.questions.map(e=>({id:e.id,questionNumber:e.question_number,explanation:e.explanation??null}));return t(r,{children:[i(n),!o.has(a.questionType)&&e(s,{items:c})]})}function i({part:r,reviewData:s,hidePerQuestionGrading:o=!1}){const i=n({part:r,answers:s.studentAnswers,isCorrectMap:s.isCorrectMap,correctAnswerTextMap:s.correctAnswerTextMap,correctOptionIdMap:s.correctOptionIdMap,rawCorrectAnswerMap:s.rawCorrectAnswerMap,questionScoreMap:s.questionScoreMap,hidePerQuestionGrading:o});if(i)return i;const c=a({part:r,answers:s.studentAnswers,isCorrectMap:s.isCorrectMap,correctAnswerTextMap:s.correctAnswerTextMap,correctOptionIdMap:s.correctOptionIdMap,cellAnswersMap:s.cellAnswersMap,essayGradingMap:s.essayGradingMap,rawCorrectAnswerMap:s.rawCorrectAnswerMap});return c||e("div",{className:"flex h-full items-center justify-center",children:t("div",{className:"text-center",children:[e("p",{className:"text-lg font-semibold text-red-500",children:"Unsupported question type"}),e("p",{className:"mt-2 text-gray-500",children:r.questionType})]})})}
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { QuestionExplanations } from './renderers/QuestionExplanations';
+import { renderDedicatedReviewBody } from './renderers/review-question-body-dedicated';
+import { renderMoversReviewBody } from './renderers/review-question-body-movers';
+const SPEAKING_QUESTION_TYPES = new Set([
+    'READ_DISPLAYED_CONTENT',
+    'SPEAKING_DESCRIBE_IMAGE',
+    'SPEAKING_CUE_CARD',
+    'SPONTANEOUS_QA',
+    'SPONTANEOUS_QA_GROUP',
+    'LISTEN_AND_SPEAK_ANSWER',
+    'LISTEN_AND_SPEAK_IMAGE_GROUP',
+    'LISTEN_AND_SPEAK_QUESTION_LIST',
+    'LISTEN_AND_SPEAK_COMPARE_IMAGES',
+    'LISTEN_AND_SPEAK_WITH_STORY_IMAGES',
+    'LISTEN_AND_SPEAK_INFO_EXCHANGE',
+    'LISTEN_AND_SPEAK_ODD_ONE_OUT',
+]);
+export function ReviewQuestionRenderer(props) {
+    const { part } = props;
+    const explanationItems = part.questions.map((question) => ({
+        id: question.id,
+        questionNumber: question.question_number,
+        explanation: question.explanation ?? null,
+    }));
+    return (_jsxs(_Fragment, { children: [renderQuestionBody(props), !SPEAKING_QUESTION_TYPES.has(part.questionType) && (_jsx(QuestionExplanations, { items: explanationItems }))] }));
+}
+function renderQuestionBody({ part, reviewData, hidePerQuestionGrading = false, }) {
+    const dedicated = renderDedicatedReviewBody({
+        part,
+        answers: reviewData.studentAnswers,
+        isCorrectMap: reviewData.isCorrectMap,
+        correctAnswerTextMap: reviewData.correctAnswerTextMap,
+        correctOptionIdMap: reviewData.correctOptionIdMap,
+        rawCorrectAnswerMap: reviewData.rawCorrectAnswerMap,
+        questionScoreMap: reviewData.questionScoreMap,
+        hidePerQuestionGrading,
+    });
+    if (dedicated)
+        return dedicated;
+    const movers = renderMoversReviewBody({
+        part,
+        answers: reviewData.studentAnswers,
+        isCorrectMap: reviewData.isCorrectMap,
+        correctAnswerTextMap: reviewData.correctAnswerTextMap,
+        correctOptionIdMap: reviewData.correctOptionIdMap,
+        cellAnswersMap: reviewData.cellAnswersMap,
+        essayGradingMap: reviewData.essayGradingMap,
+        rawCorrectAnswerMap: reviewData.rawCorrectAnswerMap,
+    });
+    if (movers)
+        return movers;
+    return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg font-semibold text-red-500", children: "Unsupported question type" }), _jsx("p", { className: "mt-2 text-gray-500", children: part.questionType })] }) }));
+}

package/dist/components/results/hooks/useResultReviewPolling.js

@@ -1 +1,76 @@
-"use client";import{useCallback as e,useEffect as n,useRef as t,useState as r}from"react";const s=new Set(["PENDING","QUEUED","PROCESSING"]);export function useResultReviewPolling({detail:l,isPrintMode:o,isLoading:i,intervalMs:a=5e3,llmTimeoutMs:u=12e4,onRefetch:c}){const m=(g=l?.answers,!!g&&g.some(e=>null!=e.gradingStatus&&s.has(e.gradingStatus)));var g;const d=Boolean(l)&&!function(e){if(!e)return!1;if(e.llmOverallAssessment)return!0;const n=e.llmSkillAssessment;return Boolean(n&&Object.values(n).some(e=>Boolean(e)))}(l),[f,v]=r(!1),[P,S]=r(0),h=t(c);h.current=c,n(()=>{if(v(!1),!d||o||i)return;const e=setTimeout(()=>v(!0),u);return()=>clearTimeout(e)},[d,o,i,u,P]);const E=d&&!f,I=d&&f,L=!o&&!i&&(m||E);n(()=>{if(!L)return;const e=setInterval(()=>h.current(),a);return()=>clearInterval(e)},[a,L]);const R=e(()=>{S(e=>e+1),h.current()},[]);return{hasPendingQuestions:m,hasPendingLlm:E,hasFailedLlm:I,isPolling:L,retryLlm:R}}
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+/** Default poll cadence for pending grading (5 seconds). */
+const DEFAULT_INTERVAL_MS = 5000;
+/**
+ * How long the assessment may stay absent before we call it failed.
+ *
+ * The backend retries the LLM job 3x with exponential backoff (5s/10s/20s) on
+ * top of the model call itself, so this must comfortably exceed that total —
+ * otherwise a run that would have succeeded gets reported as failed.
+ */
+const DEFAULT_LLM_TIMEOUT_MS = 120000;
+/**
+ * Grading statuses that mean an answer is still being processed. `FAILED` is
+ * terminal and deliberately excluded — polling on it never converges.
+ */
+const POLLABLE_STATUSES = new Set(['PENDING', 'QUEUED', 'PROCESSING']);
+function hasPendingGrading(answers) {
+    if (!answers)
+        return false;
+    return answers.some((answer) => answer.gradingStatus != null && POLLABLE_STATUSES.has(answer.gradingStatus));
+}
+/**
+ * An empty `llmSkillAssessment` object is not an assessment: the generator can
+ * legitimately persist `{}` when no skill has a percentage, so treat it the same
+ * as absent rather than rendering an empty table.
+ */
+function hasLlmAssessmentData(detail) {
+    if (!detail)
+        return false;
+    if (detail.llmOverallAssessment)
+        return true;
+    const skills = detail.llmSkillAssessment;
+    return Boolean(skills && Object.values(skills).some((skill) => Boolean(skill)));
+}
+/**
+ * Polls the result endpoint while any answer is still being graded or the LLM
+ * assessment hasn't been generated yet. Ports the host app's behaviour: polling
+ * is suppressed in print mode so the headless PDF renderer reaches an idle state.
+ *
+ * A missing assessment is indistinguishable from a failed one — the API exposes
+ * no status for it — so the wait is bounded by `llmTimeoutMs` and reported as
+ * `hasFailedLlm` once it elapses, instead of polling forever.
+ */
+export function useResultReviewPolling({ detail, isPrintMode, isLoading, intervalMs = DEFAULT_INTERVAL_MS, llmTimeoutMs = DEFAULT_LLM_TIMEOUT_MS, onRefetch, }) {
+    const hasPendingQuestions = hasPendingGrading(detail?.answers);
+    const isAwaitingLlm = Boolean(detail) && !hasLlmAssessmentData(detail);
+    const [llmWaitExpired, setLlmWaitExpired] = useState(false);
+    const [retryNonce, setRetryNonce] = useState(0);
+    const onRefetchRef = useRef(onRefetch);
+    onRefetchRef.current = onRefetch;
+    // Bound the assessment wait. `isAwaitingLlm` is a boolean, so this timer keeps
+    // running across refetches and only resets when the assessment arrives (or the
+    // user retries) — it is a deadline on the wait, not on each poll.
+    useEffect(() => {
+        setLlmWaitExpired(false);
+        if (!isAwaitingLlm || isPrintMode || isLoading)
+            return undefined;
+        const timer = setTimeout(() => setLlmWaitExpired(true), llmTimeoutMs);
+        return () => clearTimeout(timer);
+    }, [isAwaitingLlm, isPrintMode, isLoading, llmTimeoutMs, retryNonce]);
+    const hasPendingLlm = isAwaitingLlm && !llmWaitExpired;
+    const hasFailedLlm = isAwaitingLlm && llmWaitExpired;
+    const isPolling = !isPrintMode && !isLoading && (hasPendingQuestions || hasPendingLlm);
+    useEffect(() => {
+        if (!isPolling)
+            return undefined;
+        const timer = setInterval(() => onRefetchRef.current(), intervalMs);
+        return () => clearInterval(timer);
+    }, [intervalMs, isPolling]);
+    const retryLlm = useCallback(() => {
+        setRetryNonce((nonce) => nonce + 1);
+        onRefetchRef.current();
+    }, []);
+    return { hasPendingQuestions, hasPendingLlm, hasFailedLlm, isPolling, retryLlm };
+}