@tinyweb_dev/oe-exam-sdk 0.1.27 → 0.1.29

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

@@ -1 +1,116 @@
-"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Activity as t,Award as a,Bot as r,Brain as s,MessageSquare as n,TrendingUp as c}from"lucide-react";import{cn as d}from"../../../shared/lib/utils";export function ReviewSpeakingAIPanel({question:t}){if(!t.studentAudioKey)return null;return null!=t.pronunciationScore||null!=t.accuracyScore||null!=t.fluencyScore||null!=t.prosodyScore||null!=t.completenessScore||!!t.recognizedText||null!=t.contentScore||t.feedbackEn?l("div",{className:"space-y-4",children:[t.classificationTitle?e(i,{title:t.classificationTitle,tag:t.classificationTag}):null,l("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-2",children:[e(o,{question:t}),null!=t.contentScore||t.feedbackEn?e(x,{contentScore:t.contentScore,feedback:t.feedbackEn}):e(m,{})]})]}):null}function i({title:t,tag:r}){const s={Platinum:{bg:"bg-slate-50 border-slate-200",text:"text-slate-800",iconBg:"bg-slate-200/60"},Gold:{bg:"bg-amber-50/60 border-amber-200/60",text:"text-amber-800",iconBg:"bg-amber-100"},Silver:{bg:"bg-gray-50 border-gray-200",text:"text-gray-700",iconBg:"bg-gray-200"},Bronze:{bg:"bg-orange-50/60 border-orange-200/60",text:"text-orange-800",iconBg:"bg-orange-100"}}[t]??{bg:"bg-blue-50/60 border-blue-100",text:"text-blue-800",iconBg:"bg-blue-100/60"};return l("div",{className:d("flex items-center gap-3 rounded-xl border px-4 py-2.5",s.bg),children:[e("div",{className:d("flex h-8 w-8 items-center justify-center rounded-full",s.iconBg),children:e(a,{className:d("h-4 w-4",s.text)})}),e("div",{className:"flex-1",children:l("div",{className:"flex items-center gap-2",children:[e("span",{className:d("text-sm font-black",s.text),children:t}),r?e("span",{className:"rounded-[4px] border border-gray-100/60 bg-white/70 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider text-gray-600 shadow-sm",children:r}):null]})}),e("span",{className:"text-[10px] font-semibold uppercase tracking-wider text-gray-400",children:"Phân loại năng lực"})]})}function o({question:a}){const r=[{label:"Phát âm",sublabel:"Pronunciation",score:a.pronunciationScore},{label:"Lưu loát",sublabel:"Fluency",score:a.fluencyScore},{label:"Ngữ điệu",sublabel:"Prosody",score:a.prosodyScore},{label:"Trọn vẹn",sublabel:"Completeness",score:a.completenessScore},{label:"Chính xác",sublabel:"Accuracy",score:a.accuracyScore}];return l("div",{className:"flex flex-col rounded-2xl border border-slate-200 bg-slate-50/60 shadow-[0_2px_8px_rgba(15,23,42,0.03)]",children:[l("div",{className:"flex items-center gap-3 px-4 py-3",children:[e(t,{className:"h-5 w-5 text-blue-600"}),e("h4",{className:"text-sm font-black tracking-wide text-slate-800",children:"Phân tích Khẩu hình"})]}),l("div",{className:"mx-4 mb-4 rounded-xl border border-slate-200 bg-white p-3.5 shadow-sm",children:[e("p",{className:"mb-1 text-[9px] font-bold uppercase tracking-wider text-blue-500",children:"AI Transcribed"}),l("p",{className:"text-sm font-medium italic leading-relaxed text-slate-800",children:["“",a.recognizedText||"Không rõ chữ / Không thể phiên âm","”"]})]}),e("div",{className:"grid grid-cols-2 gap-3 px-4 pb-4",children:r.map(l=>e(b,{...l},l.sublabel))})]})}function b({label:t,score:a}){const r=null!=a?Math.round(a):null,s=null==r?{text:"text-slate-400",bar:"bg-slate-200",bg:"bg-white border-slate-100"}:r>=80?{text:"text-emerald-600",bar:"bg-emerald-500",bg:"bg-emerald-50/50 border-emerald-100"}:r>=50?{text:"text-amber-600",bar:"bg-amber-400",bg:"bg-amber-50/50 border-amber-100"}:{text:"text-rose-600",bar:"bg-rose-400",bg:"bg-rose-50/50 border-rose-100"};return l("div",{className:d("flex flex-col gap-2 rounded-[14px] border p-3 shadow-[0_2px_10px_rgba(15,23,42,0.03)]",s.bg),children:[l("div",{className:"flex items-center justify-between",children:[e("span",{className:"text-xs font-black text-slate-700",children:t}),e("span",{className:d("text-lg font-black tracking-tight",s.text),children:null!=r?r:"N/A"})]}),e("div",{className:"h-1.5 w-full overflow-hidden rounded-full bg-slate-100",children:e("div",{className:d("h-full rounded-full transition-all duration-700 ease-out",s.bar),style:{width:`${Math.max(0,Math.min(100,r??0))}%`}})})]})}function x({contentScore:t,feedback:a}){return l("div",{className:"flex h-full flex-col rounded-2xl border border-slate-200 bg-slate-50/60 shadow-[0_2px_8px_rgba(15,23,42,0.03)]",children:[l("div",{className:"flex shrink-0 items-center gap-3 px-4 py-3",children:[e(s,{className:"h-5 w-5 text-blue-600"}),e("h4",{className:"text-sm font-black tracking-wide text-slate-800",children:"Phân tích Nội dung"})]}),null!=t?e("div",{className:"flex flex-col gap-3 px-4 pb-3",children:e(u,{label:"Phân tích Nội dung (LLM)",score:t,icon:e(c,{className:"h-3.5 w-3.5 text-blue-500"})})}):null,a?l("div",{className:"mx-4 mb-4 flex flex-1 flex-col rounded-xl border border-slate-200 border-l-[6px] border-l-blue-500 bg-white p-4 shadow-sm",children:[l("div",{className:"mb-2 flex shrink-0 items-center gap-2",children:[e("div",{className:"flex h-7 w-7 items-center justify-center rounded-full bg-blue-50 text-blue-600",children:e(r,{className:"h-4 w-4"})}),e("span",{className:"text-xs font-black uppercase tracking-wider text-blue-600",children:"Nhận xét AI"})]}),e("div",{className:"flex-1 overflow-y-auto pr-1",children:e("p",{className:"text-[15px] font-medium leading-relaxed text-slate-700",children:a})})]}):null]})}function u({label:t,score:a,icon:r}){const s=Math.round(a),n=s>=80?{bar:"bg-emerald-500",text:"text-emerald-600"}:s>=50?{bar:"bg-amber-400",text:"text-amber-600"}:{bar:"bg-rose-400",text:"text-rose-600"};return l("div",{className:"flex flex-col gap-1.5 rounded-xl border border-slate-200 bg-white p-2.5 shadow-sm",children:[l("div",{className:"flex items-center justify-between",children:[l("div",{className:"flex items-center gap-1.5",children:[e("span",{className:d("opacity-70",n.text),children:r}),e("span",{className:"text-xs font-bold text-slate-700",children:t})]}),e("span",{className:d("text-xs font-black",n.text),children:s})]}),e("div",{className:"h-1 w-full overflow-hidden rounded-full bg-slate-100",children:e("div",{className:d("h-full rounded-full transition-all duration-1000 ease-out",n.bar),style:{width:`${Math.max(0,Math.min(100,a))}%`}})})]})}function m(){return l("div",{className:"flex flex-col items-center justify-center gap-2 rounded-2xl border border-dashed border-slate-200 bg-slate-50/60 p-6 text-center",children:[e(n,{className:"h-5 w-5 text-slate-300"}),l("div",{children:[e("p",{className:"text-sm font-semibold text-slate-500",children:"Không chấm nội dung"}),e("p",{className:"mt-0.5 text-xs text-slate-400",children:"Dạng câu hỏi có kịch bản mẫu"})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Activity, Award, Bot, Brain, MessageSquare, TrendingUp } from 'lucide-react';
+import { cn } from '../../../shared/lib/utils';
+/**
+ * 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 function ReviewSpeakingAIPanel({ question }) {
+    // No recording → nothing to analyse, skip entire panel.
+    if (!question.studentAudioKey)
+        return null;
+    const hasAnyPronunciationScore = question.pronunciationScore != null ||
+        question.accuracyScore != null ||
+        question.fluencyScore != null ||
+        question.prosodyScore != null ||
+        question.completenessScore != null ||
+        !!question.recognizedText;
+    if (!hasAnyPronunciationScore && question.contentScore == null && !question.feedbackEn) {
+        return null;
+    }
+    return (_jsxs("div", { className: "space-y-4", children: [question.classificationTitle ? (_jsx(ClassificationBanner, { title: question.classificationTitle, tag: question.classificationTag })) : null, _jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: [_jsx(PronunciationCard, { question: question }), question.contentScore != null || question.feedbackEn ? (_jsx(GrammarContentCard, { contentScore: question.contentScore, feedback: question.feedbackEn })) : (_jsx(NoGrammarPlaceholder, {}))] })] }));
+}
+/* ─── Classification banner ──────────────────────────────────────────────── */
+function ClassificationBanner({ title, tag }) {
+    const tierStyles = {
+        Platinum: {
+            bg: 'bg-slate-50 border-slate-200',
+            text: 'text-slate-800',
+            iconBg: 'bg-slate-200/60',
+        },
+        Gold: {
+            bg: 'bg-amber-50/60 border-amber-200/60',
+            text: 'text-amber-800',
+            iconBg: 'bg-amber-100',
+        },
+        Silver: {
+            bg: 'bg-gray-50 border-gray-200',
+            text: 'text-gray-700',
+            iconBg: 'bg-gray-200',
+        },
+        Bronze: {
+            bg: 'bg-orange-50/60 border-orange-200/60',
+            text: 'text-orange-800',
+            iconBg: 'bg-orange-100',
+        },
+    };
+    const style = tierStyles[title] ?? {
+        bg: 'bg-blue-50/60 border-blue-100',
+        text: 'text-blue-800',
+        iconBg: 'bg-blue-100/60',
+    };
+    return (_jsxs("div", { className: cn('flex items-center gap-3 rounded-xl border px-4 py-2.5', style.bg), children: [_jsx("div", { className: cn('flex h-8 w-8 items-center justify-center rounded-full', style.iconBg), children: _jsx(Award, { className: cn('h-4 w-4', style.text) }) }), _jsx("div", { className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: cn('text-sm font-black', style.text), children: title }), tag ? (_jsx("span", { className: "rounded-[4px] border border-gray-100/60 bg-white/70 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider text-gray-600 shadow-sm", children: tag })) : null] }) }), _jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wider text-gray-400", children: "Ph\u00E2n lo\u1EA1i n\u0103ng l\u1EF1c" })] }));
+}
+/* ─── Pronunciation card (left) ──────────────────────────────────────────── */
+function PronunciationCard({ question }) {
+    const metrics = [
+        { label: 'Phát âm', sublabel: 'Pronunciation', score: question.pronunciationScore },
+        { label: 'Lưu loát', sublabel: 'Fluency', score: question.fluencyScore },
+        { label: 'Ngữ điệu', sublabel: 'Prosody', score: question.prosodyScore },
+        { label: 'Trọn vẹn', sublabel: 'Completeness', score: question.completenessScore },
+        { label: 'Chính xác', sublabel: 'Accuracy', score: question.accuracyScore },
+    ];
+    return (_jsxs("div", { className: "flex flex-col rounded-2xl border border-slate-200 bg-slate-50/60 shadow-[0_2px_8px_rgba(15,23,42,0.03)]", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx(Activity, { className: "h-5 w-5 text-blue-600" }), _jsx("h4", { className: "text-sm font-black tracking-wide text-slate-800", children: "Ph\u00E2n t\u00EDch Kh\u1EA9u h\u00ECnh" })] }), _jsxs("div", { className: "mx-4 mb-4 rounded-xl border border-slate-200 bg-white p-3.5 shadow-sm", children: [_jsx("p", { className: "mb-1 text-[9px] font-bold uppercase tracking-wider text-blue-500", children: "AI Transcribed" }), _jsxs("p", { className: "text-sm font-medium italic leading-relaxed text-slate-800", children: ["\u201C", question.recognizedText || 'Không rõ chữ / Không thể phiên âm', "\u201D"] })] }), _jsx("div", { className: "grid grid-cols-2 gap-3 px-4 pb-4", children: metrics.map((metric) => (_jsx(ScoreMetricCard, { ...metric }, metric.sublabel))) })] }));
+}
+function ScoreMetricCard({ label, score, }) {
+    const safeScore = score != null ? Math.round(score) : null;
+    const tone = safeScore == null
+        ? {
+            text: 'text-slate-400',
+            bar: 'bg-slate-200',
+            bg: 'bg-white border-slate-100',
+        }
+        : safeScore >= 80
+            ? {
+                text: 'text-emerald-600',
+                bar: 'bg-emerald-500',
+                bg: 'bg-emerald-50/50 border-emerald-100',
+            }
+            : safeScore >= 50
+                ? {
+                    text: 'text-amber-600',
+                    bar: 'bg-amber-400',
+                    bg: 'bg-amber-50/50 border-amber-100',
+                }
+                : {
+                    text: 'text-rose-600',
+                    bar: 'bg-rose-400',
+                    bg: 'bg-rose-50/50 border-rose-100',
+                };
+    return (_jsxs("div", { className: cn('flex flex-col gap-2 rounded-[14px] border p-3 shadow-[0_2px_10px_rgba(15,23,42,0.03)]', tone.bg), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-black text-slate-700", children: label }), _jsx("span", { className: cn('text-lg font-black tracking-tight', tone.text), children: safeScore != null ? safeScore : 'N/A' })] }), _jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-slate-100", children: _jsx("div", { className: cn('h-full rounded-full transition-all duration-700 ease-out', tone.bar), style: { width: `${Math.max(0, Math.min(100, safeScore ?? 0))}%` } }) })] }));
+}
+/* ─── Grammar & content card (right) ─────────────────────────────────────── */
+function GrammarContentCard({ contentScore, feedback, }) {
+    return (_jsxs("div", { className: "flex h-full flex-col rounded-2xl border border-slate-200 bg-slate-50/60 shadow-[0_2px_8px_rgba(15,23,42,0.03)]", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-3 px-4 py-3", children: [_jsx(Brain, { className: "h-5 w-5 text-blue-600" }), _jsx("h4", { className: "text-sm font-black tracking-wide text-slate-800", children: "Ph\u00E2n t\u00EDch N\u1ED9i dung" })] }), contentScore != null ? (_jsx("div", { className: "flex flex-col gap-3 px-4 pb-3", children: _jsx(ScoreProgressBar, { label: "Ph\u00E2n t\u00EDch N\u1ED9i dung (LLM)", score: contentScore, icon: _jsx(TrendingUp, { className: "h-3.5 w-3.5 text-blue-500" }) }) })) : null, feedback ? (_jsxs("div", { className: "mx-4 mb-4 flex flex-1 flex-col rounded-xl border border-slate-200 border-l-[6px] border-l-blue-500 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-2 flex shrink-0 items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-blue-50 text-blue-600", children: _jsx(Bot, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-xs font-black uppercase tracking-wider text-blue-600", children: "Nh\u1EADn x\u00E9t AI" })] }), _jsx("div", { className: "flex-1 overflow-y-auto pr-1", children: _jsx("p", { className: "text-[15px] font-medium leading-relaxed text-slate-700", children: feedback }) })] })) : null] }));
+}
+function ScoreProgressBar({ label, score, icon, }) {
+    const rounded = Math.round(score);
+    const tone = rounded >= 80
+        ? { bar: 'bg-emerald-500', text: 'text-emerald-600' }
+        : rounded >= 50
+            ? { bar: 'bg-amber-400', text: 'text-amber-600' }
+            : { bar: 'bg-rose-400', text: 'text-rose-600' };
+    return (_jsxs("div", { className: "flex flex-col gap-1.5 rounded-xl border border-slate-200 bg-white p-2.5 shadow-sm", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: cn('opacity-70', tone.text), children: icon }), _jsx("span", { className: "text-xs font-bold text-slate-700", children: label })] }), _jsx("span", { className: cn('text-xs font-black', tone.text), children: rounded })] }), _jsx("div", { className: "h-1 w-full overflow-hidden rounded-full bg-slate-100", children: _jsx("div", { className: cn('h-full rounded-full transition-all duration-1000 ease-out', tone.bar), style: { width: `${Math.max(0, Math.min(100, score))}%` } }) })] }));
+}
+/* ─── Empty-state placeholder (no content grading) ───────────────────────── */
+function NoGrammarPlaceholder() {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 rounded-2xl border border-dashed border-slate-200 bg-slate-50/60 p-6 text-center", children: [_jsx(MessageSquare, { className: "h-5 w-5 text-slate-300" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-slate-500", children: "Kh\u00F4ng ch\u1EA5m n\u1ED9i dung" }), _jsx("p", { className: "mt-0.5 text-xs text-slate-400", children: "D\u1EA1ng c\u00E2u h\u1ECFi c\u00F3 k\u1ECBch b\u1EA3n m\u1EABu" })] })] }));
+}

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

