@tinyweb_dev/oe-exam-sdk 0.1.2 → 0.1.4

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

@@ -0,0 +1,362 @@
+/**
+ * Question Transformers - Transform API response to renderer props
+ *
+ * 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_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' | 'TRUE_FALSE' | 'WORD_ORDERING' | 'WORD_FILL_PARAGRAPH' | 'MATCH_BY_WRITING_ANSWER' | 'WRITE_SENTENCES' | 'WORD_FILL_STRUCTURED_FORM' | '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' | 'SPEAKING_CONVERSATION' | 'GN_SPEAKING_INTERVIEW' | 'SPEAKING_CUE_CARD';
+export interface ApiQuestion {
+    id: string;
+    content: any;
+    is_example: boolean;
+    total_points: string;
+    question_type: QuestionType;
+    explanation: string;
+    difficult_level: string;
+    question_skill_type: string;
+    exam_id: string;
+    part_id: string;
+    part_no: number;
+    question_number: number;
+    correct_answer?: any;
+    audio_url?: string;
+    group_id?: string;
+    questionGroup?: {
+        id: string;
+        payload: {
+            passage?: string;
+            passageTitle?: string;
+            passageImageUrl?: string;
+            mainImageUrl?: string;
+            instructions?: string;
+            hintLetters?: string[];
+            [key: string]: any;
+        };
+    } | null;
+}
+export interface QuestionPart {
+    partId: string;
+    partNo: number;
+    questionType: QuestionType;
+    questions: ApiQuestion[];
+    name?: string;
+    instructions?: string;
+    audioUrl?: string;
+    templateOrder?: number;
+    category?: string;
+    /** Section-level metadata carried from the template when a part is split by sections. */
+    sectionId?: number;
+    isGroup?: boolean;
+    optionMode?: string;
+    optionCount?: number;
+    viewMode?: string;
+    defaultValue?: string[];
+    multipleAnswers?: boolean;
+    questionConfig?: string[];
+    wordBankConfig?: string[];
+    group?: TemplateGroupConfig;
+    /** Section list kept whole for IELTS Reading parts (DOCUMENT passage + mixed sub-sections). */
+    sections?: TemplateSection[];
+    /** Zero-based exam-order start index of this part/section (for question numbering). */
+    startIndex?: number;
+    endIndex?: number;
+}
+/** Nested template group payload ({ items, config, type }) from the API template. */
+export interface TemplateGroupConfig {
+    items?: Array<{
+        number: number;
+        questionCount: number;
+    }>;
+    config?: string[];
+    type?: string;
+}
+/**
+ * Section within a template part (for parts with mixed question types)
+ * Used in Movers P8 (2 sections) and P11 (3 sections), and IELTS parts
+ * whose sections mix question types (e.g. SECTION 2 / Reading passages).
+ */
+export interface TemplateSection {
+    name?: string;
+    sectionId?: number;
+    startIndex: number;
+    endIndex: number;
+    questionType: QuestionType;
+    questionCount: number;
+    viewMode?: string;
+    instructions?: string;
+    isGroup?: boolean;
+    optionMode?: string;
+    optionCount?: number;
+    defaultValue?: string[];
+    multipleAnswers?: boolean;
+    questionConfig?: string[];
+    wordBankConfig?: string[];
+    group?: TemplateGroupConfig;
+}
+/**
+ * Template part structure from exam.template.parts
+ */
+export interface TemplatePart {
+    id: string | number;
+    name: string;
+    instructions?: string;
+    sections?: TemplateSection[];
+    audioUrl?: string;
+    category?: string;
+}
+/**
+ * Group questions by part_id AND questionGroup.id
+ * This ensures questions with different passages (different questionGroups)
+ * within the same part are properly separated.
+ *
+ * Handles template sections: parts with `sections` array are split into
+ * multiple QuestionPart entries with section-specific questionTypes.
+ * Used for Movers P8 (2 sections) and P11 (3 sections).
+ *
+ * @param questions - API questions to group
+ * @param templateParts - Optional template parts with name/instructions metadata
+ */
+export declare function groupQuestionsByPart(questions: ApiQuestion[], templateParts?: TemplatePart[]): QuestionPart[];
+export declare function transformFillInBlank(questions: ApiQuestion[]): {
+    questions: FillBlankQuestion[];
+    title: string;
+    imageUrl?: string;
+    audioUrl?: string;
+    exampleText?: string;
+    exampleHighlight?: string;
+    instruction: string;
+    showHints?: boolean;
+    groupContent?: string;
+    groupTitle?: string;
+    groupImageUrl?: string;
+};
+export declare function transformWriteCorrectVerbForm(questions: ApiQuestion[]): {
+    questions: FillBlankQuestion[];
+    title: string;
+    instruction: string;
+};
+export declare function transformChooseCorrectAnswer(questions: ApiQuestion[]): {
+    questions: ChooseBestAnswerQuestion[];
+    example?: import('../types').ChooseBestAnswerExample;
+    imageUrl?: string;
+    groupImageUrl?: string;
+    groupTitle?: string;
+    groupContent?: string;
+    articles?: Array<{
+        name: string;
+        content: string;
+        imageUrl?: string;
+    }>;
+    audioUrl?: string;
+    instruction: string;
+};
+export interface ChooseAdjectiveOption {
+    id: string;
+    label: string;
+    text: string;
+}
+export interface ChooseAdjectiveQuestion {
+    id: string;
+    questionNumber: number;
+    sentenceBefore: string;
+    sentenceAfter: string;
+    options: ChooseAdjectiveOption[];
+}
+export declare function transformChooseCorrectAdjective(questions: ApiQuestion[]): {
+    questions: ChooseAdjectiveQuestion[];
+    instruction: string;
+};
+export declare function transformWriteShortLetter(question: ApiQuestion): {
+    prompt: string;
+    requirements?: string[];
+    minWords?: number;
+    maxWords?: number;
+    guideImages?: string[];
+};
+export declare function transformColorObjects(questions: ApiQuestion[]): {
+    instruction: string;
+    instructions?: string[];
+    imageUrl: string;
+    audioUrl?: string;
+    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;
+    passageImageUrl?: string;
+    instruction: string;
+    questions: ReadingPassageQuestion[];
+};
+export declare function transformLabelPicture(questions: ApiQuestion[]): {
+    imageUrl: string;
+    wordBank: string[];
+    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;
+    columns: number;
+    instruction: string;
+    disabledCells: string[];
+};
+export interface AnswerTheQuestionQuestion {
+    id: string;
+    questionNumber: number;
+    question: string;
+    imageUrl?: string;
+    prefixText?: string;
+    suffixText?: string;
+    suggestedAnswers?: string[];
+    isExample: boolean;
+    exampleAnswer?: string;
+}
+export declare function transformAnswerTheQuestion(questions: ApiQuestion[]): {
+    questions: AnswerTheQuestionQuestion[];
+    instruction: string;
+    imageUrl?: string;
+    title?: string;
+    groupContent?: string;
+};
+export interface TrueFalseQuestion {
+    id: string;
+    questionNumber: number;
+    question: string;
+    imageUrl?: string;
+    isExample: boolean;
+    exampleCorrectAnswer?: boolean;
+}
+export declare function transformTrueFalse(questions: ApiQuestion[]): {
+    questions: TrueFalseQuestion[];
+    instruction: string;
+    imageUrl?: string;
+    groupContent?: string;
+};
+export interface WordOrderingQuestion {
+    id: string;
+    questionNumber: number;
+    words: string[];
+    imageUrl?: string;
+    isExample: boolean;
+    exampleAnswer?: string[];
+}
+export declare function transformWordOrdering(questions: ApiQuestion[]): {
+    questions: WordOrderingQuestion[];
+    instruction: string;
+};
+export declare function transformWordFillParagraph(questions: ApiQuestion[]): {
+    questionId: string;
+    paragraph: string;
+    title?: string;
+    imageUrl?: string;
+    wordBank: Array<{
+        word: string;
+        imageUrl?: string;
+        isExample?: boolean;
+    }>;
+    viewMode: 'WITH_WORD_BANK' | 'WITH_OPTIONS' | 'DEFAULT' | 'EMAIL';
+    instruction: string;
+    exampleAnswer?: string[];
+    emailFrom?: string;
+    emailTo?: string;
+};
+export interface MatchByWritingAnswerQuestion {
+    id: string;
+    questionNumber: number;
+    question: string;
+    imageUrl?: string;
+    isExample: boolean;
+    exampleAnswer?: string;
+    askerName?: string;
+    answererName?: string;
+}
+export interface MatchByWritingAnswerOption {
+    answer: string;
+    imageUrl: string;
+    content?: string;
+}
+export declare function transformMatchByWritingAnswer(questions: ApiQuestion[]): {
+    questions: MatchByWritingAnswerQuestion[];
+    options: MatchByWritingAnswerOption[];
+    instruction: string;
+    viewMode: 'DEFAULT' | 'CONVERSATION';
+    groupImageUrl?: string;
+    askerName?: string;
+    answererName?: string;
+};
+export declare function transformWriteSentences(questions: ApiQuestion[]): {
+    questions: Array<{
+        id: string;
+        questionNumber: number;
+    }>;
+    instruction: string;
+    imageUrl?: string;
+    title?: string;
+    groupContent?: string;
+};
+export interface WordFillStructuredFormQuestion {
+    id: string;
+    questionNumber: number;
+    title: string;
+    imageUrl?: string;
+    content: string;
+    answers: Record<string, string>;
+    caseSensitive: boolean;
+}
+export declare function transformWordFillStructuredForm(questions: ApiQuestion[]): {
+    questions: WordFillStructuredFormQuestion[];
+    instruction: string;
+    groupTitle?: string;
+    groupContent?: string;
+    groupImageUrl?: string;
+    audioUrl?: string;
+};
+export interface SceneObjectNode {
+    id: string;
+    imageUrl: string;
+    label: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare function transformListenChooseObjects(questions: ApiQuestion[]): {
+    audioUrl: string;
+    backgroundImageUrl: string;
+    objectNodes: SceneObjectNode[];
+    correctObjectId: string;
+    isBackup: boolean;
+    instruction: string;
+};
+export interface ListenSpeakAnswerArrowNode {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare function transformListenSpeakAnswer(questions: ApiQuestion[]): {
+    questions: Array<{
+        id: string;
+        questionNumber: number;
+        audioUrl: string;
+        arrowNode?: ListenSpeakAnswerArrowNode;
+        backgroundImageUrl: string;
+        isBackup: boolean;
+    }>;
+    instruction: string;
+};

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

@@ -0,0 +1 @@
+export function groupQuestionsByPart(e,t){const n=new Map,o=new Map;for(const t of e){const e=o.get(t.part_id)||[];e.push(t),o.set(t.part_id,e)}for(const[e,r]of o.entries()){const o=[...r].sort((e,t)=>e.question_number-t.question_number),i=o[0];if(!i)continue;const s=t?.find(t=>String(t.id)===String(e)),a=void 0!==s?.id?Number(s.id):void 0,u=s?.name?.match(/\d+/),c=u?parseInt(u[0],10):i.part_no,l=s?.group,m=Boolean(s?.isGroup)&&"DOCUMENT"===l?.type,p=s?.sections??[],d=new Set(p.map(e=>e.questionType).filter(Boolean)),g=p.length>1&&d.size>1;if(m||g){const t=`${e}_part`;n.set(t,{partId:e,partNo:c,questionType:i.question_type,questions:o,name:s?.name,instructions:s?.instructions,audioUrl:s?.audioUrl,templateOrder:a,category:s?.category,isGroup:!0,group:l,sections:s?.sections,startIndex:s?.startIndex,endIndex:s?.endIndex});continue}if(!s?.sections?.length){const t=`${e}_part`;n.set(t,{partId:e,partNo:c,questionType:i.question_type,questions:o,name:s?.name,instructions:s?.instructions,audioUrl:s?.audioUrl,templateOrder:a,category:s?.category,isGroup:s?.isGroup,optionMode:s?.optionMode,optionCount:s?.optionCount,viewMode:s?.viewMode,defaultValue:s?.defaultValue,multipleAnswers:s?.multipleAnswers,questionConfig:s?.questionConfig,wordBankConfig:s?.wordBankConfig,group:s?.group,startIndex:s?.startIndex,endIndex:s?.endIndex});continue}for(const[t,r]of s.sections.entries()){const i=o.filter(e=>{const t=e.question_number-1;return t>=r.startIndex&&t<=r.endIndex});if(!i.length)continue;const u=`${e}_section_${t}`,l=Boolean(r.isGroup||r.group?.type);n.set(u,{partId:e,partNo:c,questionType:r.questionType||i[0].question_type,questions:i,name:s.name,instructions:r.instructions||r.name||s.instructions,audioUrl:s.audioUrl,templateOrder:a,category:s.category,sectionId:r.sectionId,isGroup:l,optionMode:r.optionMode,optionCount:r.optionCount,viewMode:r.viewMode,defaultValue:r.defaultValue,multipleAnswers:r.multipleAnswers,questionConfig:r.questionConfig,wordBankConfig:r.wordBankConfig,group:r.group,startIndex:r.startIndex,endIndex:r.endIndex})}}return Array.from(n.values()).sort((e,t)=>{const n=void 0===e.templateOrder||isNaN(e.templateOrder)?1/0:e.templateOrder,o=void 0===t.templateOrder||isNaN(t.templateOrder)?1/0:t.templateOrder;return n!==o?n-o:(e.questions[0]?.question_number||0)-(t.questions[0]?.question_number||0)})}export function transformFillInBlank(e){const t=e[0],n=t?.content,o=t?.questionGroup?.payload,r=[];for(const t of e){const e=t.content,n=t.is_example||!1,o=e.question||e.blanks?.[0]?.text||"";if([...o.matchAll(/\{(\d+)\}/g)].length>1){const i=o.split("\n").filter(e=>e.trim());for(const o of i){const i=o.match(/\{(\d+)\}/);if(!i)continue;const s=parseInt(i[1],10),a=o.split(/\{\d+\}/),u=a[0]?.trim()||"",c=a[1]?.trim()||"";r.push({id:`${t.id}-blank-${s}`,questionNumber:t.question_number,textBefore:u,textAfter:c,imageUrl:e.imageUrl,hints:e.hints,isExample:n,correctAnswer:n?t.correct_answer?.answers?.[s]:void 0})}}else{const i=o.match(/^(.*?)\{0\}(.*)$/),s=i?i[1].trim():o,a=i?i[2].trim():"";r.push({id:t.id,questionNumber:t.question_number,textBefore:s,textAfter:a,imageUrl:e.imageUrl,hints:e.hints,isExample:n,correctAnswer:n?t.correct_answer?.answers?.[0]:void 0})}}return{questions:r,title:n?.title||o?.title||"FILL IN THE BLANK",imageUrl:n?.imageUrl,audioUrl:n?.audioUrl,exampleText:n?.exampleText,exampleHighlight:n?.exampleHighlight,instruction:n?.instruction||"LISTEN AND WRITE",showHints:n?.showHints,groupContent:o?.content||o?.groupContent,groupTitle:o?.title,groupImageUrl:o?.mainImageUrl||o?.imageUrl}}export function transformWriteCorrectVerbForm(e){const t=e[0],n=t?.content;return{questions:e.map(e=>{const t=e.content,n=t.sentence||"",o=n.match(/^(.*?)\{0\}(.*)$/),r=o?o[1].trim():n,i=o?o[2].trim():"";return{id:e.id,questionNumber:e.question_number,textBefore:r,textAfter:i,verbHint:t.verbHint}}),title:"WRITE THE CORRECT VERB FORM",instruction:n?.instruction||"Write the correct form of the verb in parentheses."}}const e=["A","B","C","D","E","F"];export function transformChooseCorrectAnswer(t){const n=t[0]?.content,o=t[0]?.questionGroup?.payload,r=t.find(e=>e.is_example),i=t.filter(e=>!e.is_example);let s;if(r){const t=r.content,n=(t.options||[]).map((t,n)=>({id:`${r.id}-opt-${n}`,label:e[n]||String(n+1),text:t})),o="number"==typeof r.correct_answer?.answer?r.correct_answer.answer:-1;s={questionNumber:r.question_number,questionText:t.question||"",options:n,correctOptionId:o>=0?n[o]?.id||"":n[0]?.id||"",optionType:t.optionType||"text",imageUrl:t.imageUrl}}return{questions:i.map(t=>{const n=t.content,o=n.optionType||"text",r=(n.options||[]).map((n,o)=>({id:`${t.id}-opt-${o}`,label:e[o]||String(o+1),text:n})),i=t.correct_answer?.answer,s=Array.isArray(i)?i.filter(e=>"number"==typeof e).map(e=>r[e]?.id).filter(e=>Boolean(e)):"number"==typeof i?[r[i]?.id].filter(e=>Boolean(e)):[];return{id:t.id,questionNumber:t.question_number,questionText:n.question||"",options:r,correctOptionId:s[0],correctOptionIds:s,imageUrl:n.imageUrl,optionType:o,multipleAnswers:Boolean(n.multipleAnswers||Array.isArray(i)),explanation:t.explanation}}),example:s,imageUrl:n?.imageUrl,groupImageUrl:o?.mainImageUrl||o?.imageUrl,groupTitle:o?.title,groupContent:o?.content,articles:o?.articles,audioUrl:n?.audioUrl,instruction:n?.instruction||"CHOOSE THE CORRECT ANSWER"}}export function transformChooseCorrectAdjective(t){return{questions:t.map(t=>{const n=t.content,o=n.sentence||"",r=o.match(/^(.*?)\{0\}(.*)$/),i=r?r[1]:o,s=r?r[2]:"";return{id:t.id,questionNumber:t.question_number,sentenceBefore:i,sentenceAfter:s,options:(n.options||[]).map((n,o)=>({id:`${t.id}-opt-${o}`,label:e[o]||String(o+1),text:n}))}}),instruction:"CHOOSE THE CORRECT ADJECTIVE"}}export function transformWriteShortLetter(e){const t=e.content;if(t.instructions?.mainInstruction||t.informations?.length)return{prompt:t.instructions?.mainInstruction||"",requirements:t.informations,minWords:t.minWords,maxWords:t.maxWords,guideImages:t.guideImages};return{prompt:t.contexts?.filter(e=>"text"===e.type).map(e=>e.text).join("\n")||"",minWords:t.minWords,maxWords:t.maxWords,guideImages:t.guideImages}}export function transformColorObjects(e){const t=e[0],n=t?.content,o=n?.colorNodes?.map(e=>({id:e.id,color:e.color,label:e.label}))||n?.hintItems||[],r=n?.regionNodes?.map(e=>({id:e.id,x:e.x,y:e.y,width:e.width,height:e.height,correctHintId:e.linkedColorNodeId}))||n?.regions||[],i=n?.instructions;return{instruction:(i&&i.length>0?i.join(" "):n?.instruction)||"READ AND COLOR THE OBJECTS",instructions:i,imageUrl:n?.backgroundImageUrl||n?.imageUrl||"",audioUrl:n?.audioUrl,hintItems:o,regions:r}}export function transformPictureChoose(t){const n=t[0]?.content;return{subQuestions:t.map(t=>{const n=t.content;return{id:t.id,questionNumber:t.question_number,imageUrl:n.imageUrl||"",questionText:n.questionText,options:(n.options||[]).map((n,o)=>({id:n.id||`${t.id}-opt-${o}`,label:e[o]||String(o+1),text:"string"==typeof n?n:n.text}))}}),instruction:n?.instruction||"LOOK AT THE PICTURE AND CHOOSE THE CORRECT ANSWER"}}export function transformPictureFillBlankChoose(t){const n=t[0]?.content;return{subQuestions:t.map(t=>{const n=t.content;return{id:t.id,questionNumber:t.question_number,imageUrl:n.imageUrl||"",question:n.question||"",options:(n.options||[]).map((n,o)=>({id:n.id||`${t.id}-opt-${o}`,label:e[o]||String(o+1),text:"string"==typeof n?n:n.text}))}}),instruction:n?.instruction||"LOOK AT THE PICTURE, FILL IN THE BLANK AND CHOOSE THE ANSWER"}}export function transformReadingPassage(t){if(function(e){const t=e[0];if(!t)return!1;const n=t.content;return void 0!==n?.question&&!n?.questions&&void 0!==t.questionGroup?.payload?.passage}(t)){const n=t[0],o=n.questionGroup?.payload||{},r=t.map(t=>{const n=t.content;return{id:t.id,questionNumber:t.question_number,questionText:n?.question||"",options:(n?.options||[]).map((n,o)=>({id:`${t.id}-opt-${o}`,label:e[o]||String(o+1),text:"string"==typeof n?n:String(n)}))}});return{passage:o.passage||"",passageTitle:o.passageTitle,passageImageUrl:o.passageImageUrl||o.mainImageUrl,instruction:o.instructions||"READ THE PASSAGE AND ANSWER QUESTIONS",questions:r}}const n=t[0],o=n?.content,r=o?.questions?.map((t,o)=>({id:t.id||`${n.id}-sq-${o}`,questionNumber:o+1,questionText:t.question,options:(t.options||[]).map((o,r)=>({id:`${t.id||n.id}-opt-${r}`,label:e[r]||String(r+1),text:o}))}))||[];return{passage:o?.passage||"",passageTitle:o?.passageTitle,passageImageUrl:o?.passageImageUrl||o?.mainImageUrl,instruction:o?.instructions?.mainInstruction||"READ THE PASSAGE AND ANSWER QUESTIONS",questions:r}}export function transformLabelPicture(e){const t=e[0],n=t?.content;return{imageUrl:n?.imageUrl||"",wordBank:n?.wordBank||[],labels:n?.labels?.map(e=>({id:e.id,number:e.number,isPreFilled:e.isPreFilled||!1,correctAnswer:e.correctAnswer}))||[],instruction:n?.instruction||"LABEL THE PICTURE"}}function t(e){return e&&"string"==typeof e.word&&!e.subQuestions}export function transformFillWordHint(e){const n=e[0],o=n?.content;if(e.length>1&&e.every(e=>t(e.content))){const t=n.questionGroup?.payload?.hintLetters||[];return{subQuestions:e.map(e=>{const t=e.content,n=t.word.replace(/\{\d+\}/,"_");return{id:e.id,questionNumber:e.question_number,imageUrl:t.imageUrl||"",word:n}}),hintLetters:t,instruction:o?.instruction||"LOOK AT THE PICTURE AND FILL IN THE MISSING LETTER"}}if(t(o)){const e=o,t=n.questionGroup?.payload?.hintLetters||[];return{subQuestions:function(e){const t=[],n=e.split(",").map(e=>e.trim());for(const e of n){let n;const o=/\{(\d+)\}/g;for(;null!==(n=o.exec(e));){const o=parseInt(n[1],10),r=e.replace(n[0],"_");t.push({index:o,displayWord:r})}}return t.sort((e,t)=>e.index-t.index),t}(e.word).map(t=>({id:`${n.id}-blank-${t.index}`,questionNumber:n.question_number,imageUrl:e.imageUrl||"",word:t.displayWord,blankIndex:t.index})),hintLetters:t,instruction:e.instruction||"LOOK AT THE PICTURE AND FILL IN THE MISSING LETTER"}}const r=o;return{subQuestions:r?.subQuestions?.map((e,t)=>({id:e.id,questionNumber:n.question_number+t,imageUrl:e.imageUrl||"",word:e.word||""}))||[],hintLetters:r?.hintLetters||n.questionGroup?.payload?.hintLetters||[],instruction:r?.instruction||"LOOK AT THE PICTURE AND FILL IN THE MISSING LETTER"}}export function transformGridFill(e){const t=e[0],n=t?.content;return{grid:n?.grid||[],rows:n?.rows||0,columns:n?.columns||0,instruction:n?.instruction||"FILL IN THE MISSING WORDS",disabledCells:n?.disabledCells||[]}}export function transformAnswerTheQuestion(e){const t=e[0],n=t?.questionGroup?.payload,o=t?.content;return{questions:e.map(e=>{const t=e.content,n=e.is_example||t.isExample||!1;return{id:e.id,questionNumber:e.question_number,question:(t.question||"").replace(/\{\d+\}/g,"______"),imageUrl:t.imageUrl,prefixText:t.prefixText,suffixText:t.suffixText,suggestedAnswers:t.suggestedAnswers,isExample:n,exampleAnswer:n?e.correct_answer?.answer:void 0}}),instruction:"ANSWER THE QUESTION",imageUrl:n?.mainImageUrl||n?.imageUrl||o?.imageUrl,title:o?.title,groupContent:n?.groupContent||o?.groupContent}}export function transformTrueFalse(e){const t=e[0]?.questionGroup?.payload;return{questions:e.map(e=>{const t=e.content,n=e.is_example||t.isExample||!1,o=n&&"boolean"==typeof e.correct_answer?.answer?e.correct_answer.answer:void 0;return{id:e.id,questionNumber:e.question_number,question:t.question||"",imageUrl:t.imageUrl,isExample:n,exampleCorrectAnswer:o}}),instruction:"READ AND CHOOSE TRUE OR FALSE",imageUrl:t?.mainImageUrl||t?.imageUrl,groupContent:t?.content||t?.groupContent}}export function transformWordOrdering(e){return{questions:e.map(e=>{const t=e.content,n=e.is_example||t.isExample||!1,o=Array.isArray(e.correct_answer?.answer)?e.correct_answer.answer:Array.isArray(t.answer)?t.answer:void 0;return{id:e.id,questionNumber:e.question_number,words:t.words||[],imageUrl:t.imageUrl,isExample:n,exampleAnswer:n?o:void 0}}),instruction:"ARRANGE THE LETTERS TO MAKE A WORD"}}export function transformWordFillParagraph(e){const t=e[0],n=t?.questionGroup?.payload,o=t?.content,r=o?.title||n?.title||e.find(e=>e.content?.title)?.content?.title,i=o?.wordBank||[],s=i.map(e=>"string"==typeof e?{word:e}:e),a=o?.viewMode,u=void 0!==o?.wordBank?.[0]?.options;let c;c="EMAIL"===a?"EMAIL":a||!o?.emailFrom&&!o?.emailTo?"DEFAULT"===a?"DEFAULT":"WITH_OPTIONS"===a||u?"WITH_OPTIONS":a||0!==i.length?"WITH_WORD_BANK":"DEFAULT":"EMAIL";const l=o?.emailFrom||o?.metadata?.emailFrom,m=o?.emailTo||o?.metadata?.emailTo;return{questionId:t?.id||"",paragraph:o?.paragraph||"",title:r,imageUrl:o?.imageUrl,wordBank:s,viewMode:c,instruction:"READ AND FILL IN THE BLANKS",exampleAnswer:o?.exampleAnswer,emailFrom:l,emailTo:m}}export function transformMatchByWritingAnswer(e){const t=e[0]?.questionGroup?.payload,n=e.some(e=>!!e.content?.askerName),o=e.map(e=>{const t=e.content,n=e.is_example||t.isExample||!1;return{id:e.id,questionNumber:e.question_number,question:t.question||"",imageUrl:t.imageUrl,isExample:n,exampleAnswer:n?e.correct_answer?.answer:void 0,askerName:t.askerName,answererName:t.answererName}}),r=t?.options?.map(e=>({answer:e.answer,imageUrl:e.imageUrl||"",content:e.content||""}))||[],i=n?e[0]?.content:void 0;return{questions:o,options:r,instruction:"LOOK AND WRITE THE ANSWER",viewMode:n?"CONVERSATION":"DEFAULT",groupImageUrl:t?.groupImageUrl||"",askerName:i?.askerName,answererName:i?.answererName}}export function transformWriteSentences(e){const t=e[0],n=t?.content,o=t?.questionGroup?.payload;return{questions:e.map(e=>({id:e.id,questionNumber:e.question_number})),instruction:n?.instruction||"WRITE SENTENCES ABOUT THE PICTURE",imageUrl:o?.mainImageUrl||o?.imageUrl||n?.imageUrl,title:n?.title,groupContent:o?.groupContent||n?.groupContent}}export function transformWordFillStructuredForm(e){const t=e[0],n=t?.questionGroup?.payload;return{questions:e.map(e=>{const t=e.content,n=e.correct_answer||{};let o=t?.content||"";const r=t?.blocks;return!o&&r?.length&&(o=r.map(e=>(e.heading?`<h3>${e.heading}</h3>`:"")+(e.content||"")).join("")),{id:e.id,questionNumber:e.question_number,title:t?.title||"",imageUrl:t?.imageUrl,content:o,answers:n?.answers||{},caseSensitive:n?.caseSensitive??t?.caseSensitive??!1}}),instruction:n?.instructions||"COMPLETE THE FORM BELOW",groupTitle:n?.title,groupContent:n?.content,groupImageUrl:n?.imageUrl,audioUrl:t?.audio_url||n?.audioUrl}}export function transformListenChooseObjects(e){const t=e[0],n=t?.content,o=t?.questionGroup?.payload||{};return{audioUrl:n?.audioUrl||"",backgroundImageUrl:o.backgroundImageUrl||"",objectNodes:o.objectNodes||[],correctObjectId:t?.correctAnswer?.objectId||t?.correct_answer?.objectId||"",isBackup:n?.isBackup||!1,instruction:"LISTEN AND CHOOSE THE CORRECT OBJECT"}}export function transformListenSpeakAnswer(e){return{questions:e.map(e=>{const t=e.content,n=e.questionGroup?.payload||{};return{id:e.id,questionNumber:e.question_number,audioUrl:t?.audioUrl||"",arrowNode:t?.arrowNode,backgroundImageUrl:n.backgroundImageUrl||n.imageUrl||"",isBackup:t?.isBackup||!1}}),instruction:"LISTEN AND SPEAK YOUR ANSWER"}}

package/dist/components/features/exam-entry/entry-state-cards.d.ts

@@ -0,0 +1,19 @@
+import type { Attempt } from '../../../shared/types/student.types';
+interface BeforeStartCardProps {
+    countdown: number;
+    formatCountdown: (seconds: number) => string;
+}
+export declare function BeforeStartCard({ countdown, formatCountdown }: BeforeStartCardProps): import("react").JSX.Element;
+interface WithinWindowCardProps {
+    autoStartCountdown: number;
+    isStarting: boolean;
+    showCountdown: boolean;
+    onStartClick: () => void;
+}
+export declare function WithinWindowCard({ autoStartCountdown, isStarting, showCountdown, onStartClick, }: WithinWindowCardProps): import("react").JSX.Element;
+export declare function ExpiredCard(): import("react").JSX.Element;
+interface AlreadySubmittedCardProps {
+    attempt?: Attempt | null;
+}
+export declare function AlreadySubmittedCard({ attempt }: AlreadySubmittedCardProps): import("react").JSX.Element;
+export {};

package/dist/components/features/exam-entry/entry-state-cards.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ROUTES as n}from"../../../shared/constants/routes";import{Clock as r,CheckCircle as i,XCircle as l,Loader2 as a,Play as s,Trophy as c}from"lucide-react";export function BeforeStartCard({countdown:n,formatCountdown:i}){return t("div",{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e(r,{className:"mb-3 h-10 w-10 text-amber-400"}),e("h2",{className:"mb-1 text-xl font-extrabold text-white",children:"Chưa đến giờ thi"}),e("p",{className:"mb-4 text-sm font-medium text-white/80",children:"Bài thi sẽ bắt đầu sau:"}),e("div",{className:"rounded-xl bg-black/30 px-6 py-3 ring-1 ring-white/5",children:e("p",{className:"font-mono text-2xl font-extrabold tracking-wider text-amber-300",children:i(n)})})]})}export function WithinWindowCard({autoStartCountdown:n,isStarting:r,showCountdown:i,onStartClick:l}){return t("div",i?{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e("h2",{className:"mb-4 text-xl font-extrabold text-white",children:"Chuẩn bị vào thi"}),e("div",{className:"flex h-16 w-16 items-center justify-center rounded-full bg-emerald-500/20 ring-2 ring-emerald-400/50",children:e("span",{className:"text-3xl font-extrabold text-emerald-300",children:n})}),t("p",{className:"mt-4 text-sm font-medium text-white/80",children:["Bài thi sẽ tự động bắt đầu sau ",n," giây"]}),r&&t("div",{className:"mt-3 flex items-center gap-2 text-sm font-medium text-emerald-300",children:[e(a,{className:"h-4 w-4 animate-spin"}),e("span",{children:"Đang bắt đầu bài thi..."})]})]}:{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e("h2",{className:"mb-6 text-xl font-extrabold text-white",children:"Sẵn sàng vào thi"}),e("button",{onClick:l,className:"group flex h-20 w-20 cursor-pointer items-center justify-center rounded-full bg-emerald-500 shadow-lg ring-4 ring-emerald-500/30 transition-all duration-200 hover:scale-105 hover:bg-emerald-400 active:scale-95",children:e(s,{className:"h-8 w-8 text-white transition-transform group-hover:scale-110",fill:"white"})}),e("p",{className:"mt-5 text-sm font-medium text-white/80",children:"Nhấn nút trên để bắt đầu bài thi"})]})}export function ExpiredCard(){return t("div",{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e(l,{className:"mb-3 h-10 w-10 text-red-400"}),e("h2",{className:"text-xl font-extrabold text-white",children:"Đã hết thời gian"}),e("p",{className:"mt-2 text-sm font-medium text-white/80",children:"Thời gian làm bài đã kết thúc"})]})}export function AlreadySubmittedCard({attempt:r}){return t("div",{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e(i,{className:"mb-3 h-10 w-10 text-emerald-400"}),e("h2",{className:"mb-4 text-xl font-extrabold text-white",children:"Đã hoàn thành bài thi"}),null!=r?.totalScore&&t("div",{className:"mb-5 flex items-center gap-3 rounded-xl bg-black/30 px-5 py-3 ring-1 ring-white/5",children:[e(c,{className:"h-5 w-5 text-yellow-400"}),e("span",{className:"text-sm font-semibold text-white/90",children:"Điểm số:"}),t("span",{className:"text-xl font-extrabold text-yellow-400",children:[r.totalScore,t("span",{className:"text-sm font-bold text-white/50",children:["/",r.maxScore]})]})]}),r?e("button",{className:"inline-flex cursor-pointer items-center gap-2 rounded-full bg-emerald-600 px-6 py-2.5 text-sm font-bold text-white shadow-lg transition-all duration-200 hover:-translate-y-0.5 hover:bg-emerald-500 active:translate-y-0 active:scale-95",onClick:()=>window.location.href=n.STUDENT.RESULT_DETAIL(r.id),children:"Xem chi tiết kết quả"}):e("p",{className:"text-sm font-medium text-white/80",children:"Phòng thi này không cho phép thi nhiều lần."})]})}

