@tinyweb_dev/oe-exam-sdk 0.1.3 → 0.1.5

package/dist/components/results/ResultReviewPageContainer.d.ts

@@ -1,13 +1,27 @@
 import { type ReactNode } from 'react';
-import type { ResultReviewSdkApi } from '../../api/result-review';
+import { type ResultReviewSdkApi } from '../../api/result-review';
+export declare enum PartRubricTemplateCode {
+    KINDY_VER3 = "PLACEMENT_TEST_KINDY_VER3",
+    PRESCHOOL = "PLACEMENT_TEST_PRESCHOOL"
+}
 export interface ResultReviewPageContainerProps {
     attemptId: string;
     token?: string | null;
     api: ResultReviewSdkApi;
+    /** Disables polling and signals `body[data-pdf-ready="true"]` after loading. */
+    isPrintMode?: boolean;
+    /** Controls the native PDF action independently from API availability. */
+    canExportPdf?: boolean;
+    /** Canonical URL encoded in report QR codes. Defaults to the current URL. */
+    reviewUrl?: string;
+    /** Optional public asset prefix; bundled report assets are used by default. */
+    assetBaseUrl?: string;
+    /** Login destination used by the private-result state. */
+    loginHref?: string;
     onBack?: () => void;
     onNavigate?: (href: string) => void;
     topActionsSlot?: ReactNode;
     beforeReportSlot?: ReactNode;
     afterReportSlot?: ReactNode;
 }
-export declare function ResultReviewPageContainer({ attemptId, token, api, onBack, onNavigate, topActionsSlot, beforeReportSlot, afterReportSlot }: ResultReviewPageContainerProps): import("react").JSX.Element;
+export declare function ResultReviewPageContainer({ attemptId, token, api, isPrintMode, canExportPdf, reviewUrl, assetBaseUrl, loginHref, onBack, onNavigate, topActionsSlot, beforeReportSlot, afterReportSlot, }: ResultReviewPageContainerProps): import("react").JSX.Element;

package/dist/components/results/ResultReviewPageContainer.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useEffect as a,useMemo as s,useState as l}from"react";import{ChevronLeft as n,Download as r,Loader2 as i,Sparkles as c,XCircle as o}from"lucide-react";import{Button as m}from"../../components/ui/button";import{Card as d,CardContent as h,CardHeader as p,CardTitle as u}from"../../components/ui/card";import{useToast as x}from"../../shared/lib/hooks/useToast";import{transformResultAnswersForReview as f}from"./review-data";import{ReviewQuestionRenderer as b}from"./ReviewQuestionRenderer";import{unwrap as g}from"./result-review.utils";export function ResultReviewPageContainer({attemptId:c,token:b,api:y,onBack:A,onNavigate:S,topActionsSlot:R,beforeReportSlot:E,afterReportSlot:P}){const{error:j,success:$}=x(),[D,F]=l(null),[C,O]=l(null),[q,U]=l(!0),[K,L]=l(!1);a(()=>{let e=!1;return U(!0),Promise.all([y.getDetailedResult(c,b),y.getAttempt?.(c,b)]).then(([t,a])=>{e||(F(g(t)),O(a?g(a):null))}).catch(e=>j({message:"Không thể tải kết quả",description:e instanceof Error?e.message:void 0})).finally(()=>{e||U(!1)}),()=>{e=!0}},[y,c,b,j]);const M=s(()=>f(D?.answers??[],C?.exam?.template?.parts),[D?.answers,C?.exam?.template?.parts]),Q=C?.studentName??"Học sinh",T=C?.studentUsername,X=C?.branchName??"Chưa tham gia chi nhánh",H=C?.exam?.template?.title??D?.examName??"Kết quả bài thi",I=()=>{A?A():S?S("/student/results"):"undefined"!=typeof window&&window.history.back()},B=async()=>{if(D&&y.exportPdf){L(!0);try{const{blob:e,filename:t}=await y.exportPdf(c,C?.exam?.template?.type);!function(e,t){const a=URL.createObjectURL(e),s=document.createElement("a");s.href=a,s.download=t,document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(a)}(e,t),$({message:"Xuất PDF thành công"})}catch(e){j({message:"Không xuất được PDF",description:e instanceof Error?e.message:void 0})}finally{L(!1)}}};return q?e(k,{icon:e(i,{className:"h-8 w-8 animate-spin text-[#2874A6]"}),title:"Đang tải kết quả bài thi..."}):D?e("div",{className:"min-h-screen bg-[#e0e0e0] py-4 md:py-6",children:t("div",{className:"mx-auto flex w-full max-w-[1160px] flex-col gap-4 px-3 sm:px-4",children:[t("div",{className:"flex items-center justify-between gap-3 print:hidden",children:[t(m,{variant:"outline",onClick:I,children:[e(n,{className:"mr-2 h-4 w-4"}),"Quay lại"]}),t("div",{className:"flex items-center gap-2",children:[y.exportPdf&&t(m,{onClick:()=>{B()},disabled:K,className:"bg-[#00AEEF] hover:bg-[#0099D6]",children:[K?e(i,{className:"mr-2 h-4 w-4 animate-spin"}):e(r,{className:"mr-2 h-4 w-4"}),"Xuất PDF"]}),R]})]}),E,t(d,{className:"overflow-hidden rounded-[28px] border-0 shadow-xl",children:[t(p,{className:"bg-gradient-to-r from-[#0054A6] to-[#00AEEF] text-white",children:[e(u,{className:"text-2xl",children:H}),t("p",{className:"text-sm text-white/80",children:[Q,T?` • ${T}`:""," • ",X]})]}),t(h,{className:"space-y-6 p-5 md:p-8",children:[e(N,{detail:D}),e(w,{detail:D}),!1!==D.showDetailedResults&&e(v,{reviewData:M})]})]}),P]})}):e(k,{icon:e(o,{className:"h-8 w-8 text-red-400"}),title:"Không thể tải kết quả",action:e(m,{onClick:I,children:"Quay lại"})})}function N({detail:a}){return t("div",{className:"grid gap-3 md:grid-cols-4",children:[e(y,{label:"Tổng điểm",value:`${A(a.totalScore)} / ${A(a.maxScore)}`}),e(y,{label:"Câu đúng",value:`${a.correctAnswers} / ${a.totalQuestions}`}),e(y,{label:"Xếp hạng",value:a.rank?`${a.rank}/${a.totalStudents??"-"}`:"-"}),e(y,{label:"Trạng thái",value:a.isPendingGrading?"Đang chấm":"Hoàn tất"})]})}function w({detail:a}){return a.llmOverallAssessment||a.llmSkillAssessment?t("section",{className:"rounded-2xl border border-[#00AEEF]/30 bg-[#f0f8ff] p-4",children:[t("div",{className:"mb-2 flex items-center gap-2 font-bold text-[#0054A6]",children:[e(c,{className:"h-5 w-5"}),"Phân tích tổng quan"]}),a.llmOverallAssessment&&e("p",{className:"whitespace-pre-wrap text-sm text-slate-700",children:a.llmOverallAssessment}),a.llmSkillAssessment&&e("div",{className:"mt-3 grid gap-2 md:grid-cols-2",children:Object.entries(a.llmSkillAssessment).map(([a,s])=>s?t("div",{className:"rounded-xl bg-white p-3 text-sm",children:[e("strong",{children:s.label}),e("p",{className:"mt-1 text-slate-600",children:s.feedback})]},a):null)})]}):null}function v({reviewData:a}){return e("div",{className:"space-y-6",children:a.parts.map((s,l)=>t("section",{className:"rounded-2xl border border-[#00AEEF] bg-white p-5",children:[t("div",{className:"mb-4 flex items-center justify-between",children:[e("h3",{className:"text-lg font-bold text-[#0054A6]",children:s.name||`Phần ${s.partNo}`}),a.partScoresMap[l]&&t("span",{className:"rounded-full bg-[#0054A6] px-3 py-1 text-sm font-bold text-white",children:[A(a.partScoresMap[l].score)," / ",A(a.partScoresMap[l].maxScore)]})]}),s.instructions&&e("p",{className:"mb-4 font-semibold text-slate-700",children:s.instructions}),e(b,{part:s,reviewData:a})]},`${s.partId}-${l}`))})}function y({label:a,value:s}){return t("div",{className:"rounded-2xl bg-slate-50 p-4",children:[e("p",{className:"text-xs font-semibold uppercase text-slate-500",children:a}),e("p",{className:"mt-1 text-xl font-black text-[#0054A6]",children:s})]})}function k({icon:a,title:s,action:l}){return e("div",{className:"flex min-h-screen items-center justify-center bg-[#e0e0e0]",children:t("div",{className:"rounded-[28px] bg-white p-8 text-center shadow-xl",children:[e("div",{className:"mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-slate-50",children:a}),e("p",{className:"font-semibold text-slate-700",children:s}),l&&e("div",{className:"mt-5",children:l})]})})}function A(e){return null!=e&&Number.isFinite(e)?e<10?e.toFixed(1):String(Math.round(e)):"0"}
+"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 b}from"./report/ResultErrorState";import{ResultLoadingState as w}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 P,setPdfReady as k}from"./review-status.utils";import{unwrap as E}from"./result-review.utils";import{formatTotalScore as y}from"./utils/review-score.utils";import{transformSpeakingResultForReview as A}from"./utils/transform-speaking-review";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:y,loginHref:B,onBack:U,onNavigate:F,topActionsSlot:O,beforeReportSlot:I,afterReportSlot:_}){const{error:j,success:Q}=u(),[$,M]=a(null),[H,G]=a(null),[K,V]=a(!0),[q,W]=a(null),[X,Y]=a(!1),z=n(async e=>{e&&V(!0);try{const[e,t]=await Promise.all([c.getDetailedResult(s,l),c.getAttempt?.(s,l)]);M(E(e)),G(t?E(t):null),W(null)}catch(e){W(e),P(e,Boolean(l))||j({message:"Không thể tải kết quả",description:e instanceof Error?e.message:void 0})}finally{e&&V(!1)}},[c,s,l,j]);o(()=>{z(!0)},[z]);const J=n(()=>{z(!1)},[z]),{hasPendingQuestions:Z,hasPendingLlm:ee,hasFailedLlm:te,retryLlm:re}=f({detail:$,isPrintMode:d,isLoading:K,onRefetch:J});o(()=>{if(!d||K)return;const e=requestAnimationFrame(()=>k(!0));return()=>{cancelAnimationFrame(e),k(!1)}},[d,K]);const ne=H?.exam?.template,oe=ne?.parts,ie=H?.studentName??"Học sinh",ae=H?.studentUsername??null,se=H?.branchName??"Chưa tham gia chi nhánh",le=function(e){const t=e?new Date(e):new Date;return Number.isNaN(t.getTime())?(new Date).toLocaleDateString("vi-VN"):t.toLocaleDateString("vi-VN")}($?.submittedAt),ce=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??H?.verificationToken),[g,l,H?.verificationToken]),de=i(()=>R($?.answers??[],oe),[$?.answers,oe]),me=i(()=>$&&ne?.type===m.SPEAKING?A($,ie,oe):null,[$,ie,ne?.type,oe]),ue=!!$?.templateCode&&T.has($.templateCode),pe=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}($),[$?.speakingRubric]),fe=n(()=>{if(U)return U();F?F(H?.contestId?`/student/contests/${H.contestId}/rooms`:"/student/results"):"undefined"!=typeof window&&window.history.back()},[H?.contestId,U,F]),ge=async()=>{if($&&c.exportPdf){Y(!0);try{const{blob:e,filename:t}=await c.exportPdf(s,ne?.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),Q({message:"Xuất PDF thành công"})}catch(e){j({message:"Không xuất được PDF",description:e instanceof Error?e.message:void 0})}finally{Y(!1)}}};return K?e(w,{}):P(q,Boolean(l))?e(S,{loginHref:B,assetBaseUrl:y,onLogin:F}):$?me?e(N,{reviewData:me,studentName:ie,studentCode:ae,branchName:se,examDateText:le,examTitle:ne?.title,showDetailedResults:$.showDetailedResults,speakingRubric:$.speakingRubric,reviewUrl:ce,assetBaseUrl:y,canExportPdf:p&&Boolean(c.exportPdf),isExporting:X,hasPendingQuestions:Z,onBack:fe,onExportPdf:ge,topActionsSlot:O,beforeReportSlot:I,afterReportSlot:_}):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:fe,onExport:ge,canExport:p&&Boolean(c.exportPdf),isExporting:X,topActionsSlot:O}),Z?e(L,{}):null,I,e(x,{studentName:ie,studentCode:ae,branchName:se,examDateText:le,totalScore:$.totalScore,maxScore:$.maxScore,isPendingGrading:Boolean($.isPendingGrading||Z),examSubTitle:$.roomName,examTitle:ne?.title,reviewUrl:ce,assetBaseUrl:y,readingScore:$.readingScore,maxReadingScore:$.maxReadingScore,listeningScore:$.listeningScore,maxListeningScore:$.maxListeningScore,writingScore:$.writingScore,maxWritingScore:$.maxWritingScore,speakingScore:$.speakingScore,maxSpeakingScore:$.maxSpeakingScore,overallAssessmentSlot:r(t,{children:[e(h,{isPending:ee,isFailed:te,onRetry:re,llmOverallAssessment:$.llmOverallAssessment,llmSkillAssessment:$.llmSkillAssessment,correctAnswers:$.correctAnswers,totalQuestions:$.totalQuestions}),$.speakingRubric?.criteria?.length?e(v,{rubric:$.speakingRubric}):null]}),children:!1!==$.showDetailedResults?e(C,{reviewData:de,hidePerQuestionGrading:ue,rubricScores:pe}):null}),_]})}):e(b,{error:q,onBack:fe})}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 L(){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 C({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?`${y(l.score)} / ${y(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(B,{value:i.instructions}):null]}),e(p,{part:i,reviewData:t,hidePerQuestionGrading:n})]},`${i.partId}-${a}`)})})}function B({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})}

