@tinyweb_dev/oe-exam-sdk 0.1.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleAudioPlayer.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleAudioPlayer.tsx"],"names":[],"mappings":"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"}

package/dist/components/themes/cambridge-yle/CambridgeYleBottomNav.d.ts

@@ -0,0 +1,11 @@
+interface CambridgeYleBottomNavProps {
+    onPrevious: () => void;
+    onNext: () => void;
+    isFirstQuestion: boolean;
+    isLastQuestion: boolean;
+    isNavDisabled?: boolean;
+    className?: string;
+}
+export declare function CambridgeYleBottomNav({ onPrevious, onNext, isFirstQuestion, isLastQuestion, isNavDisabled, className, }: CambridgeYleBottomNavProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CambridgeYleBottomNav.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleBottomNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleBottomNav.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleBottomNav.tsx"],"names":[],"mappings":"AAKA,UAAU,0BAA0B;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,MAAM,EACN,eAAe,EACf,cAAc,EACd,aAAa,EACb,SAAS,GACV,EAAE,0BAA0B,+BAqC5B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleBottomNav.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleBottomNav.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAWzD,MAAM,UAAU,qBAAqB,CAAC,EACpC,UAAU,EACV,MAAM,EACN,eAAe,EACf,cAAc,EACd,aAAa,EACb,SAAS,GACkB;IAC3B,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,aAC9E,kBACE,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,eAAe,IAAI,aAAa,EAC1C,SAAS,EAAE,EAAE,CACX,uGAAuG,EACvG,CAAC,eAAe,IAAI,aAAa,CAAC;oBAChC,CAAC,CAAC,+EAA+E;oBACjF,CAAC,CAAC,2HAA2H,CAChI,aAED,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,GAAI,gBAElC,EAGT,cAAK,SAAS,EAAC,yFAAyF,YACtG,KAAC,KAAK,IAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAC,uBAAa,EAAC,SAAS,EAAC,gCAAgC,GAAG,GACrF,EAEN,kBACE,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,IAAI,aAAa,EACzC,SAAS,EAAE,EAAE,CACX,8IAA8I,EAC9I,CAAC,cAAc,IAAI,aAAa,CAAC;oBAC/B,CAAC,CAAC,qEAAqE;oBACvE,CAAC,CAAC,yFAAyF,CAC9F,qBAGD,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,GAAI,IACnC,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYleExamLayout.d.ts

@@ -0,0 +1,3 @@
+import type { StandardExamLayoutProps } from '../types';
+export declare function CambridgeYleExamLayout({ children, onPrevious, onNext, onClose, isFirstQuestion, isLastQuestion, isNavDisabled, headerProps, sidebarProps, partName, }: StandardExamLayoutProps): import("react").JSX.Element;
+//# sourceMappingURL=CambridgeYleExamLayout.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleExamLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleExamLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleExamLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,UAAU,EACV,MAAM,EACN,OAAO,EACP,eAAe,EACf,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,EAAE,uBAAuB,+BAmFzB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleExamLayout.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleExamLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,mBAAmB,MAAM,+CAA+C,CAAC;AAChF,OAAO,aAAa,MAAM,6CAA6C,CAAC;AAGxE,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,UAAU,EACV,MAAM,EACN,OAAO,EACP,eAAe,EACf,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,QAAQ,GACgB;IACxB,uDAAuD;IAEvD,OAAO,CACL,eACE,SAAS,EAAC,iFAAiF,EAC3F,KAAK,EAAE;YACL,eAAe,EAAE,OAAO,mBAAmB,CAAC,GAAG,GAAG;SACnD,aAGD,cAAK,SAAS,EAAC,8BAA8B,GAAG,EAGhD,cAAK,SAAS,EAAC,eAAe,YAC5B,KAAC,kBAAkB,OAAK,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,GACrD,EAGN,eAAK,SAAS,EAAC,mLAAmL,aAGhM,cAAK,SAAS,EAAC,sCAAsC,YACnD,KAAC,qBAAqB,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,IAAI,aAAa,GAAI,GACvG,EAGN,eAAK,SAAS,EAAC,oDAAoD,aAGjE,cACE,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE;oCACL,UAAU,EAAE,OAAO,aAAa,CAAC,GAAG,2BAA2B;oCAC/D,cAAc,EAAE,WAAW;oCAC3B,MAAM,EAAE,CAAC;iCACV,GACD,EAGF,eAAK,SAAS,EAAC,mEAAmE,aAG/E,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,uIAAuI,YACpJ,KAAC,mBAAmB,OAAK,YAAY,GAAI,GACrC,CACP,EAGD,eAAK,SAAS,EAAE,EAAE,CAChB,uEAAuE,EACvE,YAAY,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,kCAAkC,CAC3F,aAGC,cAAK,EAAE,EAAC,uBAAuB,EAAC,SAAS,EAAC,8BAA8B,YACrE,QAAQ,GACL,EAGN,cAAK,SAAS,EAAC,kEAAkE,YAC/E,KAAC,qBAAqB,IACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,GAC5B,GACE,IACF,IAEF,IACF,EAGN,cAAK,SAAS,EAAC,sCAAsC,YACnD,KAAC,qBAAqB,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,IAAI,aAAa,GAAI,GAClG,IAEF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYleExampleText.d.ts

@@ -0,0 +1,7 @@
+interface CambridgeYleExampleTextProps {
+    text: string;
+    highlightedWord: string;
+}
+export default function CambridgeYleExampleText({ text, highlightedWord, }: CambridgeYleExampleTextProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CambridgeYleExampleText.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleExampleText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleExampleText.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleExampleText.tsx"],"names":[],"mappings":"AAAA,UAAU,4BAA4B;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,EACJ,eAAe,GAChB,EAAE,4BAA4B,+BA0B9B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleExampleText.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleExampleText.tsx"],"names":[],"mappings":";AAKA,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,EACJ,eAAe,GACc;IAC7B,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO,yBAAO,IAAI,GAAQ,CAAC;QAC7B,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAC1C,OAAO,CACL,4BACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,2BACG,IAAI,EACJ,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,eAAM,SAAS,EAAC,WAAW,YAAE,eAAe,GAAQ,CACrD,KAJQ,KAAK,CAKT,CACR,CAAC,GACD,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,eAAM,SAAS,EAAC,WAAW,yBAAgB,OAAE,UAAU,EAAE,IACrD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYleHeader.d.ts

@@ -0,0 +1,14 @@
+export interface CambridgeYleHeaderProps {
+    examName: string;
+    examType: string;
+    levelLabel?: string;
+    totalQuestions: number;
+    answeredCount: number;
+    remainingSeconds: number;
+    isSubmitting: boolean;
+    isCameraActive?: boolean;
+    onSubmit: () => void;
+    onClose: () => void;
+}
+export declare function CambridgeYleHeader({ totalQuestions, answeredCount, remainingSeconds, isSubmitting, isCameraActive, onSubmit, onClose, }: CambridgeYleHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=CambridgeYleHeader.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleHeader.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,+BAsFzB"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { CambridgeYleTimer } from './CambridgeYleTimer';
+import { Loader2 } from 'lucide-react';
+import arrowLeftImg from '../summer-sky/assets/images/arrow-left.png';
+import titleLogoImg from '../summer-sky/assets/images/title-logo.png';
+import submitImg from '../summer-sky/assets/images/submit.png';
+import hasAnsweredImg from '../summer-sky/assets/images/has_answered.png';
+export function CambridgeYleHeader({ totalQuestions, answeredCount, remainingSeconds, isSubmitting, isCameraActive, onSubmit, onClose, }) {
+    return (_jsxs("header", { className: "w-full bg-transparent px-4 pt-4 pb-0 sm:px-8 relative flex flex-wrap sm:flex-nowrap items-start sm:items-center justify-between z-50", children: [_jsx("div", { onClick: onClose, className: "cursor-pointer hover:scale-105 active:scale-95 transition-transform shrink-0", title: "Tho\u00E1t b\u00E0i thi", children: _jsx(Image, { src: arrowLeftImg, alt: "Quay l\u1EA1i", className: "w-[50px] sm:w-[80px]" }) }), _jsx("div", { className: "absolute left-1/2 -translate-x-1/2 -top-2 sm:top-0 pointer-events-none hidden sm:block", children: _jsx(Image, { src: titleLogoImg, alt: "Title Logo", className: "w-[200px] sm:w-[320px] h-auto" }) }), _jsx("div", { className: "sm:hidden flex-1 flex justify-center pointer-events-none", children: _jsx(Image, { src: titleLogoImg, alt: "Title Logo", className: "w-[150px] h-auto -mt-2" }) }), _jsxs("div", { className: "absolute right-4 sm:right-8 top-8 flex flex-row items-center gap-3 sm:gap-4 z-[100]", children: [isCameraActive && (_jsx("div", { className: "flex items-center justify-center rounded-full bg-white/20 p-2 backdrop-blur-sm shrink-0", title: "Camera \u0111ang ghi h\u00ECnh", children: _jsx("div", { className: "h-3 w-3 animate-pulse rounded-full bg-red-500" }) })), _jsx(CambridgeYleTimer, { remainingSeconds: remainingSeconds, totalQuestions: totalQuestions, answeredCount: answeredCount }), _jsxs("div", { className: "flex items-center w-[130px] sm:w-[170px] h-[40px] sm:h-[50px] rounded-[33.5px] bg-[#FF9900] shadow-[0_4px_20px_rgba(0,0,0,0.25)] border-none shrink-0", title: "S\u1ED1 c\u00E2u h\u1ECFi \u0111\u00E3 ho\u00E0n th\u00E0nh", children: [_jsx(Image, { src: hasAnsweredImg, alt: "Progress", width: 75, height: 75, className: "w-[50px] sm:w-[65px] -ml-[5px] sm:-ml-[10px] -mt-[10px] sm:-mt-[15px] shrink-0 drop-shadow-[0_2px_6px_rgba(0,0,0,0.2)] pointer-events-none z-10" }), _jsxs("span", { className: "flex-1 text-center font-bold text-[18px] sm:text-[25px] leading-none tracking-[-0.03em] uppercase text-white pr-[10px] sm:pr-[16px]", style: { fontFamily: '"SVN-Volte Rounded", "Quicksand", sans-serif', textShadow: '0 2px 4px rgba(0,0,0,0.2)' }, children: [answeredCount, "/", totalQuestions] })] }), _jsxs("button", { onClick: onSubmit, disabled: isSubmitting, className: `group cursor-pointer flex items-center h-[40px] sm:h-[50px] w-[130px] sm:w-[170px] rounded-[33.5px] shadow-[0_4px_20px_rgba(0,0,0,0.25)] transition-all duration-300 hover:scale-105 active:scale-95 disabled:pointer-events-none disabled:opacity-60 border-none shrink-0 ${isSubmitting ? 'bg-slate-400' : 'bg-[#16CA3B] hover:bg-[#15b736]'}`, children: [_jsx(Image, { src: submitImg, alt: "Submit", width: 75, height: 75, className: "w-[50px] sm:w-[65px] -ml-[5px] sm:-ml-[10px] -mt-[10px] sm:-mt-[15px] shrink-0 drop-shadow-[0_2px_6px_rgba(0,0,0,0.2)] pointer-events-none transition-transform duration-300 group-hover:scale-110 z-10" }), isSubmitting ? (_jsx("div", { className: "flex-1 flex justify-center pr-[10px] sm:pr-[16px]", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-white" }) })) : (_jsx("span", { className: "flex-1 text-center font-bold text-[18px] sm:text-[20px] leading-none tracking-[-0.03em] uppercase text-white pr-[10px] sm:pr-[16px]", style: { fontFamily: '"SVN-Volte Rounded", "Quicksand", sans-serif', textShadow: '0 2px 4px rgba(0,0,0,0.2)' }, children: "N\u1ED9p b\u00E0i" }))] })] })] }));
+}
+//# sourceMappingURL=CambridgeYleHeader.js.map

package/dist/components/themes/cambridge-yle/CambridgeYleHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleHeader.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,SAAS,MAAM,wCAAwC,CAAC;AAC/D,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAe1E,MAAM,UAAU,kBAAkB,CAAC,EACjC,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,OAAO,GACiB;IACxB,OAAO,CACL,kBAAQ,SAAS,EAAC,sIAAsI,aAEtJ,cACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,8EAA8E,EACxF,KAAK,EAAC,yBAAe,YAErB,KAAC,KAAK,IAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAC,eAAU,EAAC,SAAS,EAAC,sBAAsB,GAAG,GACxE,EAGN,cAAK,SAAS,EAAC,wFAAwF,YACrG,KAAC,KAAK,IAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAC,YAAY,EAAC,SAAS,EAAC,+BAA+B,GAAG,GACnF,EAGN,cAAK,SAAS,EAAC,0DAA0D,YACvE,KAAC,KAAK,IAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAC,YAAY,EAAC,SAAS,EAAC,wBAAwB,GAAG,GAC5E,EAGN,eAAK,SAAS,EAAC,qFAAqF,aAEjG,cAAc,IAAI,CACjB,cAAK,SAAS,EAAC,yFAAyF,EAAC,KAAK,EAAC,gCAAsB,YACnI,cAAK,SAAS,EAAC,+CAA+C,GAAG,GAC7D,CACP,EAED,KAAC,iBAAiB,IAChB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,GAC5B,EAGF,eACE,SAAS,EAAC,uJAAuJ,EACjK,KAAK,EAAC,6DAA0B,aAEhC,KAAC,KAAK,IACJ,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,iJAAiJ,GAC3J,EACF,gBACE,SAAS,EAAC,qIAAqI,EAC/I,KAAK,EAAE,EAAE,UAAU,EAAE,8CAA8C,EAAE,UAAU,EAAE,2BAA2B,EAAE,aAE7G,aAAa,OAAG,cAAc,IAC1B,IACH,EAGN,kBACE,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,8QAA8Q,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iCAAiC,EAAE,aAE5V,KAAC,KAAK,IACJ,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,QAAQ,EACZ,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,yMAAyM,GACnN,EACD,YAAY,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAC,mDAAmD,YAChE,KAAC,OAAO,IAAC,SAAS,EAAC,iCAAiC,GAAG,GACnD,CACP,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAC,qIAAqI,EAC/I,KAAK,EAAE,EAAE,UAAU,EAAE,8CAA8C,EAAE,UAAU,EAAE,2BAA2B,EAAE,kCAGzG,CACR,IACM,IACL,IACC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYleInstructionBanner.d.ts

@@ -0,0 +1,10 @@
+interface CambridgeYleInstructionBannerProps {
+    instruction: string;
+    instructions?: string[];
+    hasExample?: boolean;
+    children?: React.ReactNode;
+    isReviewMode?: boolean;
+}
+export default function CambridgeYleInstructionBanner({ instruction, instructions, hasExample, children, isReviewMode, }: CambridgeYleInstructionBannerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CambridgeYleInstructionBanner.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleInstructionBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleInstructionBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleInstructionBanner.tsx"],"names":[],"mappings":"AAIA,UAAU,kCAAkC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,WAAW,EACX,YAAY,EACZ,UAAkB,EAClB,QAAQ,EACR,YAAoB,GACrB,EAAE,kCAAkC,+BA8CpC"}

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

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Info, Megaphone } from 'lucide-react';
+export default function CambridgeYleInstructionBanner({ instruction, instructions, hasExample = false, children, isReviewMode = false, }) {
+    if (isReviewMode)
+        return null;
+    const hasInstructionsList = instructions && instructions.length > 0;
+    return (_jsxs("div", { className: "shrink-0 space-y-3 px-2 sm:px-6 mb-2 sm:mb-4", children: [instruction && (_jsxs("div", { className: "flex w-full items-center gap-4 sm:gap-5 rounded-[24px] bg-[#F8FBFF] border-2 border-dashed border-blue-300 px-5 py-4 transition-all hover:bg-blue-50/50", children: [_jsx("div", { className: "flex items-center justify-center w-12 h-12 sm:w-14 sm:h-14 rounded-[16px] bg-[#0070FF] shadow-[4px_4px_0px_rgba(191,219,254,1)] shrink-0 -rotate-6 transition-transform hover:rotate-0", children: _jsx(Megaphone, { className: "h-6 w-6 sm:h-7 sm:w-7 text-white", strokeWidth: 2.5 }) }), _jsx("div", { className: "flex-1 flex flex-col justify-center", children: _jsxs("p", { className: "text-[15px] sm:text-[18px] font-black uppercase tracking-wide text-[#002868] leading-snug", style: { fontFamily: '"SVN-Volte Rounded", "Quicksand", sans-serif' }, children: [instruction, hasExample && _jsx("span", { className: "inline-block text-[#0070FF] ml-2 text-[14px] sm:text-[16px] font-bold tracking-normal bg-blue-100 px-3 py-0.5 rounded-full align-middle -mt-1", children: "THERE IS ONE EXAMPLE" })] }) })] })), children, hasInstructionsList && (_jsx("div", { className: "rounded-lg border border-blue-200 bg-white p-4 shadow-sm", children: _jsxs("div", { className: "space-y-3", children: [_jsxs("h4", { className: "flex items-center gap-2 font-semibold text-blue-900", children: [_jsx(Info, { className: "h-4 w-4" }), "Instructions"] }), _jsx("ol", { className: "list-inside list-decimal space-y-1.5 text-sm text-gray-700", children: instructions.map((item, index) => (_jsx("li", { className: "leading-relaxed", children: item }, index))) })] }) }))] }));
+}
+//# sourceMappingURL=CambridgeYleInstructionBanner.js.map

package/dist/components/themes/cambridge-yle/CambridgeYleInstructionBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleInstructionBanner.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleInstructionBanner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAU/C,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,WAAW,EACX,YAAY,EACZ,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,YAAY,GAAG,KAAK,GACe;IACnC,IAAI,YAAY;QAAE,OAAO,IAAI,CAAC;IAC9B,MAAM,mBAAmB,GAAG,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IAEpE,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAE1D,WAAW,IAAI,CACd,eAAK,SAAS,EAAC,yJAAyJ,aAGtK,cAAK,SAAS,EAAC,wLAAwL,YACrM,KAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,EAAC,WAAW,EAAE,GAAG,GAAI,GACxE,EAEN,cAAK,SAAS,EAAC,qCAAqC,YAClD,aAAG,SAAS,EAAC,2FAA2F,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,8CAA8C,EAAE,aAC3K,WAAW,EACX,UAAU,IAAI,eAAM,SAAS,EAAC,+IAA+I,qCAA4B,IACxM,GACA,IACF,CACP,EAEA,QAAQ,EAGR,mBAAmB,IAAI,CACtB,cAAK,SAAS,EAAC,0DAA0D,YACvE,eAAK,SAAS,EAAC,WAAW,aACxB,cAAI,SAAS,EAAC,qDAAqD,aACjE,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,oBAEzB,EACL,aAAI,SAAS,EAAC,4DAA4D,YACvE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,aAAgB,SAAS,EAAC,iBAAiB,YACxC,IAAI,IADE,KAAK,CAET,CACN,CAAC,GACC,IACD,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYleNavButton.d.ts

@@ -0,0 +1,8 @@
+interface CambridgeYleNavButtonProps {
+    direction: 'prev' | 'next';
+    onClick: () => void;
+    disabled?: boolean;
+}
+export declare function CambridgeYleNavButton({ direction, onClick, disabled, }: CambridgeYleNavButtonProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CambridgeYleNavButton.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleNavButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleNavButton.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleNavButton.tsx"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,QAAgB,GACjB,EAAE,0BAA0B,+BAoB5B"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from 'next/image';
+import prevBtnImg from '../summer-sky/assets/images/prev-question-btn.png';
+import nextBtnImg from '../summer-sky/assets/images/next-question-btn.png';
+export function CambridgeYleNavButton({ direction, onClick, disabled = false, }) {
+    const imgSrc = direction === 'prev' ? prevBtnImg : nextBtnImg;
+    const altText = direction === 'prev' ? 'Câu trước' : 'Câu tiếp theo';
+    return (_jsx("button", { onClick: onClick, disabled: disabled, className: `flex items-center justify-center transition-transform outline-none bg-transparent border-none
+        ${disabled
+            ? 'cursor-not-allowed opacity-45 grayscale pointer-events-none'
+            : 'cursor-pointer hover:scale-[1.05] active:scale-[0.95]'}
+      `, "aria-label": altText, title: disabled ? 'Không thể chuyển câu' : undefined, children: _jsx(Image, { src: imgSrc, alt: altText, className: "w-16 h-auto sm:w-20" }) }));
+}
+//# sourceMappingURL=CambridgeYleNavButton.js.map

package/dist/components/themes/cambridge-yle/CambridgeYleNavButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleNavButton.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleNavButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,UAAU,MAAM,mDAAmD,CAAC;AAC3E,OAAO,UAAU,MAAM,mDAAmD,CAAC;AAQ3E,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,QAAQ,GAAG,KAAK,GACW;IAC3B,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;IAC9D,MAAM,OAAO,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC;IAErE,OAAO,CACL,iBACE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE;UACP,QAAQ;YACR,CAAC,CAAC,6DAA6D;YAC/D,CAAC,CAAC,uDACJ;OACD,gBACW,OAAO,EACnB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,YAEpD,KAAC,KAAK,IAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,qBAAqB,GAAG,GAC7D,CACV,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYlePartBanner.d.ts

@@ -0,0 +1,9 @@
+interface CambridgeYlePartBannerProps {
+    partNumber: number;
+    questionCount: number;
+    partName?: string;
+    isReviewMode?: boolean;
+}
+export default function CambridgeYlePartBanner({ partName, isReviewMode, }: CambridgeYlePartBannerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CambridgeYlePartBanner.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYlePartBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYlePartBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYlePartBanner.tsx"],"names":[],"mappings":"AAGA,UAAU,2BAA2B;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,QAAQ,EACR,YAAoB,GACrB,EAAE,2BAA2B,+BAc7B"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import backgroundTitleImg from '../summer-sky/assets/images/background_title.png';
+export default function CambridgeYlePartBanner({ partName, isReviewMode = false, }) {
+    if (!partName || isReviewMode)
+        return null;
+    return (_jsxs("div", { className: "relative mx-auto flex shrink-0 items-center justify-center w-[260px] sm:w-[320px] h-[55px] sm:h-[70px] drop-shadow-[0_4px_6px_rgba(0,0,0,0.3)] mb-1 sm:mb-2 mt-0", children: [_jsx(Image, { src: backgroundTitleImg, alt: "Part Badge", fill: true, className: "object-fill pointer-events-none" }), _jsx("span", { className: "relative z-10 text-yellow-300 font-black uppercase text-[24px] sm:text-[30px] tracking-[0.08em] -translate-y-0.5 sm:-translate-y-1", style: { textShadow: '0px 2px 4px rgba(0,0,0,0.8)', fontFamily: '"SVN-Volte Rounded", "Quicksand", sans-serif' }, children: partName })] }));
+}
+//# sourceMappingURL=CambridgeYlePartBanner.js.map

package/dist/components/themes/cambridge-yle/CambridgeYlePartBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYlePartBanner.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYlePartBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,kBAAkB,MAAM,kDAAkD,CAAC;AASlF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,QAAQ,EACR,YAAY,GAAG,KAAK,GACQ;IAC5B,IAAI,CAAC,QAAQ,IAAI,YAAY;QAAE,OAAO,IAAI,CAAC;IAE3C,OAAO,CACL,eAAK,SAAS,EAAC,kKAAkK,aAC/K,KAAC,KAAK,IAAC,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAC,YAAY,EAAC,IAAI,QAAC,SAAS,EAAC,iCAAiC,GAAG,EACpG,eACE,SAAS,EAAC,oIAAoI,EAC9I,KAAK,EAAE,EAAE,UAAU,EAAE,6BAA6B,EAAE,UAAU,EAAE,8CAA8C,EAAE,YAE/G,QAAQ,GACJ,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYleProgressBar.d.ts

@@ -0,0 +1,7 @@
+interface CambridgeYleProgressBarProps {
+    progress: number;
+    className?: string;
+}
+export declare function CambridgeYleProgressBar({ progress, className, }: CambridgeYleProgressBarProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CambridgeYleProgressBar.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleProgressBar.tsx"],"names":[],"mappings":"AAEA,UAAU,4BAA4B;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,SAAc,GACf,EAAE,4BAA4B,+BAgB9B"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Trophy } from 'lucide-react';
+export function CambridgeYleProgressBar({ progress, className = '', }) {
+    const clampedProgress = Math.min(100, Math.max(0, progress));
+    return (_jsxs("div", { className: `flex items-center gap-2 sm:gap-3 ${className}`, children: [_jsx("div", { className: "relative h-2 w-full max-w-md overflow-hidden rounded-full bg-gray-200 sm:h-3", children: _jsx("div", { className: "h-full rounded-full bg-gradient-to-r from-orange-400 via-red-400 to-red-500 transition-all duration-300 ease-out", style: { width: `${clampedProgress}%` } }) }), _jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center sm:h-8 sm:w-8", children: _jsx(Trophy, { className: "h-5 w-5 text-yellow-500 sm:h-6 sm:w-6" }) })] }));
+}
+//# sourceMappingURL=CambridgeYleProgressBar.js.map

package/dist/components/themes/cambridge-yle/CambridgeYleProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleProgressBar.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAOtC,MAAM,UAAU,uBAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,GAAG,EAAE,GACe;IAC7B,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAE,oCAAoC,SAAS,EAAE,aAC7D,cAAK,SAAS,EAAC,8EAA8E,YAC3F,cACE,SAAS,EAAC,kHAAkH,EAC5H,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,eAAe,GAAG,EAAE,GACvC,GACE,EACN,cAAK,SAAS,EAAC,sEAAsE,YACnF,KAAC,MAAM,IAAC,SAAS,EAAC,uCAAuC,GAAG,GACxD,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYleQuestionCard.d.ts

@@ -0,0 +1,8 @@
+interface CambridgeYleQuestionCardProps {
+    children: React.ReactNode;
+    className?: string;
+    partName?: string;
+}
+export default function CambridgeYleQuestionCard({ children, className, }: CambridgeYleQuestionCardProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CambridgeYleQuestionCard.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleQuestionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleQuestionCard.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleQuestionCard.tsx"],"names":[],"mappings":"AAEA,UAAU,6BAA6B;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,QAAQ,EACR,SAAS,GACV,EAAE,6BAA6B,+BAE/B"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../shared/lib/utils';
+export default function CambridgeYleQuestionCard({ children, className, }) {
+    return _jsx("div", { className: cn('relative w-full h-full flex flex-col', className), children: children });
+}
+//# sourceMappingURL=CambridgeYleQuestionCard.js.map

package/dist/components/themes/cambridge-yle/CambridgeYleQuestionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleQuestionCard.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleQuestionCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,QAAQ,EACR,SAAS,GACqB;IAC9B,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACjG,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYleQuestionCardFullWidth.d.ts

@@ -0,0 +1,11 @@
+interface CambridgeYleQuestionCardFullWidthProps {
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * Full-width question card container for coloring/painting questions.
+ * Uses background without dashed separator (unlike CambridgeYleQuestionCard).
+ */
+export default function CambridgeYleQuestionCardFullWidth({ children, className, }: CambridgeYleQuestionCardFullWidthProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CambridgeYleQuestionCardFullWidth.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleQuestionCardFullWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleQuestionCardFullWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleQuestionCardFullWidth.tsx"],"names":[],"mappings":"AAEA,UAAU,sCAAsC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iCAAiC,CAAC,EACxD,QAAQ,EACR,SAAS,GACV,EAAE,sCAAsC,+BA0BxC"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../shared/lib/utils';
+/**
+ * Full-width question card container for coloring/painting questions.
+ * Uses background without dashed separator (unlike CambridgeYleQuestionCard).
+ */
+export default function CambridgeYleQuestionCardFullWidth({ children, className, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn('relative mx-auto flex min-h-[70vh] w-full flex-1 flex-col rounded-2xl bg-white p-4 shadow-lg lg:hidden', className), children: _jsx("div", { className: "flex-1 overflow-auto", children: children }) }), _jsx("div", { className: cn('relative mx-auto hidden w-full max-w-[1400px] flex-1 min-h-0 flex-col rounded-[24px] border-[12px] border-[#3182CE] bg-white shadow-xl lg:flex', className), children: _jsx("div", { className: "flex-1 overflow-auto p-6 md:p-8", children: children }) })] }));
+}
+//# sourceMappingURL=CambridgeYleQuestionCardFullWidth.js.map

package/dist/components/themes/cambridge-yle/CambridgeYleQuestionCardFullWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleQuestionCardFullWidth.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleQuestionCardFullWidth.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAOxC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iCAAiC,CAAC,EACxD,QAAQ,EACR,SAAS,GAC8B;IACvC,OAAO,CACL,8BAEE,cACE,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,SAAS,CACV,YAED,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,GAClD,EAGN,cACE,SAAS,EAAE,EAAE,CACX,gJAAgJ,EAChJ,SAAS,CACV,YAED,cAAK,SAAS,EAAC,iCAAiC,YAC7C,QAAQ,GACL,GACF,IACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/CambridgeYleSidebar.d.ts

@@ -0,0 +1,25 @@
+export interface SidebarPart {
+    partIndex: number;
+    partNo: number;
+    name?: string;
+    category?: string;
+    totalQuestions: number;
+    answeredCount: number;
+}
+export interface SidebarQuestion {
+    globalIndex: number;
+    partIndex: number;
+    questionNumber: number;
+    isAnswered: boolean;
+}
+export interface CambridgeYleSidebarProps {
+    parts: SidebarPart[];
+    questions: SidebarQuestion[];
+    currentQuestionGlobalIndex: number;
+    onPartClick: (partIndex: number) => void;
+    onQuestionClick: (globalIndex: number) => void;
+    isNavDisabled?: boolean;
+    className?: string;
+}
+export declare function CambridgeYleSidebar({ parts, questions, currentQuestionGlobalIndex, onPartClick, onQuestionClick, isNavDisabled, className, }: CambridgeYleSidebarProps): import("react").JSX.Element;
+//# sourceMappingURL=CambridgeYleSidebar.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleSidebar.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,0BAA0B,EAAE,MAAM,CAAC;IACnC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,SAAS,EACT,0BAA0B,EAC1B,WAAW,EACX,eAAe,EACf,aAAa,EACb,SAAS,GACV,EAAE,wBAAwB,+BAoJ1B"}