@tinyweb_dev/oe-exam-sdk 0.1.0

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

@@ -0,0 +1,447 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../components/ui/card';
+import { Input } from '../../../components/ui/input';
+import { Check, Volume2, X } from 'lucide-react';
+import { useRef, useState } from 'react';
+import { toast } from 'sonner';
+import { t } from '../../../shared/lib/i18n';
+import { ReadAndColorObjectsClient } from '../types/read-and-color-objects/ReadAndColorObjectsClient';
+import { ArrangeLettersIntoWordsClient } from '../types/arrange-letters-into-words/ArrangeLettersIntoWordsClient';
+import { WriteShortParagraphClient } from '../types/write-short-paragraph/WriteShortParagraphClient';
+import { LabelThePictureClient } from '../types/label-the-picture/LabelThePictureClient';
+import { LookPictureFillWordHintClient } from '../types/look-picture-fill-word-hint/LookPictureFillWordHintClient';
+import { ReadPassageAndAnswerQuestionsClient } from '../types/read-passage-and-answer-questions/ReadPassageAndAnswerQuestionsClient';
+import { ChooseTheCorrectAnswerClient } from '../types/choose-the-correct-answer/ChooseTheCorrectAnswerClient';
+import { WriteAShortLetterClient } from '../types/write-a-short-letter/WriteAShortLetterClient';
+import { LookPictureChooseCorrectAnswerClient } from '../types/look-picture-choose-correct-answer/LookPictureChooseCorrectAnswerClient';
+import { LookPictureFillBlankChooseAnswerClient } from '../types/look-picture-fill-blank-choose-answer/LookPictureFillBlankChooseAnswerClient';
+import { FillMissingWordsInGridClient } from '../types/fill-missing-words-in-grid/FillMissingWordsInGridClient';
+export function QuestionViewer({ question, onSubmitAnswer, isReviewMode = false, userAnswer, }) {
+    const [selectedAnswer, setSelectedAnswer] = useState(userAnswer || null);
+    const [playCount, setPlayCount] = useState(0);
+    const audioRef = useRef(null);
+    // State for TICK_TRUE_OR_FALSE / TICK_YES_OR_NO
+    const [tickCrossAnswers, setTickCrossAnswers] = useState(userAnswer || {});
+    // State for LISTEN_AND_FILL_IN_THE_BLANK_WITH_IMAGE
+    const answer = question.answer;
+    const [fillBlankAnswers, setFillBlankAnswers] = useState(userAnswer || Array(answer?.blanks?.length || 0).fill(''));
+    // State for LISTEN_AND_COLOR_OBJECTS (legacy - kept for compatibility but not used in new implementation)
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [colorAnswers, setColorAnswers] = useState(userAnswer || {});
+    // State for READ_PASSAGE_AND_COMPLETE_STORY
+    const [passageFillAnswers, setPassageFillAnswers] = useState(userAnswer || {});
+    // State for VIEW_IMAGE_AND_FILL_IN_THE_BLANK
+    const [viewImageFillAnswers, setViewImageFillAnswers] = useState(userAnswer || {});
+    const handleAudioPlay = () => {
+        const answer = question.answer;
+        const maxPlay = answer.maxPlayCount || 3;
+        if (playCount >= maxPlay) {
+            toast.warning(t('common.audio.maxPlayReached', { maxPlay: String(maxPlay) }));
+            return;
+        }
+        audioRef.current?.play();
+        setPlayCount(playCount + 1);
+    };
+    const handleSubmit = () => {
+        onSubmitAnswer?.(selectedAnswer);
+    };
+    ;
+    const renderListeningFillBlank = () => {
+        const answer = question.answer;
+        const { audioUrl, blanks } = answer;
+        return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-4 rounded-lg bg-blue-50 p-4", children: [_jsxs(Button, { onClick: handleAudioPlay, variant: "outline", className: "gap-2", children: [_jsx(Volume2, { className: "h-5 w-5" }), "Ph\u00E1t \u00E2m thanh (", playCount, "/", answer.maxPlayCount || 3, ")"] }), _jsx("audio", { ref: audioRef, src: audioUrl })] }), _jsx("div", { className: "space-y-3", children: blanks.map((_, idx) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "w-20 font-medium", children: ["Blank ", idx + 1, ":"] }), _jsx(Input, { value: fillBlankAnswers[idx], onChange: (e) => {
+                                    const newAnswers = [...fillBlankAnswers];
+                                    newAnswers[idx] = e.target.value;
+                                    setFillBlankAnswers(newAnswers);
+                                    setSelectedAnswer(newAnswers);
+                                }, placeholder: "Nh\u1EADp c\u00E2u tr\u1EA3 l\u1EDDi...", disabled: isReviewMode, className: isReviewMode
+                                    ? fillBlankAnswers[idx]?.toLowerCase() === blanks[idx]?.toLowerCase()
+                                        ? 'border-green-500 bg-green-50'
+                                        : 'border-red-500 bg-red-50'
+                                    : '' }), isReviewMode && (_jsxs("span", { className: "text-sm text-gray-600", children: ["\u0110\u00E1p \u00E1n: ", _jsx("strong", { children: blanks[idx] })] }))] }, idx))) })] }));
+    };
+    ;
+    ;
+    const renderReadingTickCross = () => {
+        const answer = question.answer;
+        const { statements } = answer;
+        return (_jsx("div", { className: "space-y-3", children: statements.map((statement) => (_jsx("div", { className: `rounded-lg border-2 p-4 ${isReviewMode && tickCrossAnswers[statement.id] === statement.isCorrect ? 'border-green-500 bg-green-50' : ''} ${isReviewMode && tickCrossAnswers[statement.id] !== statement.isCorrect ? 'border-red-500 bg-red-50' : 'border-gray-200'} `, children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsxs("div", { className: "mt-1 flex gap-2", children: [_jsx("button", { onClick: () => {
+                                        const newAnswers = { ...tickCrossAnswers, [statement.id]: true };
+                                        setTickCrossAnswers(newAnswers);
+                                        setSelectedAnswer(newAnswers);
+                                    }, disabled: isReviewMode, className: `flex h-8 w-8 items-center justify-center rounded border-2 ${tickCrossAnswers[statement.id] === true ? 'border-green-500 bg-green-500 text-white' : 'border-gray-300'} `, children: _jsx(Check, { className: "h-5 w-5" }) }), _jsx("button", { onClick: () => {
+                                        const newAnswers = { ...tickCrossAnswers, [statement.id]: false };
+                                        setTickCrossAnswers(newAnswers);
+                                        setSelectedAnswer(newAnswers);
+                                    }, disabled: isReviewMode, className: `flex h-8 w-8 items-center justify-center rounded border-2 ${tickCrossAnswers[statement.id] === false ? 'border-red-500 bg-red-500 text-white' : 'border-gray-300'} `, children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsx("p", { className: "flex-1", children: statement.text }), isReviewMode && (_jsx("span", { className: "text-sm font-medium", children: statement.isCorrect ? '✓ Đúng' : '✗ Sai' }))] }) }, statement.id))) }));
+    };
+    const renderReadingLetterArrange = () => {
+        const answer = question.answer;
+        const correctAnswer = question.correctAnswer || question.correct_answer;
+        // Merge correctWord from correct_answer into subQuestions
+        const subQuestions = (answer?.subQuestions || []).map((sq) => {
+            const correctWord = correctAnswer?.answers?.[sq.id] || sq.correctWord || '';
+            return {
+                ...sq,
+                correctWord,
+            };
+        });
+        const questionData = {
+            subQuestions,
+        };
+        return (_jsx(ArrangeLettersIntoWordsClient, { questionData: questionData, onSubmit: (answers) => {
+                setSelectedAnswer(answers);
+                onSubmitAnswer?.(answers);
+            }, isReviewMode: isReviewMode, userAnswer: userAnswer }));
+    };
+    const renderReadingPassageFill = () => {
+        const answer = question.answer;
+        const { passage, blanks } = answer;
+        // Split passage by placeholders
+        const parts = passage.split(/\{(\d+)\}/);
+        return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "prose max-w-none", children: _jsx("div", { className: "text-lg leading-relaxed", children: parts.map((part, idx) => {
+                        const blankIndex = parseInt(part);
+                        if (!isNaN(blankIndex)) {
+                            const blank = blanks.find((b) => b.index === blankIndex);
+                            return (_jsxs("span", { className: "mx-1 inline-flex items-center", children: [_jsx(Input, { value: passageFillAnswers[blankIndex] || '', onChange: (e) => {
+                                            const newAnswers = { ...passageFillAnswers, [blankIndex]: e.target.value };
+                                            setPassageFillAnswers(newAnswers);
+                                            setSelectedAnswer(newAnswers);
+                                        }, className: `inline-block h-8 w-32 text-center ${isReviewMode && passageFillAnswers[blankIndex] === blank?.correctAnswer
+                                            ? 'border-green-500 bg-green-50'
+                                            : ''} ${isReviewMode && passageFillAnswers[blankIndex] !== blank?.correctAnswer
+                                            ? 'border-red-500 bg-red-50'
+                                            : ''} `, disabled: isReviewMode }), isReviewMode && (_jsxs("span", { className: "ml-2 text-sm text-green-600", children: ["(", blank?.correctAnswer, ")"] }))] }, idx));
+                        }
+                        return _jsx("span", { children: part }, idx);
+                    }) }) }) }));
+    };
+    // Basic question type renderers
+    ;
+    const renderChooseTheCorrectAnswer = () => {
+        const answer = question.answer;
+        const { isGroup, questionGroup } = question;
+        let questionData = {};
+        if (question.content && typeof question.content === 'object') {
+            questionData = {
+                ...question.content,
+                correctAnswer: question.correctAnswer?.answer ?? -1,
+                id: question.id,
+                isGroup,
+                groupTitle: questionGroup?.payload?.title,
+                groupContent: questionGroup?.payload?.content,
+                groupImageUrl: questionGroup?.payload?.imageUrl,
+                groupNumber: questionGroup?.groupNumber,
+            };
+        }
+        else {
+            questionData = {
+                ...answer,
+                question: question.content || answer?.question,
+                id: question.id,
+                isGroup,
+                groupTitle: questionGroup?.payload?.title,
+                groupContent: questionGroup?.payload?.content,
+                groupImageUrl: questionGroup?.payload?.imageUrl,
+                groupNumber: questionGroup?.groupNumber,
+            };
+        }
+        return (_jsx(ChooseTheCorrectAnswerClient, { questionData: questionData, questionConfig: question.questionConfig, onSubmit: (ans) => {
+                setSelectedAnswer(ans);
+                onSubmitAnswer?.(ans);
+            }, isReviewMode: isReviewMode, userAnswer: userAnswer }));
+    };
+    const renderFillInBlank = () => {
+        const answer = question.answer;
+        const { blanks, caseSensitive = false } = answer;
+        const handleBlankChange = (index, value) => {
+            const newAnswers = [...fillBlankAnswers];
+            newAnswers[index] = value;
+            setFillBlankAnswers(newAnswers);
+        };
+        const isCorrect = (index, value) => {
+            const correctAnswer = blanks[index];
+            return caseSensitive
+                ? value === correctAnswer
+                : value.toLowerCase() === correctAnswer.toLowerCase();
+        };
+        return (_jsxs("div", { className: "space-y-4", children: [blanks.map((correctAnswer, index) => {
+                    const userValue = fillBlankAnswers[index] || '';
+                    const isCorrectAnswer = isReviewMode && isCorrect(index, userValue);
+                    return (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsxs("span", { className: "text-sm font-medium", children: ["Ch\u1ED7 tr\u1ED1ng ", index + 1, ":"] }), _jsx(Input, { value: userValue, onChange: (e) => handleBlankChange(index, e.target.value), placeholder: "Nh\u1EADp \u0111\u00E1p \u00E1n...", className: `flex-1 ${isReviewMode
+                                    ? isCorrectAnswer
+                                        ? 'border-green-500 bg-green-50'
+                                        : 'border-red-500 bg-red-50'
+                                    : ''}`, disabled: isReviewMode }), isReviewMode && isCorrectAnswer && _jsx(Check, { className: "h-4 w-4 text-green-600" }), isReviewMode && !isCorrectAnswer && userValue && (_jsx(X, { className: "h-4 w-4 text-red-600" }))] }, index));
+                }), !isReviewMode && (_jsx(Button, { onClick: () => {
+                        if (onSubmitAnswer) {
+                            onSubmitAnswer(fillBlankAnswers);
+                        }
+                    }, disabled: fillBlankAnswers.some((answer) => answer.trim() === ''), children: "N\u1ED9p \u0111\u00E1p \u00E1n" }))] }));
+    };
+    const renderTrueFalse = () => {
+        const answer = question.answer;
+        const { correctAnswer } = answer;
+        const options = [
+            { value: true, label: 'Đúng' },
+            { value: false, label: 'Sai' },
+        ];
+        return (_jsxs("div", { className: "space-y-3", children: [options.map((option) => {
+                    const isSelected = selectedAnswer === option.value;
+                    return (_jsx("div", { className: `flex cursor-pointer items-center rounded-lg border p-3 transition-colors ${isSelected ? 'border-blue-500 bg-blue-50' : 'border-gray-200 hover:border-gray-300'} ${isReviewMode && option.value === correctAnswer
+                            ? 'border-green-500 bg-green-50'
+                            : isReviewMode && isSelected && option.value !== correctAnswer
+                                ? 'border-red-500 bg-red-50'
+                                : ''}`, onClick: () => !isReviewMode && setSelectedAnswer(option.value), children: _jsxs("div", { className: "flex w-full items-center", children: [_jsx("div", { className: `mr-3 h-4 w-4 rounded-full border-2 ${isSelected ? 'border-blue-500 bg-blue-500' : 'border-gray-300'} ${isReviewMode && option.value === correctAnswer
+                                        ? 'border-green-500 bg-green-500'
+                                        : ''}`, children: isSelected && _jsx("div", { className: "m-auto h-2 w-2 rounded-full bg-white" }) }), _jsx("span", { className: "flex-1", children: option.label }), isReviewMode && option.value === correctAnswer && (_jsx(Check, { className: "ml-2 h-4 w-4 text-green-600" })), isReviewMode && isSelected && option.value !== correctAnswer && (_jsx(X, { className: "ml-2 h-4 w-4 text-red-600" }))] }) }, option.value.toString()));
+                }), !isReviewMode && (_jsx(Button, { onClick: () => {
+                        if (onSubmitAnswer) {
+                            onSubmitAnswer(selectedAnswer);
+                        }
+                    }, disabled: selectedAnswer === null, children: "N\u1ED9p \u0111\u00E1p \u00E1n" }))] }));
+    };
+    const renderEssay = () => {
+        const answer = question.answer;
+        const { minWords, maxWords } = answer;
+        const wordCount = selectedAnswer ? selectedAnswer.trim().split(/\s+/).length : 0;
+        const isWithinLimit = wordCount >= (minWords || 0) && wordCount <= (maxWords || Infinity);
+        return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "text-sm text-gray-600", children: [minWords && maxWords
+                            ? `Số từ: ${minWords} - ${maxWords} từ`
+                            : minWords
+                                ? `Tối thiểu: ${minWords} từ`
+                                : maxWords
+                                    ? `Tối đa: ${maxWords} từ`
+                                    : '', selectedAnswer && (_jsxs("span", { className: `ml-2 ${isWithinLimit ? 'text-green-600' : 'text-red-600'}`, children: ["(", wordCount, " t\u1EEB)"] }))] }), _jsx("textarea", { value: selectedAnswer || '', onChange: (e) => setSelectedAnswer(e.target.value), placeholder: "Vi\u1EBFt c\u00E2u tr\u1EA3 l\u1EDDi c\u1EE7a b\u1EA1n \u1EDF \u0111\u00E2y...", className: "h-32 w-full resize-none rounded-lg border border-gray-300 p-3 focus:border-blue-500 focus:ring-1 focus:ring-blue-500", disabled: isReviewMode }), !isReviewMode && (_jsx(Button, { onClick: () => {
+                        if (onSubmitAnswer) {
+                            onSubmitAnswer(selectedAnswer);
+                        }
+                    }, disabled: !selectedAnswer || selectedAnswer.trim().length < (minWords || 0), children: "N\u1ED9p \u0111\u00E1p \u00E1n" }))] }));
+    };
+    ;
+    ;
+    ;
+    ;
+    ;
+    const renderWriteShortParagraph = () => {
+        const answer = question.answer;
+        const questionData = {
+            contexts: answer?.contexts || [],
+            minWords: answer?.minWords || 20,
+            maxWords: answer?.maxWords,
+            instruction: answer?.instruction || '',
+        };
+        return (_jsx(WriteShortParagraphClient, { questionData: questionData, onSubmit: (answerText) => {
+                setSelectedAnswer(answerText);
+                onSubmitAnswer?.(answerText);
+            }, isReviewMode: isReviewMode, userAnswer: userAnswer }));
+    };
+    const renderWriteAShortLetter = () => {
+        const answer = question.answer;
+        const questionData = {
+            contexts: answer?.contexts || [],
+            informations: answer?.informations || [],
+            minWords: answer?.minWords || 20,
+            maxWords: answer?.maxWords,
+            instruction: answer?.instruction || '',
+        };
+        return (_jsx(WriteAShortLetterClient, { questionData: questionData, onSubmit: (answerText) => {
+                setSelectedAnswer(answerText);
+                onSubmitAnswer?.(answerText);
+            }, isReviewMode: isReviewMode, userAnswer: userAnswer }));
+    };
+    ;
+    ;
+    const renderLabelThePicture = () => {
+        const questionData = question.answer; // answer contains the full data structure
+        return (_jsx(LabelThePictureClient, { questionData: questionData, userAnswer: userAnswer, isReviewMode: isReviewMode, onSubmit: (answers) => {
+                setSelectedAnswer(answers);
+                onSubmitAnswer?.(answers);
+            } }));
+    };
+    const renderReadAndColorObjects = () => {
+        const answer = question.answer;
+        const questionData = {
+            backgroundImageUrl: answer?.backgroundImageUrl || '',
+            colorNodes: answer?.colorNodes || [],
+            regionNodes: answer?.regionNodes || [],
+            instructions: answer?.instructions || [],
+        };
+        return (_jsx(ReadAndColorObjectsClient, { questionData: questionData, onSubmit: (userConnections) => {
+                setSelectedAnswer(userConnections);
+                onSubmitAnswer?.(userConnections);
+            } }));
+    };
+    const renderLookPictureFillWordHint = () => {
+        const answer = question.answer;
+        const content = question.content;
+        // Check if question has group info (from API)
+        const questionGroup = question.questionGroup;
+        let subQuestions = [];
+        if (answer?.subQuestions && answer.subQuestions.length > 0) {
+            subQuestions = answer.subQuestions;
+        }
+        else if (content?.imageUrl && content?.word) {
+            // Single question format - transform to subQuestions
+            subQuestions = [{
+                    id: question.id,
+                    imageUrl: content.imageUrl,
+                    word: content.word,
+                    correctAnswer: answer?.correctAnswer || '',
+                    groupNumber: questionGroup?.groupNumber || 1,
+                }];
+        }
+        // Get hintLetters from multiple sources (priority order):
+        // 1. questionGroup.payload.hintLetters (from API group payload)
+        // 2. answer.hintLetters
+        // 3. content.hintLetters
+        const hintLetters = questionGroup?.payload?.hintLetters ||
+            answer?.hintLetters ||
+            content?.hintLetters ||
+            [];
+        // Build hintLettersByGroup if we have a groupNumber
+        const groupNumber = questionGroup?.groupNumber || 1;
+        const hintLettersByGroup = {};
+        if (hintLetters.length > 0) {
+            hintLettersByGroup[groupNumber] = hintLetters;
+        }
+        const questionData = {
+            subQuestions,
+            hintLetters,
+            hintLettersByGroup,
+            groups: [{ number: groupNumber, questionCount: subQuestions.length }],
+        };
+        return (_jsx(LookPictureFillWordHintClient, { questionData: questionData, userAnswer: userAnswer, isReviewMode: isReviewMode, explanation: question.explanation, onSubmit: (answers) => {
+                setSelectedAnswer(answers);
+                onSubmitAnswer?.(answers);
+            } }));
+    };
+    const renderReadPassageAndAnswerQuestions = () => {
+        const answer = question.answer;
+        const questionData = {
+            passage: answer?.passage || '',
+            passageTitle: answer?.passageTitle || '',
+            instructions: answer?.instructions || '',
+            subQuestions: answer?.subQuestions || [],
+        };
+        return (_jsx(ReadPassageAndAnswerQuestionsClient, { questionData: questionData, userAnswer: userAnswer, isReviewMode: isReviewMode, onSubmit: (answers) => {
+                setSelectedAnswer(answers);
+                onSubmitAnswer?.(answers);
+            } }));
+    };
+    const renderLookPictureChooseCorrectAnswer = () => {
+        const content = question.content;
+        const answer = question.answer;
+        // Merge correct answers into subQuestions
+        const subQuestions = (content?.subQuestions || answer?.subQuestions || []).map((sq) => {
+            const correctAnswerId = answer?.answers?.[sq.id] || sq.correctAnswer;
+            return {
+                ...sq,
+                options: (sq.options || []).map((opt) => ({
+                    ...opt,
+                    isCorrect: opt.id === correctAnswerId,
+                })),
+            };
+        });
+        const questionData = {
+            subQuestions,
+        };
+        return (_jsx(LookPictureChooseCorrectAnswerClient, { questionData: questionData, userAnswer: userAnswer, isReviewMode: isReviewMode, onSubmit: (answers) => {
+                setSelectedAnswer(answers);
+                onSubmitAnswer?.(answers);
+            } }));
+    };
+    const renderLookPictureFillBlankChooseAnswer = () => {
+        const content = question.content;
+        const answer = question.answer;
+        // Merge correct answers into subQuestions
+        const subQuestions = (content?.subQuestions || answer?.subQuestions || []).map((sq) => {
+            const correctAnswerId = answer?.answers?.[sq.id] || sq.correctAnswer;
+            return {
+                ...sq,
+                options: (sq.options || []).map((opt) => ({
+                    ...opt,
+                    isCorrect: opt.id === correctAnswerId,
+                })),
+            };
+        });
+        const questionData = {
+            subQuestions,
+        };
+        return (_jsx(LookPictureFillBlankChooseAnswerClient, { questionData: questionData, userAnswer: userAnswer, isReviewMode: isReviewMode, onSubmit: (answers) => {
+                setSelectedAnswer(answers);
+                onSubmitAnswer?.(answers);
+            } }));
+    };
+    const renderFillMissingWordsInGrid = () => {
+        const content = question.content;
+        const answer = question.answer;
+        // Build questionData in the expected format: { content: {...}, answer: {...} }
+        const questionData = {
+            content: {
+                grid: content?.grid || [],
+                rows: content?.rows || 3,
+                columns: content?.columns || 3,
+                disabledCells: content?.disabledCells || [],
+            },
+            answer: {
+                answers: answer?.answers || {},
+                missingLetters: answer?.missingLetters || [],
+                caseSensitive: answer?.caseSensitive || false,
+            },
+        };
+        return (_jsx(FillMissingWordsInGridClient, { questionData: questionData, userAnswer: userAnswer, isReviewMode: isReviewMode, onSubmit: (answers) => {
+                setSelectedAnswer(answers);
+                onSubmitAnswer?.(answers);
+            } }));
+    };
+    const renderQuestion = () => {
+        switch (question.type) {
+            case 'CHOOSE_THE_CORRECT_ANSWER':
+                return renderChooseTheCorrectAnswer();
+            case 'FILL_IN_BLANK':
+                return renderFillInBlank();
+            case 'TRUE_FALSE':
+                return renderTrueFalse();
+            case 'ESSAY':
+                return renderEssay();
+            case 'LISTEN_AND_FILL_IN_THE_BLANK_WITH_IMAGE':
+                return renderListeningFillBlank();
+            case 'TICK_TRUE_OR_FALSE':
+            case 'TICK_YES_OR_NO':
+                return renderReadingTickCross();
+            case 'ARRANGE_LETTERS_INTO_WORDS':
+                return renderReadingLetterArrange();
+            case 'READ_PASSAGE_AND_COMPLETE_STORY':
+                return renderReadingPassageFill();
+            case 'WRITE_SHORT_PARAGRAPH':
+                return renderWriteShortParagraph();
+            case 'WRITE_A_SHORT_LETTER':
+                return renderWriteAShortLetter();
+            // Marketing exam questions grade 1-2
+            case 'LOOK_PICTURE_FILL_WORD_HINT':
+                return renderLookPictureFillWordHint();
+            case 'LABEL_THE_PICTURE':
+                return renderLabelThePicture();
+            case 'READ_AND_COLOR_OBJECTS':
+                return renderReadAndColorObjects();
+            case 'READ_PASSAGE_AND_ANSWER_QUESTIONS':
+                return renderReadPassageAndAnswerQuestions();
+            // Additional marketing exam questions
+            case 'LOOK_PICTURE_CHOOSE_CORRECT_ANSWER':
+                return renderLookPictureChooseCorrectAnswer();
+            case 'LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER':
+                return renderLookPictureFillBlankChooseAnswer();
+            case 'FILL_MISSING_WORDS_IN_GRID':
+                return renderFillMissingWordsInGrid();
+            default:
+                return _jsxs("div", { children: ["Lo\u1EA1i c\u00E2u h\u1ECFi kh\u00F4ng \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3: ", question.type] });
+        }
+    };
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center justify-between", children: [_jsx("span", { children: typeof question.content === 'string'
+                                ? question.content
+                                : question.content?.question || 'Câu hỏi' }), _jsxs("span", { className: "text-sm font-normal text-gray-500", children: [question.points, " \u0111i\u1EC3m"] })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [renderQuestion(), !isReviewMode && (_jsx("div", { className: "flex justify-end border-t pt-4", children: _jsx(Button, { onClick: handleSubmit, className: "bg-blue-500 hover:bg-blue-600", children: "X\u00E1c nh\u1EADn \u0111\u00E1p \u00E1n" }) }))] })] }));
+}
+//# sourceMappingURL=QuestionViewer.js.map

