@tinyweb_dev/oe-exam-sdk 1.0.5 → 1.0.7

package/dist/shared/lib/i18n/messages/vi/admin.js

@@ -1711,9 +1711,6 @@ const admin = {
     'admin.exams.partEditor.skillReading': 'Đọc',
     'admin.exams.partEditor.skillWriting': 'Viết',
     'admin.exams.partEditor.qtFillMissingWordsInGrid': 'Điền chữ cái còn thiếu',
-    'admin.exams.partEditor.qtLookPictureFillBlankChooseAnswer': 'Nhìn tranh, điền vào chỗ trống',
-    'admin.exams.partEditor.qtLookPictureChooseCorrectAnswer': 'Nhìn tranh, chọn đáp án đúng',
-    'admin.exams.partEditor.qtLookPictureFillWordHint': 'Nhìn tranh, điền từ (có gợi ý)',
     'admin.exams.partEditor.qtLabelThePicture': 'Gắn nhãn cho tranh',
     'admin.exams.partEditor.qtReadAndColorObjects': 'Đọc và tô màu',
     'admin.exams.partEditor.qtMultipleChoice': 'Trắc nghiệm',

package/dist/shared/lib/i18n/messages/vi.d.ts

@@ -1718,9 +1718,6 @@ declare const vi: {
     readonly 'admin.exams.partEditor.skillReading': "Đọc";
     readonly 'admin.exams.partEditor.skillWriting': "Viết";
     readonly 'admin.exams.partEditor.qtFillMissingWordsInGrid': "Điền chữ cái còn thiếu";
-    readonly 'admin.exams.partEditor.qtLookPictureFillBlankChooseAnswer': "Nhìn tranh, điền vào chỗ trống";
-    readonly 'admin.exams.partEditor.qtLookPictureChooseCorrectAnswer': "Nhìn tranh, chọn đáp án đúng";
-    readonly 'admin.exams.partEditor.qtLookPictureFillWordHint': "Nhìn tranh, điền từ (có gợi ý)";
     readonly 'admin.exams.partEditor.qtLabelThePicture': "Gắn nhãn cho tranh";
     readonly 'admin.exams.partEditor.qtReadAndColorObjects': "Đọc và tô màu";
     readonly 'admin.exams.partEditor.qtMultipleChoice': "Trắc nghiệm";

package/dist/shared/lib/utils/question-reverse-transform.js

@@ -50,21 +50,6 @@ const reverseChooseTheCorrectAnswer = (apiQuestion) => {
         },
     };
 };