package/dist/components/results/ReviewQuestionRenderer.d.ts

@@ -1,6 +1,16 @@
+/**
+ * ReviewQuestionRenderer - full FE parity dispatcher.
+ * Source: oe-exam-fe ReviewQuestionRenderer.tsx
+ *
+ * Public props keep `{ part, reviewData }` and add hidePerQuestionGrading.
+ */
 import type { ReviewQuestionPart, ReviewTransformResult } from './review-types';
 export interface ReviewQuestionRendererProps {
     part: ReviewQuestionPart;
     reviewData: ReviewTransformResult;
+    /**
+     * Hide per-question grading for speaking questions (KINDY VER3 / PRESCHOOL).
+     */
+    hidePerQuestionGrading?: boolean;
 }
-export declare function ReviewQuestionRenderer({ part, reviewData }: ReviewQuestionRendererProps): import("react").JSX.Element;
+export declare function ReviewQuestionRenderer(props: ReviewQuestionRendererProps): import("react").JSX.Element;

package/dist/components/results/ReviewQuestionRenderer.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Check as n,X as t}from"lucide-react";import{Badge as i}from"../../components/ui/badge";import{ResolvedImage as a}from"../../components/common/ResolvedImage";import{asRecord as s,normalizeRecord as o,normalizeSelected as c,readQuestionText as l,readString as d,transformAdjectiveQuestions as u,transformChoiceQuestions as m,transformColoring as p,transformFillQuestions as h}from"./review-renderer.utils";export function ReviewQuestionRenderer({part:r,reviewData:n}){return["CHOOSE_THE_CORRECT_ANSWER","LOOK_PICTURE_CHOOSE_CORRECT_ANSWER","TRUE_FALSE","CHOOSE_CORRECT_ADJECTIVE"].includes(r.questionType)?e(b,{part:r,reviewData:n}):["FILL_IN_BLANK","WRITE_CORRECT_VERB_FORM","ANSWER_THE_QUESTION","WRITE_SENTENCES"].includes(r.questionType)?e(f,{part:r,reviewData:n}):"READ_AND_COLOR_OBJECTS"===r.questionType||"IMAGE_OBJECT_MATCHING"===r.questionType?e(N,{part:r,reviewData:n}):e(g,{part:r,reviewData:n})}function b({part:n,reviewData:t}){const i="CHOOSE_CORRECT_ADJECTIVE"===n.questionType?u(n.questions):m(n.questions);return e("div",{className:"space-y-4",children:i.map(i=>{const s=c(t.studentAnswers[i.id]),o=c(t.correctOptionIdMap[i.id]);return r(w,{question:n.questions.find(e=>e.id===i.id),reviewData:t,children:[i.imageUrl&&e(a,{src:i.imageUrl,alt:"Question",className:"mb-3 max-h-64 rounded object-contain"}),e("p",{className:"mb-3 font-medium",children:"questionText"in i?i.questionText:`${i.sentenceBefore} ____ ${i.sentenceAfter}`}),e("div",{className:"grid gap-2 md:grid-cols-2",children:i.options.map(n=>r("div",{className:"rounded-lg border p-3 "+(o.includes(n.id)?"border-green-400 bg-green-50":s.includes(n.id)?"border-red-300 bg-red-50":"border-slate-200"),children:[r("span",{className:"font-bold",children:[n.label,"."]})," ",n.imageUrl?e(a,{src:n.imageUrl,alt:n.label,className:"mt-2 max-h-24 rounded object-contain"}):n.text]},n.id))})]},i.id)})})}function f({part:n,reviewData:t}){const i=h(n.questions);return e("div",{className:"space-y-4",children:i.map(i=>r(w,{question:n.questions.find(e=>e.id===i.id),reviewData:t,children:[r("p",{className:"text-base",children:[e("span",{children:i.textBefore})," ",e(v,{value:t.studentAnswers[i.id],correct:t.correctAnswerTextMap[i.id]})," ",e("span",{children:i.textAfter})]}),i.imageUrl&&e(a,{src:i.imageUrl,alt:"Question",className:"mt-3 max-h-64 rounded object-contain"})]},i.id))})}function N({part:n,reviewData:t}){const i=p(n.questions);return r("div",{className:"space-y-4",children:[r("div",{className:"rounded-xl border bg-white p-4",children:[e("p",{className:"font-semibold",children:i.instruction||n.instructions}),i.imageUrl&&e(a,{src:i.imageUrl,alt:"Coloring",className:"mt-3 max-h-96 rounded object-contain"}),e("div",{className:"mt-3 flex flex-wrap gap-2",children:i.hintItems.map(r=>e("span",{className:"rounded-full border px-3 py-1 text-sm",style:{backgroundColor:r.color||void 0},children:r.label||r.id},r.id))})]}),n.questions.map(r=>e(w,{question:r,reviewData:t,children:e("pre",{className:"overflow-auto rounded bg-slate-50 p-3 text-xs",children:JSON.stringify({studentAnswer:t.rawStudentAnswerMap[r.id],correctAnswer:t.rawCorrectAnswerMap[r.id]},null,2)})},r.id))]})}function g({part:n,reviewData:t}){return e("div",{className:"space-y-4",children:n.questions.map(n=>r(w,{question:n,reviewData:t,children:[e("p",{className:"mb-3 whitespace-pre-wrap text-sm text-slate-700",children:l(n)}),e("pre",{className:"overflow-auto rounded bg-slate-50 p-3 text-xs",children:JSON.stringify({content:n.content,studentAnswer:t.rawStudentAnswerMap[n.id],correctAnswer:t.rawCorrectAnswerMap[n.id]},null,2)})]},n.id))})}function w({question:n,reviewData:t,children:a}){if(!n)return null;const s=t.questionScoreMap[n.id],o=t.isCorrectMap[n.id];return r("div",{className:"rounded-xl border bg-white p-4",children:[r("div",{className:"mb-3 flex flex-wrap items-center justify-between gap-2",children:[r("div",{className:"flex items-center gap-2",children:[r("strong",{children:["Câu ",n.question_number]}),e(x,{isCorrect:o})]}),s&&r(i,{variant:"outline",children:[_(s.score)," / ",_(s.maxScore)]})]}),a,e(E,{question:n})]})}function x({isCorrect:a}){return!0===a?r(i,{className:"bg-green-600",children:[e(n,{className:"mr-1 h-3 w-3"}),"Đúng"]}):!1===a?r(i,{variant:"destructive",children:[e(t,{className:"mr-1 h-3 w-3"}),"Sai"]}):e(i,{variant:"outline",children:"Chưa chấm"})}function v({value:e,correct:n}){return r("span",{className:"inline-flex rounded-md border border-blue-200 bg-blue-50 px-2 py-1 font-semibold text-blue-700",children:[C(e),n?r("span",{className:"ml-2 text-green-700",children:["(",n,")"]}):null]})}function E({question:n}){const t=d(n,"explanation")||d(s(n.content),"explanation");return t?r("div",{className:"mt-3 rounded-lg bg-amber-50 p-3 text-sm text-amber-900",children:[e("strong",{children:"Giải thích:"})," ",t]}):null}function C(e){if(null==e||""===e)return"—";if("string"==typeof e||"number"==typeof e||"boolean"==typeof e)return String(e);const r=o(e);return Object.values(r).join(", ")||JSON.stringify(e)}function _(e){return null!=e&&Number.isFinite(e)?e<10?e.toFixed(1):String(Math.round(e)):"0"}
+"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})]})})}