package/dist/components/questions/viewer/QuestionViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionViewer.js","sourceRoot":"","sources":["../../../../src/components/questions/viewer/QuestionViewer.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { QuestionViewer } from './QuestionViewer';
+export { QuestionGroupViewer } from './QuestionGroupViewer';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/viewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/viewer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { QuestionViewer } from './QuestionViewer';
+export { QuestionGroupViewer } from './QuestionGroupViewer';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/questions/viewer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import type { ResultReviewSdkApi } from '../../api/result-review';
+export interface ResultReviewPageContainerProps {
+    attemptId: string;
+    token?: string | null;
+    api: ResultReviewSdkApi;
+    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;
+//# sourceMappingURL=ResultReviewPageContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultReviewPageContainer.d.ts","sourceRoot":"","sources":["../../../src/components/results/ResultReviewPageContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrE,OAAO,KAAK,EAA2C,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAKvG,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,GAAG,EAAE,kBAAkB,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAE,EAAE,8BAA8B,+BA0EzK"}

package/dist/components/results/ResultReviewPageContainer.js

@@ -0,0 +1,99 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { ChevronLeft, Download, Loader2, Sparkles, XCircle } from 'lucide-react';
+import { Button } from '../../components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '../../components/ui/card';
+import { useToast } from '../../shared/lib/hooks/useToast';
+import { transformResultAnswersForReview } from './review-data';
+import { ReviewQuestionRenderer } from './ReviewQuestionRenderer';
+import { unwrap } from './result-review.utils';
+export function ResultReviewPageContainer({ attemptId, token, api, onBack, onNavigate, topActionsSlot, beforeReportSlot, afterReportSlot }) {
+    const { error: errorToast, success } = useToast();
+    const [detail, setDetail] = useState(null);
+    const [attempt, setAttempt] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [isExporting, setIsExporting] = useState(false);
+    useEffect(() => {
+        let ignore = false;
+        setIsLoading(true);
+        Promise.all([api.getDetailedResult(attemptId, token), api.getAttempt?.(attemptId, token)])
+            .then(([detailResult, attemptResult]) => {
+            if (ignore)
+                return;
+            setDetail(unwrap(detailResult));
+            setAttempt(attemptResult ? unwrap(attemptResult) : null);
+        })
+            .catch((err) => errorToast({ message: 'Không thể tải kết quả', description: err instanceof Error ? err.message : undefined }))
+            .finally(() => { if (!ignore)
+            setIsLoading(false); });
+        return () => { ignore = true; };
+    }, [api, attemptId, token, errorToast]);
+    const reviewData = useMemo(() => transformResultAnswersForReview(detail?.answers ?? [], attempt?.exam?.template?.parts), [detail?.answers, attempt?.exam?.template?.parts]);
+    const studentName = attempt?.studentName ?? 'Học sinh';
+    const studentCode = attempt?.studentUsername;
+    const branchName = attempt?.branchName ?? 'Chưa tham gia chi nhánh';
+    const examTitle = attempt?.exam?.template?.title ?? detail?.examName ?? 'Kết quả bài thi';
+    const handleBack = () => {
+        if (onBack)
+            onBack();
+        else if (onNavigate)
+            onNavigate('/student/results');
+        else if (typeof window !== 'undefined')
+            window.history.back();
+    };
+    const handleExport = async () => {
+        if (!detail || !api.exportPdf)
+            return;
+        setIsExporting(true);
+        try {
+            const { blob, filename } = await api.exportPdf(attemptId, attempt?.exam?.template?.type);
+            downloadBlob(blob, filename);
+            success({ message: 'Xuất PDF thành công' });
+        }
+        catch (err) {
+            errorToast({ message: 'Không xuất được PDF', description: err instanceof Error ? err.message : undefined });
+        }
+        finally {
+            setIsExporting(false);
+        }
+    };
+    if (isLoading)
+        return _jsx(State, { icon: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-[#2874A6]" }), title: "\u0110ang t\u1EA3i k\u1EBFt qu\u1EA3 b\u00E0i thi..." });
+    if (!detail)
+        return _jsx(State, { icon: _jsx(XCircle, { className: "h-8 w-8 text-red-400" }), title: "Kh\u00F4ng th\u1EC3 t\u1EA3i k\u1EBFt qu\u1EA3", action: _jsx(Button, { onClick: handleBack, children: "Quay l\u1EA1i" }) });
+    return (_jsx("div", { className: "min-h-screen bg-[#e0e0e0] py-4 md:py-6", children: _jsxs("div", { className: "mx-auto flex w-full max-w-[1160px] flex-col gap-4 px-3 sm:px-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 print:hidden", children: [_jsxs(Button, { variant: "outline", onClick: handleBack, children: [_jsx(ChevronLeft, { className: "mr-2 h-4 w-4" }), "Quay l\u1EA1i"] }), _jsxs("div", { className: "flex items-center gap-2", children: [api.exportPdf && _jsxs(Button, { onClick: () => void handleExport(), disabled: isExporting, className: "bg-[#00AEEF] hover:bg-[#0099D6]", children: [isExporting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Download, { className: "mr-2 h-4 w-4" }), "Xu\u1EA5t PDF"] }), topActionsSlot] })] }), beforeReportSlot, _jsxs(Card, { className: "overflow-hidden rounded-[28px] border-0 shadow-xl", children: [_jsxs(CardHeader, { className: "bg-gradient-to-r from-[#0054A6] to-[#00AEEF] text-white", children: [_jsx(CardTitle, { className: "text-2xl", children: examTitle }), _jsxs("p", { className: "text-sm text-white/80", children: [studentName, studentCode ? ` • ${studentCode}` : '', " \u2022 ", branchName] })] }), _jsxs(CardContent, { className: "space-y-6 p-5 md:p-8", children: [_jsx(ScoreSummary, { detail: detail }), _jsx(Assessment, { detail: detail }), detail.showDetailedResults !== false && _jsx(AnswerSections, { reviewData: reviewData })] })] }), afterReportSlot] }) }));
+}
+function ScoreSummary({ detail }) {
+    return _jsxs("div", { className: "grid gap-3 md:grid-cols-4", children: [_jsx(Metric, { label: "T\u1ED5ng \u0111i\u1EC3m", value: `${formatScore(detail.totalScore)} / ${formatScore(detail.maxScore)}` }), _jsx(Metric, { label: "C\u00E2u \u0111\u00FAng", value: `${detail.correctAnswers} / ${detail.totalQuestions}` }), _jsx(Metric, { label: "X\u1EBFp h\u1EA1ng", value: detail.rank ? `${detail.rank}/${detail.totalStudents ?? '-'}` : '-' }), _jsx(Metric, { label: "Tr\u1EA1ng th\u00E1i", value: detail.isPendingGrading ? 'Đang chấm' : 'Hoàn tất' })] });
+}
+function Assessment({ detail }) {
+    if (!detail.llmOverallAssessment && !detail.llmSkillAssessment)
+        return null;
+    return _jsxs("section", { className: "rounded-2xl border border-[#00AEEF]/30 bg-[#f0f8ff] p-4", children: [_jsxs("div", { className: "mb-2 flex items-center gap-2 font-bold text-[#0054A6]", children: [_jsx(Sparkles, { className: "h-5 w-5" }), "Ph\u00E2n t\u00EDch t\u1ED5ng quan"] }), detail.llmOverallAssessment && _jsx("p", { className: "whitespace-pre-wrap text-sm text-slate-700", children: detail.llmOverallAssessment }), detail.llmSkillAssessment && _jsx("div", { className: "mt-3 grid gap-2 md:grid-cols-2", children: Object.entries(detail.llmSkillAssessment).map(([key, value]) => value ? _jsxs("div", { className: "rounded-xl bg-white p-3 text-sm", children: [_jsx("strong", { children: value.label }), _jsx("p", { className: "mt-1 text-slate-600", children: value.feedback })] }, key) : null) })] });
+}
+function AnswerSections({ reviewData }) {
+    return _jsx("div", { className: "space-y-6", children: reviewData.parts.map((part, index) => _jsxs("section", { className: "rounded-2xl border border-[#00AEEF] bg-white p-5", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h3", { className: "text-lg font-bold text-[#0054A6]", children: part.name || `Phần ${part.partNo}` }), reviewData.partScoresMap[index] && _jsxs("span", { className: "rounded-full bg-[#0054A6] px-3 py-1 text-sm font-bold text-white", children: [formatScore(reviewData.partScoresMap[index].score), " / ", formatScore(reviewData.partScoresMap[index].maxScore)] })] }), part.instructions && _jsx("p", { className: "mb-4 font-semibold text-slate-700", children: part.instructions }), _jsx(ReviewQuestionRenderer, { part: part, reviewData: reviewData })] }, `${part.partId}-${index}`)) });
+}
+function Metric({ label, value }) {
+    return _jsxs("div", { className: "rounded-2xl bg-slate-50 p-4", children: [_jsx("p", { className: "text-xs font-semibold uppercase text-slate-500", children: label }), _jsx("p", { className: "mt-1 text-xl font-black text-[#0054A6]", children: value })] });
+}
+function State({ icon, title, action }) {
+    return _jsx("div", { className: "flex min-h-screen items-center justify-center bg-[#e0e0e0]", children: _jsxs("div", { className: "rounded-[28px] bg-white p-8 text-center shadow-xl", children: [_jsx("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-slate-50", children: icon }), _jsx("p", { className: "font-semibold text-slate-700", children: title }), action && _jsx("div", { className: "mt-5", children: action })] }) });
+}
+function formatScore(score) {
+    if (score == null || !Number.isFinite(score))
+        return '0';
+    return score < 10 ? score.toFixed(1) : String(Math.round(score));
+}
+function downloadBlob(blob, filename) {
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+}
+//# sourceMappingURL=ResultReviewPageContainer.js.map