@@ -1 +1,48 @@
-"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{ImageIcon as t,ImageOff as r}from"lucide-react";import{useState as l}from"react";import{ResolvedImage as s}from"../../../components/common/ResolvedImage";import{usePresignedFileUrl as i}from"../../../shared/lib/hooks/usePresignedFileUrl";import{cn as n}from"../../../shared/lib/utils";import{SpeakingResultAudioPlayer as d}from"../speaking/SpeakingResultAudioPlayer";import{ListeningAudioBar as o}from"./ReviewListeningHeader";export function PromptImage({imageKey:s,alt:n}){const{previewUrl:d,isLoading:o}=i(s||void 0),[c,m]=l(!1);return s?a("div",{className:"rounded-lg border border-gray-200 bg-white p-4 shadow-sm",children:[a("div",{className:"mb-3 flex items-center gap-2",children:[e(t,{className:"h-4 w-4 text-violet-500"}),e("p",{className:"text-sm font-semibold text-gray-700",children:"Question image"})]}),e("div",{className:"flex min-h-[200px] items-center justify-center rounded-lg bg-gray-50 p-4",children:o?e("span",{className:"text-sm text-gray-400",children:"Đang tải hình ảnh..."}):d&&!c?e("img",{src:d,alt:n,className:"max-h-[320px] w-auto rounded-lg object-contain",onError:()=>m(!0)}):a("div",{className:"flex flex-col items-center justify-center text-gray-400",children:[e(r,{className:"mb-2 h-8 w-8"}),e("span",{className:"text-sm",children:"Không thể tải hình ảnh"})]})})]}):null}export function ResolvedImageItem({imageKey:t,alt:s,label:d,highlight:o,aspectRatio:c="3.3"}){const{previewUrl:m,isLoading:g}=i(t||void 0),[h,x]=l(!1);return a("div",{className:n("relative w-full overflow-hidden rounded-xl border-2 bg-slate-50",o?"border-amber-400 ring-2 ring-amber-300":"border-slate-200"),style:{aspectRatio:c},children:[d&&e("span",{className:"absolute left-1/2 top-2 z-10 -translate-x-1/2 rounded-full bg-slate-800/80 px-3 py-0.5 text-xs font-bold uppercase tracking-wide text-white shadow backdrop-blur-sm",children:d}),g?e("div",{className:"flex h-full w-full items-center justify-center",children:e("span",{className:"text-xs text-gray-400",children:"Đang tải..."})}):m&&!h?e("img",{src:m,alt:s,className:"h-full w-full object-cover",onError:()=>x(!0)}):a("div",{className:"flex h-full w-full flex-col items-center justify-center text-gray-400",children:[e(r,{className:"mb-2 h-6 w-6"}),e("span",{className:"text-xs",children:"Không có ảnh"})]})]})}export function CompareImagesSection({candidateImageUrl:r,examinerImageUrl:l}){return r||l?a("div",{className:"space-y-3 rounded-lg border border-gray-200 bg-white p-4 shadow-sm",children:[a("div",{className:"mb-1 flex items-center gap-2",children:[e(t,{className:"h-4 w-4 text-violet-500"}),e("p",{className:"text-sm font-semibold text-gray-700",children:"Hình ảnh câu hỏi"})]}),e(ResolvedImageItem,{imageKey:r,alt:"Candidate's copy",label:"Candidate's copy"}),e(ResolvedImageItem,{imageKey:l,alt:"Examiner's copy",label:"Examiner's copy"})]}):null}export function StoryImagesSection({images:r}){return r&&0!==r.length?a("div",{className:"rounded-lg border border-gray-200 bg-white p-4 shadow-sm",children:[a("div",{className:"mb-3 flex items-center gap-2",children:[e(t,{className:"h-4 w-4 text-violet-500"}),a("p",{className:"text-sm font-semibold text-gray-700",children:["Hình ảnh câu chuyện (",r.length," ảnh)"]})]}),e("div",{className:"grid grid-cols-2 gap-3",children:r.map((a,t)=>e(ResolvedImageItem,{imageKey:a,alt:`Story image ${t+1}`,label:`Ảnh ${t+1}`,aspectRatio:"1/1"},a+t))})]}):null}export function InfoExchangeSection({data:r}){const{title:l,imageUrl:d,candidateFields:o,examinerFields:c}=r,m=o.length>0?o:c,{previewUrl:g,isLoading:h}=i(d||void 0);return a("div",{className:"space-y-3",children:[l?e("h3",{className:"text-sm font-bold text-gray-800",children:l}):null,d?e("div",{className:"overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",children:h?e("div",{className:"flex h-[220px] items-center justify-center text-sm text-gray-400",children:"Loading image..."}):g?e(s,{src:d,alt:l||"Info exchange",className:"mx-auto h-auto max-h-[260px] w-auto max-w-full object-contain p-2"}):a("div",{className:"flex h-[220px] items-center justify-center text-sm text-gray-400",children:[e(t,{className:"mr-2 h-4 w-4"}),"Image unavailable"]})}):null,m.length>0?e("div",{className:"overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",children:e("table",{className:"w-full text-sm",children:e("tbody",{children:m.map((t,r)=>a("tr",{className:n("border-b border-gray-100 transition-colors last:border-0 hover:bg-blue-50/50",r%2==0?"bg-white":"bg-gray-50/50"),children:[e("td",{className:"w-1/3 px-4 py-2.5 font-bold text-gray-700",children:t.key}),e("td",{className:"px-4 py-2.5",children:t.value||t.answer?e("span",{className:"font-medium text-gray-800",children:t.value||t.answer}):e("span",{className:"italic text-gray-300",children:"—"})})]},`${t.key}-${r}`))})})}):null]})}export function OddOneOutImagesSection({groupImages:r,contentImages:l,activeId:s}){const i=r.length>0?r:l.map((e,a)=>({id:String(a),url:e,label:String(a+1)}));return 0===i.length?null:a("div",{className:"rounded-lg border border-gray-200 bg-white p-4 shadow-sm",children:[a("div",{className:"mb-3 flex items-center gap-2",children:[e(t,{className:"h-4 w-4 text-violet-500"}),e("p",{className:"text-sm font-semibold text-gray-700",children:"Hình ảnh Odd One Out"})]}),e("div",{className:"grid grid-cols-2 gap-3",children:i.map(a=>e(ResolvedImageItem,{imageKey:a.url,alt:`Image ${a.label}`,label:a.id===s?`Ảnh ${a.label} ★`:`Ảnh ${a.label}`,highlight:a.id===s},a.id))})]})}export function AudioSection({title:t,subtitle:r,icon:l,audioKey:s,emptyMessage:i,useListeningBar:n=!1}){return a("div",{className:"audio-player-wrapper rounded-lg border border-gray-200 bg-white p-4 shadow-sm",children:[a("div",{className:"mb-3 flex items-center gap-2",children:[e("div",{className:"flex h-8 w-8 items-center justify-center rounded-full bg-gray-100 text-gray-700",children:l}),a("div",{children:[e("p",{className:"text-sm font-semibold text-gray-800",children:t}),e("p",{className:"text-xs text-gray-500",children:r})]})]}),s?n?e(o,{audioKey:s}):e(d,{audioKey:s,variant:"admin"}):e("div",{className:"rounded-lg border border-dashed border-gray-300 bg-gray-50 px-4 py-3 text-sm text-gray-500",children:i})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImageIcon, ImageOff } from 'lucide-react';
+import { useState } from 'react';
+import { ResolvedImage } from '../../../components/common/ResolvedImage';
+import { usePresignedFileUrl } from '../../../shared/lib/hooks/usePresignedFileUrl';
+import { cn } from '../../../shared/lib/utils';
+import { SpeakingResultAudioPlayer } from '../speaking/SpeakingResultAudioPlayer';
+import { ListeningAudioBar } from './ReviewListeningHeader';
+export function PromptImage({ imageKey, alt }) {
+    const { previewUrl, isLoading } = usePresignedFileUrl(imageKey || undefined);
+    const [hasError, setHasError] = useState(false);
+    if (!imageKey)
+        return null;
+    return (_jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-violet-500" }), _jsx("p", { className: "text-sm font-semibold text-gray-700", children: "Question image" })] }), _jsx("div", { className: "flex min-h-[200px] items-center justify-center rounded-lg bg-gray-50 p-4", children: isLoading ? (_jsx("span", { className: "text-sm text-gray-400", children: "\u0110ang t\u1EA3i h\u00ECnh \u1EA3nh..." })) : previewUrl && !hasError ? (_jsx("img", { src: previewUrl, alt: alt, className: "max-h-[320px] w-auto rounded-lg object-contain", onError: () => setHasError(true) })) : (_jsxs("div", { className: "flex flex-col items-center justify-center text-gray-400", children: [_jsx(ImageOff, { className: "mb-2 h-8 w-8" }), _jsx("span", { className: "text-sm", children: "Kh\u00F4ng th\u1EC3 t\u1EA3i h\u00ECnh \u1EA3nh" })] })) })] }));
+}
+export function ResolvedImageItem({ imageKey, alt, label, highlight, aspectRatio = '3.3', }) {
+    const { previewUrl, isLoading } = usePresignedFileUrl(imageKey || undefined);
+    const [hasError, setHasError] = useState(false);
+    return (_jsxs("div", { className: cn('relative w-full overflow-hidden rounded-xl border-2 bg-slate-50', highlight ? 'border-amber-400 ring-2 ring-amber-300' : 'border-slate-200'), style: { aspectRatio }, children: [label && (_jsx("span", { className: "absolute left-1/2 top-2 z-10 -translate-x-1/2 rounded-full bg-slate-800/80 px-3 py-0.5 text-xs font-bold uppercase tracking-wide text-white shadow backdrop-blur-sm", children: label })), isLoading ? (_jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsx("span", { className: "text-xs text-gray-400", children: "\u0110ang t\u1EA3i..." }) })) : previewUrl && !hasError ? (_jsx("img", { src: previewUrl, alt: alt, className: "h-full w-full object-cover", onError: () => setHasError(true) })) : (_jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center text-gray-400", children: [_jsx(ImageOff, { className: "mb-2 h-6 w-6" }), _jsx("span", { className: "text-xs", children: "Kh\u00F4ng c\u00F3 \u1EA3nh" })] }))] }));
+}
+export function CompareImagesSection({ candidateImageUrl, examinerImageUrl, }) {
+    if (!candidateImageUrl && !examinerImageUrl)
+        return null;
+    return (_jsxs("div", { className: "space-y-3 rounded-lg border border-gray-200 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-violet-500" }), _jsx("p", { className: "text-sm font-semibold text-gray-700", children: "H\u00ECnh \u1EA3nh c\u00E2u h\u1ECFi" })] }), _jsx(ResolvedImageItem, { imageKey: candidateImageUrl, alt: "Candidate's copy", label: "Candidate's copy" }), _jsx(ResolvedImageItem, { imageKey: examinerImageUrl, alt: "Examiner's copy", label: "Examiner's copy" })] }));
+}
+export function StoryImagesSection({ images }) {
+    if (!images || images.length === 0)
+        return null;
+    return (_jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-violet-500" }), _jsxs("p", { className: "text-sm font-semibold text-gray-700", children: ["H\u00ECnh \u1EA3nh c\u00E2u chuy\u1EC7n (", images.length, " \u1EA3nh)"] })] }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: images.map((url, i) => (_jsx(ResolvedImageItem, { imageKey: url, alt: `Story image ${i + 1}`, label: `Ảnh ${i + 1}`, aspectRatio: "1/1" }, url + i))) })] }));
+}
+export function InfoExchangeSection({ data, }) {
+    const { title, imageUrl, candidateFields, examinerFields } = data;
+    const fields = candidateFields.length > 0 ? candidateFields : examinerFields;
+    const { previewUrl, isLoading } = usePresignedFileUrl(imageUrl || undefined);
+    return (_jsxs("div", { className: "space-y-3", children: [title ? _jsx("h3", { className: "text-sm font-bold text-gray-800", children: title }) : null, imageUrl ? (_jsx("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: isLoading ? (_jsx("div", { className: "flex h-[220px] items-center justify-center text-sm text-gray-400", children: "Loading image..." })) : previewUrl ? (_jsx(ResolvedImage, { src: imageUrl, alt: title || 'Info exchange', className: "mx-auto h-auto max-h-[260px] w-auto max-w-full object-contain p-2" })) : (_jsxs("div", { className: "flex h-[220px] items-center justify-center text-sm text-gray-400", children: [_jsx(ImageIcon, { className: "mr-2 h-4 w-4" }), "Image unavailable"] })) })) : null, fields.length > 0 ? (_jsx("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: _jsx("table", { className: "w-full text-sm", children: _jsx("tbody", { children: fields.map((field, idx) => (_jsxs("tr", { className: cn('border-b border-gray-100 transition-colors last:border-0 hover:bg-blue-50/50', idx % 2 === 0 ? 'bg-white' : 'bg-gray-50/50'), children: [_jsx("td", { className: "w-1/3 px-4 py-2.5 font-bold text-gray-700", children: field.key }), _jsx("td", { className: "px-4 py-2.5", children: field.value || field.answer ? (_jsx("span", { className: "font-medium text-gray-800", children: field.value || field.answer })) : (_jsx("span", { className: "italic text-gray-300", children: "\u2014" })) })] }, `${field.key}-${idx}`))) }) }) })) : null] }));
+}
+export function OddOneOutImagesSection({ groupImages, contentImages, activeId, }) {
+    const images = groupImages.length > 0
+        ? groupImages
+        : contentImages.map((url, i) => ({ id: String(i), url, label: String(i + 1) }));
+    if (images.length === 0)
+        return null;
+    return (_jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-violet-500" }), _jsx("p", { className: "text-sm font-semibold text-gray-700", children: "H\u00ECnh \u1EA3nh Odd One Out" })] }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: images.map((img) => (_jsx(ResolvedImageItem, { imageKey: img.url, alt: `Image ${img.label}`, label: img.id === activeId ? `Ảnh ${img.label} ★` : `Ảnh ${img.label}`, highlight: img.id === activeId }, img.id))) })] }));
+}
+export function AudioSection({ title, subtitle, icon, audioKey, emptyMessage, useListeningBar = false, }) {
+    return (_jsxs("div", { className: "audio-player-wrapper rounded-lg border border-gray-200 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-gray-100 text-gray-700", children: icon }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-gray-800", children: title }), _jsx("p", { className: "text-xs text-gray-500", children: subtitle })] })] }), audioKey ? (useListeningBar ? (_jsx(ListeningAudioBar, { audioKey: audioKey })) : (_jsx(SpeakingResultAudioPlayer, { audioKey: audioKey, variant: "admin" }))) : (_jsx("div", { className: "rounded-lg border border-dashed border-gray-300 bg-gray-50 px-4 py-3 text-sm text-gray-500", children: emptyMessage }))] }));
+}

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

@@ -1 +1,42 @@
-"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Check as t,Mic as a,Volume2 as s,X as l}from"lucide-react";import{Badge as n}from"../../../components/ui/badge";import{cn as i}from"../../../shared/lib/utils";import{ReviewSpeakingAIPanel as d}from"./ReviewSpeakingAIPanel";import{AudioSection as c,CompareImagesSection as o,InfoExchangeSection as m,OddOneOutImagesSection as u,PromptImage as p,StoryImagesSection as b}from"./ReviewSpeakingMedia";import{AI_PANEL_QUESTION_TYPES as h,LISTENING_AUDIO_BAR_QUESTION_TYPES as g,NO_RECORDING_QUESTION_TYPES as x,getAnswerStatus as f,getQuestionTypeLabel as N}from"./ReviewSpeakingRenderer.types";function y({question:t}){const a=f(t);return r("div",{className:i("rounded-lg border px-3 py-2 text-sm shadow-sm","correct"===a?"border-green-200 bg-green-50 text-green-700":"incorrect"===a?"border-red-200 bg-red-50 text-red-700":"border-blue-200 bg-blue-50 text-blue-700"),children:[e("p",{className:"text-[11px] font-semibold uppercase tracking-wide opacity-80",children:"Score"}),r("div",{className:"mt-1 flex items-baseline gap-1",children:[e("span",{className:"text-xl font-bold leading-none",children:t.score??"—"}),r("span",{className:"text-xs font-medium opacity-80",children:["/ ",t.maxScore]})]})]})}function w({status:r}){return e("div","correct"===r?{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})}:"incorrect"===r?{className:"flex h-6 w-6 items-center justify-center rounded-full bg-red-500",children:e(l,{className:"h-4 w-4 text-white",strokeWidth:3})}:{className:"flex h-6 w-6 items-center justify-center rounded-full bg-blue-500",children:e(t,{className:"h-4 w-4 text-white",strokeWidth:3})})}function v({question:t}){return r("div",{className:"space-y-3",children:[e(d,{question:t}),t.expectedAnswers.length>0?r("div",{className:"rounded-lg border border-blue-100 bg-blue-50 p-3",children:[e("p",{className:"mb-2 text-xs font-semibold uppercase tracking-wide text-blue-700",children:"Expected answer"}),e("div",{className:"flex flex-wrap gap-2",children:t.expectedAnswers.map(r=>e("span",{className:"rounded-full border border-blue-200 bg-white px-3 py-1 text-sm font-medium text-blue-700",children:r},r))})]}):null,t.wordErrors.length>0?r("div",{className:"rounded-lg border border-amber-100 bg-amber-50 p-3",children:[e("p",{className:"mb-2 text-xs font-semibold uppercase tracking-wide text-amber-700",children:"Pronunciation notes"}),e("div",{className:"flex flex-wrap gap-2",children:t.wordErrors.map((e,t)=>r("span",{className:"rounded-full border border-amber-200 bg-white px-3 py-1 text-sm text-amber-800",children:[e.word,e.errorType?` · ${e.errorType}`:"","number"==typeof e.accuracyScore?` · ${e.accuracyScore}%`:""]},`${e.word}-${t}`))})]}):null]})}function I({label:t,value:a}){const s=a??0;return r("div",{className:"rounded-lg border border-gray-100 bg-white px-3 py-2 shadow-sm",children:[r("div",{className:"mb-1 flex items-center justify-between gap-3",children:[e("p",{className:"text-sm font-medium text-gray-700",children:t}),e("p",{className:"text-sm font-semibold text-emerald-600",children:null!=a?`${a}%`:"—"})]}),e("div",{className:"h-2 overflow-hidden rounded-full bg-emerald-100",children:e("div",{className:"h-full rounded-full bg-emerald-500 transition-all",style:{width:`${Math.max(0,Math.min(100,s))}%`}})})]})}function _({question:t}){return r("div",{className:"grid gap-3 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]",children:[r("div",{className:"rounded-xl border border-slate-200 bg-white p-4 shadow-sm",children:[e("div",{className:"mb-3 flex items-center gap-2",children:e("p",{className:"text-sm font-semibold text-slate-800",children:"Phân tích AI"})}),r("div",{className:"space-y-2.5",children:[e(I,{label:"Pronunciation",value:t.pronunciationScore}),e(I,{label:"Accuracy",value:t.accuracyScore}),e(I,{label:"Fluency",value:t.fluencyScore}),e(I,{label:"Prosody",value:t.prosodyScore}),e(I,{label:"Completeness",value:t.completenessScore}),e(I,{label:"Content",value:t.contentScore})]}),t.classificationTag?r("div",{className:"mt-3 rounded-lg border border-emerald-100 bg-emerald-50 px-3 py-2",children:[e("p",{className:"text-xs font-semibold uppercase tracking-wide text-emerald-700",children:"Speaking level"}),e("p",{className:"mt-1 text-sm font-medium text-emerald-700",children:t.classificationTag})]}):null]}),r("div",{className:"rounded-xl border border-sky-200 bg-white p-4 shadow-sm",children:[e("p",{className:"mb-3 text-sm font-semibold text-slate-800",children:"Phản hồi AI"}),r("div",{className:"space-y-3",children:[r("div",{className:"rounded-lg border border-slate-200 bg-slate-50 p-3",children:[e("p",{className:"mb-1 text-xs font-semibold uppercase tracking-wide text-slate-500",children:"Recognized text"}),e("p",{className:"text-sm leading-6 text-slate-700",children:t.recognizedText||"Chưa có transcript từ hệ thống."})]}),r("div",{className:"rounded-lg border border-sky-100 bg-sky-50 p-3",children:[e("p",{className:"mb-1 text-xs font-semibold uppercase tracking-wide text-sky-700",children:"Feedback"}),e("p",{className:"text-sm leading-6 text-slate-700",children:t.feedbackEn||"Chưa có nhận xét chi tiết từ hệ thống."})]}),t.expectedAnswers.length>0?r("div",{className:"rounded-lg border border-blue-100 bg-blue-50 p-3",children:[e("p",{className:"mb-2 text-xs font-semibold uppercase tracking-wide text-blue-700",children:"Expected answer"}),e("div",{className:"flex flex-wrap gap-2",children:t.expectedAnswers.map(r=>e("span",{className:"rounded-full border border-blue-200 bg-white px-3 py-1 text-sm font-medium text-blue-700",children:r},r))})]}):null,t.wordErrors.length>0?r("div",{className:"rounded-lg border border-amber-100 bg-amber-50 p-3",children:[e("p",{className:"mb-2 text-xs font-semibold uppercase tracking-wide text-amber-700",children:"Pronunciation notes"}),e("div",{className:"flex flex-wrap gap-2",children:t.wordErrors.map((e,t)=>r("span",{className:"rounded-full border border-amber-200 bg-white px-3 py-1 text-sm text-amber-800",children:[e.word,e.errorType?` · ${e.errorType}`:"","number"==typeof e.accuracyScore?` · ${e.accuracyScore}%`:""]},`${e.word}-${t}`))})]}):null]})]})]})}export function ReviewSpeakingQuestionItem({question:t,hidePerQuestionGrading:l=!1}){const i=f(t),d=h.has(t.questionType),I=x.has(t.questionType);return r("div",{className:"rounded-2xl border border-slate-200 bg-white p-4 shadow-[0_8px_24px_rgba(15,23,42,0.06)]",children:[r("div",{className:"mb-4 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:t.questionNumber}),r("div",{className:"min-w-0 flex-1",children:[r("div",{className:"mb-2 flex flex-wrap items-center gap-2",children:[e(n,{variant:"secondary",className:"bg-slate-100 text-slate-700 hover:bg-slate-100",children:N(t.questionType)}),!l&&t.classificationTitle?e(n,{variant:"outline",className:"border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-50",children:t.classificationTitle}):null,!l&&e(w,{status:i})]}),t.promptText?"SPEAKING_CUE_CARD"===t.questionType?e("div",{className:"prose prose-sm max-w-none text-slate-800 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_li]:my-0.5 [&_p]:my-1",dangerouslySetInnerHTML:{__html:t.promptText}}):e("p",{className:"whitespace-pre-line text-base font-semibold leading-relaxed text-slate-800",children:t.promptText}):null]}),!l&&e(y,{question:t})]}),r("div",{className:"space-y-3",children:[t.promptAudioKey?e(c,{title:"Question audio",subtitle:"Nghe lại âm thanh câu hỏi",icon:e(s,{className:"h-4 w-4"}),audioKey:t.promptAudioKey,emptyMessage:"Không có audio câu hỏi cho mục này.",useListeningBar:g.has(t.questionType)}):null,!I&&e(c,{title:"Student recording",subtitle:"Phát lại câu trả lời đã nộp",icon:e(a,{className:"h-4 w-4"}),audioKey:t.studentAudioKey,emptyMessage:"Học sinh không gửi câu trả lời ghi âm cho câu hỏi này.",useListeningBar:g.has(t.questionType)}),"LISTEN_AND_SPEAK_COMPARE_IMAGES"===t.questionType&&t.compareImages?e(o,{candidateImageUrl:t.compareImages.candidateImageUrl,examinerImageUrl:t.compareImages.examinerImageUrl}):"LISTEN_AND_SPEAK_WITH_STORY_IMAGES"===t.questionType&&t.storyImages?e(b,{images:t.storyImages}):"LISTEN_AND_SPEAK_INFO_EXCHANGE"===t.questionType&&t.infoExchange?e(m,{data:t.infoExchange}):"LISTEN_AND_SPEAK_ODD_ONE_OUT"===t.questionType&&t.oddOneOutImages?e(u,{groupImages:t.oddOneOutImages.groupImages,contentImages:t.oddOneOutImages.contentImages,activeId:t.oddOneOutImages.activeId}):t.promptImageKey?e(p,{imageKey:t.promptImageKey,alt:`Question ${t.questionNumber}`}):null,l?null:e(d?v:_,{question:t})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Mic, Volume2, X } from 'lucide-react';
+import { Badge } from '../../../components/ui/badge';
+import { cn } from '../../../shared/lib/utils';
+import { ReviewSpeakingAIPanel } from './ReviewSpeakingAIPanel';
+import { AudioSection, CompareImagesSection, InfoExchangeSection, OddOneOutImagesSection, PromptImage, StoryImagesSection, } from './ReviewSpeakingMedia';
+import { AI_PANEL_QUESTION_TYPES, LISTENING_AUDIO_BAR_QUESTION_TYPES, NO_RECORDING_QUESTION_TYPES, getAnswerStatus, getQuestionTypeLabel, } from './ReviewSpeakingRenderer.types';
+function ScorePill({ question }) {
+    const status = getAnswerStatus(question);
+    const tone = status === 'correct'
+        ? 'border-green-200 bg-green-50 text-green-700'
+        : status === 'incorrect'
+            ? 'border-red-200 bg-red-50 text-red-700'
+            : 'border-blue-200 bg-blue-50 text-blue-700';
+    return (_jsxs("div", { className: cn('rounded-lg border px-3 py-2 text-sm shadow-sm', tone), children: [_jsx("p", { className: "text-[11px] font-semibold uppercase tracking-wide opacity-80", children: "Score" }), _jsxs("div", { className: "mt-1 flex items-baseline gap-1", children: [_jsx("span", { className: "text-xl font-bold leading-none", children: question.score ?? '—' }), _jsxs("span", { className: "text-xs font-medium opacity-80", children: ["/ ", question.maxScore] })] })] }));
+}
+function StatusIcon({ status }) {
+    if (status === 'correct') {
+        return (_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-green-500", children: _jsx(Check, { className: "h-4 w-4 text-white", strokeWidth: 3 }) }));
+    }
+    if (status === 'incorrect') {
+        return (_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-red-500", children: _jsx(X, { className: "h-4 w-4 text-white", strokeWidth: 3 }) }));
+    }
+    return (_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-blue-500", children: _jsx(Check, { className: "h-4 w-4 text-white", strokeWidth: 3 }) }));
+}
+function ReviewSpeakingAIPanelWrapper({ question }) {
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx(ReviewSpeakingAIPanel, { question: question }), question.expectedAnswers.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-blue-100 bg-blue-50 p-3", children: [_jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-blue-700", children: "Expected answer" }), _jsx("div", { className: "flex flex-wrap gap-2", children: question.expectedAnswers.map((answer) => (_jsx("span", { className: "rounded-full border border-blue-200 bg-white px-3 py-1 text-sm font-medium text-blue-700", children: answer }, answer))) })] })) : null, question.wordErrors.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-amber-100 bg-amber-50 p-3", children: [_jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-amber-700", children: "Pronunciation notes" }), _jsx("div", { className: "flex flex-wrap gap-2", children: question.wordErrors.map((error, index) => (_jsxs("span", { className: "rounded-full border border-amber-200 bg-white px-3 py-1 text-sm text-amber-800", children: [error.word, error.errorType ? ` · ${error.errorType}` : '', typeof error.accuracyScore === 'number' ? ` · ${error.accuracyScore}%` : ''] }, `${error.word}-${index}`))) })] })) : null] }));
+}
+function LegacyMetricChip({ label, value }) {
+    const safeValue = value ?? 0;
+    return (_jsxs("div", { className: "rounded-lg border border-gray-100 bg-white px-3 py-2 shadow-sm", children: [_jsxs("div", { className: "mb-1 flex items-center justify-between gap-3", children: [_jsx("p", { className: "text-sm font-medium text-gray-700", children: label }), _jsx("p", { className: "text-sm font-semibold text-emerald-600", children: value != null ? `${value}%` : '—' })] }), _jsx("div", { className: "h-2 overflow-hidden rounded-full bg-emerald-100", children: _jsx("div", { className: "h-full rounded-full bg-emerald-500 transition-all", style: { width: `${Math.max(0, Math.min(100, safeValue))}%` } }) })] }));
+}
+function LegacyAIReviewBlock({ question }) {
+    return (_jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]", children: [_jsxs("div", { className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm", children: [_jsx("div", { className: "mb-3 flex items-center gap-2", children: _jsx("p", { className: "text-sm font-semibold text-slate-800", children: "Ph\u00E2n t\u00EDch AI" }) }), _jsxs("div", { className: "space-y-2.5", children: [_jsx(LegacyMetricChip, { label: "Pronunciation", value: question.pronunciationScore }), _jsx(LegacyMetricChip, { label: "Accuracy", value: question.accuracyScore }), _jsx(LegacyMetricChip, { label: "Fluency", value: question.fluencyScore }), _jsx(LegacyMetricChip, { label: "Prosody", value: question.prosodyScore }), _jsx(LegacyMetricChip, { label: "Completeness", value: question.completenessScore }), _jsx(LegacyMetricChip, { label: "Content", value: question.contentScore })] }), question.classificationTag ? (_jsxs("div", { className: "mt-3 rounded-lg border border-emerald-100 bg-emerald-50 px-3 py-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-emerald-700", children: "Speaking level" }), _jsx("p", { className: "mt-1 text-sm font-medium text-emerald-700", children: question.classificationTag })] })) : null] }), _jsxs("div", { className: "rounded-xl border border-sky-200 bg-white p-4 shadow-sm", children: [_jsx("p", { className: "mb-3 text-sm font-semibold text-slate-800", children: "Ph\u1EA3n h\u1ED3i AI" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-lg border border-slate-200 bg-slate-50 p-3", children: [_jsx("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-slate-500", children: "Recognized text" }), _jsx("p", { className: "text-sm leading-6 text-slate-700", children: question.recognizedText || 'Chưa có transcript từ hệ thống.' })] }), _jsxs("div", { className: "rounded-lg border border-sky-100 bg-sky-50 p-3", children: [_jsx("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-sky-700", children: "Feedback" }), _jsx("p", { className: "text-sm leading-6 text-slate-700", children: question.feedbackEn || 'Chưa có nhận xét chi tiết từ hệ thống.' })] }), question.expectedAnswers.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-blue-100 bg-blue-50 p-3", children: [_jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-blue-700", children: "Expected answer" }), _jsx("div", { className: "flex flex-wrap gap-2", children: question.expectedAnswers.map((answer) => (_jsx("span", { className: "rounded-full border border-blue-200 bg-white px-3 py-1 text-sm font-medium text-blue-700", children: answer }, answer))) })] })) : null, question.wordErrors.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-amber-100 bg-amber-50 p-3", children: [_jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-amber-700", children: "Pronunciation notes" }), _jsx("div", { className: "flex flex-wrap gap-2", children: question.wordErrors.map((error, index) => (_jsxs("span", { className: "rounded-full border border-amber-200 bg-white px-3 py-1 text-sm text-amber-800", children: [error.word, error.errorType ? ` · ${error.errorType}` : '', typeof error.accuracyScore === 'number' ? ` · ${error.accuracyScore}%` : ''] }, `${error.word}-${index}`))) })] })) : null] })] })] }));
+}
+export function ReviewSpeakingQuestionItem({ question, hidePerQuestionGrading = false, }) {
+    const status = getAnswerStatus(question);
+    const useAIPanel = AI_PANEL_QUESTION_TYPES.has(question.questionType);
+    const hideRecording = NO_RECORDING_QUESTION_TYPES.has(question.questionType);
+    return (_jsxs("div", { className: "rounded-2xl border border-slate-200 bg-white p-4 shadow-[0_8px_24px_rgba(15,23,42,0.06)]", children: [_jsxs("div", { className: "mb-4 flex items-start gap-3", children: [_jsx("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: question.questionNumber }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: "secondary", className: "bg-slate-100 text-slate-700 hover:bg-slate-100", children: getQuestionTypeLabel(question.questionType) }), !hidePerQuestionGrading && question.classificationTitle ? (_jsx(Badge, { variant: "outline", className: "border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-50", children: question.classificationTitle })) : null, !hidePerQuestionGrading && _jsx(StatusIcon, { status: status })] }), question.promptText ? (question.questionType === 'SPEAKING_CUE_CARD' ? (_jsx("div", { className: "prose prose-sm max-w-none text-slate-800 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_li]:my-0.5 [&_p]:my-1", dangerouslySetInnerHTML: { __html: question.promptText } })) : (_jsx("p", { className: "whitespace-pre-line text-base font-semibold leading-relaxed text-slate-800", children: question.promptText }))) : null] }), !hidePerQuestionGrading && _jsx(ScorePill, { question: question })] }), _jsxs("div", { className: "space-y-3", children: [question.promptAudioKey ? (_jsx(AudioSection, { title: "Question audio", subtitle: "Nghe l\u1EA1i \u00E2m thanh c\u00E2u h\u1ECFi", icon: _jsx(Volume2, { className: "h-4 w-4" }), audioKey: question.promptAudioKey, emptyMessage: "Kh\u00F4ng c\u00F3 audio c\u00E2u h\u1ECFi cho m\u1EE5c n\u00E0y.", useListeningBar: LISTENING_AUDIO_BAR_QUESTION_TYPES.has(question.questionType) })) : null, !hideRecording && (_jsx(AudioSection, { title: "Student recording", subtitle: "Ph\u00E1t l\u1EA1i c\u00E2u tr\u1EA3 l\u1EDDi \u0111\u00E3 n\u1ED9p", icon: _jsx(Mic, { className: "h-4 w-4" }), audioKey: question.studentAudioKey, emptyMessage: "H\u1ECDc sinh kh\u00F4ng g\u1EEDi c\u00E2u tr\u1EA3 l\u1EDDi ghi \u00E2m cho c\u00E2u h\u1ECFi n\u00E0y.", useListeningBar: LISTENING_AUDIO_BAR_QUESTION_TYPES.has(question.questionType) })), question.questionType === 'LISTEN_AND_SPEAK_COMPARE_IMAGES' && question.compareImages ? (_jsx(CompareImagesSection, { candidateImageUrl: question.compareImages.candidateImageUrl, examinerImageUrl: question.compareImages.examinerImageUrl })) : question.questionType === 'LISTEN_AND_SPEAK_WITH_STORY_IMAGES' && question.storyImages ? (_jsx(StoryImagesSection, { images: question.storyImages })) : question.questionType === 'LISTEN_AND_SPEAK_INFO_EXCHANGE' && question.infoExchange ? (_jsx(InfoExchangeSection, { data: question.infoExchange })) : question.questionType === 'LISTEN_AND_SPEAK_ODD_ONE_OUT' && question.oddOneOutImages ? (_jsx(OddOneOutImagesSection, { groupImages: question.oddOneOutImages.groupImages, contentImages: question.oddOneOutImages.contentImages, activeId: question.oddOneOutImages.activeId })) : question.promptImageKey ? (_jsx(PromptImage, { imageKey: question.promptImageKey, alt: `Question ${question.questionNumber}` })) : null, hidePerQuestionGrading ? null : useAIPanel ? (_jsx(ReviewSpeakingAIPanelWrapper, { question: question })) : (_jsx(LegacyAIReviewBlock, { question: question }))] })] }));
+}

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

@@ -1 +1,12 @@
-"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import r from"../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner";import n from"../../../components/themes/cambridge-yle/CambridgeYlePartBanner";import{ReviewSpeakingQuestionItem as t}from"./ReviewSpeakingQuestionItem";export function ReviewSpeakingRenderer({partNumber:s,partName:o,instruction:a,questions:m,hidePerQuestionGrading:u=!1}){return i("div",{className:"flex flex-col gap-4 pt-6",children:[e(n,{partNumber:s,questionCount:m.length,partName:o,isReviewMode:!0}),e(r,{instruction:a||"Listen and review your speaking answers.",isReviewMode:!0}),m.map(i=>e(t,{question:i,hidePerQuestionGrading:u},i.questionId))]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ReviewSpeakingRenderer - speaking question review UI.
+ * Source: oe-exam-fe ReviewSpeakingRenderer.tsx (split under 500 lines).
+ */
+import CambridgeYleInstructionBanner from '../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner';
+import CambridgeYlePartBanner from '../../../components/themes/cambridge-yle/CambridgeYlePartBanner';
+import { ReviewSpeakingQuestionItem } from './ReviewSpeakingQuestionItem';
+export function ReviewSpeakingRenderer({ partNumber, partName, instruction, questions, hidePerQuestionGrading = false, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-4 pt-6", children: [_jsx(CambridgeYlePartBanner, { partNumber: partNumber, questionCount: questions.length, partName: partName, isReviewMode: true }), _jsx(CambridgeYleInstructionBanner, { instruction: instruction || 'Listen and review your speaking answers.', isReviewMode: true }), questions.map((question) => (_jsx(ReviewSpeakingQuestionItem, { question: question, hidePerQuestionGrading: hidePerQuestionGrading }, question.questionId)))] }));
+}

package/dist/components/results/renderers/ReviewSpeakingRenderer.types.js

@@ -1 +1,85 @@
-export const LISTENING_AUDIO_BAR_QUESTION_TYPES=new Set(["LISTEN_AND_SPEAK_QUESTION_LIST","LISTEN_AND_SPEAK_IMAGE_GROUP","LISTEN_AND_SPEAK_ANSWER","LISTEN_AND_SPEAK_COMPARE_IMAGES","LISTEN_AND_SPEAK_WITH_STORY_IMAGES","LISTEN_AND_SPEAK_INFO_EXCHANGE","LISTEN_AND_SPEAK_ODD_ONE_OUT"]);export const AI_PANEL_QUESTION_TYPES=new Set(["READ_DISPLAYED_CONTENT","SPEAKING_DESCRIBE_IMAGE","SPEAKING_CUE_CARD","SPONTANEOUS_QA","LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE","LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP","LISTEN_AND_DRAG_OBJECTS_INTO_SCENE","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 const NO_RECORDING_QUESTION_TYPES=new Set(["LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE","LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP","LISTEN_AND_DRAG_OBJECTS_INTO_SCENE"]);export function getQuestionTypeLabel(_){switch(_){case"READ_DISPLAYED_CONTENT":return"Read aloud";case"SPEAKING_DESCRIBE_IMAGE":return"Describe image";case"SPEAKING_CUE_CARD":return"Cue card";case"SPONTANEOUS_QA":return"Q&A";case"LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE":return"Choose object";case"LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP":return"Choose answer";case"LISTEN_AND_DRAG_OBJECTS_INTO_SCENE":return"Drag object";case"LISTEN_AND_SPEAK_ANSWER":return"Speak answer";case"LISTEN_AND_SPEAK_IMAGE_GROUP":return"Speak image";case"LISTEN_AND_SPEAK_QUESTION_LIST":return"Question list";case"LISTEN_AND_SPEAK_COMPARE_IMAGES":return"Compare images";case"LISTEN_AND_SPEAK_WITH_STORY_IMAGES":return"Story images";case"LISTEN_AND_SPEAK_INFO_EXCHANGE":return"Info exchange";case"LISTEN_AND_SPEAK_ODD_ONE_OUT":return"Odd one out";default:return _.replaceAll("_"," ")}}export function getAnswerStatus(_){return _.studentAudioKey?!0===_.isCorrect?"correct":!1===_.isCorrect?"incorrect":"unanswered":"unanswered"}
+/**
+ * Shared types for speaking review renderers.
+ * Source: oe-exam-fe ReviewSpeakingRenderer.tsx
+ */
+/** Question types where the question audio uses the compact listening audio bar. */
+export const LISTENING_AUDIO_BAR_QUESTION_TYPES = new Set([
+    'SPONTANEOUS_QA_GROUP',
+    'LISTEN_AND_SPEAK_QUESTION_LIST',
+    'LISTEN_AND_SPEAK_IMAGE_GROUP',
+    'LISTEN_AND_SPEAK_ANSWER',
+    'LISTEN_AND_SPEAK_COMPARE_IMAGES',
+    'LISTEN_AND_SPEAK_WITH_STORY_IMAGES',
+    'LISTEN_AND_SPEAK_INFO_EXCHANGE',
+    'LISTEN_AND_SPEAK_ODD_ONE_OUT',
+]);
+/** Question types that receive the redesigned AI review panel. */
+export const AI_PANEL_QUESTION_TYPES = new Set([
+    'READ_DISPLAYED_CONTENT',
+    'SPEAKING_DESCRIBE_IMAGE',
+    'SPEAKING_CUE_CARD',
+    'SPONTANEOUS_QA',
+    'SPONTANEOUS_QA_GROUP',
+    'LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE',
+    'LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP',
+    'LISTEN_AND_DRAG_OBJECTS_INTO_SCENE',
+    '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',
+]);
+/** Question types where the student selects an answer (no audio recording). */
+export const NO_RECORDING_QUESTION_TYPES = new Set([
+    'LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE',
+    'LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP',
+    'LISTEN_AND_DRAG_OBJECTS_INTO_SCENE',
+]);
+export function getQuestionTypeLabel(questionType) {
+    switch (questionType) {
+        case 'READ_DISPLAYED_CONTENT':
+            return 'Read aloud';
+        case 'SPEAKING_DESCRIBE_IMAGE':
+            return 'Describe image';
+        case 'SPEAKING_CUE_CARD':
+            return 'Cue card';
+        case 'SPONTANEOUS_QA':
+            return 'Q&A';
+        case 'SPONTANEOUS_QA_GROUP':
+            return 'Q&A group';
+        case 'LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE':
+            return 'Choose object';
+        case 'LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP':
+            return 'Choose answer';
+        case 'LISTEN_AND_DRAG_OBJECTS_INTO_SCENE':
+            return 'Drag object';
+        case 'LISTEN_AND_SPEAK_ANSWER':
+            return 'Speak answer';
+        case 'LISTEN_AND_SPEAK_IMAGE_GROUP':
+            return 'Speak image';
+        case 'LISTEN_AND_SPEAK_QUESTION_LIST':
+            return 'Question list';
+        case 'LISTEN_AND_SPEAK_COMPARE_IMAGES':
+            return 'Compare images';
+        case 'LISTEN_AND_SPEAK_WITH_STORY_IMAGES':
+            return 'Story images';
+        case 'LISTEN_AND_SPEAK_INFO_EXCHANGE':
+            return 'Info exchange';
+        case 'LISTEN_AND_SPEAK_ODD_ONE_OUT':
+            return 'Odd one out';
+        default:
+            return questionType.replaceAll('_', ' ');
+    }
+}
+export function getAnswerStatus(question) {
+    if (!question.studentAudioKey) {
+        return 'unanswered';
+    }
+    if (question.isCorrect === true)
+        return 'correct';
+    if (question.isCorrect === false)
+        return 'incorrect';
+    return 'unanswered';
+}

package/dist/components/results/renderers/review-question-body-dedicated.js

@@ -1 +1,104 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{transformChooseCorrectAdjective as r,transformChooseCorrectAnswer as t,transformChooseTheCorrectAnswerGroup as n,transformColorObjects as s,transformFillInBlank as i,transformWriteCorrectVerbForm as o}from"../../../components/exams/take/utils/question-transformers";import{normalizeColoringAssignments as a}from"../../../components/exams/take/utils/coloring-assignments";import{ReviewChooseAdjectiveRenderer as u}from"./ReviewChooseAdjectiveRenderer";import{ReviewChooseBestAnswerRenderer as c}from"./ReviewChooseBestAnswerRenderer";import{ReviewColoringRenderer as m}from"./ReviewColoringRenderer";import{ReviewListenAndWriteRenderer as p}from"./ReviewListenAndWriteRenderer";import{ReviewListenChooseAnswerGroupRenderer as _}from"./ReviewListenChooseAnswerGroupRenderer";import{ReviewListenChooseObjectsRenderer as N}from"./ReviewListenChooseObjectsRenderer";import{ReviewListenDragObjectsRenderer as E}from"./ReviewListenDragObjectsRenderer";import{ReviewSpeakingRenderer as A}from"./ReviewSpeakingRenderer";import{mapSpeakingReviewItems as C}from"./review-speaking-map";export function renderDedicatedReviewBody(R){const{part:l,answers:O,isCorrectMap:I,correctAnswerTextMap:d,correctOptionIdMap:T,rawCorrectAnswerMap:w,questionScoreMap:M,hidePerQuestionGrading:q}=R,{partNo:g,questionType:U,questions:D}=l,L=D.length,x=D;switch(U){case"FILL_IN_BLANK":{const r=i(x);return e(p,{partNumber:g,questionCount:L,partName:l.name,instruction:l.instructions||r.instruction,title:r.title,imageUrl:r.imageUrl,audioUrl:r.audioUrl,exampleText:r.exampleText,exampleHighlight:r.exampleHighlight,questions:r.questions,answers:O,isCorrectMap:I,correctAnswerTextMap:d})}case"WRITE_CORRECT_VERB_FORM":{const r=o(x);return e(p,{partNumber:g,questionCount:L,partName:l.name,instruction:l.instructions||r.instruction,title:r.title,questions:r.questions,answers:O,isCorrectMap:I,correctAnswerTextMap:d})}case"CHOOSE_THE_CORRECT_ANSWER":{const r=t(x);return e(c,{partNumber:g,questionCount:L,partName:l.name,instruction:l.instructions||r.instruction,imageUrl:r.groupImageUrl,audioUrl:r.audioUrl||l.audioUrl,groupContent:r.groupContent,articles:r.articles,questions:r.questions,answers:O,isCorrectMap:I,correctOptionIdMap:T,example:r.example})}case"CHOOSE_THE_CORRECT_ANSWER_GROUP":{const r=n(x);return e(c,{partNumber:g,questionCount:L,partName:l.name,instruction:l.instructions||r.instruction,questions:r.questions,answers:O,isCorrectMap:I,correctOptionIdMap:T,example:r.example})}case"CHOOSE_CORRECT_ADJECTIVE":{const t=r(x);return e(u,{partNumber:g,questionCount:L,partName:l.name,instruction:l.instructions||t.instruction,questions:t.questions,answers:O,isCorrectMap:I,correctOptionIdMap:T})}case"READ_AND_COLOR_OBJECTS":{const r=s(x),t=O,n=D[0],i=n?S(w[n.id]).answers:{};return e(m,{partNumber:g,questionCount:L,instructions:r.instructions,instruction:l.instructions||r.instruction,partName:l.name,imageUrl:r.imageUrl,audioUrl:r.audioUrl,hintItems:r.hintItems,regions:r.regions,assignments:t,correctAnswers:i||{}})}case"IMAGE_OBJECT_MATCHING":{const r=s(x),t=a(O,r.hintItems),n=D[0],i=n?S(w[n.id]).answers:{};return e(m,{partNumber:g,questionCount:L,instructions:r.instructions,instruction:l.instructions||r.instruction,partName:l.name,imageUrl:r.imageUrl,audioUrl:r.audioUrl||l.audioUrl,hintItems:r.hintItems,regions:r.regions,assignments:t,correctAnswers:i||{}})}case"LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE":return e(N,{partNumber:g,questionCount:L,partName:l.name,questions:D,studentAnswers:O,rawCorrectAnswerMap:w,isCorrectMap:I,questionScoreMap:M});case"LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP":return e(_,{partNumber:g,questionCount:L,partName:l.name,questions:D,studentAnswers:O,rawCorrectAnswerMap:w,isCorrectMap:I,questionScoreMap:M});case"LISTEN_AND_DRAG_OBJECTS_INTO_SCENE":return e(E,{partNumber:g,questionCount:L,partName:l.name,questions:D,studentAnswers:O,rawCorrectAnswerMap:w,isCorrectMap:I,questionScoreMap:M});case"READ_DISPLAYED_CONTENT":case"SPEAKING_DESCRIBE_IMAGE":case"SPEAKING_CUE_CARD":case"SPONTANEOUS_QA":case"LISTEN_AND_SPEAK_ANSWER":case"LISTEN_AND_SPEAK_IMAGE_GROUP":case"LISTEN_AND_SPEAK_QUESTION_LIST":case"LISTEN_AND_SPEAK_COMPARE_IMAGES":case"LISTEN_AND_SPEAK_WITH_STORY_IMAGES":case"LISTEN_AND_SPEAK_INFO_EXCHANGE":case"LISTEN_AND_SPEAK_ODD_ONE_OUT":{const r=C(D,U,O,I);return e(A,{partNumber:g,partName:l.name,questions:r,hidePerQuestionGrading:q})}default:return null}}function S(e){return e&&"object"==typeof e&&!Array.isArray(e)?e:{}}
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Dedicated review renderer cases for ReviewQuestionRenderer.
+ * Source: oe-exam-fe ReviewQuestionRenderer.tsx
+ */
+import { transformChooseCorrectAdjective, transformChooseCorrectAnswer, transformChooseTheCorrectAnswerGroup, transformColorObjects, transformFillInBlank, transformWriteCorrectVerbForm, } from '../../../components/exams/take/utils/question-transformers';
+import { normalizeColoringAssignments } from '../../../components/exams/take/utils/coloring-assignments';
+import { ReviewChooseAdjectiveRenderer } from './ReviewChooseAdjectiveRenderer';
+import { ReviewChooseBestAnswerRenderer } from './ReviewChooseBestAnswerRenderer';
+import { ReviewColoringRenderer } from './ReviewColoringRenderer';
+import { ReviewListenAndWriteRenderer } from './ReviewListenAndWriteRenderer';
+import { ReviewListenChooseAnswerGroupRenderer } from './ReviewListenChooseAnswerGroupRenderer';
+import { ReviewListenChooseObjectsRenderer } from './ReviewListenChooseObjectsRenderer';
+import { ReviewListenDragObjectsRenderer } from './ReviewListenDragObjectsRenderer';
+import { ReviewSpeakingRenderer } from './ReviewSpeakingRenderer';
+import { mapSpeakingReviewItems } from './review-speaking-map';
+import { getSpontaneousQaGroupInstruction, mapSpontaneousQaGroupReviewItems, } from './review-spontaneous-qa-group';
+function asApiQuestions(questions) {
+    return questions;
+}
+export function renderDedicatedReviewBody(ctx) {
+    const { part, answers, isCorrectMap, correctAnswerTextMap, correctOptionIdMap, rawCorrectAnswerMap, questionScoreMap, hidePerQuestionGrading, } = ctx;
+    const { partNo, questionType, questions } = part;
+    const questionCount = questions.length;
+    const apiQuestions = asApiQuestions(questions);
+    switch (questionType) {
+        case 'FILL_IN_BLANK': {
+            const data = transformFillInBlank(apiQuestions);
+            return (_jsx(ReviewListenAndWriteRenderer, { partNumber: partNo, questionCount: questionCount, partName: part.name, instruction: part.instructions || data.instruction, title: data.title, imageUrl: data.imageUrl, audioUrl: data.audioUrl, exampleText: data.exampleText, exampleHighlight: data.exampleHighlight, questions: data.questions, answers: answers, isCorrectMap: isCorrectMap, correctAnswerTextMap: correctAnswerTextMap }));
+        }
+        case 'WRITE_CORRECT_VERB_FORM': {
+            const data = transformWriteCorrectVerbForm(apiQuestions);
+            return (_jsx(ReviewListenAndWriteRenderer, { partNumber: partNo, questionCount: questionCount, partName: part.name, instruction: part.instructions || data.instruction, title: data.title, questions: data.questions, answers: answers, isCorrectMap: isCorrectMap, correctAnswerTextMap: correctAnswerTextMap }));
+        }
+        case 'CHOOSE_THE_CORRECT_ANSWER': {
+            const data = transformChooseCorrectAnswer(apiQuestions);
+            return (_jsx(ReviewChooseBestAnswerRenderer, { partNumber: partNo, questionCount: questionCount, partName: part.name, instruction: part.instructions || data.instruction, imageUrl: data.groupImageUrl, audioUrl: data.audioUrl || part.audioUrl, groupContent: data.groupContent, articles: data.articles, questions: data.questions, answers: answers, isCorrectMap: isCorrectMap, correctOptionIdMap: correctOptionIdMap, example: data.example }));
+        }
+        case 'CHOOSE_THE_CORRECT_ANSWER_GROUP': {
+            const data = transformChooseTheCorrectAnswerGroup(apiQuestions);
+            return (_jsx(ReviewChooseBestAnswerRenderer, { partNumber: partNo, questionCount: questionCount, partName: part.name, instruction: part.instructions || data.instruction, questions: data.questions, answers: answers, isCorrectMap: isCorrectMap, correctOptionIdMap: correctOptionIdMap, example: data.example }));
+        }
+        case 'CHOOSE_CORRECT_ADJECTIVE': {
+            const data = transformChooseCorrectAdjective(apiQuestions);
+            return (_jsx(ReviewChooseAdjectiveRenderer, { partNumber: partNo, questionCount: questionCount, partName: part.name, instruction: part.instructions || data.instruction, questions: data.questions, answers: answers, isCorrectMap: isCorrectMap, correctOptionIdMap: correctOptionIdMap }));
+        }
+        case 'READ_AND_COLOR_OBJECTS': {
+            const data = transformColorObjects(apiQuestions);
+            const assignments = answers;
+            const firstQuestion = questions[0];
+            const correctAnswers = firstQuestion
+                ? asRecord(rawCorrectAnswerMap[firstQuestion.id]).answers
+                : {};
+            return (_jsx(ReviewColoringRenderer, { partNumber: partNo, questionCount: questionCount, instructions: data.instructions, instruction: part.instructions || data.instruction, partName: part.name, imageUrl: data.imageUrl, audioUrl: data.audioUrl, hintItems: data.hintItems, regions: data.regions, assignments: assignments, correctAnswers: correctAnswers || {} }));
+        }
+        case 'IMAGE_OBJECT_MATCHING': {
+            const data = transformColorObjects(apiQuestions);
+            const assignments = normalizeColoringAssignments(answers, data.hintItems);
+            const firstQuestion = questions[0];
+            const correctAnswers = firstQuestion
+                ? asRecord(rawCorrectAnswerMap[firstQuestion.id]).answers
+                : {};
+            return (_jsx(ReviewColoringRenderer, { partNumber: partNo, questionCount: questionCount, instructions: data.instructions, instruction: part.instructions || data.instruction, partName: part.name, imageUrl: data.imageUrl, audioUrl: data.audioUrl || part.audioUrl, hintItems: data.hintItems, regions: data.regions, assignments: assignments, correctAnswers: correctAnswers || {} }));
+        }
+        case 'LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE': {
+            return (_jsx(ReviewListenChooseObjectsRenderer, { partNumber: partNo, questionCount: questionCount, partName: part.name, questions: questions, studentAnswers: answers, rawCorrectAnswerMap: rawCorrectAnswerMap, isCorrectMap: isCorrectMap, questionScoreMap: questionScoreMap }));
+        }
+        case 'LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP': {
+            return (_jsx(ReviewListenChooseAnswerGroupRenderer, { partNumber: partNo, questionCount: questionCount, partName: part.name, questions: questions, studentAnswers: answers, rawCorrectAnswerMap: rawCorrectAnswerMap, isCorrectMap: isCorrectMap, questionScoreMap: questionScoreMap }));
+        }
+        case 'LISTEN_AND_DRAG_OBJECTS_INTO_SCENE': {
+            return (_jsx(ReviewListenDragObjectsRenderer, { partNumber: partNo, questionCount: questionCount, partName: part.name, questions: questions, studentAnswers: answers, rawCorrectAnswerMap: rawCorrectAnswerMap, isCorrectMap: isCorrectMap, questionScoreMap: questionScoreMap }));
+        }
+        case 'SPONTANEOUS_QA_GROUP': {
+            const parent = questions[0];
+            if (!parent) {
+                return null;
+            }
+            return (_jsx(ReviewSpeakingRenderer, { partNumber: partNo, partName: part.name, instruction: getSpontaneousQaGroupInstruction(parent, part.instructions), questions: mapSpontaneousQaGroupReviewItems(parent, answers[parent.id]), hidePerQuestionGrading: hidePerQuestionGrading }));
+        }
+        case 'READ_DISPLAYED_CONTENT':
+        case 'SPEAKING_DESCRIBE_IMAGE':
+        case 'SPEAKING_CUE_CARD':
+        case 'SPONTANEOUS_QA':
+        case 'LISTEN_AND_SPEAK_ANSWER':
+        case 'LISTEN_AND_SPEAK_IMAGE_GROUP':
+        case 'LISTEN_AND_SPEAK_QUESTION_LIST':
+        case 'LISTEN_AND_SPEAK_COMPARE_IMAGES':
+        case 'LISTEN_AND_SPEAK_WITH_STORY_IMAGES':
+        case 'LISTEN_AND_SPEAK_INFO_EXCHANGE':
+        case 'LISTEN_AND_SPEAK_ODD_ONE_OUT': {
+            const speakingQuestions = mapSpeakingReviewItems(questions, questionType, answers, isCorrectMap);
+            return (_jsx(ReviewSpeakingRenderer, { partNumber: partNo, partName: part.name, questions: speakingQuestions, hidePerQuestionGrading: hidePerQuestionGrading }));
+        }
+        default:
+            return null;
+    }
+}
+function asRecord(value) {
+    return value && typeof value === 'object' && !Array.isArray(value)
+        ? value
+        : {};
+}