package/dist/components/features/exam-entry/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemedWaitingRoom } from './themed';
+export { BeforeStartCard, WithinWindowCard, ExpiredCard, AlreadySubmittedCard, } from './entry-state-cards';

package/dist/components/features/exam-entry/index.js

@@ -0,0 +1 @@
+export{ThemedWaitingRoom}from"./themed";export{BeforeStartCard,WithinWindowCard,ExpiredCard,AlreadySubmittedCard}from"./entry-state-cards";

package/dist/components/features/exam-entry/themed/CambridgeYleWaitingRoom.d.ts

@@ -0,0 +1,12 @@
+import type { StudentRoom } from '../../../../shared/types/student.types';
+interface CambridgeYleWaitingRoomProps {
+    room: StudentRoom;
+    onStart: () => void;
+    isStarting?: boolean;
+    showCountdown?: boolean;
+    autoStartCountdown?: number;
+    closeRedirectUrl?: string;
+    onClose?: () => void;
+}
+export declare function CambridgeYleWaitingRoom({ room, onStart, isStarting, showCountdown, autoStartCountdown, closeRedirectUrl, onClose, }: CambridgeYleWaitingRoomProps): import("react").JSX.Element;
+export {};

package/dist/components/features/exam-entry/themed/CambridgeYleWaitingRoom.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as n}from"react";import a from"next/image";import{Loader2 as i,FileText as l,Clock as s,Trophy as r,Layers as c,Target as h,HelpCircle as o,ChevronDown as m,X as d}from"lucide-react";import x from"../../../../components/themes/cambridge-yle/assets/images/background-ocean-edu-2.png";import g from"../../../../components/themes/cambridge-yle/assets/images/frame.png";import p from"../../../../components/themes/cambridge-yle/assets/images/bg-title.png";import u from"../../../../components/themes/cambridge-yle/assets/images/close.png";import b from"../../../../components/themes/cambridge-yle/assets/images/rocket.png";const f=[{q:"Bài test này kéo dài bao lâu?",a:"Thời gian làm bài sẽ được hiển thị trên màn hình. Hãy theo dõi đồng hồ để phân bổ thời gian hợp lý."},{q:"Em có cần hoàn thành tất cả câu hỏi không?",a:"Để kết quả phản ánh chính xác nhất năng lực hiện tại, em cố gắng hoàn thành toàn bộ câu hỏi trong thời gian quy định."},{q:"Nếu mất mạng giữa chừng thì sao?",a:"Trong một số trường hợp, hệ thống có thể tự động lưu tiến trình làm bài. Hãy kết nối lại internet sớm nhất có thể. Tuy nhiên để tránh gián đoạn, em nên sử dụng kết nối internet ổn định trong suốt quá trình làm bài."},{q:"Em không nghe được audio thì phải làm sao?",a:"Em hãy kiểm tra loa, tai nghe và âm lượng thiết bị trước. Nếu vẫn gặp lỗi, hãy thử tải lại trang hoặc đổi sang trình duyệt khác để tiếp tục làm bài."},{q:"Trang web bị lag hoặc không tải được câu hỏi?",a:"Em có thể thử làm mới trang, kiểm tra lại kết nối internet hoặc đổi trình duyệt/thiết bị khác. Nếu tình trạng vẫn tiếp diễn, hãy liên hệ trung tâm để được hỗ trợ nhanh nhất."},{q:"Em có thể xem lại đáp án sau khi nộp bài không?",a:"Sau khi nộp bài, sẽ có phiếu kết quả AI chấm điểm trả về, phân tích từng câu hỏi em đã làm."},{q:"Nếu em nộp nhầm thì sao?",a:"Sau khi nộp bài, em sẽ không thể chỉnh sửa câu trả lời. Em có thể liên hệ thầy cô ở trung tâm để hỗ trợ làm lại bài khác."},{q:"Em có được dùng từ điển hoặc tài liệu không?",a:"Để kết quả phản ánh đúng năng lực hiện tại, em nên làm bài trong điều kiện tương tự một bài kiểm tra thực tế và hạn chế sử dụng tài liệu hỗ trợ."},{q:"Em cần chuẩn bị gì trước khi bắt đầu?",a:"Em nên chuẩn bị thiết bị có kết nối internet ổn định, tai nghe (nếu có phần Listening), không gian yên tĩnh và dành đủ thời gian để hoàn thành bài test liên tục."},{q:"Em nên làm gì nếu gặp lỗi hệ thống?",a:"Nếu gặp lỗi trong quá trình làm bài, em hãy chụp lại màn hình lỗi (nếu có) và liên hệ trung tâm để được hỗ trợ xử lý nhanh nhất."}];function w({className:t="",size:n=18}){return e("svg",{width:n,height:n,viewBox:"0 0 24 24",className:t,fill:"currentColor",children:e("path",{d:"M12 0l2.4 9.6L24 12l-9.6 2.4L12 24l-2.4-9.6L0 12l9.6-2.4L12 0z"})})}export function CambridgeYleWaitingRoom({room:i,onStart:b,isStarting:y,showCountdown:k,autoStartCountdown:_,closeRedirectUrl:C,onClose:z}){const j=i.exam?.name||"",q=i.contest?.name||"",S=i.exam?.numberOfParts||1,E=i.exam?.durationMinutes||45,B=i.exam?.totalScore||100,L=i.exam?.passScore||0,[T,W]=n(!1),[O,P]=n(0);return t("div",{className:"fixed inset-0 z-50 flex items-center justify-center overflow-hidden",children:[e("div",{className:"absolute inset-0 scale-105 bg-cover bg-center",style:{backgroundImage:`url(${x.src})`,filter:"blur(2px) brightness(0.8) saturate(0.9)"}}),e("div",{className:"absolute inset-0 bg-gradient-to-b from-blue-950/50 via-blue-900/40 to-blue-950/60"}),e(w,{className:"absolute left-[8%] top-[14%] text-yellow-300 drop-shadow-[0_0_8px_rgba(255,255,150,0.8)]",size:22}),e(w,{className:"absolute right-[10%] top-[10%] text-yellow-200 drop-shadow-[0_0_8px_rgba(255,255,150,0.8)]",size:16}),e(w,{className:"absolute left-[15%] bottom-[18%] text-white/80",size:14}),e(w,{className:"absolute right-[6%] bottom-[24%] text-yellow-300 drop-shadow-[0_0_8px_rgba(255,255,150,0.8)]",size:20}),e(w,{className:"absolute left-[45%] top-[8%] text-white/70",size:12}),e("div",{className:"relative z-10",style:{width:"min(98vw, calc(98vh * 1552 / 672), 1800px)"},children:t("div",{className:"relative aspect-[1552/672] w-full",children:[e(a,{src:g,alt:"",fill:!0,className:"object-contain",priority:!0,unoptimized:!0}),e("div",{className:"absolute left-1/2 top-0 z-20 -translate-x-1/2 -translate-y-1/2",children:t("div",{className:"relative",children:[e(a,{src:p,alt:"",width:320,height:72,className:"drop-shadow-xl",priority:!0,unoptimized:!0}),e("div",{className:"absolute inset-0 flex items-center justify-center px-10 pt-1",title:q,children:e("span",{className:"block truncate text-center text-base font-extrabold uppercase tracking-[0.15em] text-white drop-shadow",children:q})})]})}),e("button",{onClick:()=>{z?z():C&&(window.location.href=C)},className:"absolute right-[7%] top-[-2%] z-30 cursor-pointer transition-transform hover:scale-110 active:scale-95","aria-label":"Close",children:e(a,{src:u,alt:"Close",width:56,height:56,unoptimized:!0})}),e("div",{className:"absolute inset-0 z-10 flex items-stretch overflow-hidden px-[9%] py-[10%]",children:t("div",{className:"flex h-full w-full items-stretch gap-4",children:[t("div",{className:"mx-auto flex w-full max-w-[560px] flex-[0_0_46%] flex-col justify-center gap-1",children:[e("h1",{className:"whitespace-nowrap text-center text-3xl font-black uppercase tracking-wide text-white md:text-4xl lg:text-5xl 2xl:text-6xl",style:{fontWeight:900,margin:"0.2em 0",textShadow:["0 1px 0 #cfe3ff","0 2px 0 #a8c8ee","0 3px 0 #6f9cd4","0 4px 0 #4a7cb8","0 5px 0 #2f5e9c","0 6px 0 #1a4480","0 8px 12px rgba(0,0,0,0.45)","0 0 22px rgba(120,180,255,0.55)"].join(", ")},children:i.name}),e("p",{className:"mt-1 hidden text-center text-sm font-bold text-[#21cffb] md:text-base 2xl:block 2xl:text-lg",children:"Đánh giá năng lực • Xác định lộ trình • Bứt phá tương lai"}),e("p",{className:"mx-auto mt-1 hidden max-w-2xl text-center text-xs text-white/95 md:text-sm 2xl:block",children:"Bài thi giúp bạn biết chính xác trình độ hiện tại và được Ocean Edu tư vấn lộ trình học tập phù hợp nhất."}),t("div",{className:"mt-4 flex items-center justify-center gap-2 2xl:mt-6",children:[e("span",{className:"h-px w-10 bg-white"}),e(w,{className:"text-white",size:12}),e("span",{className:"text-xs font-extrabold uppercase tracking-[0.3em] text-white md:text-sm",children:"Bài thi bao gồm"}),e(w,{className:"text-white",size:12}),e("span",{className:"h-px w-10 bg-white"})]}),t("div",{className:"mt-4 grid grid-cols-3 gap-2.5",children:[e(v,{icon:e(c,{className:"h-6 w-6"}),value:S,label:"Phần thi"}),e(v,{icon:e(s,{className:"h-6 w-6"}),value:E,label:"Phút"}),e(v,{icon:e(r,{className:"h-6 w-6"}),value:B,label:"Thang điểm"})]}),t("div",{className:"mt-4 space-y-2.5",children:[t("div",{className:"flex items-center gap-3 rounded-xl bg-[#0000001c] px-3 py-2.5",children:[e("span",{className:"flex h-9 w-9 flex-none items-center justify-center rounded-full bg-[#00000021] text-white",children:e(l,{className:"h-4 w-4"})}),e("span",{className:"text-sm font-bold text-white md:text-base",children:"Đề thi"}),e("span",{className:"ml-auto truncate text-sm font-bold text-white md:text-base",children:j})]}),L>0&&t("div",{className:"flex items-center gap-3 rounded-xl bg-[#0000001c] px-3 py-2.5",children:[e("span",{className:"flex h-9 w-9 flex-none items-center justify-center rounded-full bg-[#00000021] text-white",children:e(h,{className:"h-4 w-4"})}),e("span",{className:"text-sm font-bold text-white md:text-base",children:"Điểm tối thiểu cần đạt"}),t("span",{className:"ml-auto text-sm font-black text-yellow-300 md:text-lg",children:[L,"/",B]})]})]}),e("div",{className:"mt-5 flex justify-center",children:e(N,{onClick:b,isStarting:y,showCountdown:k,autoStartCountdown:_})})]}),e("div",{className:"relative hidden flex-[0_0_42%] md:block",children:e("div",{className:"absolute left-0 top-[4%] z-20 max-w-[60%]",children:t("div",{className:"relative rounded-2xl bg-white px-3 py-2 text-center text-[11px] font-semibold text-sky-900 shadow-xl ring-2 ring-sky-200 md:text-xs",children:["Cùng mình khám phá trình độ của bạn nhé!",e("span",{className:"absolute -bottom-1.5 right-6 h-3 w-3 rotate-45 bg-white ring-2 ring-sky-200"})]})})})]})})]})}),t("button",{type:"button",onClick:()=>W(!0),"aria-label":"Câu hỏi thường gặp",className:"group fixed bottom-5 right-5 z-40 inline-flex cursor-pointer items-center gap-2 rounded-full bg-gradient-to-b from-cyan-300 via-sky-500 to-sky-700 px-4 py-3 text-sm font-bold text-white shadow-[0_6px_0_0_#0c4a6e,0_10px_22px_rgba(14,165,233,0.45)] ring-2 ring-cyan-200/50 transition-all duration-150 hover:-translate-y-0.5 hover:brightness-110 active:translate-y-1 active:shadow-[0_1px_0_0_#0c4a6e,0_3px_8px_rgba(14,165,233,0.3)]",children:[e(o,{className:"h-5 w-5",strokeWidth:2.5}),e("span",{className:"hidden sm:inline",style:{textShadow:"0 1px 0 rgba(12,74,110,0.5)"},children:"Câu hỏi thường gặp"})]}),T&&t("div",{className:"fixed inset-0 z-[60] flex items-center justify-center p-4",role:"dialog","aria-modal":"true","aria-label":"Câu hỏi thường gặp",children:[e("div",{className:"absolute inset-0 bg-blue-950/70 backdrop-blur-sm",onClick:()=>W(!1)}),t("div",{className:"relative z-10 flex max-h-[85vh] w-full max-w-2xl flex-col overflow-hidden rounded-3xl bg-gradient-to-br from-cyan-300/20 via-white/5 to-white/0 p-px shadow-[0_20px_60px_-15px_rgba(10,75,140,0.7)] backdrop-blur-xl",children:[e("div",{className:"pointer-events-none absolute -left-12 -top-12 h-40 w-40 rounded-full bg-cyan-400/30 blur-3xl"}),e("div",{className:"pointer-events-none absolute -right-12 -bottom-12 h-40 w-40 rounded-full bg-sky-500/25 blur-3xl"}),t("div",{className:"relative flex max-h-[85vh] flex-col overflow-hidden rounded-[calc(1.5rem-1px)] bg-gradient-to-b from-[#0e3d70]/95 via-[#0a4b8c]/95 to-[#0a3866]/95 ring-1 ring-cyan-300/20",children:[t("div",{className:"flex items-center gap-3 px-6 py-5",children:[e("div",{className:"flex h-12 w-12 flex-none items-center justify-center rounded-full bg-gradient-to-br from-cyan-300 to-sky-600 shadow-[0_6px_18px_-4px_rgba(34,211,238,0.6)] ring-4 ring-cyan-300/20",children:e(o,{className:"h-6 w-6 text-white",strokeWidth:2.5})}),t("div",{className:"flex-1",children:[e("h2",{className:"text-lg font-extrabold tracking-tight text-white drop-shadow-md",children:"Câu hỏi thường gặp"}),e("p",{className:"mt-0.5 text-xs font-medium text-cyan-100/70",children:"Những điều cần biết trước khi làm bài"})]}),e("button",{type:"button",onClick:()=>W(!1),"aria-label":"Đóng",className:"flex h-9 w-9 flex-none cursor-pointer items-center justify-center rounded-full bg-white/10 text-white/80 ring-1 ring-white/15 transition-all duration-150 hover:bg-white/20 hover:text-white",children:e(d,{className:"h-5 w-5"})})]}),e("div",{className:"mx-6 h-px bg-gradient-to-r from-transparent via-cyan-300/25 to-transparent"}),e("div",{className:"flex-1 overflow-y-auto px-4 py-4 sm:px-6",children:e("ul",{className:"space-y-2",children:f.map((n,a)=>{const i=O===a;return t("li",{className:"overflow-hidden rounded-2xl ring-1 transition-colors duration-200 "+(i?"bg-white/[0.08] ring-cyan-300/30":"bg-white/[0.04] ring-white/10 hover:bg-white/[0.06]"),children:[t("button",{type:"button",onClick:()=>P(i?null:a),className:"flex w-full cursor-pointer items-center gap-3 px-4 py-3 text-left","aria-expanded":i,children:[e("span",{className:"flex h-7 w-7 flex-none items-center justify-center rounded-full text-xs font-black transition-colors "+(i?"bg-gradient-to-br from-yellow-300 to-orange-500 text-white":"bg-white/10 text-cyan-100"),children:a+1}),e("span",{className:"flex-1 text-sm font-bold text-white",children:n.q}),e(m,{className:"h-5 w-5 flex-none text-cyan-200 transition-transform duration-200 "+(i?"rotate-180":"")})]}),e("div",{className:"grid transition-all duration-200 "+(i?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"),children:e("div",{className:"overflow-hidden",children:e("p",{className:"px-4 pb-4 pl-14 text-sm leading-relaxed text-cyan-50/90",children:n.a})})})]},a)})})}),e("div",{className:"border-t border-white/10 bg-white/[0.03] px-6 py-3 text-center text-xs text-cyan-100/60",children:"Cần hỗ trợ thêm? Liên hệ trung tâm Ocean Edu để được giải đáp."})]})]})]})]})}function v({icon:n,value:a,label:i}){return t("div",{className:"flex items-center justify-center gap-3 rounded-2xl bg-[#0000001c] px-2 py-4",children:[e("span",{className:"flex h-12 w-12 flex-none items-center justify-center rounded-full bg-[#00bdff1a] text-white",children:n}),t("div",{className:"flex flex-col items-start leading-tight",children:[e("div",{className:"text-2xl font-black text-white md:text-3xl",children:a}),e("div",{className:"text-xs font-bold text-white/90 md:text-sm",children:i})]})]})}function N({onClick:n,isStarting:l,showCountdown:s,autoStartCountdown:r}){return s?e("div",{className:"inline-flex h-14 w-48 items-center justify-center rounded-full bg-yellow-400 text-2xl font-black text-[#1a3a6e]",children:r}):t("button",{onClick:n,disabled:l,className:"group relative mt-5 inline-flex cursor-pointer items-center gap-3 rounded-full bg-gradient-to-b from-[#ffd54a] via-[#ffb733] to-[#ff8a1f] py-2.5 pl-8 pr-10 shadow-[0_6px_0_0_#c46410,0_10px_18px_rgba(0,0,0,0.4)] ring-2 ring-orange-300/60 transition-all duration-150 hover:-translate-y-0.5 hover:brightness-110 hover:shadow-[0_8px_0_0_#c46410,0_14px_22px_rgba(0,0,0,0.45)] active:translate-y-1.5 active:shadow-[0_1px_0_0_#c46410,0_2px_6px_rgba(0,0,0,0.3)] disabled:cursor-not-allowed disabled:opacity-70",children:[l?e(i,{className:"h-7 w-7 animate-spin text-white"}):e(a,{src:b,alt:"",width:36,height:36,unoptimized:!0}),e("span",{className:"text-xl font-black text-white",style:{color:"#685030"},children:"Bắt đầu"})]})}

package/dist/components/features/exam-entry/themed/ThemedWaitingRoom.d.ts

@@ -0,0 +1,14 @@
+import type { ThemeConfig } from '../../../../shared/lib/themes';
+import type { StudentRoom } from '../../../../shared/types/student.types';
+interface ThemedWaitingRoomProps {
+    room: StudentRoom;
+    theme: ThemeConfig;
+    onStart: () => void;
+    isStarting: boolean;
+    showCountdown: boolean;
+    autoStartCountdown: number;
+    /** Custom redirect URL for close button (default: student exams page) */
+    closeRedirectUrl?: string;
+}
+export declare function ThemedWaitingRoom({ room, theme, onStart, isStarting, showCountdown, autoStartCountdown, closeRedirectUrl, }: ThemedWaitingRoomProps): import("react").JSX.Element;
+export {};

package/dist/components/features/exam-entry/themed/ThemedWaitingRoom.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"next/image";import{ROUTES as s}from"../../../../shared/constants/routes";import{CloseButton as i,ModeSelector as o,ExamInfoPanel as r,StartButton as n}from"./components";export function ThemedWaitingRoom({room:l,theme:c,onStart:d,isStarting:m,showCountdown:u,autoStartCountdown:h,closeRedirectUrl:p}){const b=l.name,g={parts:l.exam?.numberOfParts||1,duration:l.exam?.durationMinutes||15,maxScore:l.exam?.totalScore||8,passScore:l.exam?.passScore||0,examName:l.exam?.name,contestClassification:l.contest?.classification,level:l.exam?.level},f=c.visuals?.backgroundFilter??"grayscale(1) blur(10px) saturate(0.85) brightness(0.9)",v=c.visuals?.backgroundOverlay??"linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, rgba(0, 0, 0, 0.3))",x=c.visuals?.cardBackground??"radial-gradient(60% 60% at 50% 40%, rgba(184, 229, 157, 0.85) 0%, rgba(115, 213, 133, 0.85) 100%)";return t("div",{className:"fixed inset-0 z-50 flex items-center justify-center overflow-hidden",children:[e("div",{className:"absolute inset-0 scale-110 bg-cover bg-center",style:{backgroundImage:`url(${c.assets.background})`,filter:f}}),e("div",{className:"absolute inset-0",style:{background:v}}),t("div",{className:"relative z-10 w-[88%] max-w-2xl sm:w-[70%] md:w-[50%] lg:w-[42%]",children:[e(i,{imageSrc:c.assets.closeButton,onClick:()=>{"undefined"!=typeof window&&(window.location.href=p||s.STUDENT.CONTESTS_DISCOVER)},className:"absolute -right-3 -top-7 z-30",size:72}),t("div",{className:"absolute left-1/2 top-0 z-10 -translate-x-1/2 -translate-y-1/2",children:[e(a,{src:c.assets.titleBar,alt:"",width:260,height:56,className:"drop-shadow-lg",style:void 0,priority:!0,unoptimized:!0}),e("span",{className:"absolute mt-2.5 inset-0 flex items-center justify-center pb-1 text-sm font-extrabold tracking-wider text-white drop-shadow",children:c.displayName})]}),e("div",{className:"relative overflow-hidden rounded-3xl p-[3px] shadow-2xl",style:{background:"linear-gradient(180deg, #38bdf8 0%, #0ea5e9 35%, #0473f9 70%, #1d4ed8 100%)"},children:e("div",{className:"overflow-hidden rounded-[calc(1.5rem-3px)] ring-1 ring-white/30",children:t("div",{className:"relative p-6 pt-12 md:p-8 md:pt-14 lg:p-10 lg:pt-16",style:{background:x},children:[e("div",{className:"mb-5",children:e(o,{label:b,theme:c})}),e("div",{className:"mb-6",children:e(r,{parts:g.parts,duration:g.duration,maxScore:g.maxScore,passScore:g.passScore,examName:g.examName,contestClassification:g.contestClassification,level:g.level,theme:c})}),e("div",{className:"flex justify-center pb-2",children:e(n,{onClick:d,isLoading:m,showCountdown:u,countdown:h,rocketSrc:c.assets.startIcon,theme:c})}),e("div",{className:"pointer-events-none absolute -bottom-1 -left-1 opacity-60",children:e(a,{src:c.assets.bottomLeft,alt:"",width:80,height:80,unoptimized:!0})}),e("div",{className:"pointer-events-none absolute -bottom-1 -right-1 opacity-60",children:e(a,{src:c.assets.bottomRight,alt:"",width:80,height:80,unoptimized:!0})})]})})})]}),c.assets.feedbackButton&&e("button",{className:"absolute bottom-4 right-0 z-20 transition-transform hover:scale-105","aria-label":"Báo cáo lỗi",children:e(a,{src:c.assets.feedbackButton,alt:"Báo cáo lỗi",width:35,height:100,unoptimized:!0})})]})}

package/dist/components/features/exam-entry/themed/ToeicWaitingRoom.d.ts

@@ -0,0 +1,16 @@
+import type { StudentRoom } from '../../../../shared/types/student.types';
+interface ToeicWaitingRoomProps {
+    room: StudentRoom;
+    onStart: () => void;
+    isStarting: boolean;
+    showCountdown: boolean;
+    autoStartCountdown: number;
+    closeRedirectUrl?: string;
+    onClose?: () => void;
+}
+/**
+ * Professional waiting room for TOEIC exam entry.
+ * Neutral, business-appropriate design (no cartoon elements).
+ */
+export declare function ToeicWaitingRoom({ room, onStart, isStarting, showCountdown, autoStartCountdown, onClose, }: ToeicWaitingRoomProps): import("react").JSX.Element;
+export {};

package/dist/components/features/exam-entry/themed/ToeicWaitingRoom.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as a,Fragment as t}from"react/jsx-runtime";import{Loader2 as s}from"lucide-react";import{Button as l}from"../../../../components/ui/button";export function ToeicWaitingRoom({room:n,onStart:r,isStarting:i,showCountdown:d,autoStartCountdown:c,onClose:m}){return a("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center overflow-auto bg-gradient-to-b from-slate-50 to-slate-100 px-4 py-8",children:[a("div",{className:"mb-8 text-center",children:[a("div",{className:"mb-2 inline-flex items-center gap-2 rounded-full border border-blue-200 bg-blue-50 px-4 py-1.5",children:[e("span",{className:"h-2 w-2 rounded-full bg-blue-500"}),e("span",{className:"text-xs font-semibold uppercase tracking-wider text-blue-700",children:"Ocean Edu"})]}),e("h1",{className:"text-2xl font-bold text-gray-900 sm:text-3xl",children:"TOEIC Listening and Reading Test"}),e("p",{className:"mt-2 text-gray-500",children:n.name})]}),a("div",{className:"w-full max-w-lg rounded-2xl border border-gray-200 bg-white p-6 shadow-sm sm:p-8",children:[a("div",{className:"mb-6",children:[e("h2",{className:"mb-4 text-sm font-semibold uppercase tracking-wider text-gray-400",children:"Cấu trúc bài thi"}),a("div",{className:"space-y-3",children:[a("div",{className:"rounded-lg border border-gray-100 bg-gray-50 p-4",children:[a("div",{className:"mb-2 flex items-center justify-between",children:[e("span",{className:"text-sm font-semibold text-gray-700",children:"Listening"}),e("span",{className:"text-xs font-medium text-gray-400",children:"~45 phút"})]}),e("div",{className:"flex flex-wrap gap-1.5",children:["Part 1: Photographs","Part 2: Question-Response","Part 3: Conversations"].map(a=>e("span",{className:"rounded bg-blue-100 px-2 py-0.5 text-xs text-blue-700",children:a},a))}),e("p",{className:"mt-2 text-xs text-gray-500",children:"100 câu hỏi · Nghe và chọn đáp án đúng"})]}),a("div",{className:"rounded-lg border border-gray-100 bg-gray-50 p-4",children:[a("div",{className:"mb-2 flex items-center justify-between",children:[e("span",{className:"text-sm font-semibold text-gray-700",children:"Reading"}),e("span",{className:"text-xs font-medium text-gray-400",children:"~75 phút"})]}),e("div",{className:"flex flex-wrap gap-1.5",children:["Part 5: Incomplete Sentences","Part 6: Text Completion","Part 7: Reading Comprehension"].map(a=>e("span",{className:"rounded bg-green-100 px-2 py-0.5 text-xs text-green-700",children:a},a))}),e("p",{className:"mt-2 text-xs text-gray-500",children:"100 câu hỏi · Đọc hiểu và chọn đáp án đúng"})]})]})]}),a("div",{className:"mb-6 rounded-lg border border-amber-100 bg-amber-50 p-4",children:[e("h3",{className:"mb-2 text-sm font-semibold text-amber-700",children:"Lưu ý quan trọng"}),a("ul",{className:"space-y-1 text-xs text-amber-800",children:[a("li",{className:"flex items-start gap-1.5",children:[e("span",{className:"mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500"}),"Không thể tạm dừng bài thi sau khi bắt đầu"]}),a("li",{className:"flex items-start gap-1.5",children:[e("span",{className:"mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500"}),"Không thể quay lại câu trước sau khi chuyển câu"]}),a("li",{className:"flex items-start gap-1.5",children:[e("span",{className:"mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500"}),"Bài thi sẽ tự động nộp khi hết thời gian 120 phút"]}),a("li",{className:"flex items-start gap-1.5",children:[e("span",{className:"mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500"}),"Điểm số: Listening (5–495) + Reading (5–495) = Total (10–990)"]})]})]}),e("div",{className:"mb-6 grid grid-cols-3 gap-3",children:[{label:"Tổng câu hỏi",value:"200"},{label:"Thời gian",value:"120 phút"},{label:"Thang điểm",value:"990"}].map(({label:t,value:s})=>a("div",{className:"rounded-lg bg-slate-50 p-3 text-center",children:[e("div",{className:"text-lg font-bold text-gray-900",children:s}),e("div",{className:"text-xs text-gray-400",children:t})]},t))}),e(l,{onClick:r,disabled:i,className:"h-12 w-full rounded-xl bg-blue-600 text-base font-semibold hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60",children:i?a(t,{children:[e(s,{className:"mr-2 h-4 w-4 animate-spin"}),"Đang khởi tạo..."]}):d?a(t,{children:["Bắt đầu sau ",c,"s..."]}):"Bắt đầu bài thi"})]}),m&&e("button",{onClick:m,className:"mt-6 text-sm text-gray-400 hover:text-gray-600",children:"Quay lại danh sách phòng thi"})]})}

package/dist/components/features/exam-entry/themed/components/CloseButton.d.ts

@@ -0,0 +1,9 @@
+interface CloseButtonProps {
+    imageSrc: string;
+    onClick: () => void;
+    className?: string;
+    size?: number;
+    imageFilter?: string;
+}
+export declare function CloseButton({ imageSrc, onClick, className, size, imageFilter }: CloseButtonProps): import("react").JSX.Element;
+export {};

package/dist/components/features/exam-entry/themed/components/CloseButton.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import t from"next/image";export function CloseButton({imageSrc:i,onClick:r,className:a="",size:o=80,imageFilter:s}){return e("button",{onClick:r,className:`cursor-pointer transition-transform hover:scale-105 active:scale-95 ${a}`,"aria-label":"Đóng",children:e(t,{src:i,alt:"Đóng",width:o,height:o,className:"drop-shadow-lg",style:s?{filter:s}:void 0,unoptimized:!0})})}

package/dist/components/features/exam-entry/themed/components/ExamInfoPanel.d.ts

@@ -0,0 +1,13 @@
+import type { ThemeConfig } from '../../../../../shared/lib/themes';
+interface ExamInfoPanelProps {
+    parts: number;
+    duration: number;
+    maxScore: number;
+    passScore: number;
+    examName?: string;
+    contestClassification?: string;
+    level?: string;
+    theme: ThemeConfig;
+}
+export declare function ExamInfoPanel({ parts, duration, maxScore, passScore, examName, level, }: ExamInfoPanelProps): import("react").JSX.Element;
+export {};

package/dist/components/features/exam-entry/themed/components/ExamInfoPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Clock as l,Trophy as i,Target as n,Layers as a,FileText as r,Sparkles as s}from"lucide-react";const x={A1:{bg:"bg-emerald-100",text:"text-emerald-700",ring:"ring-emerald-300/50"},A2:{bg:"bg-teal-100",text:"text-teal-700",ring:"ring-teal-300/50"},B1:{bg:"bg-blue-100",text:"text-blue-700",ring:"ring-blue-300/50"},B2:{bg:"bg-indigo-100",text:"text-indigo-700",ring:"ring-indigo-300/50"},C1:{bg:"bg-purple-100",text:"text-purple-700",ring:"ring-purple-300/50"},C2:{bg:"bg-rose-100",text:"text-rose-700",ring:"ring-rose-300/50"}};export function ExamInfoPanel({parts:d,duration:o,maxScore:c,passScore:g,examName:m,level:h}){const b=h?x[h]||{bg:"bg-gray-100",text:"text-gray-700",ring:"ring-gray-300/50"}:null;return t("div",{className:"overflow-hidden rounded-2xl bg-[#0473f9] ring-1 ring-white/25",children:[t("div",{className:"relative flex items-center justify-between border-b border-white/15 bg-[#002249]/45 px-5 py-3",children:[e(s,{className:"absolute left-3 top-2 h-3 w-3 text-yellow-300/45"}),e("h2",{className:"text-lg font-extrabold tracking-wide text-white drop-shadow-sm",children:"Chi tiết bài thi"}),h&&b&&e("span",{className:`rounded-full px-3.5 py-1 text-xs font-bold ring-2 ${b.bg} ${b.text} ${b.ring}`,children:h})]}),t("div",{className:"space-y-3 p-4",children:[t("div",{className:"grid grid-cols-3 gap-2.5",children:[t("div",{className:"rounded-xl bg-white/15 px-2 py-3 text-center ring-1 ring-white/20",children:[e(a,{className:"mx-auto mb-1.5 h-5 w-5 text-sky-100"}),e("span",{className:"block text-2xl font-extrabold leading-none text-white",children:d}),e("span",{className:"mt-1 block text-xs font-bold text-sky-100",children:"Phần thi"})]}),t("div",{className:"rounded-xl bg-white/15 px-2 py-3 text-center ring-1 ring-white/20",children:[e(l,{className:"mx-auto mb-1.5 h-5 w-5 text-cyan-100"}),e("span",{className:"block text-2xl font-extrabold leading-none text-white",children:o}),e("span",{className:"mt-1 block text-xs font-bold text-cyan-100",children:"Phút"})]}),t("div",{className:"rounded-xl bg-white/15 px-2 py-3 text-center ring-1 ring-white/20",children:[e(i,{className:"mx-auto mb-1.5 h-5 w-5 text-indigo-100"}),e("span",{className:"block text-2xl font-extrabold leading-none text-white",children:c}),e("span",{className:"mt-1 block text-xs font-bold text-indigo-100",children:"Thang điểm"})]})]}),t("div",{className:"overflow-hidden rounded-xl bg-[#002249]/18 ring-1 ring-white/12",children:[m&&t("div",{className:"flex items-center gap-3 px-3 py-2.5",children:[e(r,{className:"h-4 w-4 shrink-0 text-yellow-300"}),e("span",{className:"text-sm font-bold text-sky-100",children:"Đề thi"}),e("span",{className:"ml-auto text-right text-sm font-extrabold text-white",children:m})]}),m&&e("div",{className:"border-t border-white/10"}),t("div",{className:"flex items-center gap-3 px-3 py-2.5",children:[e(n,{className:"h-4 w-4 shrink-0 text-yellow-300"}),e("span",{className:"text-sm font-bold text-white",children:"Điểm tối thiểu cần đạt"}),t("span",{className:"ml-auto text-base font-extrabold text-yellow-300",children:[g,"/",c]})]})]})]})]})}

package/dist/components/features/exam-entry/themed/components/ModeSelector.d.ts

@@ -0,0 +1,7 @@
+import type { ThemeConfig } from '../../../../../shared/lib/themes';
+interface ModeSelectorProps {
+    label: string;
+    theme: ThemeConfig;
+}
+export declare function ModeSelector({ label }: ModeSelectorProps): import("react").JSX.Element;
+export {};

package/dist/components/features/exam-entry/themed/components/ModeSelector.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{User as r}from"lucide-react";export function ModeSelector({label:i}){return e("div",{className:"flex justify-center",children:t("div",{className:"flex items-center gap-3 rounded-2xl bg-white/10 px-6 py-3 ring-1 ring-white/15 backdrop-blur-sm",children:[e("div",{className:"flex h-8 w-8 items-center justify-center rounded-full bg-white/15",children:e(r,{className:"h-4 w-4 text-white/80"})}),e("p",{className:"text-center text-lg font-bold uppercase leading-5 tracking-wider text-white drop-shadow-sm",children:i})]})})}

package/dist/components/features/exam-entry/themed/components/StartButton.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeConfig } from '../../../../../shared/lib/themes';
+interface StartButtonProps {
+    onClick: () => void;
+    isLoading: boolean;
+    showCountdown: boolean;
+    countdown: number;
+    rocketSrc: string;
+    theme: ThemeConfig;
+}
+export declare function StartButton({ onClick, isLoading, showCountdown, countdown, rocketSrc, }: StartButtonProps): import("react").JSX.Element;
+export {};

package/dist/components/features/exam-entry/themed/components/StartButton.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"next/image";import{Loader2 as s}from"lucide-react";export function StartButton({onClick:i,isLoading:l,showCountdown:r,countdown:n,rocketSrc:o}){return r?t("div",{className:"flex flex-col items-center gap-4",children:[t("div",{className:"relative flex h-24 w-24 items-center justify-center",children:[e("div",{className:"absolute inset-0 animate-ping rounded-full bg-sky-400/20"}),e("div",{className:"absolute inset-0 animate-pulse rounded-full bg-blue-500/10"}),e("div",{className:"relative flex h-20 w-20 items-center justify-center rounded-full bg-[#0473f9] shadow-[0_4px_0_0_#1d4ed8]",children:e("span",{className:"text-4xl font-extrabold text-white drop-shadow",children:n})})]}),t("p",{className:"text-sm font-medium text-white/90 drop-shadow",children:["Bài thi sẽ tự động bắt đầu sau ",e("strong",{className:"text-yellow-300",children:n})," giây"]}),l&&t("div",{className:"flex items-center gap-2 rounded-full bg-white/10 px-4 py-1.5 text-white/80 backdrop-blur-sm",children:[e(s,{className:"h-4 w-4 animate-spin"}),e("span",{className:"text-sm",children:"Đang bắt đầu bài thi..."})]})]}):e("div",{className:"relative flex flex-col items-center",children:t("button",{onClick:i,disabled:l,className:"group relative flex cursor-pointer items-center gap-4 rounded-full bg-[#0473f9] px-10 py-4 shadow-[0_5px_0_0_#1d4ed8] transition-all duration-150 hover:brightness-110 active:translate-y-[3px] active:shadow-[0_2px_0_0_#1d4ed8] disabled:cursor-not-allowed disabled:opacity-50",children:[e("div",{className:"relative h-11 w-11 transition-transform duration-300 group-hover:-translate-y-1 group-hover:rotate-[-8deg]",children:e(a,{src:o,alt:"",fill:!0,className:"object-contain drop-shadow",unoptimized:!0})}),e("span",{className:"text-xl font-extrabold tracking-wide text-white drop-shadow-sm",children:"Bắt đầu"}),l&&e(s,{className:"h-5 w-5 animate-spin text-white/80"})]})})}

package/dist/components/features/exam-entry/themed/components/index.d.ts

@@ -0,0 +1,4 @@
+export { CloseButton } from './CloseButton';
+export { ModeSelector } from './ModeSelector';
+export { ExamInfoPanel } from './ExamInfoPanel';
+export { StartButton } from './StartButton';

package/dist/components/features/exam-entry/themed/components/index.js

@@ -0,0 +1 @@
+export{CloseButton}from"./CloseButton";export{ModeSelector}from"./ModeSelector";export{ExamInfoPanel}from"./ExamInfoPanel";export{StartButton}from"./StartButton";

package/dist/components/features/exam-entry/themed/index.d.ts

@@ -0,0 +1 @@
+export { ThemedWaitingRoom } from './ThemedWaitingRoom';

package/dist/components/features/exam-entry/themed/index.js

@@ -0,0 +1 @@
+export{ThemedWaitingRoom}from"./ThemedWaitingRoom";