@tinyweb_dev/oe-exam-sdk 0.1.27 → 0.1.29

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

@@ -1 +1,58 @@
-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.";
+/**
+ * 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.';

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

@@ -1 +1,243 @@
-export function isHtmlContent(t){return/<[a-z][\s\S]*>/i.test(t)}export function injectBlankPlaceholders(t){return t.replace(/\{(\d+)\}/g,(t,e)=>`<span class="ec-blank-placeholder" data-qno="${e}" aria-label="Question ${e} blank"><span class="ec-blank-line"></span><span class="ec-blank-label">${e}</span><span class="ec-blank-line"></span></span>`)}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,s){if(!r||!s)return r;const n=normalizeText(s);if(!n)return r;if(isHtmlContent(r)){let s=r,i=!1,a="";for(;;){const e=t.exec(s);if(!e)break;const r=e[0],l=normalizeText(r);if(!l){s=s.slice(r.length),i=!0;continue}const o=normalizeText(a+" "+r).trim();if(!(n===o||n.startsWith(o)||o.startsWith(n)||n.startsWith(l)||l.startsWith(n)))break;if(a=o,s=s.slice(r.length),i=!0,a===n||a.startsWith(n))break}return i?s.trimStart():function(t,r){let s=0,n="",i=-1;for(;s<t.length;){const a=n.replace(/\s+/g," ").trim().toLowerCase();if(-1===i&&(a.length>=r.length&&a.startsWith(r)&&(i=s),a.length>0&&!r.startsWith(a)&&!a.startsWith(r)))return t;if("<"===t[s]){const e=t.indexOf(">",s);if(-1===e)return i>=0?t.slice(i).trimStart():t;const r=t.slice(s,e+1);if(s=e+1,i>=0&&!r.startsWith("</"))return t.slice(s-r.length).trimStart()}else if("&"===t[s]){if(i>=0)return t.slice(s).trimStart();const r=t.indexOf(";",s);-1!==r&&r-s<=10?(n+=e(t.slice(s,r+1)),s=r+1):n+=t[s++]}else{if(i>=0)return t.slice(s).trimStart();n+=t[s++]}}return i>=0?t.slice(i).trimStart():t}(r,n)}const i=r.split("\n");let a=0,l="";for(const t of i){const e=normalizeText(t);if(!e){a+=1;continue}const r=normalizeText(l+" "+t).trim();if(!(n===r||n.startsWith(r)||n.startsWith(e)||e.startsWith(n)))break;if(l=r,a+=1,l===n||l.startsWith(n))break}return a>0?i.slice(a).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)??" "}
+/**
+ * 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);
+}
+/**
+ * Replaces `{number}` tokens in passage HTML/text with a styled blank-line span.
+ *
+ * TOEIC Part 6 passages embed placeholders like `{141}`, `{142}`, `{143}` to
+ * mark the positions of fill-in-the-blank questions. This function converts
+ * each token into an inline HTML element that looks like an answer blank:
+ *
+ *   _____(141)_____
+ *
+ * The resulting string is safe to inject via `dangerouslySetInnerHTML` because
+ * the surrounding HTML came from the CMS (trusted source) and only the token
+ * itself is replaced with a pre-defined, static HTML snippet.
+ *
+ * @param html - Raw passage string (HTML or plain text).
+ * @returns Transformed string with blank spans substituted for `{n}` tokens.
+ */
+export function injectBlankPlaceholders(html) {
+    return html.replace(/\{(\d+)\}/g, (_match, num) => {
+        return (`<span class="ec-blank-placeholder" data-qno="${num}" aria-label="Question ${num} blank">` +
+            `<span class="ec-blank-line"></span>` +
+            `<span class="ec-blank-label">${num}</span>` +
+            `<span class="ec-blank-line"></span>` +
+            `</span>`);
+    });
+}
+/** 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;
+}

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

@@ -1 +1,24 @@
-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}from"./EnglishCertificationSingleQuestionList";export{ENGLISH_CERT_STICKY_AUDIO_ATTR,englishCertQuestionDomId,scrollToEnglishCertQuestion}from"./english-cert-scroll";export{EnglishCertificationGroupedQuestion}from"./EnglishCertificationGroupedQuestion";export{EnglishCertificationReadingSection}from"./EnglishCertificationReadingSection";export{EnglishCertificationFlagButton}from"./EnglishCertificationFlagButton";export{EnglishCertificationBrand}from"./EnglishCertificationBrand";export{EnglishCertificationPartHeader}from"./EnglishCertificationPartHeader";export{EnglishCertificationInstructionBanner}from"./EnglishCertificationInstructionBanner";export{EcWordFillStructuredForm}from"./EcWordFillStructuredForm";export{EcMatchByWritingAnswer}from"./EcMatchByWritingAnswer";export{EcAnswerTheQuestion}from"./EcAnswerTheQuestion";export{EcWordFillParagraph}from"./EcWordFillParagraph";export{EcWritingTask}from"./EcWritingTask";
+// 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, } from './EnglishCertificationSingleQuestionList';
+export { ENGLISH_CERT_STICKY_AUDIO_ATTR, englishCertQuestionDomId, scrollToEnglishCertQuestion, } from './english-cert-scroll';
+export { EnglishCertificationGroupedQuestion } from './EnglishCertificationGroupedQuestion';
+export { EnglishCertificationReadingSection } from './EnglishCertificationReadingSection';
+export { EnglishCertificationFlagButton } from './EnglishCertificationFlagButton';
+export { EnglishCertificationBrand } from './EnglishCertificationBrand';
+export { EnglishCertificationPartHeader } from './EnglishCertificationPartHeader';
+export { EnglishCertificationInstructionBanner } from './EnglishCertificationInstructionBanner';
+// 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';

package/dist/components/themes/index.js

@@ -1 +1,25 @@
-import{SummerSkyLayout as r}from"./summer-sky/SummerSkyLayout";import{CambridgeYleExamLayout as m}from"./cambridge-yle/CambridgeYleExamLayout";import e from"./cambridge-yle/CambridgeYleQuestionCard";export*from"./cambridge-yle";export*from"./english-certification";export*from"./summer-sky/SummerSkyAudioPlayer";export*from"./summer-sky/SummerSkyExitModal";export*from"./summer-sky/SummerSkyLayout";export*from"./summer-sky/SummerSkySubmitModal";export*from"./summer-sky/SummerSkyWaitingRoom";const o={SUMMER_SKY:r},t="SUMMER_SKY";export function getSpeakingLayout(r){return o[r||t]||o[t]}const u={CAMBRIDGE_YLE:{Layout:m,QuestionCard:e}},a="CAMBRIDGE_YLE";export function getStandardExamTheme(r){return u[r||a]||u[a]}
+import { SummerSkyLayout } from './summer-sky/SummerSkyLayout';
+import { CambridgeYleExamLayout } from './cambridge-yle/CambridgeYleExamLayout';
+import CambridgeYleQuestionCard from './cambridge-yle/CambridgeYleQuestionCard';
+export * from './cambridge-yle';
+export * from './english-certification';
+export * from './summer-sky/SummerSkyAudioPlayer';
+export * from './summer-sky/SummerSkyExitModal';
+export * from './summer-sky/SummerSkyLayout';
+export * from './summer-sky/SummerSkySubmitModal';
+export * from './summer-sky/SummerSkyWaitingRoom';
+const speakingThemeRegistry = {
+    SUMMER_SKY: SummerSkyLayout,
+};
+const DEFAULT_SPEAKING_THEME = 'SUMMER_SKY';
+export function getSpeakingLayout(themeId) {
+    return speakingThemeRegistry[themeId || DEFAULT_SPEAKING_THEME] || speakingThemeRegistry[DEFAULT_SPEAKING_THEME];
+}
+const standardThemeRegistry = {
+    CAMBRIDGE_YLE: { Layout: CambridgeYleExamLayout, QuestionCard: CambridgeYleQuestionCard },
+};
+const DEFAULT_STANDARD_THEME = 'CAMBRIDGE_YLE';
+export function getStandardExamTheme(themeId) {
+    return standardThemeRegistry[themeId || DEFAULT_STANDARD_THEME]
+        || standardThemeRegistry[DEFAULT_STANDARD_THEME];
+}

package/dist/components/themes/summer-sky/SummerSkyAudioPlayer.js

@@ -1 +1,170 @@
-"use client";import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useRef as i,useEffect as n,useState as a,useCallback as o}from"react";import{usePresignedFileUrl as s}from"../../../shared/lib/hooks/usePresignedFileUrl";import{useDelayedAutoPlay as d}from"../../../shared/lib/hooks/useDelayedAutoPlay";import l from"./assets/styles/SummerSkyLayout.module.css";import p from"next/image";import u from"./assets/images/background_title.png";import c from"./assets/images/title_table.png";import{Play as m,Pause as g}from"lucide-react";export function SummerSkyAudioPlayer({audioUrl:h,partName:x="PART 1",onEnded:f,hideAudio:y,onPlayingChange:v}){const b=i(null),{previewUrl:k}=s(h||void 0),[E,F]=a(!1),[S,L]=a(0),[A,w]=a(0),z=o(e=>{if(!isFinite(e)||isNaN(e))return"00:00";const t=Math.floor(e/60),r=Math.floor(e%60);return`${t.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`},[]);n(()=>{const e=b.current;if(!e)return;const t=()=>{F(!1),v?.(!1),f?.()},r=()=>{F(!0),v?.(!0)},i=()=>{F(!1),v?.(!1)},n=()=>{L(e.currentTime),e.duration&&isFinite(e.duration)&&w(e.duration)},a=()=>{e.duration&&isFinite(e.duration)&&w(e.duration)};return e.addEventListener("ended",t),e.addEventListener("play",r),e.addEventListener("pause",i),e.addEventListener("timeupdate",n),e.addEventListener("loadedmetadata",a),e.addEventListener("durationchange",a),()=>{e.removeEventListener("ended",t),e.removeEventListener("play",r),e.removeEventListener("pause",i),e.removeEventListener("timeupdate",n),e.removeEventListener("loadedmetadata",a),e.removeEventListener("durationchange",a)}},[k,f]),d({audioRef:b,audioUrl:k});const B=A>0?S/A*100:0;return t(r,{children:[t("div",{className:l.examAudioContainer,children:[!y&&e("audio",{ref:b,...k?{src:k}:{},preload:"metadata"}),t("div",{style:{position:"relative",display:"inline-block",transform:"translateY(15px)"},children:[e(p,{src:c,alt:"title decoration",style:{width:"550px",height:"auto",display:"block",transform:"translateY(-45px)"},priority:!0}),e("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -55%)",zIndex:1,display:"inline-block",color:"#FFE341",fontSize:"32px",fontWeight:900,fontFamily:'"Nunito", "Open Sans", system-ui, sans-serif',textShadow:"2px 4px 0px rgba(11, 76, 142, 0.8)",textTransform:"uppercase",letterSpacing:"1.5px",padding:"15px 80px 30px",whiteSpace:"nowrap",lineHeight:1.25,backgroundImage:`url(${u.src})`,backgroundSize:"100% 100%",backgroundRepeat:"no-repeat",backgroundPosition:"center center"},children:x})]})]}),!y&&k&&t("div",{style:{position:"absolute",top:"50px",left:"50%",transform:"translateX(-50%)",display:"flex",alignItems:"center",gap:"10px",padding:"8px 24px",background:"rgba(255, 255, 255, 0.95)",backdropFilter:"blur(6px)",borderRadius:"40px",zIndex:50,minWidth:"450px",border:"2px solid #E2E8F0"},children:[e("button",{type:"button",onClick:()=>{const e=b.current;e&&(E?e.pause():e.play().catch(()=>{}))},style:{width:"32px",height:"32px",border:"none",background:"transparent",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",flexShrink:0,padding:0,transition:"transform 0.15s ease"},className:"hover:scale-110 active:scale-95",children:E?e(g,{fill:"#FF6B6B",stroke:"#FF6B6B",size:26,style:{transform:"translateX(0px)"}}):e(m,{fill:"#4A90D9",stroke:"#4A90D9",size:26,style:{transform:"translateX(2px)"}})}),t("div",{style:{flex:1,position:"relative",height:"8px"},children:[e("div",{style:{position:"absolute",top:0,left:0,right:0,height:"8px",borderRadius:"0px",background:"#E0E6ED"}}),e("div",{style:{position:"absolute",top:0,left:0,height:"8px",borderRadius:"0px",width:`${B}%`,background:"linear-gradient(90deg, #4A90D9, #357ABD)",transition:"width 0.1s linear"}}),e("input",{type:"range",min:0,max:A||0,step:.1,value:S,onChange:e=>{const t=b.current;if(!t)return;const r=parseFloat(e.target.value);t.currentTime=r,L(r)},style:{position:"absolute",top:"-6px",left:0,width:"100%",height:"20px",opacity:0,cursor:"pointer",margin:0}})]}),t("span",{style:{fontSize:"14px",fontWeight:700,fontFamily:'"Quicksand", sans-serif',color:"#8B95A5",minWidth:"85px",textAlign:"right"},children:[e("span",{style:{color:"#343C55"},children:z(S)})," / ",z(A)]})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useEffect, useState, useCallback } from 'react';
+import { usePresignedFileUrl } from '../../../shared/lib/hooks/usePresignedFileUrl';
+import { useDelayedAutoPlay } from '../../../shared/lib/hooks/useDelayedAutoPlay';
+import layoutStyles from './assets/styles/SummerSkyLayout.module.css';
+import Image from 'next/image';
+import backgroundTitleImg from './assets/images/background_title.png';
+import titleTableImg from './assets/images/title_table.png';
+import { Play, Pause } from 'lucide-react';
+export function SummerSkyAudioPlayer({ audioUrl, partName = 'PART 1', onEnded, hideAudio, onPlayingChange }) {
+    const audioRef = useRef(null);
+    const { previewUrl: resolvedAudioUrl } = usePresignedFileUrl(audioUrl || undefined);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [currentTime, setCurrentTime] = useState(0);
+    const [duration, setDuration] = useState(0);
+    const formatTime = useCallback((sec) => {
+        if (!isFinite(sec) || isNaN(sec))
+            return '00:00';
+        const m = Math.floor(sec / 60);
+        const s = Math.floor(sec % 60);
+        return `${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;
+    }, []);
+    useEffect(() => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        const handleEnded = () => {
+            setIsPlaying(false);
+            onPlayingChange?.(false);
+            onEnded?.();
+        };
+        const handlePlay = () => { setIsPlaying(true); onPlayingChange?.(true); };
+        const handlePause = () => { setIsPlaying(false); onPlayingChange?.(false); };
+        const handleTimeUpdate = () => {
+            setCurrentTime(audio.currentTime);
+            if (audio.duration && isFinite(audio.duration)) {
+                setDuration(audio.duration);
+            }
+        };
+        const handleLoaded = () => {
+            if (audio.duration && isFinite(audio.duration)) {
+                setDuration(audio.duration);
+            }
+        };
+        audio.addEventListener('ended', handleEnded);
+        audio.addEventListener('play', handlePlay);
+        audio.addEventListener('pause', handlePause);
+        audio.addEventListener('timeupdate', handleTimeUpdate);
+        audio.addEventListener('loadedmetadata', handleLoaded);
+        audio.addEventListener('durationchange', handleLoaded);
+        return () => {
+            audio.removeEventListener('ended', handleEnded);
+            audio.removeEventListener('play', handlePlay);
+            audio.removeEventListener('pause', handlePause);
+            audio.removeEventListener('timeupdate', handleTimeUpdate);
+            audio.removeEventListener('loadedmetadata', handleLoaded);
+            audio.removeEventListener('durationchange', handleLoaded);
+        };
+    }, [resolvedAudioUrl, onEnded]);
+    // Auto-play with a brief prep delay when a new question audio URL is loaded.
+    // Delay duration and retry-on-interaction behavior live in the shared hook.
+    useDelayedAutoPlay({ audioRef, audioUrl: resolvedAudioUrl });
+    const handlePlayPause = () => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        if (isPlaying) {
+            audio.pause();
+        }
+        else {
+            audio.play().catch(() => { });
+        }
+    };
+    const handleSeek = (e) => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        const val = parseFloat(e.target.value);
+        audio.currentTime = val;
+        setCurrentTime(val);
+    };
+    const progressPercent = duration > 0 ? (currentTime / duration) * 100 : 0;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: layoutStyles.examAudioContainer, children: [!hideAudio && (_jsx("audio", { ref: audioRef, ...(resolvedAudioUrl ? { src: resolvedAudioUrl } : {}), preload: "metadata" })), _jsxs("div", { style: {
+                            position: 'relative',
+                            display: 'inline-block',
+                            transform: 'translateY(15px)',
+                        }, children: [_jsx(Image, { src: titleTableImg, alt: "title decoration", style: { width: '550px', height: 'auto', display: 'block', transform: 'translateY(-45px)' }, priority: true }), _jsx("div", { style: {
+                                    position: 'absolute',
+                                    top: '50%',
+                                    left: '50%',
+                                    transform: 'translate(-50%, -55%)',
+                                    zIndex: 1,
+                                    display: 'inline-block',
+                                    color: '#FFE341',
+                                    fontSize: '32px',
+                                    fontWeight: 900,
+                                    fontFamily: '"Nunito", "Open Sans", system-ui, sans-serif',
+                                    textShadow: '2px 4px 0px rgba(11, 76, 142, 0.8)',
+                                    textTransform: 'uppercase',
+                                    letterSpacing: '1.5px',
+                                    padding: '15px 80px 30px',
+                                    whiteSpace: 'nowrap',
+                                    lineHeight: 1.25,
+                                    backgroundImage: `url(${backgroundTitleImg.src})`,
+                                    backgroundSize: '100% 100%',
+                                    backgroundRepeat: 'no-repeat',
+                                    backgroundPosition: 'center center',
+                                }, children: partName })] })] }), !hideAudio && resolvedAudioUrl && (_jsxs("div", { style: {
+                    position: 'absolute',
+                    top: '50px',
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '10px',
+                    padding: '8px 24px',
+                    background: 'rgba(255, 255, 255, 0.95)',
+                    backdropFilter: 'blur(6px)',
+                    borderRadius: '40px',
+                    zIndex: 50,
+                    minWidth: '450px',
+                    border: '2px solid #E2E8F0',
+                }, children: [_jsx("button", { type: "button", onClick: handlePlayPause, style: {
+                            width: '32px',
+                            height: '32px',
+                            border: 'none',
+                            background: 'transparent',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            cursor: 'pointer',
+                            flexShrink: 0,
+                            padding: 0,
+                            transition: 'transform 0.15s ease',
+                        }, className: "hover:scale-110 active:scale-95", children: isPlaying ? (_jsx(Pause, { fill: "#FF6B6B", stroke: "#FF6B6B", size: 26, style: { transform: 'translateX(0px)' } })) : (_jsx(Play, { fill: "#4A90D9", stroke: "#4A90D9", size: 26, style: { transform: 'translateX(2px)' } })) }), _jsxs("div", { style: { flex: 1, position: 'relative', height: '8px' }, children: [_jsx("div", { style: {
+                                    position: 'absolute',
+                                    top: 0,
+                                    left: 0,
+                                    right: 0,
+                                    height: '8px',
+                                    borderRadius: '0px',
+                                    background: '#E0E6ED',
+                                } }), _jsx("div", { style: {
+                                    position: 'absolute',
+                                    top: 0,
+                                    left: 0,
+                                    height: '8px',
+                                    borderRadius: '0px',
+                                    width: `${progressPercent}%`,
+                                    background: 'linear-gradient(90deg, #4A90D9, #357ABD)',
+                                    transition: 'width 0.1s linear',
+                                } }), _jsx("input", { type: "range", min: 0, max: duration || 0, step: 0.1, value: currentTime, onChange: handleSeek, style: {
+                                    position: 'absolute',
+                                    top: '-6px',
+                                    left: 0,
+                                    width: '100%',
+                                    height: '20px',
+                                    opacity: 0,
+                                    cursor: 'pointer',
+                                    margin: 0,
+                                } })] }), _jsxs("span", { style: {
+                            fontSize: '14px',
+                            fontWeight: 700,
+                            fontFamily: '"Quicksand", sans-serif',
+                            color: '#8B95A5',
+                            minWidth: '85px',
+                            textAlign: 'right',
+                        }, children: [_jsx("span", { style: { color: '#343C55' }, children: formatTime(currentTime) }), ' / ', formatTime(duration)] })] }))] }));
+}

package/dist/components/themes/summer-sky/SummerSkyExitModal.js

@@ -1 +1,21 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import s from"next/image";import a from"./assets/images/background-noticesubmit.png";import n from"./assets/images/x-noticesubmit.png.png";import i from"./assets/images/ong.png";import l from"./assets/images/title-notisubmit.png";import r from"./assets/images/continue_exam.png";import o from"./assets/images/cancel_exam.jpg";export function SummerSkyExitModal({onClose:c,onConfirmExit:m,isCancelling:d}){return e("div",{className:"fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",children:e("div",{className:"relative w-[480px] max-w-[90vw] flex flex-col items-center justify-center mt-6",children:t("div",{className:"relative w-full shadow-[0_15px_40px_rgba(0,0,0,0.4)] rounded-[20px]",children:[e(s,{src:a,alt:"Background",className:"w-full h-auto block rounded-[40px]"}),e("button",{onClick:c,disabled:d,className:"absolute top-[11%] right-[-9%] transition-transform hover:scale-110 active:scale-95 cursor-pointer z-50 border-none bg-transparent p-0 disabled:opacity-50 disabled:pointer-events-none",children:e(s,{src:n,alt:"Close",className:"w-[42px] h-auto object-contain drop-shadow-md"})}),e("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 -translate-y-[40%] z-20 w-[55%] flex justify-center pointer-events-none",children:e(s,{src:l,alt:"Notice Title",className:"w-full h-auto"})}),e("div",{className:"absolute top-[-20%] left-[0%] z-30 pointer-events-none w-[15%]",children:e(s,{src:i,alt:"Bee Mascot",className:"w-full h-auto drop-shadow-xl"})}),t("div",{className:"absolute inset-0 flex flex-col items-center justify-center z-10 pt-[14%] pb-[18%] text-center px-[8%]",children:[e("p",{className:"text-[#D9383A] font-bold text-lg mb-1",style:{fontFamily:'"SVN-Volte Rounded", sans-serif'},children:"Bạn muốn rời khỏi bài thi?"}),t("p",{className:"text-[#646464]",style:{fontFamily:'"SVN-Volte Rounded", sans-serif',fontWeight:600,fontSize:"15px",lineHeight:"22px",letterSpacing:"-0.01em",textAlign:"center"},children:["Nếu rời khỏi lúc này, bài thi sẽ bị",e("br",{}),e("span",{className:"text-[#D9383A] font-bold whitespace-nowrap",children:"HỦY"}),". Hệ thống không chấm điểm và bạn không thể làm lại."]})]}),t("div",{className:"absolute bottom-[-8%] left-1/2 -translate-x-1/2 z-40 flex items-center justify-center gap-3 w-[88%]",children:[e("button",{onClick:c,disabled:d,className:"transition-transform hover:scale-105 active:scale-95 border-none bg-transparent p-0 w-[46%] flex items-center justify-center cursor-pointer disabled:opacity-50",children:e(s,{src:r,alt:"Quay lại làm tiếp",className:"w-full h-auto drop-shadow-xl"})}),t("button",{onClick:m,disabled:d,className:"transition-transform hover:scale-105 active:scale-95 border-none bg-transparent p-0 w-[46%] flex items-center justify-center relative "+(d?"cursor-not-allowed opacity-70":"cursor-pointer"),children:[d?e("div",{className:"absolute inset-0 flex items-center justify-center z-50",children:e("div",{className:"h-6 w-6 animate-spin rounded-full border-2 border-white border-t-transparent"})}):null,e(s,{src:o,alt:"Hủy bài thi và thoát",className:"w-full h-auto drop-shadow-xl rounded-full"})]})]})]})})})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import bgImg from './assets/images/background-noticesubmit.png';
+import closeImg from './assets/images/x-noticesubmit.png.png';
+import mascotImg from './assets/images/ong.png';
+import titleImg from './assets/images/title-notisubmit.png';
+import continueExamImg from './assets/images/continue_exam.png';
+import cancelExamImg from './assets/images/cancel_exam.jpg';
+export function SummerSkyExitModal({ onClose, onConfirmExit, isCancelling, }) {
+    return (_jsx("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm", children: _jsx("div", { className: "relative w-[480px] max-w-[90vw] flex flex-col items-center justify-center mt-6", children: _jsxs("div", { className: "relative w-full shadow-[0_15px_40px_rgba(0,0,0,0.4)] rounded-[20px]", children: [_jsx(Image, { src: bgImg, alt: "Background", className: "w-full h-auto block rounded-[40px]" }), _jsx("button", { onClick: onClose, disabled: isCancelling, className: "absolute top-[11%] right-[-9%] transition-transform hover:scale-110 active:scale-95 cursor-pointer z-50 border-none bg-transparent p-0 disabled:opacity-50 disabled:pointer-events-none", children: _jsx(Image, { src: closeImg, alt: "Close", className: "w-[42px] h-auto object-contain drop-shadow-md" }) }), _jsx("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-[40%] z-20 w-[55%] flex justify-center pointer-events-none", children: _jsx(Image, { src: titleImg, alt: "Notice Title", className: "w-full h-auto" }) }), _jsx("div", { className: "absolute top-[-20%] left-[0%] z-30 pointer-events-none w-[15%]", children: _jsx(Image, { src: mascotImg, alt: "Bee Mascot", className: "w-full h-auto drop-shadow-xl" }) }), _jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center z-10 pt-[14%] pb-[18%] text-center px-[8%]", children: [_jsx("p", { className: "text-[#D9383A] font-bold text-lg mb-1", style: {
+                                    fontFamily: '"SVN-Volte Rounded", sans-serif',
+                                }, children: "B\u1EA1n mu\u1ED1n r\u1EDDi kh\u1ECFi b\u00E0i thi?" }), _jsxs("p", { className: "text-[#646464]", style: {
+                                    fontFamily: '"SVN-Volte Rounded", sans-serif',
+                                    fontWeight: 600,
+                                    fontSize: '15px',
+                                    lineHeight: '22px',
+                                    letterSpacing: '-0.01em',
+                                    textAlign: 'center',
+                                }, children: ["N\u1EBFu r\u1EDDi kh\u1ECFi l\u00FAc n\u00E0y, b\u00E0i thi s\u1EBD b\u1ECB", _jsx("br", {}), _jsx("span", { className: "text-[#D9383A] font-bold whitespace-nowrap", children: "H\u1EE6Y" }), ". H\u1EC7 th\u1ED1ng kh\u00F4ng ch\u1EA5m \u0111i\u1EC3m v\u00E0 b\u1EA1n kh\u00F4ng th\u1EC3 l\u00E0m l\u1EA1i."] })] }), _jsxs("div", { className: "absolute bottom-[-8%] left-1/2 -translate-x-1/2 z-40 flex items-center justify-center gap-3 w-[88%]", children: [_jsx("button", { onClick: onClose, disabled: isCancelling, className: "transition-transform hover:scale-105 active:scale-95 border-none bg-transparent p-0 w-[46%] flex items-center justify-center cursor-pointer disabled:opacity-50", children: _jsx(Image, { src: continueExamImg, alt: "Quay l\u1EA1i l\u00E0m ti\u1EBFp", className: "w-full h-auto drop-shadow-xl" }) }), _jsxs("button", { onClick: onConfirmExit, disabled: isCancelling, className: `transition-transform hover:scale-105 active:scale-95 border-none bg-transparent p-0 w-[46%] flex items-center justify-center relative ${isCancelling ? 'cursor-not-allowed opacity-70' : 'cursor-pointer'}`, children: [isCancelling ? (_jsx("div", { className: "absolute inset-0 flex items-center justify-center z-50", children: _jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-white border-t-transparent" }) })) : null, _jsx(Image, { src: cancelExamImg, alt: "H\u1EE7y b\u00E0i thi v\u00E0 tho\u00E1t", className: "w-full h-auto drop-shadow-xl rounded-full" })] })] })] }) }) }));
+}