-const reversePictureChoice = (apiQuestion) => {
-    const content = asRecord(apiQuestion.content);
-    const answer = readAnswer(apiQuestion);
-    return {
-        content: '',
-        answer: {
-            imageUrl: asString(content.imageUrl),
-            question: asString(content.question),
-            options: asArray(content.options).map((option) => typeof option === 'string' ? option : asString(asRecord(option).text)),
-            correctAnswer: answer.answer ?? answer.correctAnswer ?? -1,
-            explanation: asString(apiQuestion.explanation),
-            points: readPoints(apiQuestion),
-        },
-    };
-};
 const reverseFillInBlank = (apiQuestion) => {
     const content = asRecord(apiQuestion.content);
     const answer = readAnswer(apiQuestion);
@@ -796,15 +781,12 @@ const handlers = {
     CROSS_OUT_WORD_GROUP: reverseCrossOutWordGroup,
     WORD_ORDER_AND_MATCH_GROUP: reverseWordOrderAndMatchGroup,
     WORD_ORDER_AND_MATCH: reverseWordOrderAndMatchGroup,
-    LOOK_PICTURE_CHOOSE_CORRECT_ANSWER: reversePictureChoice,
-    LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER: reversePictureChoice,
     FILL_IN_BLANK: reverseFillInBlank,
     READ_PASSAGE_AND_ANSWER_QUESTIONS: reverseReadPassage,
     LABEL_THE_PICTURE: reverseLabelPicture,
     READ_AND_COLOR_OBJECTS: reverseGroupPayload,
     IMAGE_OBJECT_MATCHING: reverseGroupPayload,
     FILL_MISSING_WORDS_IN_GRID: reverseGrid,
-    LOOK_PICTURE_FILL_WORD_HINT: reverseGroupPayload,
     ANSWER_THE_QUESTION: reverseGroupPayload,
     TRUE_FALSE: reverseSimpleAnswer,
     WORD_ORDERING: reverseSimpleAnswer,
@@ -832,7 +814,6 @@ const handlers = {
     SPONTANEOUS_QA_GROUP: reverseSpontaneousQaGroup,
     SPEAKING_CONVERSATION: reverseGroupPayload,
     SPEAKING_CUE_CARD: reverseSimpleAnswer,
-    GN_SPEAKING_INTERVIEW: reverseGroupPayload,
     CROSSWORD_PUZZLE: reverseCrosswordPuzzle,
     FIND_WORDS_IN_MATRIX: reverseFindWordsInMatrix,
     SORT_WORDS_INTO_CATEGORIES: reverseSortWordsIntoCategories,

package/dist/shared/lib/utils/question-transform-types.d.ts

@@ -244,28 +244,6 @@ export interface FillMissingWordsInGridAnswerData {
     }>;
     caseSensitive?: boolean;
 }
-export interface LookAndChooseAnswerData {
-    subQuestions: Array<{
-        id: string;
-        imageUrl: string;
-        question: string;
-        options: Array<{
-            id: string;
-            text: string;
-            isCorrect: boolean;
-        }>;
-    }>;
-}
-export interface LookPictureFillWordHintAnswerData {
-    subQuestions: Array<{
-        id: string;
-        imageUrl: string;
-        word: string;
-        correctAnswer: string;
-    }>;
-    hintLetters?: string[];
-    caseSensitive?: boolean;
-}
 export interface LabelThePictureAnswerData {
     imageUrl: string;
     wordBank: string[];
@@ -374,7 +352,7 @@ export interface ListenAndDragObjectsIntoSceneAnswerData {
     }>;
     groupNumber?: number;
 }
-export type QuestionAnswerData = ListenImageMatchingAnswerData | ListenOrReadChooseAnswerData | ReadChooseAppropriateWordAnswerData | ListenAndChooseAnswerData | ListenAndFillWordAnswerData | TickTrueFalseOrYesNoAnswerData | LookPictureAndTickTrueFalseAnswerData | FillInTheBlankVariantsAnswerData | ListenAndColorObjectsAnswerData | ArrangeLettersIntoWordsAnswerData | WriteShortParagraphAnswerData | ListenAndWriteAnswerData | ViewImageAndFillInTheBlankAnswerData | ReadAndChooseBestAnswerData | LookPictureFillWordAnswerData | FillMissingWordsInGridAnswerData | LookAndChooseAnswerData | LookPictureFillWordHintAnswerData | LabelThePictureAnswerData | ReadAndColorObjectsAnswerData | ReadPassageAndAnswerQuestionsAnswerData | AnswerTheQuestionAnswerData | ListenAndChooseFromAnswerGroupAnswerData | ListenAndChooseObjectsInSceneAnswerData | ListenAndDragObjectsIntoSceneAnswerData;
+export type QuestionAnswerData = ListenImageMatchingAnswerData | ListenOrReadChooseAnswerData | ReadChooseAppropriateWordAnswerData | ListenAndChooseAnswerData | ListenAndFillWordAnswerData | TickTrueFalseOrYesNoAnswerData | LookPictureAndTickTrueFalseAnswerData | FillInTheBlankVariantsAnswerData | ListenAndColorObjectsAnswerData | ArrangeLettersIntoWordsAnswerData | WriteShortParagraphAnswerData | ListenAndWriteAnswerData | ViewImageAndFillInTheBlankAnswerData | ReadAndChooseBestAnswerData | LookPictureFillWordAnswerData | FillMissingWordsInGridAnswerData | LabelThePictureAnswerData | ReadAndColorObjectsAnswerData | ReadPassageAndAnswerQuestionsAnswerData | AnswerTheQuestionAnswerData | ListenAndChooseFromAnswerGroupAnswerData | ListenAndChooseObjectsInSceneAnswerData | ListenAndDragObjectsIntoSceneAnswerData;
 export interface LookPictureFillWordAnswerData {
     instruction: string;
     wordLimit: number;

package/dist/shared/lib/utils/question-transform-validation.js

@@ -14,15 +14,6 @@ export function validateQuestionForTransform(question) {
         case 'FILL_MISSING_WORDS_IN_GRID':
             validateGrid(content, answer, errors);
             break;
-        case 'LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER':
-            validatePictureFillBlank(answer, errors);
-            break;
-        case 'LOOK_PICTURE_CHOOSE_CORRECT_ANSWER':
-            validatePictureChoose(answer, errors);
-            break;
-        case 'LOOK_PICTURE_FILL_WORD_HINT':
-            validateWordHint(answer, errors);
-            break;
         case 'LABEL_THE_PICTURE':
             validateLabelPicture(answer, errors);
             break;
@@ -81,37 +72,6 @@ function validateGrid(content, answer, errors) {
     if (!isNonEmptyRecord(answer?.answers))
         errors.push('At least one missing letter is required');
 }
-function validatePictureFillBlank(answer, errors) {
-    if (!hasText(answer?.imageUrl))
-        errors.push('Vui lòng upload hình ảnh');
-    if (!hasText(answer?.question))
-        errors.push('Vui lòng nhập nội dung câu hỏi');
-    validateOptions(answer?.options, errors);
-    if (answer?.correctAnswer === undefined || answer.correctAnswer === -1)
-        errors.push('Vui lòng chọn đáp án đúng');
-}
-function validatePictureChoose(answer, errors) {
-    if (!hasText(answer?.imageUrl))
-        errors.push('Vui lòng upload hình ảnh');
-    validateOptions(answer?.options, errors);
-    if (typeof answer?.correctAnswer !== 'number' || answer.correctAnswer < 0)
-        errors.push('Vui lòng chọn đáp án đúng');
-}
-function validateWordHint(answer, errors) {
-    if (!hasItems(answer?.subQuestions)) {
-        errors.push('Vui lòng nhập dữ liệu câu hỏi');
-        return;
-    }
-    answer.subQuestions.forEach((rawSubQuestion) => {
-        const subQuestion = asRecord(rawSubQuestion);
-        if (!hasText(subQuestion?.imageUrl))
-            errors.push('Vui lòng upload hình ảnh');
-        if (!hasText(subQuestion?.word))
-            errors.push('Vui lòng nhập từ có chỗ trống');
-        if (!hasText(subQuestion?.correctAnswer))
-            errors.push('Vui lòng nhập đáp án đúng');
-    });
-}
 function validateLabelPicture(answer, errors) {
     if (!hasText(answer?.imageUrl))
         errors.push('Vui lòng upload hình ảnh');

package/dist/shared/lib/utils/question-transform.js

@@ -1,8 +1,5 @@
 import { validateQuestionForTransform } from './question-transform-validation';
 // ─── Import transforms từ từng question type ────────────────────────────────
-import { transformLookPictureChooseCorrectAnswer } from '../../../components/questions/types/look-picture-choose-correct-answer/transform';
-import { transformLookPictureFillBlankChooseAnswer } from '../../../components/questions/types/look-picture-fill-blank-choose-answer/transform';
-import { transformLookPictureFillWordHint } from '../../../components/questions/types/look-picture-fill-word-hint/transform';
 import { transformReadAndColorObjects } from '../../../components/questions/types/read-and-color-objects/transform';
 import { transformReadPassageAndAnswerQuestions } from '../../../components/questions/types/read-passage-and-answer-questions/transform';
 import { transformArrangeLettersIntoWords } from '../../../components/questions/types/arrange-letters-into-words/transform';
@@ -43,7 +40,6 @@ import { transformSpontaneousQA } from '../../../components/questions/types/spon
 import { transformSpontaneousQaGroup } from '../../../components/questions/types/spontaneous-qa-group/transform';
 import { transformSpeakingConversation } from '../../../components/questions/types/speaking-conversation/transform';
 import { transformSpeakingCueCard } from '../../../components/questions/types/speaking-cue-card/transform';
-import { transformGNSpeakingInterview } from '../../../components/questions/types/gn-speaking-interview/transform';
 import { transformWordFillStructuredForm } from '../../../components/questions/types/word-fill-structured-form/transform';
 import { transformCrosswordPuzzle } from '../../../components/questions/types/crossword-puzzle/transform';
 import { transformFindWordsInMatrix } from '../../../components/questions/types/find-words-in-matrix/transform';
@@ -54,10 +50,6 @@ import { transformMatchWordToPictureGroup } from '../../../components/questions/
 import { transformWordOrderingGroup } from '../../../components/questions/types/word-ordering-group/transform';
 // ─── Handler map ────────────────────────────────────────────────────────────
 const questionTransformHandlers = {
-    // Look picture
-    LOOK_PICTURE_CHOOSE_CORRECT_ANSWER: transformLookPictureChooseCorrectAnswer,
-    LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER: transformLookPictureFillBlankChooseAnswer,
-    LOOK_PICTURE_FILL_WORD_HINT: transformLookPictureFillWordHint,
     // Reading
     READ_AND_COLOR_OBJECTS: transformReadAndColorObjects,
     IMAGE_OBJECT_MATCHING: transformReadAndColorObjects,
@@ -101,7 +93,6 @@ const questionTransformHandlers = {
     SPONTANEOUS_QA_GROUP: transformSpontaneousQaGroup,
     SPEAKING_CONVERSATION: transformSpeakingConversation,
     SPEAKING_CUE_CARD: transformSpeakingCueCard,
-    GN_SPEAKING_INTERVIEW: transformGNSpeakingInterview,
     WORD_FILL_STRUCTURED_FORM: transformWordFillStructuredForm,
     CROSSWORD_PUZZLE: transformCrosswordPuzzle,
     FIND_WORDS_IN_MATRIX: transformFindWordsInMatrix,

package/dist/shared/types/common.types.d.ts

@@ -29,7 +29,7 @@ export declare enum StudentSelectionType {
 }
 export type ResultStatus = 'PENDING' | 'PARTIAL_GRADED' | 'GRADED';
 export type StudentStatus = 'NOT_STARTED' | 'IN_PROGRESS' | 'SUBMITTED';
-export type QuestionType = 'FILL_IN_BLANK' | 'TRUE_FALSE' | 'MATCHING' | 'ORDERING' | 'LISTENING' | 'COLORING' | 'ESSAY' | 'LISTEN_AND_FILL_IN_THE_BLANK_WITH_IMAGE' | 'LISTEN_AND_TICK_ANSWER' | 'LISTEN_AND_FILL_NAME_NUMBER' | 'LISTENING_FILL_BLANK' | 'LISTENING_COLOR' | 'TICK_TRUE_OR_FALSE' | 'TICK_YES_OR_NO' | 'READING_TICK_CROSS' | 'ARRANGE_LETTERS_INTO_WORDS' | 'READ_PASSAGE_AND_COMPLETE_STORY' | 'CLOZE_TEST_WITH_TICK_BOX' | 'READ_AND_CHOOSE_APPROPRIATE_WORD' | 'WRITE_SHORT_PARAGRAPH' | 'LABEL_THE_PICTURE' | 'READING_LETTER_ARRANGE' | 'READING_PASSAGE_FILL' | 'FILL_BLANK' | 'FILL_MISSING_WORDS_IN_GRID' | 'LOOK_PICTURE_CHOOSE_CORRECT_ANSWER' | 'LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER' | 'LOOK_PICTURE_FILL_WORD_HINT' | 'LABEL_THE_PICTURE' | 'READ_AND_COLOR_OBJECTS' | 'IMAGE_OBJECT_MATCHING' | 'READ_PASSAGE_AND_ANSWER_QUESTIONS' | 'CHOOSE_THE_CORRECT_ANSWER' | 'CHOOSE_THE_CORRECT_ANSWER_GROUP' | 'TRUE_FALSE_GROUP' | 'TRUE_FALSE_CORRECT_GROUP' | 'FILL_IN_BLANK_GROUP' | 'MATCHING_WITH_LINES_GROUP' | 'CROSS_OUT_WORD_GROUP' | 'SPONTANEOUS_QA_GROUP' | 'WORD_ORDER_AND_MATCH_GROUP' | 'WRITE_A_SHORT_LETTER' | 'WRITE_CORRECT_VERB_FORM' | 'CHOOSE_CORRECT_ADJECTIVE' | 'ANSWER_THE_QUESTION' | 'ANSWER_THE_QUESTION_GROUP' | 'WORD_ORDERING' | 'WORD_FILL_PARAGRAPH' | 'MATCH_BY_WRITING_ANSWER' | 'MATCH_WORD_TO_PICTURE' | 'WRITE_SENTENCES' | 'LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP' | 'LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE' | '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_ODD_ONE_OUT' | 'LISTEN_AND_SPEAK_INFO_EXCHANGE' | 'READ_DISPLAYED_CONTENT' | 'SPEAKING_DESCRIBE_IMAGE' | 'SPONTANEOUS_QA' | 'SPEAKING_CONVERSATION' | 'GN_SPEAKING_INTERVIEW' | 'SPEAKING_CUE_CARD' | 'WORD_FILL_STRUCTURED_FORM' | 'CROSSWORD_PUZZLE' | 'FIND_WORDS_IN_MATRIX' | 'SORT_WORDS_INTO_CATEGORIES' | 'CHOOSE_THEN_ANSWER_GROUP' | 'MATCH_COLUMNS_TO_MAKE_SENTENCES' | 'MATCH_WORD_TO_PICTURE_GROUP' | 'WORD_ORDERING_GROUP';
+export type QuestionType = 'FILL_IN_BLANK' | 'TRUE_FALSE' | 'MATCHING' | 'ORDERING' | 'LISTENING' | 'COLORING' | 'ESSAY' | 'LISTEN_AND_FILL_IN_THE_BLANK_WITH_IMAGE' | 'LISTEN_AND_TICK_ANSWER' | 'LISTEN_AND_FILL_NAME_NUMBER' | 'LISTENING_FILL_BLANK' | 'LISTENING_COLOR' | 'TICK_TRUE_OR_FALSE' | 'TICK_YES_OR_NO' | 'READING_TICK_CROSS' | 'ARRANGE_LETTERS_INTO_WORDS' | 'READ_PASSAGE_AND_COMPLETE_STORY' | 'CLOZE_TEST_WITH_TICK_BOX' | 'READ_AND_CHOOSE_APPROPRIATE_WORD' | 'WRITE_SHORT_PARAGRAPH' | 'LABEL_THE_PICTURE' | 'READING_LETTER_ARRANGE' | 'READING_PASSAGE_FILL' | 'FILL_BLANK' | 'FILL_MISSING_WORDS_IN_GRID' | 'LABEL_THE_PICTURE' | 'READ_AND_COLOR_OBJECTS' | 'IMAGE_OBJECT_MATCHING' | 'READ_PASSAGE_AND_ANSWER_QUESTIONS' | 'CHOOSE_THE_CORRECT_ANSWER' | 'CHOOSE_THE_CORRECT_ANSWER_GROUP' | 'TRUE_FALSE_GROUP' | 'TRUE_FALSE_CORRECT_GROUP' | 'FILL_IN_BLANK_GROUP' | 'MATCHING_WITH_LINES_GROUP' | 'CROSS_OUT_WORD_GROUP' | 'SPONTANEOUS_QA_GROUP' | 'WORD_ORDER_AND_MATCH_GROUP' | 'WRITE_A_SHORT_LETTER' | 'WRITE_CORRECT_VERB_FORM' | 'CHOOSE_CORRECT_ADJECTIVE' | 'ANSWER_THE_QUESTION' | 'ANSWER_THE_QUESTION_GROUP' | 'WORD_ORDERING' | 'WORD_FILL_PARAGRAPH' | 'MATCH_BY_WRITING_ANSWER' | 'MATCH_WORD_TO_PICTURE' | 'WRITE_SENTENCES' | 'LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP' | 'LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE' | '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_ODD_ONE_OUT' | 'LISTEN_AND_SPEAK_INFO_EXCHANGE' | 'READ_DISPLAYED_CONTENT' | 'SPEAKING_DESCRIBE_IMAGE' | 'SPONTANEOUS_QA' | 'SPEAKING_CONVERSATION' | 'SPEAKING_CUE_CARD' | 'WORD_FILL_STRUCTURED_FORM' | 'CROSSWORD_PUZZLE' | 'FIND_WORDS_IN_MATRIX' | 'SORT_WORDS_INTO_CATEGORIES' | 'CHOOSE_THEN_ANSWER_GROUP' | 'MATCH_COLUMNS_TO_MAKE_SENTENCES' | 'MATCH_WORD_TO_PICTURE_GROUP' | 'WORD_ORDERING_GROUP';
 export type Level = 'Pre-A1' | 'A1' | 'A2' | 'B1' | 'B2' | 'C1' | 'C2';
 export type Difficulty = 'EASY' | 'MEDIUM' | 'HARD';
 export type Skill = 'LISTENING' | 'READING' | 'WRITING' | 'SPEAKING';

package/dist/shared/types/entities/question.types.d.ts

@@ -217,16 +217,6 @@ export interface LookAndChooseAnswer {
         }>;
     }>;
 }
-export interface LookPictureFillWordHintAnswer {
-    subQuestions: Array<{
-        id: string;
-        imageUrl: string;
-        word: string;
-        correctAnswer: string;
-        hintLetters?: string[];
-    }>;
-    caseSensitive?: boolean;
-}
 export interface ReadPassageAndAnswerQuestionsAnswer {
     passage: string;
     passageTitle?: string;
@@ -267,7 +257,7 @@ export interface ListenAndChooseObjectsInSceneAnswer {
     }>;
     correctObjectId: string;
 }
-export type QuestionAnswer = MultipleChoiceAnswer | FillInBlankAnswer | TrueFalseAnswer | MatchingAnswer | OrderingAnswer | ListeningAnswer | ColoringAnswer | EssayAnswer | ListeningImageMatchingAnswer | ListeningFillBlankAnswer | ListeningMultipleChoiceAnswer | ListeningColorAnswer | ReadingTickCrossAnswer | ReadingLetterArrangeAnswer | ReadingPassageFillAnswer | ListenAndTickAnswer | ListenAndFillWordAnswer | ViewImageAndFillInTheBlankAnswer | FillMissingWordsInGridAnswer | LookAndChooseAnswer | LookPictureFillWordHintAnswer | ReadPassageAndAnswerQuestionsAnswer | WriteCorrectVerbFormAnswer | ListenAndChooseObjectsInSceneAnswer;
+export type QuestionAnswer = MultipleChoiceAnswer | FillInBlankAnswer | TrueFalseAnswer | MatchingAnswer | OrderingAnswer | ListeningAnswer | ColoringAnswer | EssayAnswer | ListeningImageMatchingAnswer | ListeningFillBlankAnswer | ListeningMultipleChoiceAnswer | ListeningColorAnswer | ReadingTickCrossAnswer | ReadingLetterArrangeAnswer | ReadingPassageFillAnswer | ListenAndTickAnswer | ListenAndFillWordAnswer | ViewImageAndFillInTheBlankAnswer | FillMissingWordsInGridAnswer | LookAndChooseAnswer | ReadPassageAndAnswerQuestionsAnswer | WriteCorrectVerbFormAnswer | ListenAndChooseObjectsInSceneAnswer;
 export interface Question extends BaseEntity {
     type: QuestionType;
     content: string;

package/dist/shared/types/questions/index.d.ts

@@ -21,10 +21,7 @@ export * from './choose-the-correct-answer-group';
 export * from './cross-out-word-group';
 export * from './write-correct-verb-form';
 export * from './choose-correct-adjective';
-export * from './look-picture-fill-blank-choose-answer';
 export * from './fill-missing-words-in-grid';
-export * from './look-picture-fill-word-hint';
-export * from './look-picture-choose-correct-answer';
 export * from './listen-and-speak-answer';
 export * from './read-displayed-content';
 export * from './speaking-describe-image';

package/dist/shared/types/questions/index.js

@@ -27,14 +27,8 @@ export * from './cross-out-word-group';
 export * from './write-correct-verb-form';
 // CHOOSE_CORRECT_ADJECTIVE
 export * from './choose-correct-adjective';
-// LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER
-export * from './look-picture-fill-blank-choose-answer';
 // FILL_MISSING_WORDS_IN_GRID
 export * from './fill-missing-words-in-grid';
-// LOOK_PICTURE_FILL_WORD_HINT
-export * from './look-picture-fill-word-hint';
-// LOOK_PICTURE_CHOOSE_CORRECT_ANSWER
-export * from './look-picture-choose-correct-answer';
 // Add more question types here as they are created:
 // etc.
 export * from './listen-and-speak-answer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinyweb_dev/oe-exam-sdk",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Reusable OceanEdu question components.",
   "type": "module",
   "main": "./dist/index.js",

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

@@ -1,2 +0,0 @@
-import type { MoversFillWordHintRendererProps } from '../../types';
-export declare function MoversFillWordHintRenderer({ partNumber, partName, questionCount, instruction, hintLetters, subQuestions, answers, onAnswerChange, isReviewMode, }: MoversFillWordHintRendererProps): import("react").JSX.Element;

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

@@ -1,131 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ZoomIn, Check } from 'lucide-react';
-import { ResolvedImage } from '../../../../../components/common/ResolvedImage';
-import CambridgeYlePartBanner from '../../../../../components/themes/cambridge-yle/CambridgeYlePartBanner';
-import CambridgeYleInstructionBanner from '../../../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner';
-// Image with zoom functionality
-function QuestionImage({ imageUrl, alt }) {
-    const [isZoomed, setIsZoomed] = useState(false);
-    // Don't render if no imageUrl
-    if (!imageUrl) {
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative flex items-center justify-center", children: [_jsx(ResolvedImage, { src: imageUrl, alt: alt, className: "h-24 w-24 cursor-pointer rounded-lg object-cover shadow-md", onClick: () => setIsZoomed(true) }), _jsx("button", { type: "button", onClick: () => setIsZoomed(true), className: "absolute -right-1 -top-1 rounded-full bg-white/80 p-1 shadow-md hover:bg-white", "aria-label": "Zoom image", children: _jsx(ZoomIn, { className: "h-3 w-3 text-gray-600" }) })] }), isZoomed && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/70", onClick: () => setIsZoomed(false), children: _jsx(ResolvedImage, { src: imageUrl, alt: `${alt} (zoomed)`, className: "max-h-[90vh] max-w-[90vw] rounded-lg object-contain", showLoadingState: false }) }))] }));
-}
-// Hint Letters Component
-function HintLetters({ letters }) {
-    return (_jsxs("div", { className: "rounded-lg border-2 border-amber-200 bg-amber-50 p-4", children: [_jsx("p", { className: "mb-3 text-sm font-semibold text-amber-800", children: "Available Letters:" }), _jsx("div", { className: "flex flex-wrap gap-2", children: letters.map((letter, index) => (_jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-white text-lg font-bold text-amber-700 shadow-sm", children: letter }, index))) })] }));
-}
-// Word with blank display
-function WordWithBlank({ word, answer, isReviewMode, correctAnswer, }) {
-    // Find the position of the underscore
-    const blankIndex = word.indexOf('_');
-    const before = word.slice(0, blankIndex);
-    const after = word.slice(blankIndex + 1);
-    const isCorrect = isReviewMode && answer.toLowerCase() === correctAnswer?.toLowerCase();
-    const isWrong = isReviewMode && answer && answer.toLowerCase() !== correctAnswer?.toLowerCase();
-    const didNotAnswer = isReviewMode && !answer;
-    const getBlankStyle = () => {
-        if (!isReviewMode)
-            return 'border-blue-400 bg-blue-50 text-blue-600';
-        if (isCorrect)
-            return 'border-green-500 bg-green-100 text-green-600';
-        if (isWrong)
-            return 'border-red-500 bg-red-100 text-red-600';
-        if (didNotAnswer)
-            return 'border-blue-500 bg-blue-50 text-blue-600';
-        return 'border-gray-300 bg-gray-50 text-gray-400';
-    };
-    // Show correct answer when user didn't answer or was wrong
-    const displayValue = didNotAnswer ? correctAnswer : (answer || '_');
-    return (_jsxs("div", { className: "flex items-center justify-center text-2xl font-bold tracking-wider text-gray-700", children: [_jsx("span", { children: before }), _jsx("span", { className: `mx-0.5 inline-flex h-8 w-8 items-center justify-center rounded border-2 ${getBlankStyle()}`, children: displayValue }), _jsx("span", { children: after })] }));
-}
-// Single Sub-Question Component
-function SubQuestionItem({ subQuestion, answer, onChange, isReviewMode, hintLetters, id, }) {
-    const isCorrect = isReviewMode &&
-        answer.toLowerCase() === subQuestion.correctAnswer?.toLowerCase();
-    const isWrong = isReviewMode &&
-        answer &&
-        answer.toLowerCase() !== subQuestion.correctAnswer?.toLowerCase();
-    const didNotAnswer = isReviewMode && !answer;
-    return (_jsxs("div", { id: id, className: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-start gap-3", children: [_jsx("span", { className: "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-sm font-bold text-white", children: subQuestion.questionNumber }), _jsx(QuestionImage, { imageUrl: subQuestion.imageUrl, alt: `Question ${subQuestion.questionNumber}` })] }), _jsx("div", { className: "mb-3", children: _jsx(WordWithBlank, { word: subQuestion.word, answer: answer, isReviewMode: isReviewMode, correctAnswer: subQuestion.correctAnswer }) }), _jsx("div", { className: "flex flex-wrap justify-center gap-2", children: hintLetters.map((letter, index) => {
-                    const isSelected = answer.toLowerCase() === letter.toLowerCase();
-                    const isCorrectLetter = subQuestion.correctAnswer?.toLowerCase() === letter.toLowerCase();
-                    const userDidNotAnswer = !answer;
-                    const userWasWrong = answer && answer.toLowerCase() !== subQuestion.correctAnswer?.toLowerCase();
-                    let buttonStyle = 'border-gray-300 bg-white hover:border-blue-300';
-                    let textStyle = 'text-gray-700';
-                    if (isReviewMode) {
-                        if (isCorrectLetter) {
-                            // Blue if user didn't answer or was wrong, green if correct
-                            buttonStyle = (userDidNotAnswer || userWasWrong)
-                                ? 'border-blue-500 bg-blue-50'
-                                : 'border-green-500 bg-green-100';
-                            textStyle = 'text-gray-800 font-bold';
-                        }
-                        else if (isSelected && !isCorrectLetter) {
-                            buttonStyle = 'border-red-500 bg-red-100';
-                            textStyle = 'text-gray-800 font-bold';
-                        }
-                        else {
-                            textStyle = 'text-gray-600';
-                        }
-                    }
-                    else if (isSelected) {
-                        buttonStyle = 'border-blue-500 bg-blue-100';
-                    }
-                    return (_jsx("button", { type: "button", onClick: () => !isReviewMode && onChange(letter), disabled: isReviewMode, className: `flex h-10 w-10 items-center justify-center rounded-lg border-2 text-lg transition-colors ${buttonStyle} ${textStyle} ${isReviewMode ? 'cursor-default' : 'cursor-pointer'}`, children: letter }, index));
-                }) }), isReviewMode && (_jsxs("div", { className: "mt-2 flex items-center justify-center gap-2", children: [isCorrect && (_jsxs("span", { className: "flex items-center gap-1 text-sm font-medium text-green-600", children: [_jsx(Check, { className: "h-4 w-4" }), " Correct"] })), isWrong && (_jsxs("span", { className: "text-sm font-medium text-blue-600", children: ["Correct answer: ", subQuestion.correctAnswer] })), didNotAnswer && (_jsxs("span", { className: "flex items-center gap-1 text-sm font-medium text-blue-600", children: ["Correct answer: ", subQuestion.correctAnswer] }))] }))] }));
-}
-// New format sub-question item (single image shared, inline display)
-function NewFormatSubQuestionItem({ subQuestion, answer, onChange, isReviewMode, hintLetters, id, }) {
-    const isCorrect = isReviewMode &&
-        answer.toLowerCase() === subQuestion.correctAnswer?.toLowerCase();
-    const isWrong = isReviewMode &&
-        answer &&
-        answer.toLowerCase() !== subQuestion.correctAnswer?.toLowerCase();
-    const didNotAnswer = isReviewMode && !answer;
-    return (_jsxs("div", { id: id, className: "flex flex-col items-center gap-2 rounded-lg border border-gray-200 bg-white p-4", children: [_jsx(WordWithBlank, { word: subQuestion.word, answer: answer, isReviewMode: isReviewMode, correctAnswer: subQuestion.correctAnswer }), _jsx("div", { className: "flex flex-wrap justify-center gap-1", children: hintLetters.map((letter, index) => {
-                    const isSelected = answer.toLowerCase() === letter.toLowerCase();
-                    const isCorrectLetter = subQuestion.correctAnswer?.toLowerCase() === letter.toLowerCase();
-                    const userDidNotAnswer = !answer;
-                    const userWasWrong = answer &&
-                        answer.toLowerCase() !== subQuestion.correctAnswer?.toLowerCase();
-                    let buttonStyle = 'border-gray-300 bg-white hover:border-blue-300';
-                    let textStyle = 'text-gray-700';
-                    if (isReviewMode) {
-                        if (isCorrectLetter) {
-                            buttonStyle =
-                                userDidNotAnswer || userWasWrong
-                                    ? 'border-blue-500 bg-blue-50'
-                                    : 'border-green-500 bg-green-100';
-                            textStyle = 'text-gray-800 font-bold';
-                        }
-                        else if (isSelected && !isCorrectLetter) {
-                            buttonStyle = 'border-red-500 bg-red-100';
-                            textStyle = 'text-gray-800 font-bold';
-                        }
-                        else {
-                            textStyle = 'text-gray-600';
-                        }
-                    }
-                    else if (isSelected) {
-                        buttonStyle = 'border-blue-500 bg-blue-100';
-                    }
-                    return (_jsx("button", { type: "button", onClick: () => !isReviewMode && onChange(letter), disabled: isReviewMode, className: `flex h-8 w-8 items-center justify-center rounded-lg border-2 text-base transition-colors ${buttonStyle} ${textStyle} ${isReviewMode ? 'cursor-default' : 'cursor-pointer'}`, children: letter }, index));
-                }) }), isReviewMode && (_jsxs("div", { className: "flex items-center justify-center gap-2", children: [isCorrect && (_jsxs("span", { className: "flex items-center gap-1 text-xs font-medium text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), " Correct"] })), (isWrong || didNotAnswer) && (_jsxs("span", { className: "text-xs font-medium text-blue-600", children: ["Correct answer: ", subQuestion.correctAnswer] }))] }))] }));
-}
-export function MoversFillWordHintRenderer({ partNumber, partName, questionCount, instruction, hintLetters, subQuestions, answers, onAnswerChange, isReviewMode = false, }) {
-    // Detect if this is new format (single shared image, multiple blanks with blankIndex)
-    const isNewFormat = subQuestions.length > 0 &&
-        subQuestions[0].blankIndex !== undefined &&
-        subQuestions.every((sq) => sq.imageUrl === subQuestions[0].imageUrl);
-    if (isNewFormat) {
-        // NEW FORMAT: Single card with shared image and multiple blank inputs
-        return (_jsxs("div", { className: "flex h-full flex-col gap-4 overflow-y-auto p-6", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(CambridgeYlePartBanner, { partNumber: partNumber, questionCount: questionCount, partName: partName, isReviewMode: isReviewMode }), _jsx(CambridgeYleInstructionBanner, { instruction: instruction, isReviewMode: isReviewMode }), _jsx(HintLetters, { letters: hintLetters })] }), _jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-6 shadow-sm", children: [_jsx("div", { className: "mb-6 flex justify-center", children: _jsx(QuestionImage, { imageUrl: subQuestions[0].imageUrl, alt: "Question image" }) }), _jsx("div", { className: "flex flex-wrap justify-center gap-4", children: subQuestions.map((subQuestion) => (_jsx(NewFormatSubQuestionItem, { id: `question-${subQuestion.id}`, subQuestion: subQuestion, answer: answers[subQuestion.id] || '', onChange: (value) => onAnswerChange(subQuestion.id, value), isReviewMode: isReviewMode, hintLetters: hintLetters }, subQuestion.id))) })] })] }));
-    }
-    // OLD FORMAT: Grid of individual cards (each with its own image)
-    return (_jsxs("div", { className: "flex h-full flex-col gap-4 overflow-y-auto p-6", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(CambridgeYlePartBanner, { partNumber: partNumber, questionCount: questionCount, partName: partName, isReviewMode: isReviewMode }), _jsx(CambridgeYleInstructionBanner, { instruction: instruction, isReviewMode: isReviewMode }), _jsx(HintLetters, { letters: hintLetters })] }), _jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: subQuestions.map((subQuestion) => (_jsx(SubQuestionItem, { id: `question-${subQuestion.id}`, subQuestion: subQuestion, answer: answers[subQuestion.id] || '', onChange: (value) => onAnswerChange(subQuestion.id, value), isReviewMode: isReviewMode, hintLetters: hintLetters }, subQuestion.id))) })] }));
-}

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

@@ -1,2 +0,0 @@
-import type { MoversPictureChooseRendererProps } from '../../types';
-export declare function MoversPictureChooseRenderer({ partNumber, partName, questionCount, instruction, subQuestions, answers, onAnswerChange, isReviewMode, }: MoversPictureChooseRendererProps): import("react").JSX.Element;

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

@@ -1,76 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ZoomIn, Check, X } from 'lucide-react';
-import { ResolvedImage } from '../../../../../components/common/ResolvedImage';
-import CambridgeYlePartBanner from '../../../../../components/themes/cambridge-yle/CambridgeYlePartBanner';
-import CambridgeYleInstructionBanner from '../../../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner';
-// Image with zoom functionality
-function QuestionImage({ imageUrl, alt }) {
-    const [isZoomed, setIsZoomed] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative flex items-center justify-center", children: [_jsx(ResolvedImage, { src: imageUrl, alt: alt, className: "max-h-[180px] cursor-pointer rounded-lg object-contain shadow-md", onClick: () => setIsZoomed(true) }), _jsx("button", { type: "button", onClick: () => setIsZoomed(true), className: "absolute right-2 top-2 rounded-full bg-white/80 p-1.5 shadow-md hover:bg-white", "aria-label": "Zoom image", children: _jsx(ZoomIn, { className: "h-4 w-4 text-gray-600" }) })] }), isZoomed && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/70", onClick: () => setIsZoomed(false), children: _jsx(ResolvedImage, { src: imageUrl, alt: `${alt} (zoomed)`, className: "max-h-[90vh] max-w-[90vw] rounded-lg object-contain", showLoadingState: false }) }))] }));
-}
-// Single Sub-Question Component
-function SubQuestionItem({ subQuestion, selectedOptionId, onSelect, isReviewMode, id, }) {
-    // Review mode states
-    const isUserCorrect = isReviewMode && selectedOptionId === subQuestion.correctOptionId;
-    const getOptionStyle = (optionId) => {
-        if (!isReviewMode) {
-            return selectedOptionId === optionId
-                ? 'border-blue-500 bg-[#f4f9ff]'
-                : 'border-blue-200 bg-white hover:border-blue-300 hover:bg-blue-50/30';
-        }
-        // Review mode
-        const isSelected = selectedOptionId === optionId;
-        const isCorrect = subQuestion.correctOptionId === optionId;
-        if (isCorrect) {
-            // ✅ Green if user answered correctly
-            // ⚪ Blue if user didn't answer or was wrong (show correct answer)
-            return isUserCorrect
-                ? 'border-green-500 bg-green-50'
-                : 'border-blue-500 bg-blue-50';
-        }
-        if (isSelected && !isCorrect) {
-            // ❌ Red for wrong answer
-            return 'border-red-500 bg-red-50';
-        }
-        return 'border-blue-200 bg-white';
-    };
-    const getRadioStyle = (optionId) => {
-        if (!isReviewMode) {
-            return selectedOptionId === optionId
-                ? 'border-blue-500 bg-blue-500'
-                : 'border-gray-300 bg-white';
-        }
-        // Review mode
-        const isSelected = selectedOptionId === optionId;
-        const isCorrect = subQuestion.correctOptionId === optionId;
-        if (isCorrect) {
-            return isUserCorrect
-                ? 'border-green-500 bg-green-500'
-                : 'border-blue-500 bg-blue-500';
-        }
-        if (isSelected && !isCorrect) {
-            return 'border-red-500 bg-red-500';
-        }
-        return 'border-gray-300 bg-white';
-    };
-    // Get icon for review mode
-    const getReviewIcon = (optionId) => {
-        if (!isReviewMode)
-            return null;
-        const isSelected = selectedOptionId === optionId;
-        const isCorrect = subQuestion.correctOptionId === optionId;
-        if (isCorrect) {
-            return _jsx(Check, { className: "h-4 w-4 text-white" });
-        }
-        if (isSelected && !isCorrect) {
-            return _jsx(X, { className: "h-4 w-4 text-white" });
-        }
-        return null;
-    };
-    return (_jsxs("div", { id: id, className: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-start gap-3", children: [_jsx("span", { className: "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-sm font-bold text-white", children: subQuestion.questionNumber }), _jsx(QuestionImage, { imageUrl: subQuestion.imageUrl, alt: `Question ${subQuestion.questionNumber}` })] }), subQuestion.questionText && (_jsx("p", { className: "mb-3 text-[17px] font-bold text-[#001590]", children: subQuestion.questionText })), _jsx("div", { className: "flex flex-col gap-2", children: subQuestion.options.map((option) => (_jsxs("button", { type: "button", onClick: () => !isReviewMode && onSelect(option.id), disabled: isReviewMode, className: `flex items-center gap-3 rounded-lg border-2 px-3 py-2 text-left transition-colors ${getOptionStyle(option.id)} ${isReviewMode ? 'cursor-default' : 'cursor-pointer'}`, children: [_jsxs("span", { className: "text-sm font-medium text-gray-600", children: [option.label, "."] }), _jsx("span", { className: "flex-1 text-sm text-gray-700", children: option.text }), _jsx("div", { className: `flex h-5 w-5 items-center justify-center rounded-full border-2 ${getRadioStyle(option.id)}`, children: isReviewMode ? (getReviewIcon(option.id)) : (selectedOptionId === option.id && (_jsx("div", { className: "h-2 w-2 rounded-full bg-white" }))) })] }, option.id))) })] }));
-}
-export function MoversPictureChooseRenderer({ partNumber, partName, questionCount, instruction, subQuestions, answers, onAnswerChange, isReviewMode = false, }) {
-    return (_jsxs("div", { className: "flex h-full flex-col gap-4 overflow-y-auto p-6", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(CambridgeYlePartBanner, { partNumber: partNumber, questionCount: questionCount, partName: partName, isReviewMode: isReviewMode }), _jsx(CambridgeYleInstructionBanner, { instruction: instruction, isReviewMode: isReviewMode })] }), _jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: subQuestions.map((subQuestion) => (_jsx(SubQuestionItem, { id: `question-${subQuestion.id}`, subQuestion: subQuestion, selectedOptionId: answers[subQuestion.id], onSelect: (optionId) => onAnswerChange(subQuestion.id, optionId), isReviewMode: isReviewMode }, subQuestion.id))) })] }));
-}

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