package/dist/components/results/hooks/useResultReviewPolling.d.ts

@@ -0,0 +1,37 @@
+import type { ResultReviewDetail } from '../../../api/result-review';
+export interface UseResultReviewPollingOptions {
+    /** Latest loaded result detail (null while first load is in flight). */
+    detail: ResultReviewDetail | null;
+    /** Disable polling entirely (e.g. headless PDF print mode). */
+    isPrintMode: boolean;
+    /** Whether the initial load has finished. */
+    isLoading: boolean;
+    /** Poll interval in milliseconds. */
+    intervalMs?: number;
+    /** How long to wait for the LLM assessment before treating it as failed. */
+    llmTimeoutMs?: number;
+    /** Called on each tick to refetch the result; should be stable. */
+    onRefetch: () => void;
+}
+export interface UseResultReviewPollingResult {
+    /** `true` while some answers are still being auto/LLM graded. */
+    hasPendingQuestions: boolean;
+    /** `true` while the LLM overall assessment is still expected to arrive. */
+    hasPendingLlm: boolean;
+    /** `true` once the LLM assessment has not arrived within `llmTimeoutMs`. */
+    hasFailedLlm: boolean;
+    /** `true` while polling is active. */
+    isPolling: boolean;
+    /** Restarts the LLM wait window and refetches immediately. */
+    retryLlm: () => void;
+}
+/**
+ * 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 declare function useResultReviewPolling({ detail, isPrintMode, isLoading, intervalMs, llmTimeoutMs, onRefetch, }: UseResultReviewPollingOptions): UseResultReviewPollingResult;

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

@@ -0,0 +1 @@
+"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}}

package/dist/components/results/index.d.ts

@@ -1,4 +1,39 @@
-export { ResultReviewPageContainer } from './ResultReviewPageContainer';
+export { PartRubricTemplateCode, ResultReviewPageContainer, } from './ResultReviewPageContainer';
 export type { ResultReviewPageContainerProps } from './ResultReviewPageContainer';
+export { transformDetailedResultForReview, transformResultAnswersForReview, } from './review-data';
+export type { PartScoreInfo, ReviewQuestionPart, ReviewTransformResult, } from './review-types';
 export { ReviewQuestionRenderer } from './ReviewQuestionRenderer';
 export type { ReviewQuestionRendererProps } from './ReviewQuestionRenderer';
+export { useResultReviewPolling } from './hooks/useResultReviewPolling';
+export type { UseResultReviewPollingOptions, UseResultReviewPollingResult, } from './hooks/useResultReviewPolling';
+export { isResultNotPublic, setPdfReady } from './review-status.utils';
+export { ResultTemplateType, ReviewGradingStatus } from '../../api/result-review';
+export type { ResultReviewAnswer, ResultReviewAttempt, ResultReviewDetail, ResultReviewSdkApi, ResultReviewTemplatePart, SpeakingRubric, } from '../../api/result-review';
+export { transformSpeakingResultForReview, isSpeakingTemplateType, SPEAKING_ANSWER_COMPLETED, SPEAKING_STORY_IMAGES_TYPE, } from './utils/transform-speaking-review';
+export type { SpeakingReviewData, SpeakingReviewPart, SpeakingReviewQuestion, } from './utils/transform-speaking-review';
+export { buildSkillMetrics, deriveFeedback, deriveQuestionSkillMetrics, deriveSkillMetrics, deriveSkillScores, deriveSummaryPoints, getOverallStatusText, getScoreLabel, SPEAKING_SKILL_COLORS, } from './utils/speaking-summary';
+export type { SkillMetric, SkillScores, SpeakingSkillKey, SummaryPoint, SummaryPointIcon, } from './utils/speaking-summary';
+export { SpeakingResultAudioPlayer } from './speaking/SpeakingResultAudioPlayer';
+export type { SpeakingResultAudioPlayerProps, SpeakingResultAudioPlayerVariant, } from './speaking/SpeakingResultAudioPlayer';
+export { SpeakingReviewResult, SPEAKING_REVIEW_POLL_INTERVAL_MS, } from './speaking/SpeakingReviewResult';
+export type { SpeakingReviewResultProps } from './speaking/SpeakingReviewResult';
+export { OceanEduSpeakingReport } from './report/OceanEduSpeakingReport';
+export type { OceanEduSpeakingReportProps } from './report/OceanEduSpeakingReport';
+export { OceanEduExamReport } from './report/OceanEduExamReport';
+export type { OceanEduExamReportProps } from './report/OceanEduExamReport';
+export { OverallAssessmentSection } from './report/OverallAssessmentSection';
+export type { OverallAssessmentSectionProps, LlmSkillAssessmentItem, } from './report/OverallAssessmentSection';
+export { ResultNotPublicState } from './report/ResultNotPublicState';
+export type { ResultNotPublicStateProps } from './report/ResultNotPublicState';
+export { ResultLoadingState } from './report/ResultLoadingState';
+export type { ResultLoadingStateProps } from './report/ResultLoadingState';
+export { ResultErrorState } from './report/ResultErrorState';
+export type { ResultErrorStateProps } from './report/ResultErrorState';
+export { SpeakingRubricSection } from './report/SpeakingRubricSection';
+export type { SpeakingRubricSectionProps } from './report/SpeakingRubricSection';
+export { SpeakingRubricScoringVersion, KidsRubricSectionCode, } from './report/SpeakingRubricSection';
+export { BadgeTitle } from './report/BadgeTitle';
+export type { BadgeTitleProps } from './report/BadgeTitle';
+export { ReviewScoreBand, formatScore, formatTotalScore, 
+/** General exam score label (distinct from speaking {@link getScoreLabel}). */
+getScoreLabel as getExamScoreLabel, getScoreMessage as getExamScoreMessage, getScoreStroke as getExamScoreStroke, } from './utils/review-score.utils';

package/dist/components/results/index.js

@@ -1 +1 @@
-export{ResultReviewPageContainer}from"./ResultReviewPageContainer";export{ReviewQuestionRenderer}from"./ReviewQuestionRenderer";
+export{PartRubricTemplateCode,ResultReviewPageContainer}from"./ResultReviewPageContainer";export{transformDetailedResultForReview,transformResultAnswersForReview}from"./review-data";export{ReviewQuestionRenderer}from"./ReviewQuestionRenderer";export{useResultReviewPolling}from"./hooks/useResultReviewPolling";export{isResultNotPublic,setPdfReady}from"./review-status.utils";export{ResultTemplateType,ReviewGradingStatus}from"../../api/result-review";export{transformSpeakingResultForReview,isSpeakingTemplateType,SPEAKING_ANSWER_COMPLETED,SPEAKING_STORY_IMAGES_TYPE}from"./utils/transform-speaking-review";export{buildSkillMetrics,deriveFeedback,deriveQuestionSkillMetrics,deriveSkillMetrics,deriveSkillScores,deriveSummaryPoints,getOverallStatusText,getScoreLabel,SPEAKING_SKILL_COLORS}from"./utils/speaking-summary";export{SpeakingResultAudioPlayer}from"./speaking/SpeakingResultAudioPlayer";export{SpeakingReviewResult,SPEAKING_REVIEW_POLL_INTERVAL_MS}from"./speaking/SpeakingReviewResult";export{OceanEduSpeakingReport}from"./report/OceanEduSpeakingReport";export{OceanEduExamReport}from"./report/OceanEduExamReport";export{OverallAssessmentSection}from"./report/OverallAssessmentSection";export{ResultNotPublicState}from"./report/ResultNotPublicState";export{ResultLoadingState}from"./report/ResultLoadingState";export{ResultErrorState}from"./report/ResultErrorState";export{SpeakingRubricSection}from"./report/SpeakingRubricSection";export{SpeakingRubricScoringVersion,KidsRubricSectionCode}from"./report/SpeakingRubricSection";export{BadgeTitle}from"./report/BadgeTitle";export{ReviewScoreBand,formatScore,formatTotalScore,getScoreLabel as getExamScoreLabel,getScoreMessage as getExamScoreMessage,getScoreStroke as getExamScoreStroke}from"./utils/review-score.utils";

package/dist/components/results/renderers/QuestionExplanations.d.ts

@@ -0,0 +1,22 @@
+interface ExplanationItem {
+    /** Question id (used as React key) */
+    id: string;
+    /** Display number shown before the explanation */
+    questionNumber?: number | string | null;
+    /** Explanation text from the questions.explanation column */
+    explanation?: string | null;
+}
+interface QuestionExplanationsProps {
+    /** All questions in the current part (each may carry an explanation). */
+    items: ExplanationItem[];
+}
+/**
+ * QuestionExplanations - shared review block that renders the per-question
+ * explanation (questions.explanation) for every question that has one.
+ *
+ * Rendered centrally by ReviewQuestionRenderer after the type-specific
+ * renderer output, so ALL question types show explanations uniformly without
+ * each renderer having to implement it.
+ */
+export declare function QuestionExplanations({ items }: QuestionExplanationsProps): import("react").JSX.Element;
+export {};

package/dist/components/results/renderers/QuestionExplanations.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Lightbulb as a}from"lucide-react";export function QuestionExplanations({items:n}){const s=n.filter(e=>"string"==typeof e.explanation&&e.explanation.trim().length>0);if(0===s.length)return null;const r=s.length>1;return t("div",{className:"mt-4 rounded-xl border border-amber-200 bg-amber-50/80 p-4 shadow-sm",children:[t("div",{className:"mb-2 flex items-center gap-1.5 text-sm font-bold text-amber-700",children:[e(a,{className:"h-4 w-4"}),"Giải thích"]}),e("div",{className:"space-y-3",children:s.map(a=>t("div",{className:"text-sm leading-relaxed text-amber-900",children:[r&&null!=a.questionNumber&&t("span",{className:"mr-1.5 font-bold",children:["Câu ",a.questionNumber,"."]}),e("span",{className:"whitespace-pre-wrap",children:a.explanation})]},a.id))})]})}

