@tinyweb_dev/oe-exam-sdk 0.1.0 → 0.1.2

package/dist/components/themes/english-certification/EnglishCertificationReadingSection.js

@@ -1,91 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EnglishCertificationOptionSelector } from './EnglishCertificationOptionSelector';
-import { EnglishCertificationFlagButton } from './EnglishCertificationFlagButton';
-import { EcWordFillStructuredForm } from './EcWordFillStructuredForm';
-import { EcMatchByWritingAnswer } from './EcMatchByWritingAnswer';
-import { EcAnswerTheQuestion } from './EcAnswerTheQuestion';
-import { EcWordFillParagraph } from './EcWordFillParagraph';
-import { EcWritingTask } from './EcWritingTask';
-/**
- * Maps a question's options to the selector shape.
- *
- * Handles three shapes:
- * - `{ id, text }` objects (standard MCQ options).
- * - plain strings from `section.defaultValue` (IELTS TRUE/FALSE/NOT GIVEN),
- *   where the string itself is both the stored value and the displayed text.
- */
-function mapOptions(rawOptions) {
-    return rawOptions.map((option, optIdx) => {
-        const letter = String.fromCharCode(65 + optIdx);
-        if (typeof option === 'string') {
-            // IELTS TRUE/FALSE/NOT GIVEN — store the string as the option id.
-            return { id: option, label: letter, text: option };
-        }
-        return {
-            id: String(option?.id || letter),
-            label: String(option?.id || letter),
-            text: String(option?.text ?? option?.value ?? option ?? ''),
-        };
-    });
-}
-/**
- * Renders one sub-section of an IELTS Reading part inside the right-hand
- * question column.
- *
- * - CHOOSE_THE_CORRECT_ANSWER (incl. TRUE/FALSE/NOT GIVEN) → branded MCQ cards.
- * - Any other type (ANSWER_THE_QUESTION, WORD_FILL_PARAGRAPH,
- *   WORD_FILL_STRUCTURED_FORM, MATCH_BY_WRITING_ANSWER, …) is delegated to the
- *   shared TOEIC-style renderer so the proven transformers/answer shapes apply.
- */
-export function EnglishCertificationReadingSection({ part, section, questions, startIndex, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode = false, }) {
-    if (!questions.length)
-        return null;
-    const sectionInstruction = (section.instructions || section.name || '').trim();
-    const isMcq = section.questionType === 'CHOOSE_THE_CORRECT_ANSWER';
-    if (isMcq) {
-        return (_jsxs("div", { className: "flex flex-col gap-3", children: [sectionInstruction && (_jsx("p", { className: "text-sm font-semibold leading-relaxed text-[#0b57d0]", children: sectionInstruction })), _jsx("div", { className: "divide-y divide-[#e8eef7]", children: questions.map((question) => {
-                        const globalNumber = part.questions.indexOf(question) + startIndex + 1;
-                        const content = question.content || {};
-                        const rawOptions = Array.isArray(content.options)
-                            ? content.options
-                            : section.defaultValue ?? [];
-                        const questionText = content.question?.trim() ?? '';
-                        const answer = answers[question.id];
-                        return (_jsxs("article", { className: "grid grid-cols-[44px_1fr_32px] gap-1 py-4", children: [_jsxs("div", { className: "text-[18px] font-black leading-snug text-[#0b57d0]", children: [globalNumber, "."] }), _jsxs("div", { className: "min-w-0", children: [questionText && (_jsx("div", { className: "mb-2 text-[15px] font-black leading-snug text-[#10172f]", children: questionText })), _jsx(EnglishCertificationOptionSelector, { options: mapOptions(rawOptions), selectedOptionId: answer?.optionId ?? null, onSelect: (optionId) => onAnswerChange(question.id, { optionId }), isReviewMode: isReviewMode, disabled: isReviewMode, variant: "compact" })] }), _jsx(EnglishCertificationFlagButton, { isFlagged: flaggedQuestions.has(question.id), onToggle: () => onToggleFlag(question.id), size: "sm", className: "self-start justify-self-end" })] }, question.id));
-                    }) })] }));
-    }
-    // Build a synthetic sub-part carrying only this section's questions so the
-    // dedicated branded EC renderers can transform/render it standalone.
-    const subPart = {
-        ...part,
-        questionType: section.questionType,
-        questions,
-        instructions: sectionInstruction || part.instructions,
-        isGroup: false,
-        group: undefined,
-        sections: undefined,
-        viewMode: section.viewMode,
-        wordBankConfig: section.wordBankConfig,
-        startIndex: section.startIndex,
-        endIndex: section.endIndex,
-    };
-    const renderSubSection = () => {
-        switch (section.questionType) {
-            case 'WORD_FILL_STRUCTURED_FORM':
-                return (_jsx(EcWordFillStructuredForm, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            case 'MATCH_BY_WRITING_ANSWER':
-                return (_jsx(EcMatchByWritingAnswer, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            case 'ANSWER_THE_QUESTION':
-                return (_jsx(EcAnswerTheQuestion, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            case 'WORD_FILL_PARAGRAPH':
-                return (_jsx(EcWordFillParagraph, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            case 'WRITE_A_SHORT_LETTER':
-                return (_jsx(EcWritingTask, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            default:
-                return (_jsxs("div", { className: "rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-700", children: ["Lo\u1EA1i c\u00E2u h\u1ECFi \"", section.questionType, "\" ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3."] }));
-        }
-    };
-    return (_jsxs("div", { className: "flex flex-col gap-3", children: [sectionInstruction && (_jsx("p", { className: "text-sm font-semibold leading-relaxed text-[#0b57d0]", children: sectionInstruction })), renderSubSection()] }));
-}
-//# sourceMappingURL=EnglishCertificationReadingSection.js.map
+"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{EnglishCertificationOptionSelector as t}from"./EnglishCertificationOptionSelector";import{EnglishCertificationFlagButton as n}from"./EnglishCertificationFlagButton";import{EcWordFillStructuredForm as r}from"./EcWordFillStructuredForm";import{EcMatchByWritingAnswer as s}from"./EcMatchByWritingAnswer";import{EcAnswerTheQuestion as o}from"./EcAnswerTheQuestion";import{EcWordFillParagraph as a}from"./EcWordFillParagraph";import{EcWritingTask as d}from"./EcWritingTask";function l(e){return e.map((e,i)=>{const t=String.fromCharCode(65+i);return"string"==typeof e?{id:e,label:t,text:e}:{id:String(e?.id||t),label:String(e?.id||t),text:String(e?.text??e?.value??e??"")}})}export function EnglishCertificationReadingSection({part:c,section:m,questions:u,startIndex:p,answers:g,flaggedQuestions:f,onAnswerChange:x,onToggleFlag:h,isReviewMode:w=!1}){if(!u.length)return null;const R=(m.instructions||m.name||"").trim();if("CHOOSE_THE_CORRECT_ANSWER"===m.questionType)return i("div",{className:"flex flex-col gap-3",children:[R&&e("p",{className:"text-sm font-semibold leading-relaxed text-[#0b57d0]",children:R}),e("div",{className:"divide-y divide-[#e8eef7]",children:u.map(r=>{const s=c.questions.indexOf(r)+p+1,o=r.content||{},a=Array.isArray(o.options)?o.options:m.defaultValue??[],d=o.question?.trim()??"",u=g[r.id];return i("article",{className:"grid grid-cols-[44px_1fr_32px] gap-1 py-4",children:[i("div",{className:"text-[18px] font-black leading-snug text-[#0b57d0]",children:[s,"."]}),i("div",{className:"min-w-0",children:[d&&e("div",{className:"mb-2 text-[15px] font-black leading-snug text-[#10172f]",children:d}),e(t,{options:l(a),selectedOptionId:u?.optionId??null,onSelect:e=>x(r.id,{optionId:e}),isReviewMode:w,disabled:w,variant:"compact"})]}),e(n,{isFlagged:f.has(r.id),onToggle:()=>h(r.id),size:"sm",className:"self-start justify-self-end"})]},r.id)})})]});const v={...c,questionType:m.questionType,questions:u,instructions:R||c.instructions,isGroup:!1,group:void 0,sections:void 0,viewMode:m.viewMode,wordBankConfig:m.wordBankConfig,startIndex:m.startIndex,endIndex:m.endIndex};return i("div",{className:"flex flex-col gap-3",children:[R&&e("p",{className:"text-sm font-semibold leading-relaxed text-[#0b57d0]",children:R}),(()=>{switch(m.questionType){case"WORD_FILL_STRUCTURED_FORM":return e(r,{part:v,answers:g,onAnswerChange:x,isReviewMode:w});case"MATCH_BY_WRITING_ANSWER":return e(s,{part:v,answers:g,onAnswerChange:x,isReviewMode:w});case"ANSWER_THE_QUESTION":return e(o,{part:v,answers:g,onAnswerChange:x,isReviewMode:w});case"WORD_FILL_PARAGRAPH":return e(a,{part:v,answers:g,onAnswerChange:x,isReviewMode:w});case"WRITE_A_SHORT_LETTER":return e(d,{part:v,answers:g,onAnswerChange:x,isReviewMode:w});default:return i("div",{className:"rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-700",children:['Loại câu hỏi "',m.questionType,'" chưa được hỗ trợ.']})}})()]})}

package/dist/components/themes/english-certification/EnglishCertificationSingleQuestion.d.ts

@@ -29,4 +29,3 @@ interface EnglishCertificationSingleQuestionProps {
  */
 export declare function EnglishCertificationSingleQuestion({ question, questionNumber, questionConfig, defaultQuestion, partAudioUrl, isListeningPart, answer, isFlagged, onAnswerChange, onToggleFlag, isReviewMode, }: EnglishCertificationSingleQuestionProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=EnglishCertificationSingleQuestion.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationSingleQuestion.js

@@ -1,19 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EnglishCertificationAudioPlayer } from './EnglishCertificationAudioPlayer';
-import { EnglishCertificationQuestionItem } from './EnglishCertificationQuestionItem';
-import { ENGLISH_CERT_CONTENT_WIDTH_CLASS } from './english-certification-theme';
-/**
- * Ocean Edu branded renderer for a single (non-grouped) question.
- *
- * Thin wrapper around {@link EnglishCertificationQuestionItem} that prepends the
- * shared audio bar for listening parts. Kept for review mode and any
- * one-question-per-screen flow; multi-question screens use the question list.
- */
-export function EnglishCertificationSingleQuestion({ question, questionNumber, questionConfig, defaultQuestion, partAudioUrl, isListeningPart = false, answer, isFlagged, onAnswerChange, onToggleFlag, isReviewMode = false, }) {
-    // Resolve effective audio: prefer the question's own audio, otherwise fall
-    // back to the part-level audio (TOEIC Listening Part 1/2 define audio per part).
-    const effectiveAudioUrl = question.audio_url || partAudioUrl || '';
-    return (_jsxs("div", { className: "flex flex-col items-center gap-5", children: [effectiveAudioUrl && (_jsx("div", { className: ENGLISH_CERT_CONTENT_WIDTH_CLASS, children: _jsx(EnglishCertificationAudioPlayer, { audioUrl: effectiveAudioUrl, partNumber: question.part_no }) })), _jsx(EnglishCertificationQuestionItem, { question: question, questionNumber: questionNumber, questionConfig: questionConfig, defaultQuestion: defaultQuestion, isListeningPart: isListeningPart, answer: answer, isFlagged: isFlagged, onAnswerChange: onAnswerChange, onToggleFlag: onToggleFlag, isReviewMode: isReviewMode })] }));
-}
-//# sourceMappingURL=EnglishCertificationSingleQuestion.js.map
+"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{EnglishCertificationAudioPlayer as n}from"./EnglishCertificationAudioPlayer";import{EnglishCertificationQuestionItem as t}from"./EnglishCertificationQuestionItem";import{ENGLISH_CERT_CONTENT_WIDTH_CLASS as o}from"./english-certification-theme";export function EnglishCertificationSingleQuestion({question:s,questionNumber:r,questionConfig:a,defaultQuestion:l,partAudioUrl:u,isListeningPart:g=!1,answer:m,isFlagged:c,onAnswerChange:f,onToggleFlag:d,isReviewMode:h=!1}){const p=s.audio_url||u||"";return i("div",{className:"flex flex-col items-center gap-5",children:[p&&e("div",{className:o,children:e(n,{audioUrl:p,partNumber:s.part_no})}),e(t,{question:s,questionNumber:r,questionConfig:a,defaultQuestion:l,isListeningPart:g,answer:m,isFlagged:c,onAnswerChange:f,onToggleFlag:d,isReviewMode:h})]})}

package/dist/components/themes/english-certification/EnglishCertificationSingleQuestionList.d.ts

@@ -23,4 +23,3 @@ export declare function englishCertQuestionDomId(questionId: string): string;
  */
 export declare function EnglishCertificationSingleQuestionList({ part, partConfig, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode, isListeningPart, partAudioUrl, }: EnglishCertificationSingleQuestionListProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=EnglishCertificationSingleQuestionList.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationSingleQuestionList.js

@@ -1,30 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EnglishCertificationAudioPlayer } from './EnglishCertificationAudioPlayer';
-import { EnglishCertificationQuestionItem } from './EnglishCertificationQuestionItem';
-import { ENGLISH_CERT_CONTENT_WIDTH_CLASS } from './english-certification-theme';
-/** Stable DOM id for a question card, used for Answer-Sheet scroll-to. */
-export function englishCertQuestionDomId(questionId) {
-    return `ec-question-${questionId}`;
-}
-/**
- * Renders every question of a single-question part (or section) on one screen.
- *
- * Listening parts show a single shared audio bar at the top; all questions then
- * stack vertically. Navigation across parts/sections is handled by the footer.
- */
-export function EnglishCertificationSingleQuestionList({ part, partConfig, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode = false, isListeningPart = false, partAudioUrl, }) {
-    const startIndex = partConfig.startIndex ?? 0;
-    const questionConfig = Array.isArray(partConfig.questionConfig)
-        ? partConfig.questionConfig
-        : [];
-    const defaultQuestion = partConfig.defaultQuestion;
-    const showAudio = isListeningPart && Boolean(partAudioUrl);
-    return (_jsxs("div", { className: "flex flex-col items-center gap-5 pb-4", children: [showAudio && (_jsx("div", { className: ENGLISH_CERT_CONTENT_WIDTH_CLASS, children: _jsx(EnglishCertificationAudioPlayer, { audioUrl: partAudioUrl, partNumber: part.partNo }) })), part.questions.map((question, idx) => {
-                const effectiveQuestionConfig = question.audio_url
-                    ? Array.from(new Set([...questionConfig, 'audioUrl']))
-                    : questionConfig;
-                return (_jsx(EnglishCertificationQuestionItem, { domId: englishCertQuestionDomId(question.id), question: question, questionNumber: startIndex + idx + 1, questionConfig: effectiveQuestionConfig, defaultQuestion: defaultQuestion, isListeningPart: isListeningPart, answer: answers[question.id], isFlagged: flaggedQuestions.has(question.id), onAnswerChange: onAnswerChange, onToggleFlag: onToggleFlag, isReviewMode: isReviewMode }, question.id));
-            })] }));
-}
-//# sourceMappingURL=EnglishCertificationSingleQuestionList.js.map
+"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{EnglishCertificationAudioPlayer as n}from"./EnglishCertificationAudioPlayer";import{EnglishCertificationQuestionItem as t}from"./EnglishCertificationQuestionItem";import{ENGLISH_CERT_CONTENT_WIDTH_CLASS as o}from"./english-certification-theme";export function englishCertQuestionDomId(e){return`ec-question-${e}`}export function EnglishCertificationSingleQuestionList({part:r,partConfig:s,answers:a,flaggedQuestions:u,onAnswerChange:l,onToggleFlag:g,isReviewMode:d=!1,isListeningPart:m=!1,partAudioUrl:f}){const c=s.startIndex??0,p=Array.isArray(s.questionConfig)?s.questionConfig:[],h=s.defaultQuestion,C=m&&Boolean(f);return i("div",{className:"flex flex-col items-center gap-5 pb-4",children:[C&&e("div",{className:o,children:e(n,{audioUrl:f,partNumber:r.partNo})}),r.questions.map((i,n)=>{const o=i.audio_url?Array.from(new Set([...p,"audioUrl"])):p;return e(t,{domId:englishCertQuestionDomId(i.id),question:i,questionNumber:c+n+1,questionConfig:o,defaultQuestion:h,isListeningPart:m,answer:a[i.id],isFlagged:u.has(i.id),onAnswerChange:l,onToggleFlag:g,isReviewMode:d},i.id)})]})}

package/dist/components/themes/english-certification/english-certification-theme.d.ts

@@ -54,4 +54,3 @@ export declare const ENGLISH_CERT_PRIMARY_GRADIENT = "linear-gradient(180deg, #1
 export declare const ENGLISH_CERT_FOOTER_WAVE = "url(\"data:image/svg+xml,%3Csvg width='1600' height='80' viewBox='0 0 1600 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 44C190 20 334 28 520 44C746 64 850 15 1070 34C1258 50 1408 38 1600 28V80H0V44Z' fill='%230B57D0'/%3E%3Cpath d='M0 50C230 26 346 50 540 55C760 61 872 26 1088 45C1280 62 1430 40 1600 38V80H0V50Z' fill='%23051A55' fill-opacity='0.35'/%3E%3C/svg%3E\")";
 /** Encouraging tagline shown in the branded footer. */
 export declare const ENGLISH_CERT_FOOTER_NOTE = "Believe in yourself. You are stronger than you think.";
-//# sourceMappingURL=english-certification-theme.d.ts.map

package/dist/components/themes/english-certification/english-certification-theme.js

@@ -1,59 +1 @@
-/**
- * English Certification theme — shared design tokens and reusable class fragments.
- *
- * A branded Ocean Edu look shared across standardized English certification
- * exams (TOEIC, IELTS, …). Centralises colours, radii, shadows and branded SVG
- * assets so the look stays consistent and easy to tune.
- */
-/** Brand palette (hex) reused by inline styles and gradients. */
-export const ENGLISH_CERT_COLORS = {
-    blue950: '#061a55',
-    blue900: '#072b7a',
-    blue800: '#0a3d9a',
-    blue700: '#0b57d0',
-    blue600: '#1167e8',
-    blue500: '#1f7cff',
-    blue100: '#e9f3ff',
-    blue50: '#f4f9ff',
-    orange600: '#f97316',
-    orange500: '#ff8a00',
-    orange100: '#fff1db',
-    green500: '#22c55e',
-    green100: '#ddf8e7',
-    red500: '#ef4444',
-    text: '#0f1730',
-    muted: '#64748b',
-    border: '#d9e4f2',
-};
-/** Fixed layout dimensions (px). */
-export const ENGLISH_CERT_LAYOUT = {
-    headerHeight: 74,
-    footerHeight: 76,
-    radius: 12,
-    /** Shared max content width (px) for question card, image, audio bar and answers. */
-    contentMaxWidth: 940,
-};
-/**
- * Shared content-width class fragment (Tailwind).
- * Centres the inner content blocks (image, audio bar, answer grid) so they line
- * up consistently across every question screen.
- */
-export const ENGLISH_CERT_CONTENT_WIDTH_CLASS = 'mx-auto w-full max-w-[940px]';
-/**
- * Full-page gradient background applied to the app shell.
- * Combines two soft radial highlights with a vertical base gradient.
- */
-export const ENGLISH_CERT_APP_BACKGROUND = 'radial-gradient(circle at 20% -10%, rgba(31,124,255,0.13), transparent 28%),' +
-    'radial-gradient(circle at 70% 0%, rgba(0,184,255,0.13), transparent 24%),' +
-    'linear-gradient(180deg, #f9fdff 0%, #edf7ff 52%, #f9fdff 100%)';
-/** Reusable glass-card class fragment (Tailwind). */
-export const ENGLISH_CERT_CARD_CLASS = 'rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md';
-/** Branded gradient used for the answer-sheet header and primary actions. */
-export const ENGLISH_CERT_PRIMARY_GRADIENT = 'linear-gradient(180deg, #1f7cff, #0b57d0)';
-/**
- * Decorative footer wave (URL-encoded SVG) shown along the bottom action bar.
- */
-export const ENGLISH_CERT_FOOTER_WAVE = "url(\"data:image/svg+xml,%3Csvg width='1600' height='80' viewBox='0 0 1600 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 44C190 20 334 28 520 44C746 64 850 15 1070 34C1258 50 1408 38 1600 28V80H0V44Z' fill='%230B57D0'/%3E%3Cpath d='M0 50C230 26 346 50 540 55C760 61 872 26 1088 45C1280 62 1430 40 1600 38V80H0V50Z' fill='%23051A55' fill-opacity='0.35'/%3E%3C/svg%3E\")";
-/** Encouraging tagline shown in the branded footer. */
-export const ENGLISH_CERT_FOOTER_NOTE = 'Believe in yourself. You are stronger than you think.';
-//# sourceMappingURL=english-certification-theme.js.map
+export const ENGLISH_CERT_COLORS={blue950:"#061a55",blue900:"#072b7a",blue800:"#0a3d9a",blue700:"#0b57d0",blue600:"#1167e8",blue500:"#1f7cff",blue100:"#e9f3ff",blue50:"#f4f9ff",orange600:"#f97316",orange500:"#ff8a00",orange100:"#fff1db",green500:"#22c55e",green100:"#ddf8e7",red500:"#ef4444",text:"#0f1730",muted:"#64748b",border:"#d9e4f2"};export const ENGLISH_CERT_LAYOUT={headerHeight:74,footerHeight:76,radius:12,contentMaxWidth:940};export const ENGLISH_CERT_CONTENT_WIDTH_CLASS="mx-auto w-full max-w-[940px]";export const ENGLISH_CERT_APP_BACKGROUND="radial-gradient(circle at 20% -10%, rgba(31,124,255,0.13), transparent 28%),radial-gradient(circle at 70% 0%, rgba(0,184,255,0.13), transparent 24%),linear-gradient(180deg, #f9fdff 0%, #edf7ff 52%, #f9fdff 100%)";export const ENGLISH_CERT_CARD_CLASS="rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md";export const ENGLISH_CERT_PRIMARY_GRADIENT="linear-gradient(180deg, #1f7cff, #0b57d0)";export const ENGLISH_CERT_FOOTER_WAVE="url(\"data:image/svg+xml,%3Csvg width='1600' height='80' viewBox='0 0 1600 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 44C190 20 334 28 520 44C746 64 850 15 1070 34C1258 50 1408 38 1600 28V80H0V44Z' fill='%230B57D0'/%3E%3Cpath d='M0 50C230 26 346 50 540 55C760 61 872 26 1088 45C1280 62 1430 40 1600 38V80H0V50Z' fill='%23051A55' fill-opacity='0.35'/%3E%3C/svg%3E\")";export const ENGLISH_CERT_FOOTER_NOTE="Believe in yourself. You are stronger than you think.";

package/dist/components/themes/english-certification/grouped-question-utils.d.ts

@@ -21,4 +21,3 @@ export declare function normalizeText(value: string): string;
  * Returns the original passage when nothing matches so genuine content is safe.
  */
 export declare function stripInstruction(passage: string, instruction: string): string;
-//# sourceMappingURL=grouped-question-utils.d.ts.map

package/dist/components/themes/english-certification/grouped-question-utils.js

@@ -1,219 +1 @@
-/**
- * Pure helpers for the English Certification grouped-question renderer.
- *
- * Extracted from EnglishCertificationGroupedQuestion.tsx to keep the component
- * file under the 500-line limit. These functions strip the shared part
- * instruction that the API prepends to every document's passage so it renders
- * only once at the top of the part.
- */
-/** Detects whether passage content carries HTML markup (Part 6) vs plain text (Part 7). */
-export function isHtmlContent(value) {
-    return /<[a-z][\s\S]*>/i.test(value);
-}
-/** Collapses whitespace and strips tags so two instruction strings can be compared. */
-export function normalizeText(value) {
-    return value
-        .replace(/<[^>]*>/g, ' ')
-        .replace(/&nbsp;/g, ' ')
-        .replace(/\s+/g, ' ')
-        .trim()
-        .toLowerCase();
-}
-/** Matches a single leading top-level block element of HTML passage content. */
-const LEADING_BLOCK_REGEX = /^\s*<(p|div|h[1-6]|span|section|header)\b[^>]*>[\s\S]*?<\/\1>\s*/i;
-/**
- * Removes the shared part instruction that the API prepends to every document's
- * passage so it is only rendered once at the top of the part.
- *
- * Strategy:
- * - HTML passages: first tries the block-peeling approach (fast), then falls
- *   back to a character-walk HTML parser (handles any HTML structure).
- * - Plain text passages: drops leading lines covered by the instruction.
- * Returns the original passage when nothing matches so genuine content is safe.
- */
-export function stripInstruction(passage, instruction) {
-    if (!passage || !instruction) {
-        return passage;
-    }
-    const normalizedInstruction = normalizeText(instruction);
-    if (!normalizedInstruction) {
-        return passage;
-    }
-    if (isHtmlContent(passage)) {
-        let rest = passage;
-        let removedAny = false;
-        let consumed = '';
-        // Peel leading blocks while they remain covered by the instruction.
-        while (true) {
-            const match = LEADING_BLOCK_REGEX.exec(rest);
-            if (!match) {
-                break;
-            }
-            const block = match[0];
-            const blockText = normalizeText(block);
-            if (!blockText) {
-                // Empty/whitespace-only leading block — drop and keep scanning.
-                rest = rest.slice(block.length);
-                removedAny = true;
-                continue;
-            }
-            const candidate = normalizeText(consumed + ' ' + block).trim();
-            const isCovered = normalizedInstruction === candidate ||
-                normalizedInstruction.startsWith(candidate) ||
-                candidate.startsWith(normalizedInstruction) ||
-                normalizedInstruction.startsWith(blockText) ||
-                blockText.startsWith(normalizedInstruction);
-            if (!isCovered) {
-                break;
-            }
-            consumed = candidate;
-            rest = rest.slice(block.length);
-            removedAny = true;
-            // Once we have matched the whole instruction, stop peeling.
-            if (consumed === normalizedInstruction || consumed.startsWith(normalizedInstruction)) {
-                break;
-            }
-        }
-        if (removedAny)
-            return rest.trimStart();
-        // ── Fallback: character-walk HTML parser ──────────────────────────────
-        // The block-regex above only handles top-level block elements. If the
-        // instruction is wrapped in inline elements (<strong>, <b>), a <table>,
-        // or any other structure, we fall back to walking the HTML char by char:
-        // skip tags, decode entities, accumulate visible text, and cut the HTML
-        // exactly where the instruction text ends.
-        return stripInstructionByTextWalk(passage, normalizedInstruction);
-    }
-    // Plain text (Part 7): drop leading lines covered by the instruction.
-    const lines = passage.split('\n');
-    let removed = 0;
-    let consumed = '';
-    for (const line of lines) {
-        const lineText = normalizeText(line);
-        if (!lineText) {
-            removed += 1;
-            continue;
-        }
-        const candidate = normalizeText(consumed + ' ' + line).trim();
-        const isCovered = normalizedInstruction === candidate ||
-            normalizedInstruction.startsWith(candidate) ||
-            normalizedInstruction.startsWith(lineText) ||
-            lineText.startsWith(normalizedInstruction);
-        if (!isCovered) {
-            break;
-        }
-        consumed = candidate;
-        removed += 1;
-        if (consumed === normalizedInstruction || consumed.startsWith(normalizedInstruction)) {
-            break;
-        }
-    }
-    return removed > 0 ? lines.slice(removed).join('\n').trimStart() : passage;
-}
-/** Decode a common HTML entity to its plain-text equivalent. */
-function decodeHtmlEntity(entity) {
-    const map = new Map([
-        ['nbsp', ' '],
-        ['amp', '\u0026'],
-        ['lt', '\u003c'],
-        ['gt', '\u003e'],
-        ['quot', '\u0022'],
-        ['#39', '\u0027'],
-        ['apos', '\u0027'],
-        ['ldquo', '\u201c'],
-        ['rdquo', '\u201d'],
-        ['lsquo', '\u2018'],
-        ['rsquo', '\u2019'],
-        ['hellip', '\u2026'],
-        ['mdash', '\u2014'],
-        ['ndash', '\u2013'],
-        ['copy', '\u00a9'],
-        ['reg', '\u00ae'],
-        ['trade', '\u2122'],
-    ]);
-    // Strip the leading & and trailing ; then look up the bare entity name.
-    const name = entity.replace(/^&/, '').replace(/;$/, '').toLowerCase();
-    return map.get(name) ?? ' ';
-}
-/**
- * Robust HTML-aware instruction stripper.
- *
- * Walks the HTML one token at a time:
- *   - Opening/closing/self-closing tags  → skipped (not added to text)
- *   - Named/numeric HTML entities        → decoded to plain-text equivalent
- *   - Literal characters                 → appended to running text buffer
- *
- * As soon as the accumulated (normalized) text covers the instruction, the
- * function records the current HTML position as the cut point. It then skips
- * any orphaned closing tags (`</p>`, `</strong>`, …) before returning the
- * remainder of the HTML — avoiding dangling close-tags in the rendered output.
- *
- * Returns the original passage unchanged when the instruction is not found at
- * the start, so genuine content is never accidentally removed.
- */
-function stripInstructionByTextWalk(html, normalizedInstruction) {
-    let i = 0;
-    let textAccum = '';
-    let cutHtmlIdx = -1; // HTML position right after the instruction text ends
-    while (i < html.length) {
-        // ── Evaluate after adding each token ──────────────────────────────────
-        const norm = textAccum.replace(/\s+/g, ' ').trim().toLowerCase();
-        if (cutHtmlIdx === -1) {
-            // Success: we have consumed at least the instruction.
-            if (norm.length >= normalizedInstruction.length && norm.startsWith(normalizedInstruction)) {
-                cutHtmlIdx = i;
-                // Don't break yet — skip orphaned closing tags below.
-            }
-            // Early bail: text has diverged from the instruction prefix.
-            if (norm.length > 0 &&
-                !normalizedInstruction.startsWith(norm) &&
-                !norm.startsWith(normalizedInstruction)) {
-                return html; // Not a match — return original unchanged.
-            }
-        }
-        // ── Process the next HTML token ───────────────────────────────────────
-        if (html[i] === '<') {
-            const end = html.indexOf('>', i);
-            if (end === -1)
-                return cutHtmlIdx >= 0 ? html.slice(cutHtmlIdx).trimStart() : html;
-            const tag = html.slice(i, end + 1);
-            i = end + 1;
-            if (cutHtmlIdx >= 0) {
-                // We are past the instruction. If the next token is a closing tag,
-                // skip it (it belongs to the block that contained the instruction).
-                // Otherwise we've reached real content — return from here.
-                if (!tag.startsWith('</')) {
-                    // Opening or self-closing tag → real content starts here.
-                    return html.slice(i - tag.length).trimStart();
-                }
-                // Closing tag → skip and keep scanning for the next real token.
-            }
-            // While building up text: tags are invisible — just advance i.
-        }
-        else if (html[i] === '&') {
-            if (cutHtmlIdx >= 0) {
-                // Hit real content (entity) after the instruction → return here.
-                return html.slice(i).trimStart();
-            }
-            // Decode entity and add to text buffer.
-            const sc = html.indexOf(';', i);
-            if (sc !== -1 && sc - i <= 10) {
-                textAccum += decodeHtmlEntity(html.slice(i, sc + 1));
-                i = sc + 1;
-            }
-            else {
-                textAccum += html[i++];
-            }
-        }
-        else {
-            if (cutHtmlIdx >= 0) {
-                // Hit real text content after the instruction → return here.
-                return html.slice(i).trimStart();
-            }
-            textAccum += html[i++];
-        }
-    }
-    // Exhausted the HTML — return whatever is left after the cut point (or original).
-    return cutHtmlIdx >= 0 ? html.slice(cutHtmlIdx).trimStart() : html;
-}
-//# sourceMappingURL=grouped-question-utils.js.map
+export function isHtmlContent(t){return/<[a-z][\s\S]*>/i.test(t)}export function normalizeText(t){return t.replace(/<[^>]*>/g," ").replace(/&nbsp;/g," ").replace(/\s+/g," ").trim().toLowerCase()}const t=/^\s*<(p|div|h[1-6]|span|section|header)\b[^>]*>[\s\S]*?<\/\1>\s*/i;export function stripInstruction(r,i){if(!r||!i)return r;const s=normalizeText(i);if(!s)return r;if(isHtmlContent(r)){let i=r,n=!1,o="";for(;;){const e=t.exec(i);if(!e)break;const r=e[0],a=normalizeText(r);if(!a){i=i.slice(r.length),n=!0;continue}const l=normalizeText(o+" "+r).trim();if(!(s===l||s.startsWith(l)||l.startsWith(s)||s.startsWith(a)||a.startsWith(s)))break;if(o=l,i=i.slice(r.length),n=!0,o===s||o.startsWith(s))break}return n?i.trimStart():function(t,r){let i=0,s="",n=-1;for(;i<t.length;){const o=s.replace(/\s+/g," ").trim().toLowerCase();if(-1===n&&(o.length>=r.length&&o.startsWith(r)&&(n=i),o.length>0&&!r.startsWith(o)&&!o.startsWith(r)))return t;if("<"===t[i]){const e=t.indexOf(">",i);if(-1===e)return n>=0?t.slice(n).trimStart():t;const r=t.slice(i,e+1);if(i=e+1,n>=0&&!r.startsWith("</"))return t.slice(i-r.length).trimStart()}else if("&"===t[i]){if(n>=0)return t.slice(i).trimStart();const r=t.indexOf(";",i);-1!==r&&r-i<=10?(s+=e(t.slice(i,r+1)),i=r+1):s+=t[i++]}else{if(n>=0)return t.slice(i).trimStart();s+=t[i++]}}return n>=0?t.slice(n).trimStart():t}(r,s)}const n=r.split("\n");let o=0,a="";for(const t of n){const e=normalizeText(t);if(!e){o+=1;continue}const r=normalizeText(a+" "+t).trim();if(!(s===r||s.startsWith(r)||s.startsWith(e)||e.startsWith(s)))break;if(a=r,o+=1,a===s||a.startsWith(s))break}return o>0?n.slice(o).join("\n").trimStart():r}function e(t){const e=new Map([["nbsp"," "],["amp","&"],["lt","<"],["gt",">"],["quot",'"'],["#39","'"],["apos","'"],["ldquo","“"],["rdquo","”"],["lsquo","‘"],["rsquo","’"],["hellip","…"],["mdash","—"],["ndash","–"],["copy","©"],["reg","®"],["trade","™"]]),r=t.replace(/^&/,"").replace(/;$/,"").toLowerCase();return e.get(r)??" "}

package/dist/components/themes/english-certification/index.d.ts

@@ -20,4 +20,3 @@ export type { EnglishCertificationHeaderProps } from './EnglishCertificationHead
 export type { EnglishCertificationNavigationPanelProps } from './EnglishCertificationNavigationPanel';
 export type { EnglishCertificationFooterBarProps } from './EnglishCertificationFooterBar';
 export type { EnglishCertificationOption, EnglishCertificationOptionVariant, EnglishCertificationOptionSelectorProps, } from './EnglishCertificationOptionSelector';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/themes/english-certification/index.js

@@ -1,22 +1 @@
-// English Certification theme — branded Ocean Edu UI shared across
-// standardized English exams (TOEIC, IELTS, …).
-export { EnglishCertificationExamLayout } from './EnglishCertificationExamLayout';
-export { EnglishCertificationQuestionRenderer } from './EnglishCertificationQuestionRenderer';
-export { EnglishCertificationHeader } from './EnglishCertificationHeader';
-export { EnglishCertificationNavigationPanel } from './EnglishCertificationNavigationPanel';
-export { EnglishCertificationFooterBar } from './EnglishCertificationFooterBar';
-export { EnglishCertificationOptionSelector } from './EnglishCertificationOptionSelector';
-export { EnglishCertificationAudioPlayer } from './EnglishCertificationAudioPlayer';
-export { EnglishCertificationSingleQuestion } from './EnglishCertificationSingleQuestion';
-export { EnglishCertificationSingleQuestionList, englishCertQuestionDomId, } from './EnglishCertificationSingleQuestionList';
-export { EnglishCertificationGroupedQuestion } from './EnglishCertificationGroupedQuestion';
-export { EnglishCertificationReadingSection } from './EnglishCertificationReadingSection';
-export { EnglishCertificationFlagButton } from './EnglishCertificationFlagButton';
-export { EnglishCertificationBrand } from './EnglishCertificationBrand';
-// Dedicated branded IELTS question renderers.
-export { EcWordFillStructuredForm } from './EcWordFillStructuredForm';
-export { EcMatchByWritingAnswer } from './EcMatchByWritingAnswer';
-export { EcAnswerTheQuestion } from './EcAnswerTheQuestion';
-export { EcWordFillParagraph } from './EcWordFillParagraph';
-export { EcWritingTask } from './EcWritingTask';
-//# sourceMappingURL=index.js.map
+export{EnglishCertificationExamLayout}from"./EnglishCertificationExamLayout";export{EnglishCertificationQuestionRenderer}from"./EnglishCertificationQuestionRenderer";export{EnglishCertificationHeader}from"./EnglishCertificationHeader";export{EnglishCertificationNavigationPanel}from"./EnglishCertificationNavigationPanel";export{EnglishCertificationFooterBar}from"./EnglishCertificationFooterBar";export{EnglishCertificationOptionSelector}from"./EnglishCertificationOptionSelector";export{EnglishCertificationAudioPlayer}from"./EnglishCertificationAudioPlayer";export{EnglishCertificationSingleQuestion}from"./EnglishCertificationSingleQuestion";export{EnglishCertificationSingleQuestionList,englishCertQuestionDomId}from"./EnglishCertificationSingleQuestionList";export{EnglishCertificationGroupedQuestion}from"./EnglishCertificationGroupedQuestion";export{EnglishCertificationReadingSection}from"./EnglishCertificationReadingSection";export{EnglishCertificationFlagButton}from"./EnglishCertificationFlagButton";export{EnglishCertificationBrand}from"./EnglishCertificationBrand";export{EcWordFillStructuredForm}from"./EcWordFillStructuredForm";export{EcMatchByWritingAnswer}from"./EcMatchByWritingAnswer";export{EcAnswerTheQuestion}from"./EcAnswerTheQuestion";export{EcWordFillParagraph}from"./EcWordFillParagraph";export{EcWritingTask}from"./EcWritingTask";

package/dist/components/themes/index.d.ts

@@ -5,4 +5,3 @@ export * from './summer-sky/SummerSkyLayout';
 export * from './summer-sky/SummerSkySubmitModal';
 export * from './summer-sky/SummerSkyWaitingRoom';
 export type * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/themes/index.js

@@ -1,7 +1 @@
-export * from './cambridge-yle';
-export * from './english-certification';
-export * from './summer-sky/SummerSkyAudioPlayer';
-export * from './summer-sky/SummerSkyLayout';
-export * from './summer-sky/SummerSkySubmitModal';
-export * from './summer-sky/SummerSkyWaitingRoom';
-//# sourceMappingURL=index.js.map
+export*from"./cambridge-yle";export*from"./english-certification";export*from"./summer-sky/SummerSkyAudioPlayer";export*from"./summer-sky/SummerSkyLayout";export*from"./summer-sky/SummerSkySubmitModal";export*from"./summer-sky/SummerSkyWaitingRoom";

package/dist/components/themes/summer-sky/SummerSkyAudioPlayer.d.ts

@@ -7,4 +7,3 @@ interface SummerSkyAudioPlayerProps {
 }
 export declare function SummerSkyAudioPlayer({ audioUrl, partName, onEnded, hideAudio, onPlayingChange }: SummerSkyAudioPlayerProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=SummerSkyAudioPlayer.d.ts.map