@tinyweb_dev/oe-exam-sdk 0.1.1 → 0.1.3

package/dist/components/results/ReviewQuestionRenderer.js

@@ -1,72 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check, X } from 'lucide-react';
-import { Badge } from '../../components/ui/badge';
-import { ResolvedImage } from '../../components/common/ResolvedImage';
-import { asRecord, normalizeRecord, normalizeSelected, readQuestionText, readString, transformAdjectiveQuestions, transformChoiceQuestions, transformColoring, transformFillQuestions } from './review-renderer.utils';
-export function ReviewQuestionRenderer({ part, reviewData }) {
-    if (['CHOOSE_THE_CORRECT_ANSWER', 'LOOK_PICTURE_CHOOSE_CORRECT_ANSWER', 'TRUE_FALSE', 'CHOOSE_CORRECT_ADJECTIVE'].includes(part.questionType)) {
-        return _jsx(ChoiceReview, { part: part, reviewData: reviewData });
-    }
-    if (['FILL_IN_BLANK', 'WRITE_CORRECT_VERB_FORM', 'ANSWER_THE_QUESTION', 'WRITE_SENTENCES'].includes(part.questionType)) {
-        return _jsx(FillReview, { part: part, reviewData: reviewData });
-    }
-    if (part.questionType === 'READ_AND_COLOR_OBJECTS' || part.questionType === 'IMAGE_OBJECT_MATCHING') {
-        return _jsx(ColoringReview, { part: part, reviewData: reviewData });
-    }
-    return _jsx(GenericReview, { part: part, reviewData: reviewData });
-}
-function ChoiceReview({ part, reviewData }) {
-    const questions = part.questionType === 'CHOOSE_CORRECT_ADJECTIVE' ? transformAdjectiveQuestions(part.questions) : transformChoiceQuestions(part.questions);
-    return _jsx("div", { className: "space-y-4", children: questions.map((question) => {
-            const selected = normalizeSelected(reviewData.studentAnswers[question.id]);
-            const correct = normalizeSelected(reviewData.correctOptionIdMap[question.id]);
-            return _jsxs(QuestionShell, { question: part.questions.find((item) => item.id === question.id), reviewData: reviewData, children: [question.imageUrl && _jsx(ResolvedImage, { src: question.imageUrl, alt: "Question", className: "mb-3 max-h-64 rounded object-contain" }), _jsx("p", { className: "mb-3 font-medium", children: 'questionText' in question ? question.questionText : `${question.sentenceBefore} ____ ${question.sentenceAfter}` }), _jsx("div", { className: "grid gap-2 md:grid-cols-2", children: question.options.map((option) => _jsxs("div", { className: `rounded-lg border p-3 ${correct.includes(option.id) ? 'border-green-400 bg-green-50' : selected.includes(option.id) ? 'border-red-300 bg-red-50' : 'border-slate-200'}`, children: [_jsxs("span", { className: "font-bold", children: [option.label, "."] }), " ", option.imageUrl ? _jsx(ResolvedImage, { src: option.imageUrl, alt: option.label, className: "mt-2 max-h-24 rounded object-contain" }) : option.text] }, option.id)) })] }, question.id);
-        }) });
-}
-function FillReview({ part, reviewData }) {
-    const questions = transformFillQuestions(part.questions);
-    return _jsx("div", { className: "space-y-4", children: questions.map((question) => _jsxs(QuestionShell, { question: part.questions.find((item) => item.id === question.id), reviewData: reviewData, children: [_jsxs("p", { className: "text-base", children: [_jsx("span", { children: question.textBefore }), " ", _jsx(AnswerPill, { value: reviewData.studentAnswers[question.id], correct: reviewData.correctAnswerTextMap[question.id] }), " ", _jsx("span", { children: question.textAfter })] }), question.imageUrl && _jsx(ResolvedImage, { src: question.imageUrl, alt: "Question", className: "mt-3 max-h-64 rounded object-contain" })] }, question.id)) });
-}
-function ColoringReview({ part, reviewData }) {
-    const data = transformColoring(part.questions);
-    return _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "rounded-xl border bg-white p-4", children: [_jsx("p", { className: "font-semibold", children: data.instruction || part.instructions }), data.imageUrl && _jsx(ResolvedImage, { src: data.imageUrl, alt: "Coloring", className: "mt-3 max-h-96 rounded object-contain" }), _jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: data.hintItems.map((item) => _jsx("span", { className: "rounded-full border px-3 py-1 text-sm", style: { backgroundColor: item.color || undefined }, children: item.label || item.id }, item.id)) })] }), part.questions.map((question) => _jsx(QuestionShell, { question: question, reviewData: reviewData, children: _jsx("pre", { className: "overflow-auto rounded bg-slate-50 p-3 text-xs", children: JSON.stringify({ studentAnswer: reviewData.rawStudentAnswerMap[question.id], correctAnswer: reviewData.rawCorrectAnswerMap[question.id] }, null, 2) }) }, question.id))] });
-}
-function GenericReview({ part, reviewData }) {
-    return _jsx("div", { className: "space-y-4", children: part.questions.map((question) => _jsxs(QuestionShell, { question: question, reviewData: reviewData, children: [_jsx("p", { className: "mb-3 whitespace-pre-wrap text-sm text-slate-700", children: readQuestionText(question) }), _jsx("pre", { className: "overflow-auto rounded bg-slate-50 p-3 text-xs", children: JSON.stringify({ content: question.content, studentAnswer: reviewData.rawStudentAnswerMap[question.id], correctAnswer: reviewData.rawCorrectAnswerMap[question.id] }, null, 2) })] }, question.id)) });
-}
-function QuestionShell({ question, reviewData, children }) {
-    if (!question)
-        return null;
-    const score = reviewData.questionScoreMap[question.id];
-    const isCorrect = reviewData.isCorrectMap[question.id];
-    return _jsxs("div", { className: "rounded-xl border bg-white p-4", children: [_jsxs("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("strong", { children: ["C\u00E2u ", question.question_number] }), _jsx(ResultBadge, { isCorrect: isCorrect })] }), score && _jsxs(Badge, { variant: "outline", children: [formatScore(score.score), " / ", formatScore(score.maxScore)] })] }), children, _jsx(Explanation, { question: question })] });
-}
-function ResultBadge({ isCorrect }) {
-    if (isCorrect === true)
-        return _jsxs(Badge, { className: "bg-green-600", children: [_jsx(Check, { className: "mr-1 h-3 w-3" }), "\u0110\u00FAng"] });
-    if (isCorrect === false)
-        return _jsxs(Badge, { variant: "destructive", children: [_jsx(X, { className: "mr-1 h-3 w-3" }), "Sai"] });
-    return _jsx(Badge, { variant: "outline", children: "Ch\u01B0a ch\u1EA5m" });
-}
-function AnswerPill({ value, correct }) {
-    return _jsxs("span", { className: "inline-flex rounded-md border border-blue-200 bg-blue-50 px-2 py-1 font-semibold text-blue-700", children: [stringifyAnswer(value), correct ? _jsxs("span", { className: "ml-2 text-green-700", children: ["(", correct, ")"] }) : null] });
-}
-function Explanation({ question }) {
-    const explanation = readString(question, 'explanation') || readString(asRecord(question.content), 'explanation');
-    return explanation ? _jsxs("div", { className: "mt-3 rounded-lg bg-amber-50 p-3 text-sm text-amber-900", children: [_jsx("strong", { children: "Gi\u1EA3i th\u00EDch:" }), " ", explanation] }) : null;
-}
-function stringifyAnswer(value) {
-    if (value == null || value === '')
-        return '—';
-    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean')
-        return String(value);
-    const record = normalizeRecord(value);
-    const text = Object.values(record).join(', ');
-    return text || JSON.stringify(value);
-}
-function formatScore(score) {
-    if (score == null || !Number.isFinite(score))
-        return '0';
-    return score < 10 ? score.toFixed(1) : String(Math.round(score));
-}
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Check as n,X as t}from"lucide-react";import{Badge as i}from"../../components/ui/badge";import{ResolvedImage as a}from"../../components/common/ResolvedImage";import{asRecord as s,normalizeRecord as o,normalizeSelected as c,readQuestionText as l,readString as d,transformAdjectiveQuestions as u,transformChoiceQuestions as m,transformColoring as p,transformFillQuestions as h}from"./review-renderer.utils";export function ReviewQuestionRenderer({part:r,reviewData:n}){return["CHOOSE_THE_CORRECT_ANSWER","LOOK_PICTURE_CHOOSE_CORRECT_ANSWER","TRUE_FALSE","CHOOSE_CORRECT_ADJECTIVE"].includes(r.questionType)?e(b,{part:r,reviewData:n}):["FILL_IN_BLANK","WRITE_CORRECT_VERB_FORM","ANSWER_THE_QUESTION","WRITE_SENTENCES"].includes(r.questionType)?e(f,{part:r,reviewData:n}):"READ_AND_COLOR_OBJECTS"===r.questionType||"IMAGE_OBJECT_MATCHING"===r.questionType?e(N,{part:r,reviewData:n}):e(g,{part:r,reviewData:n})}function b({part:n,reviewData:t}){const i="CHOOSE_CORRECT_ADJECTIVE"===n.questionType?u(n.questions):m(n.questions);return e("div",{className:"space-y-4",children:i.map(i=>{const s=c(t.studentAnswers[i.id]),o=c(t.correctOptionIdMap[i.id]);return r(w,{question:n.questions.find(e=>e.id===i.id),reviewData:t,children:[i.imageUrl&&e(a,{src:i.imageUrl,alt:"Question",className:"mb-3 max-h-64 rounded object-contain"}),e("p",{className:"mb-3 font-medium",children:"questionText"in i?i.questionText:`${i.sentenceBefore} ____ ${i.sentenceAfter}`}),e("div",{className:"grid gap-2 md:grid-cols-2",children:i.options.map(n=>r("div",{className:"rounded-lg border p-3 "+(o.includes(n.id)?"border-green-400 bg-green-50":s.includes(n.id)?"border-red-300 bg-red-50":"border-slate-200"),children:[r("span",{className:"font-bold",children:[n.label,"."]})," ",n.imageUrl?e(a,{src:n.imageUrl,alt:n.label,className:"mt-2 max-h-24 rounded object-contain"}):n.text]},n.id))})]},i.id)})})}function f({part:n,reviewData:t}){const i=h(n.questions);return e("div",{className:"space-y-4",children:i.map(i=>r(w,{question:n.questions.find(e=>e.id===i.id),reviewData:t,children:[r("p",{className:"text-base",children:[e("span",{children:i.textBefore})," ",e(v,{value:t.studentAnswers[i.id],correct:t.correctAnswerTextMap[i.id]})," ",e("span",{children:i.textAfter})]}),i.imageUrl&&e(a,{src:i.imageUrl,alt:"Question",className:"mt-3 max-h-64 rounded object-contain"})]},i.id))})}function N({part:n,reviewData:t}){const i=p(n.questions);return r("div",{className:"space-y-4",children:[r("div",{className:"rounded-xl border bg-white p-4",children:[e("p",{className:"font-semibold",children:i.instruction||n.instructions}),i.imageUrl&&e(a,{src:i.imageUrl,alt:"Coloring",className:"mt-3 max-h-96 rounded object-contain"}),e("div",{className:"mt-3 flex flex-wrap gap-2",children:i.hintItems.map(r=>e("span",{className:"rounded-full border px-3 py-1 text-sm",style:{backgroundColor:r.color||void 0},children:r.label||r.id},r.id))})]}),n.questions.map(r=>e(w,{question:r,reviewData:t,children:e("pre",{className:"overflow-auto rounded bg-slate-50 p-3 text-xs",children:JSON.stringify({studentAnswer:t.rawStudentAnswerMap[r.id],correctAnswer:t.rawCorrectAnswerMap[r.id]},null,2)})},r.id))]})}function g({part:n,reviewData:t}){return e("div",{className:"space-y-4",children:n.questions.map(n=>r(w,{question:n,reviewData:t,children:[e("p",{className:"mb-3 whitespace-pre-wrap text-sm text-slate-700",children:l(n)}),e("pre",{className:"overflow-auto rounded bg-slate-50 p-3 text-xs",children:JSON.stringify({content:n.content,studentAnswer:t.rawStudentAnswerMap[n.id],correctAnswer:t.rawCorrectAnswerMap[n.id]},null,2)})]},n.id))})}function w({question:n,reviewData:t,children:a}){if(!n)return null;const s=t.questionScoreMap[n.id],o=t.isCorrectMap[n.id];return r("div",{className:"rounded-xl border bg-white p-4",children:[r("div",{className:"mb-3 flex flex-wrap items-center justify-between gap-2",children:[r("div",{className:"flex items-center gap-2",children:[r("strong",{children:["Câu ",n.question_number]}),e(x,{isCorrect:o})]}),s&&r(i,{variant:"outline",children:[_(s.score)," / ",_(s.maxScore)]})]}),a,e(E,{question:n})]})}function x({isCorrect:a}){return!0===a?r(i,{className:"bg-green-600",children:[e(n,{className:"mr-1 h-3 w-3"}),"Đúng"]}):!1===a?r(i,{variant:"destructive",children:[e(t,{className:"mr-1 h-3 w-3"}),"Sai"]}):e(i,{variant:"outline",children:"Chưa chấm"})}function v({value:e,correct:n}){return r("span",{className:"inline-flex rounded-md border border-blue-200 bg-blue-50 px-2 py-1 font-semibold text-blue-700",children:[C(e),n?r("span",{className:"ml-2 text-green-700",children:["(",n,")"]}):null]})}function E({question:n}){const t=d(n,"explanation")||d(s(n.content),"explanation");return t?r("div",{className:"mt-3 rounded-lg bg-amber-50 p-3 text-sm text-amber-900",children:[e("strong",{children:"Giải thích:"})," ",t]}):null}function C(e){if(null==e||""===e)return"—";if("string"==typeof e||"number"==typeof e||"boolean"==typeof e)return String(e);const r=o(e);return Object.values(r).join(", ")||JSON.stringify(e)}function _(e){return null!=e&&Number.isFinite(e)?e<10?e.toFixed(1):String(Math.round(e)):"0"}

package/dist/components/results/index.js

@@ -1,2 +1 @@
-export { ResultReviewPageContainer } from './ResultReviewPageContainer';
-export { ReviewQuestionRenderer } from './ReviewQuestionRenderer';
+export{ResultReviewPageContainer}from"./ResultReviewPageContainer";export{ReviewQuestionRenderer}from"./ReviewQuestionRenderer";

package/dist/components/results/result-review.utils.js

@@ -1,6 +1 @@
-export function unwrap(value) {
-    return hasData(value) ? value.data : value;
-}
-function hasData(value) {
-    return typeof value === 'object' && value !== null && 'data' in value;
-}
+export function unwrap(n){return function(n){return"object"==typeof n&&null!==n&&"data"in n}(n)?n.data:n}

package/dist/components/results/review-data.js

@@ -1,150 +1 @@
-export function transformResultAnswersForReview(answers, templateParts = []) {
-    const groups = new Map();
-    for (const answer of answers) {
-        const key = [answer.partId ?? 'unknown', answer.questionGroup?.id ?? 'none', answer.questionType].join(':');
-        groups.set(key, [...(groups.get(key) ?? []), answer]);
-    }
-    const result = {
-        parts: [],
-        studentAnswers: {},
-        isCorrectMap: {},
-        correctAnswerTextMap: {},
-        correctOptionIdMap: {},
-        essayGradingMap: {},
-        partScoresMap: {},
-        rawCorrectAnswerMap: {},
-        rawStudentAnswerMap: {},
-        questionScoreMap: {},
-    };
-    const partScores = [];
-    for (const groupAnswers of groups.values()) {
-        groupAnswers.sort((a, b) => a.questionNumber - b.questionNumber);
-        const first = groupAnswers[0];
-        if (!first)
-            continue;
-        const template = templateParts.find((part) => String(part.id) === String(first.partId));
-        const partNo = first.partNo ?? parsePartNo(template?.name) ?? 0;
-        result.parts.push({
-            partId: first.partId,
-            partNo,
-            questionType: first.questionType,
-            name: template?.name,
-            instructions: template?.instructions,
-            audioUrl: template?.audioUrl,
-            questions: groupAnswers.map(toQuestion),
-        });
-        const scored = groupAnswers.filter((answer) => !answer.isExample);
-        partScores.push({
-            score: scored.reduce((sum, answer) => sum + (answer.score ?? 0), 0),
-            maxScore: scored.reduce((sum, answer) => sum + answer.maxScore, 0),
-            correctCount: scored.filter((answer) => answer.isCorrect === true).length,
-            totalCount: scored.length,
-        });
-        for (const answer of groupAnswers)
-            addAnswerMaps(result, answer);
-    }
-    const order = result.parts.map((_, index) => index).sort((a, b) => {
-        const byPart = result.parts[a].partNo - result.parts[b].partNo;
-        return byPart || ((result.parts[a].questions[0]?.question_number ?? 0) - (result.parts[b].questions[0]?.question_number ?? 0));
-    });
-    result.parts = order.map((index) => result.parts[index]);
-    order.forEach((original, sorted) => { result.partScoresMap[sorted] = partScores[original]; });
-    return result;
-}
-function toQuestion(answer) {
-    return {
-        id: answer.questionId,
-        content: answer.questionContent,
-        correct_answer: answer.correctAnswer,
-        total_points: String(answer.maxScore),
-        question_type: answer.questionType,
-        is_example: answer.isExample ?? false,
-        explanation: answer.explanation ?? '',
-        difficult_level: 'MEDIUM',
-        question_skill_type: '',
-        exam_id: '',
-        part_id: answer.partId ?? '',
-        part_no: answer.partNo ?? 0,
-        question_number: answer.questionNumber,
-        questionGroup: answer.questionGroup ?? null,
-    };
-}
-function addAnswerMaps(result, answer) {
-    const student = transformStudentAnswer(answer.questionId, answer.questionType, answer.studentAnswer);
-    if (student !== undefined)
-        result.studentAnswers[answer.questionId] = student;
-    result.isCorrectMap[answer.questionId] = answer.isCorrect;
-    result.rawCorrectAnswerMap[answer.questionId] = answer.correctAnswer;
-    result.rawStudentAnswerMap[answer.questionId] = answer.studentAnswer;
-    result.questionScoreMap[answer.questionId] = { score: answer.score, maxScore: answer.maxScore };
-    const correctText = readAnswerText(answer.correctAnswer);
-    if (correctText)
-        result.correctAnswerTextMap[answer.questionId] = correctText;
-    const correctOption = readOptionId(answer.questionId, answer.correctAnswer);
-    if (correctOption)
-        result.correctOptionIdMap[answer.questionId] = correctOption;
-    if (answer.questionType === 'CHOOSE_CORRECT_ADJECTIVE') {
-        const selected = readNumberProp(answer.studentAnswer, 'answer');
-        const correct = readNumberProp(answer.correctAnswer, 'answer');
-        if (selected !== undefined)
-            result.studentAnswers[answer.questionId] = `${answer.questionId}-opt-${selected}`;
-        if (correct !== undefined)
-            result.correctOptionIdMap[answer.questionId] = `${answer.questionId}-opt-${correct}`;
-    }
-    if (answer.questionType === 'WRITE_A_SHORT_LETTER' || answer.questionType === 'WRITE_SHORT_PARAGRAPH') {
-        result.essayGradingMap[answer.questionId] = {
-            score: answer.teacherScore ?? answer.score,
-            maxScore: answer.maxScore,
-            teacherFeedback: answer.teacherFeedback ?? null,
-        };
-    }
-}
-function transformStudentAnswer(questionId, questionType, value) {
-    const record = asRecord(value);
-    if (value == null)
-        return undefined;
-    if (questionType === 'CHOOSE_THE_CORRECT_ANSWER')
-        return readOptionId(questionId, value);
-    if (['FILL_IN_BLANK', 'WRITE_CORRECT_VERB_FORM', 'ANSWER_THE_QUESTION', 'TRUE_FALSE', 'WRITE_SENTENCES'].includes(questionType)) {
-        return typeof value === 'string' ? value : record.answer ?? value;
-    }
-    if (questionType === 'READ_AND_COLOR_OBJECTS' || questionType === 'IMAGE_OBJECT_MATCHING')
-        return record.answers ?? value;
-    if (questionType.startsWith('LISTEN_AND_'))
-        return value;
-    return record.answer ?? value;
-}
-function readOptionId(questionId, value) {
-    const answer = asRecord(value).answer;
-    if (typeof answer === 'number')
-        return `${questionId}-opt-${answer}`;
-    if (typeof answer === 'string')
-        return answer;
-    if (Array.isArray(answer))
-        return answer.map((item) => typeof item === 'number' ? `${questionId}-opt-${item}` : String(item)).join(',');
-    return '';
-}
-function readAnswerText(value) {
-    const record = asRecord(value);
-    if (typeof record.answer === 'string')
-        return record.answer;
-    if (typeof record.correctAnswer === 'string')
-        return record.correctAnswer;
-    const answers = record.answers;
-    if (Array.isArray(answers))
-        return String(answers[0] ?? '');
-    if (answers && typeof answers === 'object')
-        return String(Object.values(answers)[0] ?? '');
-    return '';
-}
-function asRecord(value) {
-    return typeof value === 'object' && value !== null ? value : {};
-}
-function readNumberProp(value, key) {
-    const item = asRecord(value)[key];
-    return typeof item === 'number' ? item : undefined;
-}
-function parsePartNo(value) {
-    const match = value?.match(/\d+/);
-    return match ? Number(match[0]) : undefined;
-}
+export function transformResultAnswersForReview(r,n=[]){const o=new Map;for(const t of r){const e=[t.partId??"unknown",t.questionGroup?.id??"none",t.questionType].join(":");o.set(e,[...o.get(e)??[],t])}const i={parts:[],studentAnswers:{},isCorrectMap:{},correctAnswerTextMap:{},correctOptionIdMap:{},essayGradingMap:{},partScoresMap:{},rawCorrectAnswerMap:{},rawStudentAnswerMap:{},questionScoreMap:{}},u=[];for(const r of o.values()){r.sort((t,e)=>t.questionNumber-e.questionNumber);const o=r[0];if(!o)continue;const a=n.find(t=>String(t.id)===String(o.partId)),c=o.partNo??s(a?.name)??0;i.parts.push({partId:o.partId,partNo:c,questionType:o.questionType,name:a?.name,instructions:a?.instructions,audioUrl:a?.audioUrl,questions:r.map(t)});const p=r.filter(t=>!t.isExample);u.push({score:p.reduce((t,e)=>t+(e.score??0),0),maxScore:p.reduce((t,e)=>t+e.maxScore,0),correctCount:p.filter(t=>!0===t.isCorrect).length,totalCount:p.length});for(const t of r)e(i,t)}const a=i.parts.map((t,e)=>e).sort((t,e)=>i.parts[t].partNo-i.parts[e].partNo||(i.parts[t].questions[0]?.question_number??0)-(i.parts[e].questions[0]?.question_number??0));return i.parts=a.map(t=>i.parts[t]),a.forEach((t,e)=>{i.partScoresMap[e]=u[t]}),i}function t(t){return{id:t.questionId,content:t.questionContent,correct_answer:t.correctAnswer,total_points:String(t.maxScore),question_type:t.questionType,is_example:t.isExample??!1,explanation:t.explanation??"",difficult_level:"MEDIUM",question_skill_type:"",exam_id:"",part_id:t.partId??"",part_no:t.partNo??0,question_number:t.questionNumber,questionGroup:t.questionGroup??null}}function e(t,e){const s=function(t,e,o){const s=n(o);if(null==o)return;if("CHOOSE_THE_CORRECT_ANSWER"===e)return r(t,o);if(["FILL_IN_BLANK","WRITE_CORRECT_VERB_FORM","ANSWER_THE_QUESTION","TRUE_FALSE","WRITE_SENTENCES"].includes(e))return"string"==typeof o?o:s.answer??o;return"READ_AND_COLOR_OBJECTS"===e||"IMAGE_OBJECT_MATCHING"===e?s.answers??o:e.startsWith("LISTEN_AND_")?o:s.answer??o}(e.questionId,e.questionType,e.studentAnswer);void 0!==s&&(t.studentAnswers[e.questionId]=s),t.isCorrectMap[e.questionId]=e.isCorrect,t.rawCorrectAnswerMap[e.questionId]=e.correctAnswer,t.rawStudentAnswerMap[e.questionId]=e.studentAnswer,t.questionScoreMap[e.questionId]={score:e.score,maxScore:e.maxScore};const i=function(t){const e=n(t);if("string"==typeof e.answer)return e.answer;if("string"==typeof e.correctAnswer)return e.correctAnswer;const r=e.answers;return Array.isArray(r)?String(r[0]??""):r&&"object"==typeof r?String(Object.values(r)[0]??""):""}(e.correctAnswer);i&&(t.correctAnswerTextMap[e.questionId]=i);const u=r(e.questionId,e.correctAnswer);if(u&&(t.correctOptionIdMap[e.questionId]=u),"CHOOSE_CORRECT_ADJECTIVE"===e.questionType){const r=o(e.studentAnswer,"answer"),n=o(e.correctAnswer,"answer");void 0!==r&&(t.studentAnswers[e.questionId]=`${e.questionId}-opt-${r}`),void 0!==n&&(t.correctOptionIdMap[e.questionId]=`${e.questionId}-opt-${n}`)}"WRITE_A_SHORT_LETTER"!==e.questionType&&"WRITE_SHORT_PARAGRAPH"!==e.questionType||(t.essayGradingMap[e.questionId]={score:e.teacherScore??e.score,maxScore:e.maxScore,teacherFeedback:e.teacherFeedback??null})}function r(t,e){const r=n(e).answer;return"number"==typeof r?`${t}-opt-${r}`:"string"==typeof r?r:Array.isArray(r)?r.map(e=>"number"==typeof e?`${t}-opt-${e}`:String(e)).join(","):""}function n(t){return"object"==typeof t&&null!==t?t:{}}function o(t,e){const r=n(t)[e];return"number"==typeof r?r:void 0}function s(t){const e=t?.match(/\d+/);return e?Number(e[0]):void 0}

package/dist/components/results/review-renderer.utils.js

@@ -1,97 +1 @@
-export function asRecord(value) {
-    return typeof value === 'object' && value !== null ? value : {};
-}
-export function readString(value, ...keys) {
-    const record = asRecord(value);
-    for (const key of keys) {
-        const item = record[key];
-        if (typeof item === 'string')
-            return item;
-    }
-    return '';
-}
-export function readArray(value, key) {
-    const item = asRecord(value)[key];
-    return Array.isArray(item) ? item : [];
-}
-export function readQuestionText(question) {
-    return readString(question.content, 'questionText', 'question', 'text', 'sentence') || String(question.content ?? '');
-}
-export function transformChoiceQuestions(questions) {
-    return questions.map((question) => {
-        const content = asRecord(question.content);
-        const optionType = readString(content, 'optionType');
-        return {
-            id: question.id,
-            questionNumber: question.question_number,
-            questionText: readQuestionText(question),
-            imageUrl: readString(content, 'imageUrl'),
-            optionType,
-            multipleAnswers: Boolean(content.multipleAnswers),
-            options: readOptions(content, question.id, optionType),
-        };
-    });
-}
-export function transformFillQuestions(questions) {
-    return questions.map((question) => {
-        const content = asRecord(question.content);
-        return {
-            id: question.id,
-            questionNumber: question.question_number,
-            textBefore: readString(content, 'textBefore', 'sentenceBefore', 'prefixText'),
-            textAfter: readString(content, 'textAfter', 'sentenceAfter', 'suffixText'),
-            imageUrl: readString(content, 'imageUrl'),
-        };
-    });
-}
-export function transformAdjectiveQuestions(questions) {
-    return questions.map((question) => {
-        const content = asRecord(question.content);
-        return {
-            id: question.id,
-            questionNumber: question.question_number,
-            textBefore: '',
-            textAfter: '',
-            sentenceBefore: readString(content, 'sentenceBefore', 'textBefore'),
-            sentenceAfter: readString(content, 'sentenceAfter', 'textAfter'),
-            imageUrl: readString(content, 'imageUrl'),
-            options: readOptions(content, question.id, 'text'),
-        };
-    });
-}
-export function transformColoring(questions) {
-    const first = asRecord(questions[0]?.content);
-    return {
-        instruction: readString(first, 'instruction'),
-        instructions: readArray(first, 'instructions').filter((item) => typeof item === 'string'),
-        imageUrl: readString(first, 'imageUrl', 'backgroundImageUrl'),
-        audioUrl: readString(first, 'audioUrl'),
-        hintItems: readArray(first, 'hintItems').map((item) => {
-            const row = asRecord(item);
-            return { id: String(row.id ?? ''), label: readString(row, 'label'), color: readString(row, 'color') };
-        }).filter((item) => item.id),
-        regions: readArray(first, 'regions').map((item) => {
-            const row = asRecord(item);
-            return { id: String(row.id ?? ''), x: Number(row.x ?? 0), y: Number(row.y ?? 0), width: Number(row.width ?? 0), height: Number(row.height ?? 0) };
-        }).filter((item) => item.id),
-    };
-}
-function readOptions(content, questionId, optionType) {
-    return readArray(content, 'options').map((item, index) => {
-        const option = asRecord(item);
-        const id = String(option.id ?? `${questionId}-opt-${index}`);
-        const text = readString(option, 'text', 'label', 'value', 'imageUrl');
-        return { id, label: readString(option, 'label') || String.fromCharCode(65 + index), text, imageUrl: optionType === 'image' ? text : readString(option, 'imageUrl') };
-    });
-}
-export function normalizeSelected(value) {
-    if (Array.isArray(value))
-        return value.map(String);
-    if (typeof value === 'string' && value)
-        return value.split(',').map((item) => item.trim()).filter(Boolean);
-    return [];
-}
-export function normalizeRecord(value) {
-    const record = asRecord(value);
-    return Object.fromEntries(Object.entries(record).map(([key, item]) => [key, String(item ?? '')]));
-}
+export function asRecord(e){return"object"==typeof e&&null!==e?e:{}}export function readString(e,...r){const t=asRecord(e);for(const e of r){const r=t[e];if("string"==typeof r)return r}return""}export function readArray(e,r){const t=asRecord(e)[r];return Array.isArray(t)?t:[]}export function readQuestionText(e){return readString(e.content,"questionText","question","text","sentence")||String(e.content??"")}export function transformChoiceQuestions(r){return r.map(r=>{const t=asRecord(r.content),n=readString(t,"optionType");return{id:r.id,questionNumber:r.question_number,questionText:readQuestionText(r),imageUrl:readString(t,"imageUrl"),optionType:n,multipleAnswers:Boolean(t.multipleAnswers),options:e(t,r.id,n)}})}export function transformFillQuestions(e){return e.map(e=>{const r=asRecord(e.content);return{id:e.id,questionNumber:e.question_number,textBefore:readString(r,"textBefore","sentenceBefore","prefixText"),textAfter:readString(r,"textAfter","sentenceAfter","suffixText"),imageUrl:readString(r,"imageUrl")}})}export function transformAdjectiveQuestions(r){return r.map(r=>{const t=asRecord(r.content);return{id:r.id,questionNumber:r.question_number,textBefore:"",textAfter:"",sentenceBefore:readString(t,"sentenceBefore","textBefore"),sentenceAfter:readString(t,"sentenceAfter","textAfter"),imageUrl:readString(t,"imageUrl"),options:e(t,r.id,"text")}})}export function transformColoring(e){const r=asRecord(e[0]?.content);return{instruction:readString(r,"instruction"),instructions:readArray(r,"instructions").filter(e=>"string"==typeof e),imageUrl:readString(r,"imageUrl","backgroundImageUrl"),audioUrl:readString(r,"audioUrl"),hintItems:readArray(r,"hintItems").map(e=>{const r=asRecord(e);return{id:String(r.id??""),label:readString(r,"label"),color:readString(r,"color")}}).filter(e=>e.id),regions:readArray(r,"regions").map(e=>{const r=asRecord(e);return{id:String(r.id??""),x:Number(r.x??0),y:Number(r.y??0),width:Number(r.width??0),height:Number(r.height??0)}}).filter(e=>e.id)}}function e(e,r,t){return readArray(e,"options").map((e,n)=>{const i=asRecord(e),o=String(i.id??`${r}-opt-${n}`),a=readString(i,"text","label","value","imageUrl");return{id:o,label:readString(i,"label")||String.fromCharCode(65+n),text:a,imageUrl:"image"===t?a:readString(i,"imageUrl")}})}export function normalizeSelected(e){return Array.isArray(e)?e.map(String):"string"==typeof e&&e?e.split(",").map(e=>e.trim()).filter(Boolean):[]}export function normalizeRecord(e){const r=asRecord(e);return Object.fromEntries(Object.entries(r).map(([e,r])=>[e,String(r??"")]))}

package/dist/components/results/review-types.js

@@ -1 +1 @@
-export {};
+export{};

package/dist/components/themes/cambridge-yle/CambridgeYleAudioPlayer.js

@@ -1,138 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect, useMemo } from 'react';
-import { Pause, Play, RotateCcw } from 'lucide-react';
-import { usePresignedFileUrl } from '../../../shared/lib/hooks/usePresignedFileUrl';
-const PLAYBACK_SPEEDS = [0.75, 1, 1.25, 1.5];
-const WAVEFORM_BARS = 48;
-/** Deterministic pseudo-random bar heights — stable per render, no flicker on re-render. */
-function useWaveformHeights(count) {
-    return useMemo(() => {
-        const heights = [];
-        let seed = 7;
-        for (let i = 0; i < count; i++) {
-            // LCG-like deterministic noise
-            seed = (seed * 9301 + 49297) % 233280;
-            const rnd = seed / 233280;
-            // Bias towards mid-range heights for a natural-looking waveform
-            const h = 0.25 + rnd * 0.75;
-            // Soft envelope — taller in the middle, shorter at edges
-            const envelope = Math.sin((i / (count - 1)) * Math.PI) * 0.25 + 0.75;
-            heights.push(Math.max(0.2, h * envelope));
-        }
-        return heights;
-    }, [count]);
-}
-export default function CambridgeYleAudioPlayer({ audioSrc, onPlay, onPause, compact = false, }) {
-    const { previewUrl: resolvedAudioSrc } = usePresignedFileUrl(audioSrc);
-    const audioRef = useRef(null);
-    const [isPlaying, setIsPlaying] = useState(false);
-    const [currentTime, setCurrentTime] = useState(0);
-    const [duration, setDuration] = useState(0);
-    const [speed, setSpeed] = useState(1);
-    const barHeights = useWaveformHeights(WAVEFORM_BARS);
-    useEffect(() => {
-        const audio = audioRef.current;
-        if (!audio)
-            return;
-        const updateDuration = () => {
-            if (audio.duration && !isNaN(audio.duration) && isFinite(audio.duration)) {
-                setDuration(audio.duration);
-            }
-        };
-        const handleTimeUpdate = () => {
-            setCurrentTime(audio.currentTime);
-            updateDuration();
-        };
-        const handleEnded = () => {
-            setIsPlaying(false);
-            setCurrentTime(0);
-        };
-        updateDuration();
-        audio.addEventListener('loadedmetadata', updateDuration);
-        audio.addEventListener('durationchange', updateDuration);
-        audio.addEventListener('canplay', updateDuration);
-        audio.addEventListener('timeupdate', handleTimeUpdate);
-        audio.addEventListener('ended', handleEnded);
-        return () => {
-            audio.removeEventListener('loadedmetadata', updateDuration);
-            audio.removeEventListener('durationchange', updateDuration);
-            audio.removeEventListener('canplay', updateDuration);
-            audio.removeEventListener('timeupdate', handleTimeUpdate);
-            audio.removeEventListener('ended', handleEnded);
-        };
-    }, []);
-    useEffect(() => {
-        if (audioRef.current)
-            audioRef.current.playbackRate = speed;
-    }, [speed]);
-    const handlePlayPause = () => {
-        const audio = audioRef.current;
-        if (!audio)
-            return;
-        if (isPlaying) {
-            audio.pause();
-            setIsPlaying(false);
-            onPause?.();
-        }
-        else {
-            audio.play().catch(() => {
-                // Source unplayable — reset UI instead of leaving a floating rejection.
-                setIsPlaying(false);
-            });
-            setIsPlaying(true);
-            onPlay?.();
-        }
-    };
-    const handleRewind = () => {
-        const audio = audioRef.current;
-        if (!audio)
-            return;
-        audio.currentTime = Math.max(0, audio.currentTime - 5);
-        setCurrentTime(audio.currentTime);
-    };
-    const handleWaveformClick = (e) => {
-        const audio = audioRef.current;
-        if (!audio || !duration)
-            return;
-        const rect = e.currentTarget.getBoundingClientRect();
-        const ratio = Math.min(1, Math.max(0, (e.clientX - rect.left) / rect.width));
-        const newTime = ratio * duration;
-        audio.currentTime = newTime;
-        setCurrentTime(newTime);
-    };
-    const formatTime = (time) => {
-        const safe = Math.max(0, time);
-        const minutes = Math.floor(safe / 60);
-        const seconds = Math.floor(safe % 60);
-        return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
-    };
-    const progress = duration > 0 ? currentTime / duration : 0;
-    const progressPct = progress * 100;
-    const remaining = Math.max(0, duration - currentTime);
-    // --------------------- COMPACT MODE ---------------------
-    if (compact) {
-        return (_jsxs("div", { className: "relative overflow-hidden rounded-2xl border-2 border-blue-100 bg-white p-3 shadow-sm transition-all hover:border-blue-200 hover:shadow-md", children: [_jsx("audio", { ref: audioRef, src: resolvedAudioSrc || undefined, preload: "metadata" }), _jsxs("div", { className: "flex items-center gap-3 sm:gap-4", children: [_jsxs("button", { type: "button", onClick: handlePlayPause, className: "relative flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-coral-500 text-white shadow-lg shadow-coral-500/30 transition-all duration-200 hover:scale-105 hover:bg-coral-600 active:scale-95", "aria-label": isPlaying ? 'Pause' : 'Play', children: [isPlaying ? _jsx(Pause, { className: "h-5 w-5 fill-current" }) : _jsx(Play, { className: "ml-1 h-5 w-5 fill-current" }), isPlaying && (_jsx("span", { className: "pointer-events-none absolute inset-0 animate-ping rounded-full bg-coral-400 opacity-40" }))] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [_jsxs("div", { className: "flex items-center justify-between px-1", children: [_jsx("span", { className: "text-sm font-black uppercase tracking-widest text-blue-900 font-[family-name:var(--font-nunito)]", children: "Audio" }), _jsxs("div", { className: "flex items-center gap-1.5 font-mono text-xs font-bold text-slate-500 tabular-nums", children: [_jsx("span", { className: "text-blue-600", children: formatTime(currentTime) }), _jsx("span", { children: "/" }), _jsx("span", { children: formatTime(duration) })] })] }), _jsxs("div", { className: "relative flex items-center", children: [_jsx("div", { className: "h-3 w-full overflow-hidden rounded-full bg-blue-50 shadow-inner", children: _jsx("div", { className: "h-full rounded-full bg-blue-500 transition-[width] duration-150", style: { width: `${progressPct}%` } }) }), _jsx("input", { type: "range", min: "0", max: duration || 0, step: "0.1", value: currentTime, onChange: (e) => {
-                                                const newTime = parseFloat(e.target.value);
-                                                if (audioRef.current)
-                                                    audioRef.current.currentTime = newTime;
-                                                setCurrentTime(newTime);
-                                            }, className: "absolute inset-0 w-full cursor-pointer opacity-0", "aria-label": "Seek" })] })] })] })] }));
-    }
-    // --------------------- FULL MODE ---------------------
-    // Circular progress ring math
-    const RING_SIZE = 56;
-    const RING_STROKE = 3;
-    const RING_RADIUS = (RING_SIZE - RING_STROKE) / 2;
-    const RING_CIRC = 2 * Math.PI * RING_RADIUS;
-    return (_jsxs("div", { className: "relative overflow-hidden rounded-2xl border-2 border-blue-100 bg-white p-3.5 shadow-sm transition-shadow hover:border-blue-200 hover:shadow-md", children: [_jsx("audio", { ref: audioRef, src: resolvedAudioSrc || undefined, preload: "metadata" }), _jsx("div", { className: "pointer-events-none absolute -right-6 -top-6 h-20 w-20 rounded-full bg-blue-100 opacity-60 blur-xl" }), _jsxs("div", { className: "relative flex items-center gap-3", children: [_jsxs("button", { type: "button", onClick: handleRewind, className: "relative flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-slate-500 transition-all hover:bg-slate-100 hover:text-blue-600 active:scale-95", "aria-label": "Rewind 5 seconds", title: "Quay l\u1EA1i 5 gi\u00E2y", children: [_jsx(RotateCcw, { className: "h-4 w-4", strokeWidth: 2.5 }), _jsx("span", { className: "pointer-events-none absolute bottom-1 right-1 text-[8px] font-black leading-none", children: "5" })] }), _jsxs("div", { className: "relative shrink-0", style: { width: RING_SIZE, height: RING_SIZE }, children: [_jsxs("svg", { width: RING_SIZE, height: RING_SIZE, className: "absolute inset-0 -rotate-90", "aria-hidden": true, children: [_jsx("circle", { cx: RING_SIZE / 2, cy: RING_SIZE / 2, r: RING_RADIUS, fill: "none", stroke: "rgb(239 246 255)", strokeWidth: RING_STROKE }), _jsx("circle", { cx: RING_SIZE / 2, cy: RING_SIZE / 2, r: RING_RADIUS, fill: "none", stroke: "url(#audio-ring-gradient)", strokeWidth: RING_STROKE, strokeLinecap: "round", strokeDasharray: RING_CIRC, strokeDashoffset: RING_CIRC * (1 - progress), className: "transition-[stroke-dashoffset] duration-150" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "audio-ring-gradient", x1: "0", y1: "0", x2: "1", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "#3B82F6" }), _jsx("stop", { offset: "100%", stopColor: "#06b6d4" })] }) })] }), _jsxs("button", { type: "button", onClick: handlePlayPause, className: "absolute inset-1.5 flex items-center justify-center rounded-full bg-coral-500 text-white shadow-lg shadow-coral-500/30 transition-all hover:shadow-xl hover:shadow-coral-500/50 hover:bg-coral-600 active:scale-95", "aria-label": isPlaying ? 'Pause' : 'Play', children: [isPlaying ? (_jsx(Pause, { className: "h-4 w-4 fill-current" })) : (_jsx(Play, { className: "ml-0.5 h-4 w-4 fill-current" })), isPlaying && (_jsx("span", { className: "pointer-events-none absolute inset-0 animate-ping rounded-full bg-coral-400 opacity-40" }))] })] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [_jsx("div", { onClick: handleWaveformClick, className: "group/wave relative flex h-8 cursor-pointer items-center gap-[2px]", role: "slider", "aria-label": "Seek", "aria-valuemin": 0, "aria-valuemax": duration || 0, "aria-valuenow": currentTime, children: barHeights.map((h, i) => {
-                                    const barPos = (i + 0.5) / WAVEFORM_BARS;
-                                    const isFilled = barPos <= progress;
-                                    const isCurrent = Math.abs(barPos - progress) < 1 / WAVEFORM_BARS / 2;
-                                    return (_jsx("span", { className: `flex-1 rounded-full transition-all duration-200 ${isFilled
-                                            ? 'bg-blue-500'
-                                            : 'bg-slate-200 group-hover/wave:bg-slate-300'} ${isCurrent && isPlaying ? 'animate-wave-pulse' : ''}`, style: { height: `${h * 100}%` } }, i));
-                                }) }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsxs("span", { className: "font-mono text-sm font-bold tabular-nums text-slate-800", children: ["\u2212", formatTime(remaining)] }), _jsxs("span", { className: "font-mono text-[10px] tabular-nums text-slate-400", children: ["/ ", formatTime(duration)] })] }), _jsx("div", { className: "flex items-center gap-0.5 rounded-full border border-slate-200 bg-white p-0.5 shadow-sm", children: PLAYBACK_SPEEDS.map((s) => (_jsxs("button", { type: "button", onClick: () => setSpeed(s), className: `rounded-full px-2 py-0.5 font-mono text-[10px] font-semibold tabular-nums transition-all ${speed === s
-                                                ? 'bg-coral-500 text-white shadow-sm'
-                                                : 'text-slate-500 hover:bg-slate-100 hover:text-slate-700'}`, children: [s, "\u00D7"] }, s))) })] })] })] })] }));
-}
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as a,useState as r,useEffect as n,useMemo as l}from"react";import{Pause as s,Play as i,RotateCcw as o}from"lucide-react";import{usePresignedFileUrl as c}from"../../../shared/lib/hooks/usePresignedFileUrl";const d=[.75,1,1.25,1.5];export default function u({audioSrc:u,onPlay:h,onPause:m,compact:f=!1}){const{previewUrl:p}=c(u),v=a(null),[b,x]=r(!1),[g,w]=r(0),[N,y]=r(0),[k,M]=r(1),L=l(()=>{const e=[];let t=7;for(let a=0;a<E;a++){t=(9301*t+49297)%233280;const r=.25+t/233280*.75,n=.25*Math.sin(a/(E-1)*Math.PI)+.75;e.push(Math.max(.2,r*n))}return e},[E=48]);var E;n(()=>{const e=v.current;if(!e)return;const t=()=>{e.duration&&!isNaN(e.duration)&&isFinite(e.duration)&&y(e.duration)},a=()=>{w(e.currentTime),t()},r=()=>{x(!1),w(0)};return t(),e.addEventListener("loadedmetadata",t),e.addEventListener("durationchange",t),e.addEventListener("canplay",t),e.addEventListener("timeupdate",a),e.addEventListener("ended",r),()=>{e.removeEventListener("loadedmetadata",t),e.removeEventListener("durationchange",t),e.removeEventListener("canplay",t),e.removeEventListener("timeupdate",a),e.removeEventListener("ended",r)}},[]),n(()=>{v.current&&(v.current.playbackRate=k)},[k]);const j=()=>{const e=v.current;e&&(b?(e.pause(),x(!1),m?.()):(e.play().catch(()=>{x(!1)}),x(!0),h?.()))},C=e=>{const t=Math.max(0,e),a=Math.floor(t/60),r=Math.floor(t%60);return`${String(a).padStart(2,"0")}:${String(r).padStart(2,"0")}`},P=N>0?g/N:0,S=100*P,T=Math.max(0,N-g);if(f)return t("div",{className:"relative overflow-hidden rounded-2xl border-2 border-blue-100 bg-white p-3 shadow-sm transition-all hover:border-blue-200 hover:shadow-md",children:[e("audio",{ref:v,src:p||void 0,preload:"metadata"}),t("div",{className:"flex items-center gap-3 sm:gap-4",children:[t("button",{type:"button",onClick:j,className:"relative flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-coral-500 text-white shadow-lg shadow-coral-500/30 transition-all duration-200 hover:scale-105 hover:bg-coral-600 active:scale-95","aria-label":b?"Pause":"Play",children:[b?e(s,{className:"h-5 w-5 fill-current"}):e(i,{className:"ml-1 h-5 w-5 fill-current"}),b&&e("span",{className:"pointer-events-none absolute inset-0 animate-ping rounded-full bg-coral-400 opacity-40"})]}),t("div",{className:"flex min-w-0 flex-1 flex-col justify-center gap-2",children:[t("div",{className:"flex items-center justify-between px-1",children:[e("span",{className:"text-sm font-black uppercase tracking-widest text-blue-900 font-[family-name:var(--font-nunito)]",children:"Audio"}),t("div",{className:"flex items-center gap-1.5 font-mono text-xs font-bold text-slate-500 tabular-nums",children:[e("span",{className:"text-blue-600",children:C(g)}),e("span",{children:"/"}),e("span",{children:C(N)})]})]}),t("div",{className:"relative flex items-center",children:[e("div",{className:"h-3 w-full overflow-hidden rounded-full bg-blue-50 shadow-inner",children:e("div",{className:"h-full rounded-full bg-blue-500 transition-[width] duration-150",style:{width:`${S}%`}})}),e("input",{type:"range",min:"0",max:N||0,step:"0.1",value:g,onChange:e=>{const t=parseFloat(e.target.value);v.current&&(v.current.currentTime=t),w(t)},className:"absolute inset-0 w-full cursor-pointer opacity-0","aria-label":"Seek"})]})]})]})]});const $=56,F=26.5,R=2*Math.PI*F;return t("div",{className:"relative overflow-hidden rounded-2xl border-2 border-blue-100 bg-white p-3.5 shadow-sm transition-shadow hover:border-blue-200 hover:shadow-md",children:[e("audio",{ref:v,src:p||void 0,preload:"metadata"}),e("div",{className:"pointer-events-none absolute -right-6 -top-6 h-20 w-20 rounded-full bg-blue-100 opacity-60 blur-xl"}),t("div",{className:"relative flex items-center gap-3",children:[t("button",{type:"button",onClick:()=>{const e=v.current;e&&(e.currentTime=Math.max(0,e.currentTime-5),w(e.currentTime))},className:"relative flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-slate-500 transition-all hover:bg-slate-100 hover:text-blue-600 active:scale-95","aria-label":"Rewind 5 seconds",title:"Quay lại 5 giây",children:[e(o,{className:"h-4 w-4",strokeWidth:2.5}),e("span",{className:"pointer-events-none absolute bottom-1 right-1 text-[8px] font-black leading-none",children:"5"})]}),t("div",{className:"relative shrink-0",style:{width:$,height:$},children:[t("svg",{width:$,height:$,className:"absolute inset-0 -rotate-90","aria-hidden":!0,children:[e("circle",{cx:28,cy:28,r:F,fill:"none",stroke:"rgb(239 246 255)",strokeWidth:3}),e("circle",{cx:28,cy:28,r:F,fill:"none",stroke:"url(#audio-ring-gradient)",strokeWidth:3,strokeLinecap:"round",strokeDasharray:R,strokeDashoffset:R*(1-P),className:"transition-[stroke-dashoffset] duration-150"}),e("defs",{children:t("linearGradient",{id:"audio-ring-gradient",x1:"0",y1:"0",x2:"1",y2:"1",children:[e("stop",{offset:"0%",stopColor:"#3B82F6"}),e("stop",{offset:"100%",stopColor:"#06b6d4"})]})})]}),t("button",{type:"button",onClick:j,className:"absolute inset-1.5 flex items-center justify-center rounded-full bg-coral-500 text-white shadow-lg shadow-coral-500/30 transition-all hover:shadow-xl hover:shadow-coral-500/50 hover:bg-coral-600 active:scale-95","aria-label":b?"Pause":"Play",children:[b?e(s,{className:"h-4 w-4 fill-current"}):e(i,{className:"ml-0.5 h-4 w-4 fill-current"}),b&&e("span",{className:"pointer-events-none absolute inset-0 animate-ping rounded-full bg-coral-400 opacity-40"})]})]}),t("div",{className:"flex min-w-0 flex-1 flex-col gap-1",children:[e("div",{onClick:e=>{const t=v.current;if(!t||!N)return;const a=e.currentTarget.getBoundingClientRect(),r=Math.min(1,Math.max(0,(e.clientX-a.left)/a.width))*N;t.currentTime=r,w(r)},className:"group/wave relative flex h-8 cursor-pointer items-center gap-[2px]",role:"slider","aria-label":"Seek","aria-valuemin":0,"aria-valuemax":N||0,"aria-valuenow":g,children:L.map((t,a)=>{const r=(a+.5)/48,n=r<=P,l=Math.abs(r-P)<1/48/2;return e("span",{className:`flex-1 rounded-full transition-all duration-200 ${n?"bg-blue-500":"bg-slate-200 group-hover/wave:bg-slate-300"} ${l&&b?"animate-wave-pulse":""}`,style:{height:100*t+"%"}},a)})}),t("div",{className:"flex items-center justify-between",children:[t("div",{className:"flex items-baseline gap-1.5",children:[t("span",{className:"font-mono text-sm font-bold tabular-nums text-slate-800",children:["−",C(T)]}),t("span",{className:"font-mono text-[10px] tabular-nums text-slate-400",children:["/ ",C(N)]})]}),e("div",{className:"flex items-center gap-0.5 rounded-full border border-slate-200 bg-white p-0.5 shadow-sm",children:d.map(e=>t("button",{type:"button",onClick:()=>M(e),className:"rounded-full px-2 py-0.5 font-mono text-[10px] font-semibold tabular-nums transition-all "+(k===e?"bg-coral-500 text-white shadow-sm":"text-slate-500 hover:bg-slate-100 hover:text-slate-700"),children:[e,"×"]},e))})]})]})]})]})}