package/dist/components/results/renderers/ReviewChooseAdjectiveRenderer.d.ts

@@ -0,0 +1,13 @@
+import type { ChooseAdjectiveQuestion } from '../../../components/exams/take/utils/question-transformers';
+interface ReviewChooseAdjectiveRendererProps {
+    partNumber: number;
+    questionCount: number;
+    instruction: string;
+    partName?: string;
+    questions: ChooseAdjectiveQuestion[];
+    answers: Record<string, string>;
+    isCorrectMap: Record<string, boolean | null>;
+    correctOptionIdMap: Record<string, string>;
+}
+export declare function ReviewChooseAdjectiveRenderer({ partNumber, questionCount, instruction, partName, questions, answers, isCorrectMap, correctOptionIdMap, }: ReviewChooseAdjectiveRendererProps): import("react").JSX.Element;
+export {};

package/dist/components/results/renderers/ReviewChooseAdjectiveRenderer.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Check as r,X as n}from"lucide-react";import i from"../../../components/themes/cambridge-yle/CambridgeYlePartBanner";import s from"../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner";function l({question:i,selectedOptionId:s,isCorrect:l,correctOptionId:c}){const a=function(e,t){if(!t)return null;const r=e.options.find(e=>e.id===t);return r?.text||null}(i,s),o=function(e,t){if(!t)return null;const r=e.options.find(e=>e.id===t);return r?.text||null}(i,c),d=!!s,m=e=>{const t=s===e.id,r=c===e.id;return t&&!0===l?"border-green-500 bg-green-50 text-green-700":t&&!1===l?"border-red-500 bg-red-50 text-red-700":!r||!1!==l&&d?"border-gray-300 bg-white text-gray-500":"border-blue-500 bg-blue-50 text-blue-700"},u=d?!0===l?{borderColor:"#22c55e"}:{borderColor:"#ef4444"}:{borderColor:"#9ca3af"},p=d?!0===l?"correct":"incorrect":"unanswered";return t("div",{className:"mb-6",children:[t("div",{className:"mb-3 flex items-start gap-2",children:[e("span",{className:"flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-sm font-bold text-white",children:i.questionNumber}),e("div",{className:"flex-1 text-base leading-relaxed text-gray-800",children:t("div",{className:"flex flex-wrap items-end gap-1",children:[i.sentenceBefore&&e("span",{children:i.sentenceBefore}),t("span",{className:"inline-block min-w-[120px]",style:{borderBottom:`2px solid ${u.borderColor}`},children:["correct"===p&&e("span",{className:"block w-full text-center",children:a}),"unanswered"===p&&e("span",{className:"block w-full text-center text-gray-400",children:"_______"}),"incorrect"===p&&t("span",{className:"flex items-center justify-center gap-2",children:[e("span",{className:"text-red-500 line-through",children:a}),e("span",{className:"text-blue-600",children:o})]})]}),i.sentenceAfter&&e("span",{children:i.sentenceAfter}),t("span",{className:"ml-2 text-sm italic text-gray-500",children:["(",i.options.map(e=>e.text).join(" / "),")"]})]})})]}),e("div",{className:"flex flex-wrap gap-2 pl-9",children:i.options.map(i=>{const a=s===i.id,o=c===i.id,u=a&&!0===l,p=a&&!1===l,f=o&&(!1===l||!d);return t("div",{className:`flex items-center gap-2 rounded-lg border-2 px-4 py-2 text-sm font-medium ${m(i)}`,children:[t("span",{children:[i.label,". ",i.text]}),u&&e("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-green-500",children:e(r,{className:"h-3 w-3 text-white",strokeWidth:3})}),p&&e("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-red-500",children:e(n,{className:"h-3 w-3 text-white",strokeWidth:3})}),f&&e("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-blue-500",children:e(r,{className:"h-3 w-3 text-white",strokeWidth:3})})]},i.id)})})]})}export function ReviewChooseAdjectiveRenderer({partNumber:r,questionCount:n,instruction:c,partName:a,questions:o,answers:d,isCorrectMap:m,correctOptionIdMap:u}){return t("div",{className:"flex flex-col gap-6 h-full",children:[t("div",{className:"flex flex-col gap-4 pb-0 pt-4",children:[e(i,{partNumber:r,questionCount:n,partName:a,isReviewMode:!0}),e(s,{instruction:c,isReviewMode:!0})]}),e("div",{className:"flex flex-col gap-4 pb-6 pl-2 pt-2",children:o.map(t=>e(l,{question:t,selectedOptionId:d[t.id],isCorrect:m[t.id],correctOptionId:u[t.id]},t.id))})]})}

package/dist/components/results/renderers/ReviewChooseBestAnswerRenderer.d.ts

@@ -0,0 +1,22 @@
+import type { ChooseBestAnswerQuestion, ChooseBestAnswerExample } from '../../../components/exams/take/types';
+interface ReviewChooseBestAnswerRendererProps {
+    partNumber: number;
+    questionCount: number;
+    instruction: string;
+    partName?: string;
+    imageUrl?: string;
+    audioUrl?: string;
+    example?: ChooseBestAnswerExample;
+    groupContent?: string;
+    articles?: Array<{
+        name: string;
+        content: string;
+        imageUrl?: string;
+    }>;
+    questions: ChooseBestAnswerQuestion[];
+    answers: Record<string, string | string[]>;
+    isCorrectMap: Record<string, boolean | null>;
+    correctOptionIdMap: Record<string, string>;
+}
+export declare function ReviewChooseBestAnswerRenderer({ partNumber, questionCount, instruction, partName, imageUrl, audioUrl, groupContent, articles, questions, answers, isCorrectMap, correctOptionIdMap, }: ReviewChooseBestAnswerRendererProps): import("react").JSX.Element;
+export {};

package/dist/components/results/renderers/ReviewChooseBestAnswerRenderer.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{Check as l,X as a,ZoomIn as i}from"lucide-react";import{useState as s}from"react";import{ResolvedImage as n}from"../../../components/common/ResolvedImage";import o from"../../../components/themes/cambridge-yle/CambridgeYlePartBanner";import c from"../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner";import d from"../../../components/themes/cambridge-yle/CambridgeYleAudioPlayer";function m({imageUrl:l}){const[a,o]=s(!1);return t(r,{children:[t("div",{className:"relative flex items-center justify-center",children:[e(n,{src:l,alt:"Question illustration",className:"max-h-[250px] cursor-pointer rounded-lg object-contain shadow-md",onClick:()=>o(!0)}),e("button",{type:"button",onClick:()=>o(!0),className:"absolute right-2 top-2 rounded-full bg-white/80 p-1.5 shadow-md hover:bg-white","aria-label":"Zoom image",children:e(i,{className:"h-4 w-4 text-gray-600"})})]}),a&&e("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/70",onClick:()=>o(!1),children:e(n,{src:l,alt:"Question illustration (zoomed)",className:"max-h-[90vh] max-w-[90vw] rounded-lg object-contain",showLoadingState:!1})})]})}function u({question:r,selectedOptionIds:i,isCorrect:s,correctOptionIds:o}){const c=i.length>0,d="image"===r.optionType,u=Boolean(r.multipleAnswers||o.length>1),p=e=>{const t=i.includes(e),r=o.includes(e);return t&&r?"border-green-500 bg-green-50":t&&!r?"border-red-500 bg-red-50":!r||c&&!1!==s&&t?"border-gray-300 bg-white":"border-blue-500 bg-blue-50"},h=t=>{const r=i.includes(t),n=o.includes(t),d=r&&!n,m=n&&(!c||!1===s||!r),p=u?"rounded-md":"rounded-full";return e("div",r&&n?{className:`flex h-6 w-6 items-center justify-center bg-green-500 ${p}`,children:e(l,{className:"h-4 w-4 text-white",strokeWidth:3})}:d?{className:`flex h-6 w-6 items-center justify-center bg-red-500 ${p}`,children:e(a,{className:"h-4 w-4 text-white",strokeWidth:3})}:m?{className:`flex h-6 w-6 items-center justify-center bg-blue-500 ${p}`,children:e(l,{className:"h-4 w-4 text-white",strokeWidth:3})}:{className:`flex h-5 w-5 items-center justify-center border-2 border-gray-300 bg-white ${p}`})};return t("div",{className:"mb-4",children:[t("p",{className:"mb-2 text-lg font-bold text-gray-900",children:[r.questionNumber,". ",r.questionText]}),u&&e("p",{className:"mb-3 pl-2 text-sm font-medium text-blue-600",children:"Chọn nhiều đáp án"}),r.imageUrl&&e("div",{className:"mb-3",children:e(m,{imageUrl:r.imageUrl})}),e("div",d?{className:"grid gap-3 px-2",style:{gridTemplateColumns:`repeat(${r.options.length}, minmax(0, 1fr))`},children:r.options.map(r=>t("div",{className:`relative flex flex-col items-center gap-1 rounded-lg border-2 p-2 cursor-default ${p(r.id)}`,children:[e("span",{className:"text-xs font-medium text-gray-600",children:r.label}),e(n,{src:r.text,alt:`Option ${r.label}`,className:"h-28 w-28 rounded object-contain"}),h(r.id)]},r.id))}:{className:"flex flex-col gap-2 pl-2",children:r.options.map(r=>t("div",{className:`flex items-center gap-3 rounded-lg border-2 px-3 py-2 cursor-default ${p(r.id)}`,children:[t("span",{className:"text-sm font-medium text-gray-600",children:[r.label,"."]}),e("span",{className:"flex-1 text-sm text-gray-700",children:r.text}),h(r.id)]},r.id))})]})}function p({article:r,label:l}){return t("div",{className:"rounded-lg border border-gray-200 bg-white p-4 shadow-sm",children:[t("div",{className:"mb-2 flex items-center gap-2",children:[e("span",{className:"flex h-7 w-7 items-center justify-center rounded-full bg-teal-500 text-xs font-bold text-white",children:l}),e("h3",{className:"text-sm font-bold text-gray-900",children:r.name})]}),r.imageUrl&&e("div",{className:"mb-2",children:e(n,{src:r.imageUrl,alt:r.name,className:"h-24 w-full rounded-md object-cover"})}),e("p",{className:"text-sm leading-relaxed text-gray-700 whitespace-pre-line",children:r.content})]})}export function ReviewChooseBestAnswerRenderer({partNumber:r,questionCount:l,instruction:a,partName:i,imageUrl:s,audioUrl:m,groupContent:h,articles:g,questions:x,answers:b,isCorrectMap:f,correctOptionIdMap:N}){return t("div",{className:"flex flex-col gap-6 h-full",children:[t("div",{className:"flex flex-col gap-4 pb-0 pt-4",children:[e(o,{partNumber:r,questionCount:l,partName:i,isReviewMode:!0}),e(c,{instruction:a,isReviewMode:!0}),m&&e(d,{audioSrc:m,compact:!0}),s&&e("div",{className:"flex items-center justify-center",children:e(n,{src:s,alt:"Shared illustration",className:"max-h-[300px] rounded-lg object-contain shadow-md"})}),g&&g.length>0?e("div",{className:"flex flex-col gap-3",children:g.map((t,r)=>e(p,{article:t,label:String.fromCharCode(65+r)},r))}):h?e("div",{className:"rounded-lg bg-amber-50 p-4 text-sm leading-relaxed text-gray-700 max-h-[500px] overflow-y-auto pr-2 custom-scrollbar",children:h}):null]}),e("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 pb-6 pl-2 pt-2",children:x.map(t=>{const r=b[t.id],l=Array.isArray(r)?r:"string"==typeof r&&r?[r]:[],a=N[t.id]?N[t.id].split(",").map(e=>e.trim()).filter(Boolean):[],i=t.correctOptionIds?.length?t.correctOptionIds:a;return e(u,{question:t,selectedOptionIds:l,isCorrect:f[t.id],correctOptionIds:i},t.id)})})]})}