@@ -1,2 +0,0 @@
-import type { MoversPictureFillBlankChooseRendererProps } from '../../types';
-export declare function MoversPictureFillBlankChooseRenderer({ partNumber, partName, questionCount, instruction, subQuestions, answers, onAnswerChange, isReviewMode, }: MoversPictureFillBlankChooseRendererProps): import("react").JSX.Element;

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

@@ -1,68 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ZoomIn } from 'lucide-react';
-import { ResolvedImage } from '../../../../../components/common/ResolvedImage';
-import CambridgeYlePartBanner from '../../../../../components/themes/cambridge-yle/CambridgeYlePartBanner';
-import CambridgeYleInstructionBanner from '../../../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner';
-// Image with zoom functionality
-function QuestionImage({ imageUrl, alt }) {
-    const [isZoomed, setIsZoomed] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative flex items-center justify-center", children: [_jsx(ResolvedImage, { src: imageUrl, alt: alt, className: "max-h-[150px] cursor-pointer rounded-lg object-contain shadow-md", onClick: () => setIsZoomed(true) }), _jsx("button", { type: "button", onClick: () => setIsZoomed(true), className: "absolute right-1 top-1 rounded-full bg-white/80 p-1 shadow-md hover:bg-white", "aria-label": "Zoom image", children: _jsx(ZoomIn, { className: "h-3 w-3 text-gray-600" }) })] }), isZoomed && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/70", onClick: () => setIsZoomed(false), children: _jsx(ResolvedImage, { src: imageUrl, alt: `${alt} (zoomed)`, className: "max-h-[90vh] max-w-[90vw] rounded-lg object-contain", showLoadingState: false }) }))] }));
-}
-// Render question text with blank highlight
-function QuestionWithBlank({ question, selectedAnswer, isReviewMode, isCorrect, }) {
-    // Split by {0} placeholder
-    const parts = question.split('{0}');
-    const getBlankStyle = () => {
-        if (!isReviewMode || !selectedAnswer) {
-            return 'border-blue-400 text-blue-600';
-        }
-        return isCorrect
-            ? 'border-green-500 text-green-600'
-            : 'border-red-500 text-red-600';
-    };
-    return (_jsxs("p", { className: "text-sm font-medium text-gray-700", children: [parts[0], _jsx("span", { className: `mx-1 inline-block min-w-[60px] border-b-2 border-dashed px-2 text-center font-semibold ${getBlankStyle()}`, children: selectedAnswer || '______' }), parts[1]] }));
-}
-// Single Sub-Question Component
-function SubQuestionItem({ subQuestion, selectedOptionId, onSelect, isReviewMode, id, }) {
-    const selectedOption = subQuestion.options.find((o) => o.id === selectedOptionId);
-    // Review mode states
-    const isUserCorrect = isReviewMode && selectedOptionId === subQuestion.correctOptionId;
-    const getOptionStyle = (optionId) => {
-        if (!isReviewMode) {
-            return selectedOptionId === optionId
-                ? 'border-blue-500 bg-blue-50'
-                : 'border-gray-300 bg-white hover:border-blue-300';
-        }
-        // Review mode
-        const isSelected = selectedOptionId === optionId;
-        const isCorrect = subQuestion.correctOptionId === optionId;
-        if (isCorrect) {
-            // ✅ Green if user answered correctly
-            // ⚪ Blue if user didn't answer or was wrong (show correct answer)
-            return isUserCorrect
-                ? 'border-green-500 bg-green-50'
-                : 'border-blue-500 bg-blue-50';
-        }
-        if (isSelected && !isCorrect) {
-            // ❌ Red for wrong answer
-            return 'border-red-500 bg-red-50';
-        }
-        return 'border-gray-300 bg-white';
-    };
-    const getTextStyle = (optionId) => {
-        if (!isReviewMode)
-            return 'text-gray-700';
-        const isSelected = selectedOptionId === optionId;
-        const isCorrect = subQuestion.correctOptionId === optionId;
-        if (isCorrect || isSelected) {
-            return 'text-gray-800 font-bold';
-        }
-        return 'text-gray-600';
-    };
-    return (_jsxs("div", { id: id, className: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-start gap-3", children: [_jsx("span", { className: "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-sm font-bold text-white", children: subQuestion.questionNumber }), _jsx(QuestionImage, { imageUrl: subQuestion.imageUrl, alt: `Question ${subQuestion.questionNumber}` })] }), _jsx("div", { className: "mb-3", children: _jsx(QuestionWithBlank, { question: subQuestion.question, selectedAnswer: selectedOption?.text, isReviewMode: isReviewMode, isCorrect: selectedOptionId === subQuestion.correctOptionId }) }), _jsx("div", { className: "flex flex-wrap gap-2", children: subQuestion.options.map((option) => (_jsxs("button", { type: "button", onClick: () => !isReviewMode && onSelect(option.id), disabled: isReviewMode, className: `rounded-lg border-2 px-3 py-1.5 text-sm transition-colors ${getOptionStyle(option.id)} ${getTextStyle(option.id)} ${isReviewMode ? 'cursor-default' : 'cursor-pointer'}`, children: [option.label, ". ", option.text] }, option.id))) })] }));
-}
-export function MoversPictureFillBlankChooseRenderer({ partNumber, partName, questionCount, instruction, subQuestions, answers, onAnswerChange, isReviewMode = false, }) {
-    return (_jsxs("div", { className: "flex h-full flex-col gap-4 overflow-y-auto p-6", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(CambridgeYlePartBanner, { partNumber: partNumber, questionCount: questionCount, partName: partName, isReviewMode: isReviewMode }), _jsx(CambridgeYleInstructionBanner, { instruction: instruction, isReviewMode: isReviewMode })] }), _jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: subQuestions.map((subQuestion) => (_jsx(SubQuestionItem, { id: `question-${subQuestion.id}`, subQuestion: subQuestion, selectedOptionId: answers[subQuestion.id], onSelect: (optionId) => onAnswerChange(subQuestion.id, optionId), isReviewMode: isReviewMode }, subQuestion.id))) })] }));
-}

package/dist/components/exams/take/components/speaking/renderers/SpeakingGNInterviewRenderer.d.ts

@@ -1,16 +0,0 @@
-import type { QuestionPart } from '../../../utils/question-transformers';
-interface SpeakingGNInterviewRendererProps {
-    part: QuestionPart;
-    answers: Record<string, unknown>;
-    onAnswerChange: (questionId: string, value: unknown) => void;
-    isReviewMode?: boolean;
-    onExit: () => void;
-    onPartComplete?: () => void;
-    onPartBack?: () => void;
-    speakingTheme?: string;
-    teacherVideoUrl?: string;
-    onTeacherIntroPlayed?: () => void;
-    skipTeacherVideo?: boolean;
-}
-export declare function SpeakingGNInterviewRenderer(props: SpeakingGNInterviewRendererProps): import("react").JSX.Element;
-export {};