package/dist/components/themes/cambridge-yle/CambridgeYleBottomNav.js

@@ -1,12 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { cn } from '../../../shared/lib/utils';
-import Image from 'next/image';
-import rangsanhoImg from './assets/images/rangsanho.png';
-export function CambridgeYleBottomNav({ onPrevious, onNext, isFirstQuestion, isLastQuestion, isNavDisabled, className, }) {
-    return (_jsxs("div", { className: cn("flex items-center justify-between py-2 relative", className), children: [_jsxs("button", { onClick: onPrevious, disabled: isFirstQuestion || isNavDisabled, className: cn("flex items-center gap-2 px-8 py-3 rounded-full font-bold text-[15px] transition-all duration-300 z-10", (isFirstQuestion || isNavDisabled)
-                    ? "opacity-50 cursor-not-allowed bg-white border-2 border-gray-200 text-gray-400"
-                    : "bg-white border-2 border-blue-200 text-blue-600 hover:bg-blue-50 hover:shadow-md cursor-pointer active:scale-95 shadow-sm"), children: [_jsx(ChevronLeft, { size: 20, strokeWidth: 3 }), "Previous"] }), _jsx("div", { className: "absolute left-1/2 bottom-[-4px] -translate-x-1/2 flex items-end pointer-events-none z-0", children: _jsx(Image, { src: rangsanhoImg, alt: "R\u1EB7ng san h\u00F4", className: "h-[72px] w-auto object-contain" }) }), _jsxs("button", { onClick: onNext, disabled: isLastQuestion || isNavDisabled, className: cn("flex items-center gap-2 px-10 py-3 rounded-full font-bold text-[15px] transition-all duration-300 shadow-md z-10 border-2 border-transparent", (isLastQuestion || isNavDisabled)
-                    ? "opacity-50 cursor-not-allowed bg-gray-300 text-gray-500 shadow-none"
-                    : "bg-blue-600 text-white hover:bg-blue-700 hover:shadow-lg cursor-pointer active:scale-95"), children: ["Next", _jsx(ChevronRight, { size: 20, strokeWidth: 3 })] })] }));
-}
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ChevronLeft as o,ChevronRight as r}from"lucide-react";import{cn as s}from"../../../shared/lib/utils";import a from"next/image";import i from"./assets/images/rangsanho.png";export function CambridgeYleBottomNav({onPrevious:n,onNext:l,isFirstQuestion:d,isLastQuestion:c,isNavDisabled:b,className:m}){return t("div",{className:s("flex items-center justify-between py-2 relative",m),children:[t("button",{onClick:n,disabled:d||b,className:s("flex items-center gap-2 px-8 py-3 rounded-full font-bold text-[15px] transition-all duration-300 z-10",d||b?"opacity-50 cursor-not-allowed bg-white border-2 border-gray-200 text-gray-400":"bg-white border-2 border-blue-200 text-blue-600 hover:bg-blue-50 hover:shadow-md cursor-pointer active:scale-95 shadow-sm"),children:[e(o,{size:20,strokeWidth:3}),"Previous"]}),e("div",{className:"absolute left-1/2 bottom-[-4px] -translate-x-1/2 flex items-end pointer-events-none z-0",children:e(a,{src:i,alt:"Rặng san hô",className:"h-[72px] w-auto object-contain"})}),t("button",{onClick:l,disabled:c||b,className:s("flex items-center gap-2 px-10 py-3 rounded-full font-bold text-[15px] transition-all duration-300 shadow-md z-10 border-2 border-transparent",c||b?"opacity-50 cursor-not-allowed bg-gray-300 text-gray-500 shadow-none":"bg-blue-600 text-white hover:bg-blue-700 hover:shadow-lg cursor-pointer active:scale-95"),children:["Next",e(r,{size:20,strokeWidth:3})]})]})}