package/dist/components/results/renderers/ReviewColoringRenderer.d.ts

@@ -0,0 +1,16 @@
+import type { ColoringHintItem, ColoringRegion } from '../../../components/exams/take/types';
+interface ReviewColoringRendererProps {
+    partNumber: number;
+    questionCount: number;
+    instruction: string;
+    instructions?: string[];
+    partName?: string;
+    imageUrl: string;
+    audioUrl?: string;
+    hintItems: ColoringHintItem[];
+    regions: ColoringRegion[];
+    assignments: Record<string, string>;
+    correctAnswers: Record<string, string>;
+}
+export declare function ReviewColoringRenderer({ partNumber, questionCount, instruction, instructions, partName, imageUrl, audioUrl, hintItems, regions, assignments, correctAnswers, }: ReviewColoringRendererProps): import("react").JSX.Element;
+export {};

package/dist/components/results/renderers/ReviewColoringRenderer.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Check as t,X as s}from"lucide-react";import{useMemo as o,useState as n}from"react";import{usePresignedFileUrl as a}from"../../../shared/lib/hooks/usePresignedFileUrl";import i from"../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner";import l from"../../../components/themes/cambridge-yle/CambridgeYleAudioPlayer";import c from"../../../components/themes/cambridge-yle/CambridgeYlePartBanner";function d({imageUrl:o,regions:i,hintItems:l,assignments:c,correctAnswers:d}){const{previewUrl:m}=a(o),[u,p]=n(null),h=e=>{if(!e)return"#333";if(!e.startsWith("#"))return"#fff";const r=e.replace("#","");if(r.length<6)return"#fff";return(.299*parseInt(r.substring(0,2),16)+.587*parseInt(r.substring(2,4),16)+.114*parseInt(r.substring(4,6),16))/255>.5?"#000":"#fff"};return r("div",{className:"relative inline-block",children:[e("img",{src:m||o,alt:"Coloring question",className:"max-h-[600px] w-full max-w-[900px] rounded-lg object-contain shadow-sm",onLoad:e=>{const r=e.currentTarget;p({width:r.naturalWidth,height:r.naturalHeight})}}),u&&i.map(o=>{const n=c[o.id],a=n?l.find(e=>e.color?.toUpperCase()===n.toUpperCase()):void 0,i=d[o.id],m=i?l.find(e=>e.color?.toUpperCase()===i.toUpperCase()):void 0,u=function(e,r,t){const s=t[e];return s?s.toUpperCase()===r.toUpperCase()?"correct":"incorrect":"unanswered"}(o.id,i||"",c),p=function(e){switch(e){case"correct":return"border-green-500";case"incorrect":return"border-red-500";case"unanswered":return"border-blue-500";default:return"border-gray-400"}}(u);return r("div",{className:`absolute rounded border-2 ${p} flex items-center justify-center`,style:{left:`${o.x}%`,top:`${o.y}%`,width:`${o.width}%`,height:`${o.height}%`,backgroundColor:a?.color||"transparent"},children:[a?.label&&e("span",{className:"z-10 text-[8px] sm:text-[10px] font-bold uppercase tracking-wide drop-shadow-sm font-[family-name:var(--font-nunito)]",style:{color:a.color?h(a.color):"#333"},children:a.label}),r("div",{className:"absolute -right-2 -top-2 z-20",children:["correct"===u&&e("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-green-500 shadow-sm",children:e(t,{className:"h-3 w-3 text-white",strokeWidth:3})}),"incorrect"===u&&e("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-red-500 shadow-sm",children:e(s,{className:"h-3 w-3 text-white",strokeWidth:3})})]}),"correct"!==u&&m&&r("div",{className:"absolute left-1/2 -translate-x-1/2 z-30 flex items-center gap-1 rounded shadow-md px-1.5 py-0.5 border-2 border-green-500",style:{bottom:"-22px",backgroundColor:m.color||"#fff"},children:[e(t,{className:"h-2 w-2 sm:h-2.5 sm:w-2.5",style:{color:m.color?h(m.color):"#333"},strokeWidth:4}),e("span",{className:"text-[7px] sm:text-[9px] font-bold uppercase tracking-wide whitespace-nowrap drop-shadow-sm font-[family-name:var(--font-nunito)]",style:{color:m.color?h(m.color):"#333"},children:m.label})]})]},o.id)})]})}function m({hintItems:t}){return e("div",{className:"flex flex-wrap gap-2",children:t.map(t=>r("div",{className:"flex items-center gap-2 rounded-lg border border-gray-200 px-3 py-1.5",children:[t.color&&e("div",{className:"h-5 w-5 rounded border border-gray-300",style:{backgroundColor:t.color}}),t.label&&e("span",{className:"text-sm text-gray-700",children:t.label})]},t.id))})}function u(){return r("div",{className:"flex items-center gap-2 rounded-lg bg-green-50 px-4 py-3 text-green-700",children:[e("div",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-green-500",children:e(t,{className:"h-4 w-4 text-white",strokeWidth:3})}),e("span",{className:"font-medium",children:"All answers are correct!"})]})}export function ReviewColoringRenderer({partNumber:t,questionCount:s,instruction:n,instructions:a,partName:p,imageUrl:h,audioUrl:f,hintItems:g,regions:b,assignments:w,correctAnswers:x}){const y=o(()=>b.every(e=>{const r=w[e.id],t=x[e.id];return!(!r||!t)&&r.toUpperCase()===t.toUpperCase()}),[b,w,x]);return r("div",{className:"flex h-full flex-col gap-4 overflow-y-auto p-6",children:[e(c,{partNumber:t,questionCount:s,partName:p,isReviewMode:!0}),e(i,{instruction:n,instructions:a,isReviewMode:!0,children:f&&e(l,{audioSrc:f,compact:!0})}),y&&e(u,{}),e(m,{hintItems:g}),e("div",{className:"flex justify-center mt-4",children:e(d,{imageUrl:h,regions:b,hintItems:g,assignments:w,correctAnswers:x})})]})}

package/dist/components/results/renderers/ReviewListenAndWriteRenderer.d.ts

@@ -0,0 +1,18 @@
+import type { FillBlankQuestion } from '../../../components/exams/take/types';
+interface ReviewListenAndWriteRendererProps {
+    partNumber: number;
+    questionCount: number;
+    instruction: string;
+    partName?: string;
+    imageUrl?: string;
+    audioUrl?: string;
+    title: string;
+    exampleText?: string;
+    exampleHighlight?: string;
+    questions: FillBlankQuestion[];
+    answers: Record<string, string>;
+    isCorrectMap: Record<string, boolean | null>;
+    correctAnswerTextMap: Record<string, string>;
+}
+export declare function ReviewListenAndWriteRenderer({ partNumber, questionCount, instruction, partName, audioUrl, title, exampleText, questions, answers, isCorrectMap, correctAnswerTextMap, }: ReviewListenAndWriteRendererProps): import("react").JSX.Element;
+export {};

package/dist/components/results/renderers/ReviewListenAndWriteRenderer.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Check as r,X as s}from"lucide-react";import{ResolvedImage as l}from"../../../components/common/ResolvedImage";import n from"../../../components/themes/cambridge-yle/CambridgeYlePartBanner";import a from"../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner";import c from"../../../components/themes/cambridge-yle/CambridgeYleAudioPlayer";export function ReviewListenAndWriteRenderer({partNumber:i,questionCount:o,instruction:d,partName:m,audioUrl:u,title:x,exampleText:f,questions:h,answers:p,isCorrectMap:N,correctAnswerTextMap:b}){const g=e=>{const t=N[e],r=p[e];return null==r||""===r?"unanswered":!0===t?"correct":!1===t?"incorrect":"unanswered"},w=e=>{switch(g(e)){case"correct":return"#22c55e";case"incorrect":return"#ef4444";case"unanswered":return"#3b82f6";default:return"#9ca3af"}};return t("div",{className:"flex flex-col gap-6 h-full",children:[t("div",{className:"flex flex-col gap-4 pb-0 pt-4",children:[e(n,{partNumber:i,questionCount:o,partName:m,isReviewMode:!0}),e(a,{instruction:d,hasExample:!!f,isReviewMode:!0}),u&&e(c,{audioSrc:u,compact:!0})]}),t("div",{className:"flex flex-col gap-6 pb-6 pl-2 pt-2",children:[e("h2",{className:"text-center text-3xl font-bold uppercase text-coral-500",children:x}),e("div",{className:"flex flex-col gap-4",children:h.map(n=>{const a=g(n.id),c=p[n.id]||"";return t("div",{className:"flex flex-col gap-2",children:[n.imageUrl&&e("div",{className:"flex items-center justify-center",children:e(l,{src:n.imageUrl,alt:`Question ${n.questionNumber} illustration`,className:"max-h-[150px] rounded-lg object-contain shadow-md"})}),t("div",{className:"flex items-start gap-2",children:[e("span",{className:"flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-sm font-bold text-white",children:n.questionNumber}),e("div",{className:"flex-1 text-base leading-relaxed text-gray-800",children:t("div",{className:"flex items-center gap-2",children:[n.textBefore&&e("span",{children:n.textBefore}),t("span",{className:"inline-block min-w-[120px]",style:{borderBottom:`2px solid ${w(n.id)}`},children:["correct"===a&&e("span",{className:"block w-full text-center",children:c}),"unanswered"===a&&e("span",{className:"block w-full text-center text-blue-600",children:b[n.id]}),"incorrect"===a&&t("span",{className:"flex items-center justify-center gap-2",children:[e("span",{className:"text-red-500 line-through",children:c}),e("span",{className:"text-gray-400",children:"→"}),e("span",{className:"text-blue-600",children:b[n.id]})]})]}),n.textAfter&&e("span",{children:n.textAfter}),"correct"===a&&e("div",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-green-500",children:e(r,{className:"h-4 w-4 text-white",strokeWidth:3})}),"incorrect"===a&&e("div",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-red-500",children:e(s,{className:"h-4 w-4 text-white",strokeWidth:3})}),"unanswered"===a&&e("div",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-blue-500",children:e(r,{className:"h-4 w-4 text-white",strokeWidth:3})})]})})]})]},n.id)})})]})]})}

package/dist/components/results/renderers/ReviewListenChooseAnswerGroupRenderer.d.ts

@@ -0,0 +1,25 @@
+export interface ReviewAnswerGroupQuestion {
+    id: string;
+    question_number: number;
+    content?: Record<string, unknown>;
+    questionGroup?: {
+        payload?: unknown;
+    } | null;
+    total_points?: string | number;
+}
+interface Props {
+    partNumber: number;
+    questionCount: number;
+    partName?: string;
+    instruction?: string;
+    questions: ReviewAnswerGroupQuestion[];
+    studentAnswers: Record<string, unknown>;
+    rawCorrectAnswerMap: Record<string, unknown>;
+    isCorrectMap: Record<string, boolean | null>;
+    questionScoreMap: Record<string, {
+        score: number | null;
+        maxScore: number;
+    }>;
+}
+export declare function ReviewListenChooseAnswerGroupRenderer({ partNumber, questionCount, partName, questions, studentAnswers, rawCorrectAnswerMap, isCorrectMap, questionScoreMap, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/results/renderers/ReviewListenChooseAnswerGroupRenderer.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Check as t,X as i}from"lucide-react";import{ResolvedImage as l}from"../../../components/common/ResolvedImage";import a from"../../../components/themes/cambridge-yle/CambridgeYlePartBanner";import{cn as s}from"../../../shared/lib/utils";import{ReviewListeningHeader as n,ListeningLegend as o,getListeningStatus as d}from"./ReviewListeningHeader";function c(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}function m(e,r){return c(e)&&"string"==typeof e[r]?e[r]:""}function u({option:a,isCorrect:n,isStudent:o}){let d="border-dashed border-slate-300 bg-white",c=null,m="",u=a.label;return n&&o?(d="border-solid border-emerald-500 bg-emerald-50 ring-2 ring-emerald-500/30",u=`${a.label} – Đáp án đúng (bạn đã chọn)`,c=e("span",{className:"absolute right-1 top-1 flex h-7 w-7 items-center justify-center rounded-full bg-emerald-500 text-white shadow-md ring-2 ring-white",children:e(t,{className:"h-4 w-4",strokeWidth:3})})):n?(d="border-solid border-emerald-500 bg-emerald-50 ring-2 ring-emerald-500/30",u=`${a.label} – Đáp án đúng`,c=e("span",{className:"absolute right-1 top-1 flex h-7 w-7 items-center justify-center rounded-full bg-emerald-500 text-white shadow-md ring-2 ring-white",children:e(t,{className:"h-4 w-4",strokeWidth:3})})):o?(d="border-solid border-red-500 bg-red-50 ring-2 ring-red-500/30",u=`${a.label} – Lựa chọn của bạn (sai)`,c=e("span",{className:"absolute right-1 top-1 flex h-7 w-7 items-center justify-center rounded-full bg-red-500 text-white shadow-md ring-2 ring-white",children:e(i,{className:"h-4 w-4",strokeWidth:3})})):m="opacity-60",r("div",{"aria-label":u,className:s("relative flex flex-col items-center rounded-xl border-2 p-2 transition",d,m),children:[e("div",{className:"aspect-square w-full overflow-hidden rounded-lg bg-white",children:a.imageUrl?e(l,{src:a.imageUrl,alt:a.label,className:"h-full w-full object-contain",draggable:!1}):e("div",{className:"flex h-full w-full items-center justify-center text-xs text-slate-400",children:a.label})}),e("p",{className:"mt-2 line-clamp-1 w-full text-center text-xs font-medium text-slate-700",children:a.label}),c]})}export function ReviewListenChooseAnswerGroupRenderer({partNumber:t,questionCount:i,partName:l,questions:s,studentAnswers:p,rawCorrectAnswerMap:b,isCorrectMap:g,questionScoreMap:h}){return r("div",{className:"flex flex-col gap-6 pt-4",children:[e(a,{partNumber:t,questionCount:i,partName:l,isReviewMode:!0}),s.map(t=>{const i=function(e){let r=e?.payload;if("string"==typeof r)try{r=JSON.parse(r)}catch{return{}}return c(r)&&Array.isArray(r.options)?{options:r.options.flatMap(e=>c(e)&&"string"==typeof e.id?[{id:e.id,label:"string"==typeof e.label?e.label:"",imageUrl:"string"==typeof e.imageUrl?e.imageUrl:""}]:[])}:{}}(t.questionGroup).options??[],l=m(t.content,"audioUrl")||m(t.content,"audio"),a=m(p[t.id],"answer"),s=m(b[t.id],"answer"),f=g[t.id]??null,w=d(f,!!a),x=h[t.id]??{score:null,maxScore:Number(t.total_points||0)};return r("div",{className:"rounded-2xl border border-slate-100 bg-slate-50/60 p-4 md:p-5",children:[e(n,{questionNumber:t.question_number,typeLabel:"Listen & choose answer",status:w,score:x.score,maxScore:x.maxScore,audioKey:l}),e(o,{showCorrect:!0,showStudent:!!a&&!f}),i.length>0?e("div",{className:"mt-3 grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4",children:i.map(r=>e(u,{option:r,isCorrect:r.id===s,isStudent:r.id===a},r.id))}):e("div",{className:"mt-3 rounded-lg border border-slate-200 bg-white p-4 text-center text-sm text-slate-400",children:"No options available"}),!a&&e("p",{className:"mt-3 text-xs italic text-slate-500",children:"Bạn chưa trả lời câu này."})]},t.id)})]})}

package/dist/components/results/renderers/ReviewListenChooseObjectsRenderer.d.ts

@@ -0,0 +1,25 @@
+export interface ReviewChooseObjectsQuestion {
+    id: string;
+    question_number: number;
+    content?: Record<string, unknown>;
+    questionGroup?: {
+        payload?: unknown;
+    } | null;
+    total_points?: string | number;
+}
+interface Props {
+    partNumber: number;
+    questionCount: number;
+    partName?: string;
+    instruction?: string;
+    questions: ReviewChooseObjectsQuestion[];
+    studentAnswers: Record<string, unknown>;
+    rawCorrectAnswerMap: Record<string, unknown>;
+    isCorrectMap: Record<string, boolean | null>;
+    questionScoreMap: Record<string, {
+        score: number | null;
+        maxScore: number;
+    }>;
+}
+export declare function ReviewListenChooseObjectsRenderer({ partNumber, questionCount, partName, questions, studentAnswers, rawCorrectAnswerMap, isCorrectMap, questionScoreMap, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/results/renderers/ReviewListenChooseObjectsRenderer.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Check as t,X as l}from"lucide-react";import{ResolvedImage as a}from"../../../components/common/ResolvedImage";import i from"../../../components/themes/cambridge-yle/CambridgeYlePartBanner";import{cn as d}from"../../../shared/lib/utils";import{ReviewListeningHeader as s,ListeningLegend as n,getListeningStatus as o}from"./ReviewListeningHeader";function c(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}function m(e,r){return c(e)&&"string"==typeof e[r]?e[r]:""}export function ReviewListenChooseObjectsRenderer({partNumber:h,questionCount:p,partName:u,questions:b,studentAnswers:g,rawCorrectAnswerMap:f,isCorrectMap:x,questionScoreMap:w}){return r("div",{className:"flex flex-col gap-6 pt-4",children:[e(i,{partNumber:h,questionCount:p,partName:u,isReviewMode:!0}),b.map(i=>{const h=function(e){let r=e?.payload;if("string"==typeof r)try{r=JSON.parse(r)}catch{return{}}if(!c(r))return{};const t=Array.isArray(r.objectNodes)?r.objectNodes.flatMap(e=>c(e)&&"string"==typeof e.id?[{id:e.id,label:"string"==typeof e.label?e.label:"",imageUrl:"string"==typeof e.imageUrl?e.imageUrl:"",x:"number"==typeof e.x?e.x:0,y:"number"==typeof e.y?e.y:0,width:"number"==typeof e.width?e.width:0,height:"number"==typeof e.height?e.height:0}]:[]):[];return{backgroundImageUrl:"string"==typeof r.backgroundImageUrl?r.backgroundImageUrl:void 0,objectNodes:t}}(i.questionGroup),p=h.objectNodes??[],u=h.backgroundImageUrl??"",b=m(i.content,"audioUrl")||m(i.content,"audio"),N=m(g[i.id],"objectId"),y=m(f[i.id],"objectId"),v=x[i.id]??null,j=o(v,!!N),k=w[i.id]??{score:null,maxScore:Number(i.total_points||0)},U=p.find(e=>e.id===y),q=p.find(e=>e.id===N);return r("div",{className:"rounded-2xl border border-slate-100 bg-slate-50/60 p-4 md:p-5",children:[e(s,{questionNumber:i.question_number,typeLabel:"Listen & choose object",status:j,score:k.score,maxScore:k.maxScore,audioKey:b}),e(n,{showCorrect:!0,showStudent:!!N&&!v}),e("div",{className:"mt-3 overflow-hidden rounded-xl border border-slate-200 bg-white",children:r("div",{className:"relative w-full",style:{aspectRatio:"16 / 9"},children:[u?e(a,{src:u,alt:"Scene",className:"absolute inset-0 h-full w-full object-contain",draggable:!1}):e("div",{className:"absolute inset-0 flex items-center justify-center text-sm text-slate-400",children:"No scene image"}),p.map(i=>{const s=i.id===y,n=i.id===N;let o="",c=null,m=i.label;return s&&n?(o="ring-4 ring-emerald-500 shadow-lg shadow-emerald-500/30",m=`${i.label} – Đáp án đúng (bạn đã chọn)`,c=e("span",{className:"absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-emerald-500 text-white shadow ring-2 ring-white",children:e(t,{className:"h-3.5 w-3.5",strokeWidth:3})})):s?(o="ring-4 ring-emerald-500 shadow-lg shadow-emerald-500/30",m=`${i.label} – Đáp án đúng`,c=e("span",{className:"absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-emerald-500 text-white shadow ring-2 ring-white",children:e(t,{className:"h-3.5 w-3.5",strokeWidth:3})})):n&&(o="ring-4 ring-red-500 shadow-lg shadow-red-500/30",m=`${i.label} – Lựa chọn của bạn (sai)`,c=e("span",{className:"absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-white shadow ring-2 ring-white",children:e(l,{className:"h-3.5 w-3.5",strokeWidth:3})})),e("div",{className:"absolute",style:{left:`${i.x}%`,top:`${i.y}%`,width:`${i.width}%`,height:`${i.height}%`},"aria-label":m,children:r("div",{className:d("relative h-full w-full rounded-md transition",o,!o&&"rounded-md border border-dashed border-slate-300/80 bg-white/40"),children:[e("div",{className:d("h-full w-full overflow-hidden rounded-md",!o&&"opacity-60"),children:i.imageUrl?e(a,{src:i.imageUrl,alt:i.label,className:"h-full w-full object-contain",draggable:!1}):e("div",{className:"flex h-full w-full items-center justify-center bg-white/60 text-[10px] text-slate-500",children:i.label})}),c]})},i.id)})]})}),r("div","correct"===j?{className:"mt-3 rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm",children:[e("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-emerald-700",children:"Đáp án đúng"}),e("p",{className:"mt-0.5 text-emerald-800",children:U?.label||y||"—"})]}:"unanswered"===j?{className:"mt-3 grid grid-cols-1 gap-2 text-sm sm:grid-cols-2",children:[r("div",{className:"rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2",children:[e("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-emerald-700",children:"Đáp án đúng"}),e("p",{className:"mt-0.5 text-emerald-800",children:U?.label||y||"—"})]}),r("div",{className:"rounded-lg border border-slate-200 bg-white px-3 py-2",children:[e("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-slate-500",children:"Đáp án của bạn"}),e("p",{className:"mt-0.5 italic text-slate-500",children:"Bạn chưa trả lời"})]})]}:{className:"mt-3 grid grid-cols-1 gap-2 text-sm sm:grid-cols-2",children:[r("div",{className:"rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2",children:[e("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-emerald-700",children:"Đáp án đúng"}),e("p",{className:"mt-0.5 text-emerald-800",children:U?.label||y||"—"})]}),r("div",{className:"rounded-lg border border-red-200 bg-red-50 px-3 py-2",children:[e("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-red-700",children:"Đáp án của bạn"}),e("p",{className:"mt-0.5 text-red-800",children:q?.label||N||"—"})]})]})]},i.id)})]})}

package/dist/components/results/renderers/ReviewListenDragObjectsRenderer.d.ts

@@ -0,0 +1,25 @@
+export interface ReviewDragObjectsQuestion {
+    id: string;
+    question_number: number;
+    content?: Record<string, unknown>;
+    questionGroup?: {
+        payload?: unknown;
+    } | null;
+    total_points?: string | number;
+}
+interface Props {
+    partNumber: number;
+    questionCount: number;
+    partName?: string;
+    instruction?: string;
+    questions: ReviewDragObjectsQuestion[];
+    studentAnswers: Record<string, unknown>;
+    rawCorrectAnswerMap: Record<string, unknown>;
+    isCorrectMap: Record<string, boolean | null>;
+    questionScoreMap: Record<string, {
+        score: number | null;
+        maxScore: number;
+    }>;
+}
+export declare function ReviewListenDragObjectsRenderer({ partNumber, questionCount, partName, questions, studentAnswers, rawCorrectAnswerMap, isCorrectMap, questionScoreMap, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/results/renderers/ReviewListenDragObjectsRenderer.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Check as t,X as a}from"lucide-react";import{ResolvedImage as i}from"../../../components/common/ResolvedImage";import l from"../../../components/themes/cambridge-yle/CambridgeYlePartBanner";import{cn as d}from"../../../shared/lib/utils";import{ReviewListeningHeader as s,ListeningLegend as n,getListeningStatus as o}from"./ReviewListeningHeader";function c(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}function m(e,r){return c(e)&&"string"==typeof e[r]?e[r]:""}function u({zone:l,studentObject:s,correctObject:n,isStudentZone:o,isCorrectZone:c,isStudentCorrect:m}){let u,b="border-2 border-dashed border-slate-300/80 bg-white/30",p=null;return c&&o?(b=m?"border-2 border-emerald-500 bg-emerald-50/70 ring-2 ring-emerald-400/40":"border-2 border-red-500 bg-red-50/70 ring-2 ring-red-400/40",p=e("span",m?{className:"absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-emerald-500 text-white shadow ring-2 ring-white",children:e(t,{className:"h-3.5 w-3.5",strokeWidth:3})}:{className:"absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-white shadow ring-2 ring-white",children:e(a,{className:"h-3.5 w-3.5",strokeWidth:3})}),u=s):o?(b="border-2 border-red-500 bg-red-50/70 ring-2 ring-red-400/40",p=e("span",{className:"absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-white shadow ring-2 ring-white",children:e(a,{className:"h-3.5 w-3.5",strokeWidth:3})}),u=s):c&&(b="border-2 border-emerald-500 bg-emerald-50/70 ring-2 ring-emerald-400/40",p=e("span",{className:"absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-emerald-500 text-white shadow ring-2 ring-white",children:e(t,{className:"h-3.5 w-3.5",strokeWidth:3})}),u=n),e("div",{className:"absolute",style:{left:`${l.x}%`,top:`${l.y}%`,width:`${l.width}%`,height:`${l.height}%`},children:r("div",{className:d("relative flex h-full w-full items-center justify-center rounded-md",b),children:[u?.imageUrl?e(i,{src:u.imageUrl,alt:u.label,className:"h-full w-full object-contain p-1",draggable:!1}):e("span",{className:"px-1 text-center text-[10px] font-medium text-slate-500",children:l.label}),p]})})}export function ReviewListenDragObjectsRenderer({partNumber:t,questionCount:a,partName:b,questions:p,studentAnswers:h,rawCorrectAnswerMap:g,isCorrectMap:f,questionScoreMap:x}){return r("div",{className:"flex flex-col gap-6 pt-4",children:[e(l,{partNumber:t,questionCount:a,partName:b,isReviewMode:!0}),p.map(t=>{const a=function(e){let r=e?.payload;if("string"==typeof r)try{r=JSON.parse(r)}catch{return{}}if(!c(r))return{};const t=Array.isArray(r.objectNodes)?r.objectNodes.flatMap(e=>c(e)&&"string"==typeof e.id?[{id:e.id,label:"string"==typeof e.label?e.label:"",imageUrl:"string"==typeof e.imageUrl?e.imageUrl:""}]:[]):[],a=Array.isArray(r.dropZones)?r.dropZones.flatMap(e=>c(e)&&"string"==typeof e.id?[{id:e.id,label:"string"==typeof e.label?e.label:"",x:"number"==typeof e.x?e.x:0,y:"number"==typeof e.y?e.y:0,width:"number"==typeof e.width?e.width:0,height:"number"==typeof e.height?e.height:0}]:[]):[];return{backgroundImageUrl:"string"==typeof r.backgroundImageUrl?r.backgroundImageUrl:void 0,objectNodes:t,dropZones:a}}(t.questionGroup),l=a.objectNodes??[],b=a.dropZones??[],p=a.backgroundImageUrl??"",N=m(t.content,"audioUrl")||m(t.content,"audio"),w=m(h[t.id],"objectId"),y=m(h[t.id],"dropZoneId"),j=m(g[t.id],"objectId"),v=m(g[t.id],"dropZoneId"),k=!!w||!!y,S=f[t.id]??null,C=o(S,k),U=x[t.id]??{score:null,maxScore:Number(t.total_points||0)},Z=l.find(e=>e.id===w),I=l.find(e=>e.id===j),A=b.find(e=>e.id===y),q=b.find(e=>e.id===v);return r("div",{className:"rounded-2xl border border-slate-100 bg-slate-50/60 p-4 md:p-5",children:[e(s,{questionNumber:t.question_number,typeLabel:"Listen & drag object",status:C,score:U.score,maxScore:U.maxScore,audioKey:N}),e(n,{showCorrect:!0,showStudent:k&&!S}),e("div",{className:"mt-3 overflow-hidden rounded-xl border border-slate-200 bg-white",children:r("div",{className:"relative w-full",style:{aspectRatio:"16 / 9"},children:[p?e(i,{src:p,alt:"Scene",className:"absolute inset-0 h-full w-full object-contain",draggable:!1}):e("div",{className:"absolute inset-0 flex items-center justify-center text-sm text-slate-400",children:"No scene image"}),b.map(r=>e(u,{zone:r,studentObject:Z,correctObject:I,isStudentZone:r.id===y,isCorrectZone:r.id===v,isStudentCorrect:!!S},r.id))]})}),r("div","correct"===C?{className:"mt-3 rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm",children:[e("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-emerald-700",children:"Vị trí đúng"}),r("p",{className:"mt-0.5 text-emerald-800",children:[e("span",{className:"font-medium",children:I?.label||j||"—"}),e("span",{className:"mx-1.5 text-emerald-500",children:"→"}),e("span",{children:q?.label||v||"—"})]})]}:{className:"mt-3 grid grid-cols-1 gap-2 text-sm sm:grid-cols-2",children:[r("div",{className:"rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2",children:[e("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-emerald-700",children:"Vị trí đúng"}),r("p",{className:"mt-0.5 text-emerald-800",children:[e("span",{className:"font-medium",children:I?.label||j||"—"}),e("span",{className:"mx-1.5 text-emerald-500",children:"→"}),e("span",{children:q?.label||v||"—"})]})]}),r("div",{className:d("rounded-lg border px-3 py-2","incorrect"===C?"border-red-200 bg-red-50":"border-slate-200 bg-white"),children:[e("p",{className:d("text-[11px] font-semibold uppercase tracking-wide","incorrect"===C?"text-red-700":"text-slate-500"),children:"Vị trí của bạn"}),k?r("p",{className:"mt-0.5 text-red-800",children:[e("span",{className:"font-medium",children:Z?.label||w||"—"}),e("span",{className:"mx-1.5 text-red-500",children:"→"}),e("span",{children:A?.label||y||"—"})]}):e("p",{className:"mt-0.5 italic text-slate-500",children:"Bạn chưa trả lời"})]})]})]},t.id)})]})}

package/dist/components/results/renderers/ReviewListeningHeader.d.ts

@@ -0,0 +1,44 @@
+export type ListeningQuestionStatus = 'correct' | 'incorrect' | 'unanswered';
+export declare function getListeningStatus(isCorrect: boolean | null | undefined, hasStudentAnswer: boolean): ListeningQuestionStatus;
+interface ListeningStatusBadgeProps {
+    status: ListeningQuestionStatus;
+}
+/**
+ * Combined icon + textual correctness badge. Provides redundancy beyond colour
+ * for accessibility / quick scanning.
+ */
+export declare function ListeningStatusBadge({ status }: ListeningStatusBadgeProps): import("react").JSX.Element;
+interface ListeningScorePillProps {
+    score: number | null;
+    maxScore: number;
+    status: ListeningQuestionStatus;
+}
+export declare function ListeningScorePill({ score, maxScore, status }: ListeningScorePillProps): import("react").JSX.Element;
+interface ListeningAudioBarProps {
+    audioKey: string;
+}
+/**
+ * Minimal audio bar tailored for listening prompts in review mode.
+ * Uses a speaker icon (not a microphone) so it reads as "audio to listen to",
+ * not "your recording".
+ */
+export declare function ListeningAudioBar({ audioKey }: ListeningAudioBarProps): import("react").JSX.Element;
+interface ReviewListeningHeaderProps {
+    questionNumber: number;
+    typeLabel: string;
+    status: ListeningQuestionStatus;
+    score: number | null;
+    maxScore: number;
+    audioKey?: string;
+    /** Optional title rendered below the type badge row. */
+    title?: string;
+    /** Optional extra slot rendered to the right of the type badge row. */
+    rightExtra?: React.ReactNode;
+}
+export declare function ReviewListeningHeader({ questionNumber, typeLabel, status, score, maxScore, audioKey, title, rightExtra, }: ReviewListeningHeaderProps): import("react").JSX.Element;
+/** Small legend chip rendered above the visualization. Shown only when relevant. */
+export declare function ListeningLegend({ showCorrect, showStudent, }: {
+    showCorrect?: boolean;
+    showStudent?: boolean;
+}): import("react").JSX.Element;
+export {};

package/dist/components/results/renderers/ReviewListeningHeader.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Check as r,Volume2 as n,X as a,Pause as s,Play as l}from"lucide-react";import{useCallback as i,useEffect as d,useRef as c,useState as o}from"react";import{Badge as u}from"../../../components/ui/badge";import{cn as m}from"../../../shared/lib/utils";import{usePresignedFileUrl as x}from"../../../shared/lib/hooks/usePresignedFileUrl";export function getListeningStatus(e,t){return t?!0===e?"correct":!1===e?"incorrect":"unanswered":"unanswered"}export function ListeningStatusBadge({status:n}){return t("span","correct"===n?{className:"inline-flex items-center gap-1 rounded-full border border-emerald-200 bg-emerald-50 px-2 py-0.5 text-xs font-semibold text-emerald-700",children:[e("span",{className:"flex h-4 w-4 items-center justify-center rounded-full bg-emerald-500",children:e(r,{className:"h-2.5 w-2.5 text-white",strokeWidth:3})}),"Đúng"]}:"incorrect"===n?{className:"inline-flex items-center gap-1 rounded-full border border-red-200 bg-red-50 px-2 py-0.5 text-xs font-semibold text-red-700",children:[e("span",{className:"flex h-4 w-4 items-center justify-center rounded-full bg-red-500",children:e(a,{className:"h-2.5 w-2.5 text-white",strokeWidth:3})}),"Sai"]}:{className:"inline-flex items-center gap-1 rounded-full border border-slate-200 bg-slate-50 px-2 py-0.5 text-xs font-semibold text-slate-600",children:[e("span",{className:"flex h-4 w-4 items-center justify-center rounded-full bg-slate-400",children:e(a,{className:"h-2.5 w-2.5 text-white",strokeWidth:3})}),"Chưa trả lời"]})}export function ListeningScorePill({score:r,maxScore:n,status:a}){const s=null==r?"—":r;return t("div",{className:m("flex flex-shrink-0 items-baseline gap-1 rounded-full border px-3 py-1","correct"===a?"border-emerald-200 bg-emerald-50 text-emerald-700":"incorrect"===a?"border-red-200 bg-red-50 text-red-700":"border-slate-200 bg-slate-50 text-slate-600"),children:[e("span",{className:"text-sm font-bold leading-none",children:s}),t("span",{className:"text-xs font-medium opacity-80",children:["/ ",n," điểm"]})]})}function h(e){if(!isFinite(e))return"0:00";return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`}export function ListeningAudioBar({audioKey:r}){const{previewUrl:a}=x(r),u=c(null),[m,p]=o(!1),[f,b]=o(0),[g,w]=o(0),N=i(()=>{const e=u.current;e&&(m?e.pause():e.play().catch(e=>{console.warn("Audio play request was interrupted:",e)}))},[m]),y=i(e=>{const t=u.current;if(!t)return;const r=Number(e.target.value);t.currentTime=r,b(r)},[]);return d(()=>{p(!1),b(0)},[a]),t("div",{className:"flex items-center gap-3 rounded-lg border border-slate-200 bg-white px-3 py-2",children:[a&&e("audio",{ref:u,src:a,onPlay:()=>p(!0),onPause:()=>p(!1),onEnded:()=>p(!1),onTimeUpdate:e=>b(e.currentTarget.currentTime),onLoadedMetadata:e=>w(e.currentTarget.duration),preload:"metadata"}),e("div",{className:"flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-blue-50 text-blue-600",children:e(n,{className:"h-4 w-4"})}),e("button",{type:"button",onClick:N,disabled:!a,className:"flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full bg-blue-600 text-white shadow-sm transition hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-40","aria-label":m?"Tạm dừng":"Phát âm thanh câu hỏi",children:m?e(s,{className:"h-4 w-4"}):e(l,{className:"ml-0.5 h-4 w-4"})}),e("span",{className:"w-10 text-xs tabular-nums text-slate-500",children:h(f)}),e("input",{type:"range",min:0,max:g||0,step:.01,value:f,onChange:y,className:"h-1 flex-1 cursor-pointer appearance-none rounded-full bg-slate-200 accent-blue-600","aria-label":"Tua âm thanh"}),e("span",{className:"w-10 text-right text-xs tabular-nums text-slate-500",children:h(g)})]})}export function ReviewListeningHeader({questionNumber:r,typeLabel:n,status:a,score:s,maxScore:l,audioKey:i,title:d,rightExtra:c}){return t("div",{className:"mb-3 space-y-3",children:[t("div",{className:"flex items-start gap-3",children:[e("span",{className:"mt-0.5 flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-sm font-bold text-white",children:r}),t("div",{className:"min-w-0 flex-1",children:[t("div",{className:"flex flex-wrap items-center gap-2",children:[e(u,{variant:"secondary",className:"bg-slate-100 text-slate-700 hover:bg-slate-100",children:n}),e(ListeningStatusBadge,{status:a}),c]}),d?e("p",{className:"mt-1.5 text-sm font-medium text-slate-700",children:d}):null]}),e(ListeningScorePill,{score:s,maxScore:l,status:a})]}),i?e(ListeningAudioBar,{audioKey:i}):null]})}export function ListeningLegend({showCorrect:r=!0,showStudent:n=!0}){return r||n?t("div",{className:"flex flex-wrap items-center gap-3 text-xs text-slate-600",children:[r?t("span",{className:"inline-flex items-center gap-1.5",children:[e("span",{className:"inline-block h-3 w-3 rounded-full border-2 border-emerald-500 bg-emerald-50"}),"Đáp án đúng"]}):null,n?t("span",{className:"inline-flex items-center gap-1.5",children:[e("span",{className:"inline-block h-3 w-3 rounded-full border-2 border-red-500 bg-red-50"}),"Đáp án của bạn"]}):null]}):null}

package/dist/components/results/renderers/ReviewSpeakingAIPanel.d.ts

@@ -0,0 +1,17 @@
+import type { SpeakingReviewItem } from './ReviewSpeakingRenderer.types';
+interface ReviewSpeakingAIPanelProps {
+    question: SpeakingReviewItem;
+}
+/**
+ * AI review panel for the /student/results/:attemptId/review page.
+ *
+ * Layout mirrors SpeakingAIAssessmentPanel (speaking-review page) but uses the
+ * slate / blue-500 / emerald / amber / rose palette of the existing review page
+ * (instead of the #2874A6 tone used on speaking-review).
+ *
+ * Only renders for questions with a student audio recording. If there's no
+ * content score / feedback the right-hand card falls back to a neutral
+ * placeholder.
+ */
+export declare function ReviewSpeakingAIPanel({ question }: ReviewSpeakingAIPanelProps): import("react").JSX.Element;
+export {};