@tinyweb_dev/oe-exam-sdk 1.0.6 → 1.0.8

package/dist/components/exams/ExamCreator.js

@@ -38,7 +38,6 @@ export function ExamCreator(props) {
     const clearQuestionData = useExamQuestionStore((state) => state.clearQuestionData);
     const markQuestionCompleted = useExamQuestionStore((state) => state.markQuestionCompleted);
     const getQuestionData = useExamQuestionStore((state) => state.getQuestionData);
-    const setSharedHintLetters = useExamQuestionStore((state) => state.setSharedHintLetters);
     const [validationErrors, setValidationErrors] = useState({});
     const [isSavingQuestion, setIsSavingQuestion] = useState(false);
     const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
@@ -96,14 +95,13 @@ export function ExamCreator(props) {
             upsertQuestionData(index, savedQuestion);
             markQuestionCompleted(index, true);
             savedQuestionsRef.current[index] = savedQuestion;
-            hydrateSharedHintLetters(index, savedQuestion, template, setSharedHintLetters);
             const questionBank = question.questionBank;
             if (questionBank?.id)
                 setExistingQuestionBanks((prev) => ({ ...prev, [index]: questionBank }));
         });
         const timer = window.setTimeout(() => { justInitializedRef.current = false; }, 1000);
         return () => window.clearTimeout(timer);
-    }, [initialQuestions, initialized, markQuestionCompleted, setSharedHintLetters, template, upsertQuestionData]);
+    }, [initialQuestions, initialized, markQuestionCompleted, template, upsertQuestionData]);
     useEffect(() => {
         setCurrentQuestionHasUnsavedChanges(getQuestionStatus(examId, currentQuestionIndex + 1) === QuestionStatus.UNSAVED);
     }, [currentQuestionIndex, examId]);
@@ -302,19 +300,6 @@ function validateQuestionBank(setting, existingBank, setCodeError, setTitleError
     setTitleError(titleError);
     return !codeError && !titleError;
 }
-function hydrateSharedHintLetters(index, question, template, setSharedHintLetters) {
-    if (question.type !== 'LOOK_PICTURE_FILL_WORD_HINT' || !question.partId)
-        return;
-    const answer = question.answer;
-    const groupNumber = question.questionGroup?.groupNumber;
-    if (!answer?.hintLetters?.length || !groupNumber)
-        return;
-    const part = getPartByQuestionIndex(template, index);
-    const config = part ? getEffectiveQuestionConfig(part, index) : undefined;
-    const sectionName = getConfigSectionName(config);
-    const partId = sectionName ? `${question.partId}_${sectionName}` : question.partId;
-    setSharedHintLetters(partId, groupNumber, answer.hintLetters);
-}
 function getConfigSectionName(config) {
     return config && 'sectionName' in config ? config.sectionName : undefined;
 }

package/dist/components/exams/take/ExamTakingPageContainer.js

@@ -614,18 +614,6 @@ function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (a
                             map.set(region.id, question.id);
                     });
                 }