package/dist/components/themes/cambridge-yle/CambridgeYleExamLayout.js

@@ -1,18 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CambridgeYleHeader } from './CambridgeYleHeader';
-import { CambridgeYleSidebar } from './CambridgeYleSidebar';
-import { CambridgeYleBottomNav } from './CambridgeYleBottomNav';
-import { CambridgeYleNavButton } from './CambridgeYleNavButton';
-import { cn } from '../../../shared/lib/utils';
-import backgroundSummerSky from '../summer-sky/assets/images/background-v2.png';
-import oceanFrameImg from '../summer-sky/assets/images/ocean-frame.png';
-export function CambridgeYleExamLayout({ children, onPrevious, onNext, onClose, isFirstQuestion, isLastQuestion, isNavDisabled, headerProps, sidebarProps, partName, }) {
-    // No longer using dynamic decor images for title badge
-    return (_jsxs("div", { className: "relative flex h-screen flex-col overflow-hidden bg-cover bg-center bg-no-repeat", style: {
-            backgroundImage: `url(${backgroundSummerSky.src})`,
-        }, children: [_jsx("div", { className: "absolute inset-0 bg-black/10" }), _jsx("div", { className: "relative z-50", children: _jsx(CambridgeYleHeader, { ...headerProps, onClose: onClose }) }), _jsxs("div", { className: "relative z-10 flex flex-1 min-h-0 items-stretch justify-center p-2 pt-0 pb-2 sm:px-4 sm:pt-0 sm:pb-4 lg:px-[2%] lg:pt-0 lg:pb-[20px] max-w-[1500px] mx-auto w-full gap-2 xl:gap-4", children: [_jsx("div", { className: "hidden xl:flex shrink-0 items-center", children: _jsx(CambridgeYleNavButton, { direction: "prev", onClick: onPrevious, disabled: isFirstQuestion || isNavDisabled }) }), _jsxs("div", { className: "flex flex-1 w-full relative drop-shadow-xl min-h-0", children: [_jsx("div", { className: "absolute inset-0 pointer-events-none", style: {
-                                    background: `url(${oceanFrameImg.src}) no-repeat center center`,
-                                    backgroundSize: '100% 100%',
-                                    zIndex: 0
-                                } }), _jsxs("div", { className: "flex flex-1 w-full relative z-10 p-[12px] sm:p-[16px] md:p-[24px]", children: [sidebarProps && (_jsx("div", { className: "hidden lg:flex w-[30%] shrink-0 bg-[#eef7ff] rounded-l-[20px] md:rounded-l-[32px] border-r-2 border-blue-100 flex-col overflow-hidden", children: _jsx(CambridgeYleSidebar, { ...sidebarProps }) })), _jsxs("div", { className: cn("flex w-full min-h-0 flex-col flex-1 relative bg-white overflow-hidden", sidebarProps ? "rounded-r-[20px] md:rounded-r-[32px]" : "rounded-[20px] md:rounded-[32px]"), children: [_jsx("div", { id: "exam-main-scroll-area", className: "flex-1 min-h-0 overflow-auto", children: children }), _jsx("div", { className: "hidden shrink-0 bg-white p-1 sm:px-6 border-t border-blue-200/50", children: _jsx(CambridgeYleBottomNav, { onPrevious: onPrevious, onNext: onNext, isFirstQuestion: isFirstQuestion, isLastQuestion: isLastQuestion, isNavDisabled: isNavDisabled }) })] })] })] }), _jsx("div", { className: "hidden xl:flex shrink-0 items-center", children: _jsx(CambridgeYleNavButton, { direction: "next", onClick: onNext, disabled: isLastQuestion || isNavDisabled }) })] })] }));
-}
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{CambridgeYleHeader as i}from"./CambridgeYleHeader";import{CambridgeYleSidebar as l}from"./CambridgeYleSidebar";import{CambridgeYleBottomNav as s}from"./CambridgeYleBottomNav";import{CambridgeYleNavButton as a}from"./CambridgeYleNavButton";import{cn as d}from"../../../shared/lib/utils";import o from"../summer-sky/assets/images/background-v2.png";import n from"../summer-sky/assets/images/ocean-frame.png";export function CambridgeYleExamLayout({children:t,onPrevious:m,onNext:c,onClose:p,isFirstQuestion:x,isLastQuestion:f,isNavDisabled:u,headerProps:b,sidebarProps:h,partName:v}){return r("div",{className:"relative flex h-screen flex-col overflow-hidden bg-cover bg-center bg-no-repeat",style:{backgroundImage:`url(${o.src})`},children:[e("div",{className:"absolute inset-0 bg-black/10"}),e("div",{className:"relative z-50",children:e(i,{...b,onClose:p})}),r("div",{className:"relative z-10 flex flex-1 min-h-0 items-stretch justify-center p-2 pt-0 pb-2 sm:px-4 sm:pt-0 sm:pb-4 lg:px-[2%] lg:pt-0 lg:pb-[20px] max-w-[1500px] mx-auto w-full gap-2 xl:gap-4",children:[e("div",{className:"hidden xl:flex shrink-0 items-center",children:e(a,{direction:"prev",onClick:m,disabled:x||u})}),r("div",{className:"flex flex-1 w-full relative drop-shadow-xl min-h-0",children:[e("div",{className:"absolute inset-0 pointer-events-none",style:{background:`url(${n.src}) no-repeat center center`,backgroundSize:"100% 100%",zIndex:0}}),r("div",{className:"flex flex-1 w-full relative z-10 p-[12px] sm:p-[16px] md:p-[24px]",children:[h&&e("div",{className:"hidden lg:flex w-[30%] shrink-0 bg-[#eef7ff] rounded-l-[20px] md:rounded-l-[32px] border-r-2 border-blue-100 flex-col overflow-hidden",children:e(l,{...h})}),r("div",{className:d("flex w-full min-h-0 flex-col flex-1 relative bg-white overflow-hidden",h?"rounded-r-[20px] md:rounded-r-[32px]":"rounded-[20px] md:rounded-[32px]"),children:[e("div",{id:"exam-main-scroll-area",className:"flex-1 min-h-0 overflow-auto",children:t}),e("div",{className:"hidden shrink-0 bg-white p-1 sm:px-6 border-t border-blue-200/50",children:e(s,{onPrevious:m,onNext:c,isFirstQuestion:x,isLastQuestion:f,isNavDisabled:u})})]})]})]}),e("div",{className:"hidden xl:flex shrink-0 items-center",children:e(a,{direction:"next",onClick:c,disabled:f||u})})]})]})}

package/dist/components/themes/cambridge-yle/CambridgeYleExampleText.js

@@ -1,11 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export default function CambridgeYleExampleText({ text, highlightedWord, }) {
-    const renderText = () => {
-        if (!highlightedWord) {
-            return _jsx("span", { children: text });
-        }
-        const parts = text.split(highlightedWord);
-        return (_jsx(_Fragment, { children: parts.map((part, index) => (_jsxs("span", { children: [part, index < parts.length - 1 && (_jsx("span", { className: "font-bold", children: highlightedWord }))] }, index))) }));
-    };
-    return (_jsxs("div", { className: "text-base", children: [_jsx("span", { className: "font-bold", children: "Example:" }), " ", renderText()] }));
-}
+import{jsx as e,jsxs as n,Fragment as s}from"react/jsx-runtime";export default function t({text:t,highlightedWord:a}){return n("div",{className:"text-base",children:[e("span",{className:"font-bold",children:"Example:"})," ",(()=>{if(!a)return e("span",{children:t});const r=t.split(a);return e(s,{children:r.map((s,t)=>n("span",{children:[s,t<r.length-1&&e("span",{className:"font-bold",children:a})]},t))})})()]})}