@tinyweb_dev/oe-exam-sdk 0.1.1 → 0.1.3

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

@@ -1,218 +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;
-}
+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.js

@@ -1,21 +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';
+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.js

@@ -1,6 +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';
+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.js

@@ -1,170 +1 @@
-'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)] })] }))] }));
-}
+"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)]})]})]})}