-                // LOOK_PICTURE_FILL_WORD_HINT: single question with {0}, {1} placeholders → synthetic IDs
-                if (part.questionType === 'LOOK_PICTURE_FILL_WORD_HINT') {
-                    const word = content?.word;
-                    if (word && typeof word === 'string') {
-                        const placeholderRegex = /\{(\d+)\}/g;
-                        let match;
-                        while ((match = placeholderRegex.exec(word)) !== null) {
-                            const blankIndex = match[1];
-                            map.set(`${question.id}-blank-${blankIndex}`, question.id);
-                        }
-                    }
-                }
                 if (part.questionType === 'CROSS_OUT_WORD_GROUP' &&
                     Array.isArray(content?.items)) {
                     content.items.forEach((_, index) => {

package/dist/components/exams/take/components/QuestionRenderer.js

@@ -8,9 +8,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * 2. Transforms data to renderer-specific props
  * 3. Renders the correct component for each question type
  */
-import { MoversListenAndWriteRenderer, MoversChooseBestAnswerRenderer, MoversChooseAdjectiveRenderer, MoversWritingRenderer, MoversColoringRenderer, MoversPictureChooseRenderer, MoversPictureFillBlankChooseRenderer, MoversReadingPassageRenderer, MoversLabelThePictureRenderer, MoversFillWordHintRenderer, MoversGridFillRenderer, MoversTrueFalseRenderer, MoversTrueFalseCorrectGroupRenderer, MoversFillInBlankGroupRenderer, MoversCrossOutWordGroupRenderer, MoversAnswerTheQuestionRenderer, MoversWriteSentencesRenderer, MoversWordOrderingRenderer, MoversWordOrderingGroupRenderer, MoversWordFillParagraphRenderer, MoversMatchByWritingAnswerRenderer, MoversMatchWordToPictureRenderer, MoversWordFillStructuredFormRenderer, MoversWordOrderAndMatchGroupRenderer, MoversMatchingWithLinesGroupRenderer, MoversCrosswordPuzzleRenderer, FindWordsInMatrixRenderer, SortWordsIntoCategoriesRenderer, ChooseThenAnswerGroupRenderer, } from './question-renderers';
+import { MoversListenAndWriteRenderer, MoversChooseBestAnswerRenderer, MoversChooseAdjectiveRenderer, MoversWritingRenderer, MoversColoringRenderer, MoversReadingPassageRenderer, MoversLabelThePictureRenderer, MoversGridFillRenderer, MoversTrueFalseRenderer, MoversTrueFalseCorrectGroupRenderer, MoversFillInBlankGroupRenderer, MoversCrossOutWordGroupRenderer, MoversAnswerTheQuestionRenderer, MoversWriteSentencesRenderer, MoversWordOrderingRenderer, MoversWordOrderingGroupRenderer, MoversWordFillParagraphRenderer, MoversMatchByWritingAnswerRenderer, MoversMatchWordToPictureRenderer, MoversWordFillStructuredFormRenderer, MoversWordOrderAndMatchGroupRenderer, MoversMatchingWithLinesGroupRenderer, MoversCrosswordPuzzleRenderer, FindWordsInMatrixRenderer, SortWordsIntoCategoriesRenderer, ChooseThenAnswerGroupRenderer, } from './question-renderers';
 import { SpeakingQuestionRenderer } from './speaking/renderers';
-import { transformFillInBlank, transformWriteCorrectVerbForm, transformChooseCorrectAnswer, transformChooseTheCorrectAnswerGroup, transformChooseCorrectAdjective, transformWriteShortLetter, transformColorObjects, transformPictureChoose, transformPictureFillBlankChoose, transformReadingPassage, transformLabelPicture, transformFillWordHint, transformGridFill, transformAnswerTheQuestion, transformAnswerTheQuestionGroup, transformTrueFalse, transformTrueFalseGroup, transformTrueFalseCorrectGroup, transformFillInBlankGroup, transformWordOrdering, transformWordOrderingGroupTake, transformWordFillParagraph, transformMatchByWritingAnswer, transformMatchWordToPicture, transformWriteSentences, transformWordFillStructuredForm, transformWordOrderAndMatchGroup, transformMatchingWithLinesGroup, transformCrosswordPuzzle, transformFindWordsInMatrix, transformSortWordsIntoCategories, transformChooseThenAnswerGroup, } from '../utils/question-transformers';
+import { transformFillInBlank, transformWriteCorrectVerbForm, transformChooseCorrectAnswer, transformChooseTheCorrectAnswerGroup, transformChooseCorrectAdjective, transformWriteShortLetter, transformColorObjects, transformReadingPassage, transformLabelPicture, transformGridFill, transformAnswerTheQuestion, transformAnswerTheQuestionGroup, transformTrueFalse, transformTrueFalseGroup, transformTrueFalseCorrectGroup, transformFillInBlankGroup, transformWordOrdering, transformWordOrderingGroupTake, transformWordFillParagraph, transformMatchByWritingAnswer, transformMatchWordToPicture, transformWriteSentences, transformWordFillStructuredForm, transformWordOrderAndMatchGroup, transformMatchingWithLinesGroup, transformCrosswordPuzzle, transformFindWordsInMatrix, transformSortWordsIntoCategories, transformChooseThenAnswerGroup, } from '../utils/question-transformers';
 import { transformCrossOutWordGroup } from '../utils/cross-out-word-group.transformer';
 import { normalizeColoringAssignments } from '../utils/coloring-assignments';
 export function QuestionRenderer({ part, answers, onAnswerChange, isReviewMode = false, onExit, onPartComplete, onPartBack, speakingTheme, initialQuestionIndex, skipTeacherVideo, onTeacherIntroPlayed, currentQuestionIndex, compactLayout = false, }) {
@@ -88,14 +88,6 @@ export function QuestionRenderer({ part, answers, onAnswerChange, isReviewMode =
                     onAnswerChange(regionId, hintItemId);
                 }, isReviewMode: isReviewMode }));
         }
-        case 'LOOK_PICTURE_CHOOSE_CORRECT_ANSWER': {
-            const data = transformPictureChoose(questions);
-            return (_jsx(MoversPictureChooseRenderer, { partNumber: partNo, partName: part.name, questionCount: questionCount, instruction: part.instructions || data.instruction, subQuestions: data.subQuestions, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-        }
-        case 'LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER': {
-            const data = transformPictureFillBlankChoose(questions);
-            return (_jsx(MoversPictureFillBlankChooseRenderer, { partNumber: partNo, partName: part.name, questionCount: questionCount, instruction: part.instructions || data.instruction, subQuestions: data.subQuestions, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-        }
         case 'READ_PASSAGE_AND_ANSWER_QUESTIONS': {
             const data = transformReadingPassage(questions);
             return (_jsx(MoversReadingPassageRenderer, { partNumber: partNo, partName: part.name, questionCount: data.questions.length, instruction: part.instructions || data.instruction, passageTitle: data.passageTitle, passage: data.passage, passageImageUrl: data.passageImageUrl, questions: getRenderQuestions(data.questions), answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
@@ -104,10 +96,6 @@ export function QuestionRenderer({ part, answers, onAnswerChange, isReviewMode =
             const data = transformLabelPicture(questions);
             return (_jsx(MoversLabelThePictureRenderer, { partNumber: partNo, partName: part.name, questionCount: data.labels.length, instruction: part.instructions || data.instruction, imageUrl: data.imageUrl, wordBank: data.wordBank, labels: data.labels, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
         }
-        case 'LOOK_PICTURE_FILL_WORD_HINT': {
-            const data = transformFillWordHint(questions);
-            return (_jsx(MoversFillWordHintRenderer, { partNumber: partNo, partName: part.name, questionCount: data.subQuestions.length, instruction: part.instructions || data.instruction, hintLetters: data.hintLetters, subQuestions: data.subQuestions, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-        }
         case 'FILL_MISSING_WORDS_IN_GRID': {
             const data = transformGridFill(questions);
             return (_jsx(MoversGridFillRenderer, { partNumber: partNo, partName: part.name, questionCount: questionCount, instruction: part.instructions || data.instruction, grid: data.grid, rows: data.rows, columns: data.columns, cellAnswers: {}, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode, disabledCells: data.disabledCells }));
@@ -243,7 +231,6 @@ export function QuestionRenderer({ part, answers, onAnswerChange, isReviewMode =
         case 'SPONTANEOUS_QA':
         case 'SPONTANEOUS_QA_GROUP':
         case 'SPEAKING_CONVERSATION':
-        case 'GN_SPEAKING_INTERVIEW':
         case 'SPEAKING_CUE_CARD': {
             return (_jsx(SpeakingQuestionRenderer, { part: part, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode, onExit: onExit, onPartComplete: onPartComplete, onPartBack: onPartBack, speakingTheme: speakingTheme, initialQuestionIndex: initialQuestionIndex, skipTeacherVideo: skipTeacherVideo, onTeacherIntroPlayed: onTeacherIntroPlayed, currentQuestionIndex: currentQuestionIndex }));
         }

package/dist/components/exams/take/components/question-renderers/index.d.ts

@@ -3,11 +3,8 @@ export { MoversColoringRenderer } from './MoversColoringRenderer';
 export { MoversChooseBestAnswerRenderer } from './MoversChooseBestAnswerRenderer';
 export { MoversChooseAdjectiveRenderer } from './MoversChooseAdjectiveRenderer';
 export { MoversWritingRenderer } from './MoversWritingRenderer';
-export { MoversPictureChooseRenderer } from './MoversPictureChooseRenderer';
-export { MoversPictureFillBlankChooseRenderer } from './MoversPictureFillBlankChooseRenderer';
 export { MoversReadingPassageRenderer } from './MoversReadingPassageRenderer';
 export { MoversLabelThePictureRenderer } from './MoversLabelThePictureRenderer';
-export { MoversFillWordHintRenderer } from './MoversFillWordHintRenderer';
 export { MoversGridFillRenderer } from './MoversGridFillRenderer';
 export { MoversTrueFalseRenderer } from './MoversTrueFalseRenderer';
 export { MoversTrueFalseCorrectGroupRenderer } from './MoversTrueFalseCorrectGroupRenderer';

package/dist/components/exams/take/components/question-renderers/index.js

@@ -4,12 +4,9 @@ export { MoversChooseBestAnswerRenderer } from './MoversChooseBestAnswerRenderer
 export { MoversChooseAdjectiveRenderer } from './MoversChooseAdjectiveRenderer';
 export { MoversWritingRenderer } from './MoversWritingRenderer';
 // New renderers - P1 (Simple)
-export { MoversPictureChooseRenderer } from './MoversPictureChooseRenderer';
-export { MoversPictureFillBlankChooseRenderer } from './MoversPictureFillBlankChooseRenderer';
 export { MoversReadingPassageRenderer } from './MoversReadingPassageRenderer';
 // New renderers - P2 (Medium)
 export { MoversLabelThePictureRenderer } from './MoversLabelThePictureRenderer';
-export { MoversFillWordHintRenderer } from './MoversFillWordHintRenderer';
 // New renderers - P3 (Complex)
 export { MoversGridFillRenderer } from './MoversGridFillRenderer';
 // Starters & Movers renderers

package/dist/components/exams/take/components/speaking/renderers/SpeakingQuestionRenderer.js

@@ -17,7 +17,6 @@ import { SpeakingSpontaneousQaGroupRenderer } from './SpeakingSpontaneousQaGroup
 import { SpeakingSpontaneousQaGroupTextList } from './SpeakingSpontaneousQaGroupTextList';
 import { isTextOnlySpontaneousQaGroupContent } from '../../../../../questions/types/spontaneous-qa-group/flatten';
 import { SpeakingConversationRenderer } from './SpeakingConversationRenderer';
-import { SpeakingGNInterviewRenderer } from './SpeakingGNInterviewRenderer';
 import { SpeakingCueCardRenderer } from './SpeakingCueCardRenderer';
 // ============================================
 // Factory
@@ -86,9 +85,6 @@ export function SpeakingQuestionRenderer({ part, answers, onAnswerChange, isRevi
         // KFS Speaking — 3-participant conversation (Interlocutor + Partner + Student)
         case 'SPEAKING_CONVERSATION':
             return _jsx(SpeakingConversationRenderer, { ...sharedProps });
-        // GN Speaking Interview — virtual + real candidate simulation
-        case 'GN_SPEAKING_INTERVIEW':
-            return _jsx(SpeakingGNInterviewRenderer, { ...sharedProps });
         // IELTS Part 2 — Cue Card (Preparation + Recording)
         case 'SPEAKING_CUE_CARD':
             return _jsx(SpeakingCueCardRenderer, { ...sharedProps });

package/dist/components/exams/take/types/speaking.types.d.ts

@@ -81,37 +81,6 @@ export interface SpontaneousQAContent {
     /** Backup flag — consistent with other speaking types */
     isBackup?: boolean;
 }
-export interface GNSpeakingInterviewContent {
-    /** Examiner's question text */
-    questionText: string;
-    /** Audio URL for examiner's question (TTS or uploaded) */
-    audioUrl?: string;
-    /** How admin created the question */
-    inputType: 'AUDIO' | 'TEXT';
-    /** Which candidate this question is addressed to */
-    targetCandidate: 'VIRTUAL' | 'REAL';
-    /** Booklet image URL — collage for Part 2 Discussion with Pictures */
-    imageUrl?: string;
-    /** Virtual student's pre-recorded answer (filled by admin) */
-    virtualAnswer?: {
-        /** Text of the virtual student's answer */
-        answerText: string;
-        /** Audio URL — admin uploads or auto-generates via TTS */
-        audioUrl?: string;
-    };
-    /** Whether this is an Extended Response question */
-    isExtendedResponse?: boolean;
-    /** Backup flag */
-    isBackup?: boolean;
-}
-export interface GNSpeakingInterviewGroupPayload {
-    /** Which candidate role is virtual (pre-recorded) */
-    virtualCandidate: 'A' | 'B';
-    /** Virtual student display name */
-    virtualStudentName?: string;
-    /** Virtual student avatar image URL */
-    virtualStudentAvatar?: string;
-}
 /** Answer stored in examTakingStore for speaking questions */
 export interface SpeakingAnswer {
     audioUrl: string;

package/dist/components/exams/take/types.d.ts

@@ -168,52 +168,6 @@ export interface ArticleItem {
     content: string;
     imageUrl?: string;
 }
-export interface PictureChooseOption {
-    id: string;
-    label: string;
-    text: string;
-}
-export interface PictureChooseSubQuestion {
-    id: string;
-    questionNumber: number;
-    imageUrl: string;
-    questionText?: string;
-    options: PictureChooseOption[];
-    correctOptionId?: string;
-}
-export interface MoversPictureChooseRendererProps {
-    partNumber: number;
-    partName?: string;
-    questionCount: number;
-    instruction: string;
-    subQuestions: PictureChooseSubQuestion[];
-    answers: Record<string, string>;
-    onAnswerChange: (subQuestionId: string, optionId: string) => void;
-    isReviewMode?: boolean;
-}
-export interface PictureFillBlankOption {
-    id: string;
-    label: string;
-    text: string;
-}
-export interface PictureFillBlankSubQuestion {
-    id: string;
-    questionNumber: number;
-    imageUrl: string;
-    question: string;
-    options: PictureFillBlankOption[];
-    correctOptionId?: string;
-}
-export interface MoversPictureFillBlankChooseRendererProps {
-    partNumber: number;
-    partName?: string;
-    questionCount: number;
-    instruction: string;
-    subQuestions: PictureFillBlankSubQuestion[];
-    answers: Record<string, string>;
-    onAnswerChange: (subQuestionId: string, optionId: string) => void;
-    isReviewMode?: boolean;
-}
 export interface ReadingPassageOption {
     id: string;
     label: string;
@@ -258,25 +212,6 @@ export interface MoversLabelThePictureRendererProps {
     onAnswerChange: (labelId: string, value: string) => void;
     isReviewMode?: boolean;
 }
-export interface FillWordHintSubQuestion {
-    id: string;
-    questionNumber: number;
-    imageUrl: string;
-    word: string;
-    correctAnswer?: string;
-    blankIndex?: number;
-}
-export interface MoversFillWordHintRendererProps {
-    partNumber: number;
-    partName?: string;
-    questionCount: number;
-    instruction: string;
-    hintLetters: string[];
-    subQuestions: FillWordHintSubQuestion[];
-    answers: Record<string, string>;
-    onAnswerChange: (subQuestionId: string, value: string) => void;
-    isReviewMode?: boolean;
-}
 export interface GridCellAnswer {
     correctAnswer: string;
 }

package/dist/components/exams/take/utils/answer-transformers.js

@@ -162,34 +162,6 @@ function findColoringParentQuestion(regionId, parts) {
     }
     return null;
 }
-/**
- * Find parent question for sub-questions (LOOK_PICTURE_FILL_WORD_HINT)
- * Supports both old format (content.subQuestions) and new format (questionId-blank-N)
- */
-function findFillWordHintParentQuestion(subQuestionId, parts) {
-    for (const part of parts) {
-        if (part.questionType === 'LOOK_PICTURE_FILL_WORD_HINT') {
-            for (const question of part.questions) {
-                // NEW FORMAT: Check if subQuestionId matches pattern "questionId-blank-N"
-                if (subQuestionId.startsWith(`${question.id}-blank-`)) {
-                    return {
-                        parentId: question.id,
-                        questionType: part.questionType,
-                    };
-                }
-                // OLD FORMAT: Check subQuestions array in content
-                const content = question.content;
-                if (content?.subQuestions?.some((sq) => sq.id === subQuestionId)) {
-                    return {
-                        parentId: question.id,
-                        questionType: part.questionType,
-                    };
-                }
-            }
-        }
-    }
-    return null;
-}
 /**
  * Find question type by questionId
  */
@@ -327,14 +299,9 @@ export function transformAnswersForSubmission(answers, parts) {
             }
             continue;
         }
-        // Handle synthetic sub-question IDs (from READ_PASSAGE_AND_ANSWER_QUESTIONS or LOOK_PICTURE_FILL_WORD_HINT)
+        // Handle synthetic sub-question IDs (from READ_PASSAGE_AND_ANSWER_QUESTIONS)
         if (isSyntheticSubQuestionId(questionId)) {
-            // Try READ_PASSAGE_AND_ANSWER_QUESTIONS first
-            let parent = findParentQuestion(questionId, parts);
-            // If not found, try LOOK_PICTURE_FILL_WORD_HINT
-            if (!parent) {
-                parent = findFillWordHintParentQuestion(questionId, parts);
-            }
+            const parent = findParentQuestion(questionId, parts);
             if (parent) {
                 if (!subQuestionAnswers.has(parent.parentId)) {
                     subQuestionAnswers.set(parent.parentId, {});
@@ -457,31 +424,10 @@ export function transformAnswersForSubmission(answers, parts) {
             });
             continue;
         }
-        // Check if this is LOOK_PICTURE_FILL_WORD_HINT with new format IDs
-        const hasBlankIds = Object.keys(subAnswers).some((key) => key.includes('-blank-'));
-        if (hasBlankIds) {
-            // NEW FORMAT: Convert to comma-separated string like correctAnswer
-            // Sort by blank index and join
-            const sortedEntries = Object.entries(subAnswers).sort(([a], [b]) => {
-                const aMatch = a.match(/-blank-(\d+)$/);
-                const bMatch = b.match(/-blank-(\d+)$/);
-                const aIdx = aMatch ? parseInt(aMatch[1], 10) : 0;
-                const bIdx = bMatch ? parseInt(bMatch[1], 10) : 0;
-                return aIdx - bIdx;
-            });
-            const commaSeparated = sortedEntries.map(([, v]) => v).join(', ');
-            result.push({
-                questionId: parentId,
-                answer: { answer: commaSeparated }, // Simple format: { answer: "a, e" }
-            });
-        }
-        else {
-            // OLD FORMAT or other question types: keep subAnswers format
-            result.push({
-                questionId: parentId,
-                answer: { subAnswers },
-            });
-        }
+        result.push({
+            questionId: parentId,
+            answer: { subAnswers },
+        });
     }
     // Add grid cell answers (grouped under parent question)
     for (const [parentId, cellAnswers] of gridCellAnswers) {

package/dist/components/exams/take/utils/question-transformers.d.ts

@@ -4,8 +4,8 @@
  * Maps backend question types to frontend renderer props.
  * Each transformer handles specific question type data structure.
  */
-import type { FillBlankQuestion, ChooseBestAnswerQuestion, PictureChooseSubQuestion, PictureFillBlankSubQuestion, ReadingPassageQuestion, LabelThePictureLabel, FillWordHintSubQuestion, ColoringHintItem, ColoringRegion } from '../types';
-export type QuestionType = 'FILL_IN_BLANK' | 'WRITE_CORRECT_VERB_FORM' | 'CHOOSE_THE_CORRECT_ANSWER' | 'CHOOSE_THE_CORRECT_ANSWER_GROUP' | 'CHOOSE_CORRECT_ADJECTIVE' | 'WRITE_A_SHORT_LETTER' | 'READ_AND_COLOR_OBJECTS' | 'LOOK_PICTURE_CHOOSE_CORRECT_ANSWER' | 'LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER' | 'READ_PASSAGE_AND_ANSWER_QUESTIONS' | 'LABEL_THE_PICTURE' | 'LOOK_PICTURE_FILL_WORD_HINT' | 'FILL_MISSING_WORDS_IN_GRID' | 'IMAGE_OBJECT_MATCHING' | 'ANSWER_THE_QUESTION' | 'ANSWER_THE_QUESTION_GROUP' | 'TRUE_FALSE' | 'TRUE_FALSE_GROUP' | 'TRUE_FALSE_CORRECT_GROUP' | 'FILL_IN_BLANK_GROUP' | 'MATCHING_WITH_LINES_GROUP' | 'CROSS_OUT_WORD_GROUP' | 'WORD_ORDERING' | 'WORD_ORDERING_GROUP' | 'WORD_FILL_PARAGRAPH' | 'MATCH_BY_WRITING_ANSWER' | 'MATCH_WORD_TO_PICTURE' | 'WRITE_SENTENCES' | 'WORD_FILL_STRUCTURED_FORM' | 'CROSSWORD_PUZZLE' | 'FIND_WORDS_IN_MATRIX' | 'SORT_WORDS_INTO_CATEGORIES' | 'CHOOSE_THEN_ANSWER_GROUP' | 'WORD_ORDER_AND_MATCH_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_COMPARE_IMAGES' | 'LISTEN_AND_SPEAK_WITH_STORY_IMAGES' | 'LISTEN_AND_SPEAK_IMAGE_GROUP' | 'LISTEN_AND_SPEAK_ODD_ONE_OUT' | 'LISTEN_AND_SPEAK_QUESTION_LIST' | 'LISTEN_AND_SPEAK_INFO_EXCHANGE' | 'READ_DISPLAYED_CONTENT' | 'SPEAKING_DESCRIBE_IMAGE' | 'SPONTANEOUS_QA' | 'SPONTANEOUS_QA_GROUP' | 'SPEAKING_CONVERSATION' | 'GN_SPEAKING_INTERVIEW' | 'SPEAKING_CUE_CARD';
+import type { FillBlankQuestion, ChooseBestAnswerQuestion, ReadingPassageQuestion, LabelThePictureLabel, ColoringHintItem, ColoringRegion } from '../types';
+export type QuestionType = 'FILL_IN_BLANK' | 'WRITE_CORRECT_VERB_FORM' | 'CHOOSE_THE_CORRECT_ANSWER' | 'CHOOSE_THE_CORRECT_ANSWER_GROUP' | 'CHOOSE_CORRECT_ADJECTIVE' | 'WRITE_A_SHORT_LETTER' | 'READ_AND_COLOR_OBJECTS' | 'READ_PASSAGE_AND_ANSWER_QUESTIONS' | 'LABEL_THE_PICTURE' | 'FILL_MISSING_WORDS_IN_GRID' | 'IMAGE_OBJECT_MATCHING' | 'ANSWER_THE_QUESTION' | 'ANSWER_THE_QUESTION_GROUP' | 'TRUE_FALSE' | 'TRUE_FALSE_GROUP' | 'TRUE_FALSE_CORRECT_GROUP' | 'FILL_IN_BLANK_GROUP' | 'MATCHING_WITH_LINES_GROUP' | 'CROSS_OUT_WORD_GROUP' | 'WORD_ORDERING' | 'WORD_ORDERING_GROUP' | 'WORD_FILL_PARAGRAPH' | 'MATCH_BY_WRITING_ANSWER' | 'MATCH_WORD_TO_PICTURE' | 'WRITE_SENTENCES' | 'WORD_FILL_STRUCTURED_FORM' | 'CROSSWORD_PUZZLE' | 'FIND_WORDS_IN_MATRIX' | 'SORT_WORDS_INTO_CATEGORIES' | 'CHOOSE_THEN_ANSWER_GROUP' | 'WORD_ORDER_AND_MATCH_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_COMPARE_IMAGES' | 'LISTEN_AND_SPEAK_WITH_STORY_IMAGES' | 'LISTEN_AND_SPEAK_IMAGE_GROUP' | 'LISTEN_AND_SPEAK_ODD_ONE_OUT' | 'LISTEN_AND_SPEAK_QUESTION_LIST' | 'LISTEN_AND_SPEAK_INFO_EXCHANGE' | 'READ_DISPLAYED_CONTENT' | 'SPEAKING_DESCRIBE_IMAGE' | 'SPONTANEOUS_QA' | 'SPONTANEOUS_QA_GROUP' | 'SPEAKING_CONVERSATION' | 'SPEAKING_CUE_CARD';
 export interface ApiQuestion {
     id: string;
     content: any;
@@ -204,14 +204,6 @@ export declare function transformColorObjects(questions: ApiQuestion[]): {
     hintItems: ColoringHintItem[];
     regions: ColoringRegion[];
 };
-export declare function transformPictureChoose(questions: ApiQuestion[]): {
-    subQuestions: PictureChooseSubQuestion[];
-    instruction: string;
-};
-export declare function transformPictureFillBlankChoose(questions: ApiQuestion[]): {
-    subQuestions: PictureFillBlankSubQuestion[];
-    instruction: string;
-};
 export declare function transformReadingPassage(questions: ApiQuestion[]): {
     passage: string;
     passageTitle?: string;
@@ -225,11 +217,6 @@ export declare function transformLabelPicture(questions: ApiQuestion[]): {
     labels: LabelThePictureLabel[];
     instruction: string;
 };
-export declare function transformFillWordHint(questions: ApiQuestion[]): {
-    subQuestions: FillWordHintSubQuestion[];
-    hintLetters: string[];
-    instruction: string;
-};
 export declare function transformGridFill(questions: ApiQuestion[]): {
     grid: (string | null)[][];
     rows: number;

package/dist/components/exams/take/utils/question-transformers.js

@@ -618,49 +618,6 @@ export function transformColorObjects(questions) {
         regions,
     };
 }
-export function transformPictureChoose(questions) {
-    const firstContent = questions[0]?.content;
-    const subQuestions = questions.map((q) => {
-        const content = q.content;
-        return {
-            id: q.id,
-            questionNumber: q.question_number,
-            imageUrl: content.imageUrl || '',
-            questionText: content.questionText,
-            options: (content.options || []).map((opt, idx) => ({
-                id: opt.id || `${q.id}-opt-${idx}`,
-                label: OPTION_LABELS[idx] || String(idx + 1),
-                text: typeof opt === 'string' ? opt : opt.text,
-            })),
-        };
-    });
-    return {
-        subQuestions,
-        instruction: firstContent?.instruction || 'LOOK AT THE PICTURE AND CHOOSE THE CORRECT ANSWER',
-    };
-}
-export function transformPictureFillBlankChoose(questions) {
-    const firstContent = questions[0]?.content;
-    const subQuestions = questions.map((q) => {
-        const content = q.content;
-        return {
-            id: q.id,
-            questionNumber: q.question_number,
-            imageUrl: content.imageUrl || '',
-            question: content.question || '',
-            options: (content.options || []).map((opt, idx) => ({
-                id: opt.id || `${q.id}-opt-${idx}`,
-                label: OPTION_LABELS[idx] || String(idx + 1),
-                text: typeof opt === 'string' ? opt : opt.text,
-            })),
-        };
-    });
-    return {
-        subQuestions,
-        instruction: firstContent?.instruction ||
-            'LOOK AT THE PICTURE, FILL IN THE BLANK AND CHOOSE THE ANSWER',
-    };
-}
 /**
  * Detect if data uses new format (separate questions with questionGroup)
  * New format: content has 'question' field (not 'questions' array)
@@ -737,106 +694,6 @@ export function transformLabelPicture(questions) {
         instruction: content?.instruction || 'LABEL THE PICTURE',
     };
 }
-/**
- * Detect if content uses new format (single word with {n} placeholders)
- */
-function isNewFillWordHintFormat(content) {
-    return content && typeof content.word === 'string' && !content.subQuestions;
-}
-/**
- * Parse word string with numbered placeholders like "c{0}t, {1}lephan"
- * Returns array of parsed blanks with their segments
- */
-function parseNumberedPlaceholders(word) {
-    const results = [];
-    // Split by comma to handle multiple words like "c{0}t, {1}lephan"
-    const wordSegments = word.split(',').map((s) => s.trim());
-    for (const segment of wordSegments) {
-        // Find all placeholders in this segment
-        let match;
-        const segmentRegex = /\{(\d+)\}/g;
-        while ((match = segmentRegex.exec(segment)) !== null) {
-            const placeholderIndex = parseInt(match[1], 10);
-            // Replace {n} with _ for display
-            const displayWord = segment.replace(match[0], '_');
-            results.push({
-                index: placeholderIndex,
-                displayWord,
-            });
-        }
-    }
-    // Sort by index to ensure correct order
-    results.sort((a, b) => a.index - b.index);
-    return results;
-}
-export function transformFillWordHint(questions) {
-    const firstQuestion = questions[0];
-    const content = firstQuestion?.content;
-    // MULTI-QUESTION FORMAT: Multiple separate questions with same group_id
-    // Each has own id, imageUrl, and single {0} placeholder
-    if (questions.length > 1 && questions.every((q) => isNewFillWordHintFormat(q.content))) {
-        const hintLetters = firstQuestion.questionGroup?.payload?.hintLetters || [];
-        const subQuestions = questions.map((q) => {
-            const qContent = q.content;
-            // Replace {0} with underscore for display
-            const displayWord = qContent.word.replace(/\{\d+\}/, '_');
-            return {
-                id: q.id, // Use actual question ID (not synthetic)
-                questionNumber: q.question_number,
-                imageUrl: qContent.imageUrl || '',
-                word: displayWord,
-                // No blankIndex → triggers OLD FORMAT rendering (grid with individual images)
-            };
-        });
-        return {
-            subQuestions,
-            hintLetters,
-            instruction: content?.instruction ||
-                'LOOK AT THE PICTURE AND FILL IN THE MISSING LETTER',
-        };
-    }
-    // Detect format and transform accordingly
-    if (isNewFillWordHintFormat(content)) {
-        // NEW FORMAT: Single word with {0}, {1} placeholders
-        const newContent = content;
-        // Get hintLetters from questionGroup.payload (new location)
-        const hintLetters = firstQuestion.questionGroup?.payload?.hintLetters || [];
-        // Parse the word string to extract placeholders
-        const placeholders = parseNumberedPlaceholders(newContent.word);
-        // Create sub-questions for each placeholder
-        const subQuestions = placeholders.map((p) => ({
-            id: `${firstQuestion.id}-blank-${p.index}`,
-            questionNumber: firstQuestion.question_number,
-            imageUrl: newContent.imageUrl || '',
-            word: p.displayWord,
-            blankIndex: p.index,
-        }));
-        return {
-            subQuestions,
-            hintLetters,
-            instruction: newContent.instruction ||
-                'LOOK AT THE PICTURE AND FILL IN THE MISSING LETTER',
-        };
-    }
-    // OLD FORMAT: subQuestions array with individual images
-    const oldContent = content;
-    const subQuestions = oldContent?.subQuestions?.map((sq, idx) => ({
-        id: sq.id,
-        questionNumber: firstQuestion.question_number + idx,
-        imageUrl: sq.imageUrl || '',
-        word: sq.word || '',
-    })) || [];
-    // Try hintLetters from content first, then from questionGroup.payload
-    const hintLetters = oldContent?.hintLetters ||
-        firstQuestion.questionGroup?.payload?.hintLetters ||
-        [];
-    return {
-        subQuestions,
-        hintLetters,
-        instruction: oldContent?.instruction ||
-            'LOOK AT THE PICTURE AND FILL IN THE MISSING LETTER',
-    };
-}
 export function transformGridFill(questions) {
     const firstQuestion = questions[0];
     const content = firstQuestion?.content;

package/dist/components/questions/_shared/components/compact/CompactCreatorHeader.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+interface CompactCreatorHeaderProps {
+    icon: ReactNode;
+    title: string;
+    points?: {
+        value: number;
+        onValueChange: (value: number) => void;
+        error?: string;
+        allowZero?: boolean;
+    };
+    example?: {
+        checked: boolean;
+        onChange: (checked: boolean) => void;
+    };
+    preview?: {
+        onClick: () => void;
+        disabled?: boolean;
+    };
+    headerExtra?: ReactNode;
+    extraActions?: ReactNode;
+}
+export declare function CompactCreatorHeader({ icon, title, points, example, preview, headerExtra, extraActions, }: CompactCreatorHeaderProps): import("react").JSX.Element;
+export {};

package/dist/components/questions/_shared/components/compact/CompactCreatorHeader.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardTitle } from '../../../../../components/ui/card';
+import { PointsInput } from '../../../../../components/ui/points-input';
+import { CompactExampleToggle } from './CompactExampleToggle';
+import { CompactPreviewButton } from './CompactPreviewButton';
+export function CompactCreatorHeader({ icon, title, points, example, preview, headerExtra, extraActions, }) {
+    return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-gray-100 text-gray-600", children: icon }), _jsx(CardTitle, { className: "text-sm font-bold text-gray-900", children: title })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [points && (_jsx(PointsInput, { value: points.value, onValueChange: points.onValueChange, error: points.error, allowZero: points.allowZero })), example && (_jsx(CompactExampleToggle, { checked: example.checked, onChange: example.onChange })), extraActions, headerExtra, preview && (_jsx(CompactPreviewButton, { onClick: preview.onClick, disabled: preview.disabled }))] })] }));
+}

package/dist/components/questions/_shared/components/compact/CompactExampleToggle.d.ts

@@ -0,0 +1,6 @@
+interface CompactExampleToggleProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+export declare function CompactExampleToggle({ checked, onChange }: CompactExampleToggleProps): import("react").JSX.Element;
+export {};

package/dist/components/questions/_shared/components/compact/CompactExampleToggle.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Star } from 'lucide-react';
+export function CompactExampleToggle({ checked, onChange }) {
+    return (_jsxs("button", { type: "button", onClick: () => onChange(!checked), className: `inline-flex h-8 items-center gap-1.5 rounded-md border px-2.5 text-xs font-medium transition-colors select-none ${checked
+            ? 'border-amber-300 bg-amber-50 text-amber-700'
+            : 'border-gray-200 bg-white text-gray-400 hover:text-gray-600'}`, children: [_jsx(Star, { className: `h-3.5 w-3.5 ${checked ? 'fill-amber-400 text-amber-400' : ''}` }), "Example"] }));
+}

package/dist/components/questions/_shared/components/compact/CompactExplanationToggle.d.ts

@@ -0,0 +1,7 @@
+interface CompactExplanationToggleProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    defaultVisible?: boolean;
+}
+export declare function CompactExplanationToggle({ value, onValueChange, defaultVisible, }: CompactExplanationToggleProps): import("react").JSX.Element;
+export {};

package/dist/components/questions/_shared/components/compact/CompactExplanationToggle.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button } from '../../../../../components/ui/button';
+import { Textarea } from '../../../../../components/ui/textarea';
+import { Label } from '../../../../../components/ui/label';
+import { BookOpen } from 'lucide-react';
+export function CompactExplanationToggle({ value, onValueChange, defaultVisible, }) {
+    const [visible, setVisible] = useState(() => defaultVisible ?? Boolean(value));
+    if (!visible) {
+        return (_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setVisible(true), className: "h-8 gap-1.5 border-amber-200 px-2.5 text-xs text-amber-700 hover:bg-amber-50 hover:text-amber-800", children: [_jsx(BookOpen, { className: "h-3.5 w-3.5" }), value ? 'Hiện giải thích' : 'Thêm giải thích'] }));
+    }
+    return (_jsxs("div", { className: "relative pr-10", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setVisible(false), className: "absolute right-0 top-0 z-10 h-7 px-2 text-xs text-gray-500 hover:text-gray-700", children: "\u1EA8n" }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { className: "text-sm font-semibold text-gray-800", children: "Gi\u1EA3i th\u00EDch" }), _jsx(Textarea, { rows: 2, value: value, onChange: (event) => onValueChange(event.target.value), placeholder: "Nh\u1EADp gi\u1EA3i th\u00EDch (t\u00F9y ch\u1ECDn)", className: "min-h-[56px] border-gray-200" })] })] }));
+}