@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.29

package/dist/components/results/speaking/SpeakingResultAudioPlayer.js

@@ -1 +1,77 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useCallback as r,useRef as a,useState as n}from"react";import{Loader2 as i,Mic as s,Pause as l,Play as o,RefreshCw as d}from"lucide-react";import{usePresignedFileUrl as u}from"../../../shared/lib/hooks/usePresignedFileUrl";import{cn as c}from"../../../shared/lib/utils";function m(e){if(!isFinite(e)||isNaN(e))return"--:--";return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`}export function SpeakingResultAudioPlayer({audioKey:h,variant:b="student",token:g=null}){const{previewUrl:p,isLoading:x,error:f}=u(h),w=a(null),[y,N]=n(!1),[v,k]=n(0),[_,A]=n(0),j=r(()=>{const e=w.current;e&&p&&(y?e.pause():e.play().catch(e=>{console.error("Audio play failed:",e)}))},[y,p]),T=r(e=>{const t=w.current;if(!t)return;const r=Number(e.target.value);t.currentTime=r,k(r)},[]),P=r(()=>{const e=w.current;e&&k(e.currentTime)},[]),M=r(()=>{const e=w.current;e&&A(e.duration||0)},[]),S=r(()=>{N(!1),k(0);const e=w.current;e&&(e.currentTime=0)},[]),U=_>0?v/_*100:0,$="admin"===b;return t("div",x?{className:c("flex items-center justify-center gap-2 rounded-xl px-4 py-3.5",$?"bg-gray-100":"bg-gradient-to-r from-[#2874A6] to-[#3498DB]"),children:[e(i,{className:c("h-4 w-4 animate-spin",$?"text-gray-500":"text-white/80")}),e("span",{className:c("text-sm font-medium",$?"text-gray-600":"text-white/80"),children:"Đang tải âm thanh..."})]}:f||!p?{className:"flex items-center gap-2.5 rounded-xl border border-red-200 bg-red-50 px-4 py-3",children:[e(d,{className:"h-4 w-4 text-red-400"}),e("span",{className:"text-sm font-medium text-red-600",children:"Không thể phát âm thanh"})]}:{className:"overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-[0_2px_12px_rgba(0,0,0,0.02)] transition-all hover:shadow-[0_4px_16px_rgba(0,0,0,0.04)] ring-1 ring-gray-900/5",children:[e("audio",{ref:w,src:p,onPlay:()=>N(!0),onPause:()=>N(!1),onTimeUpdate:P,onLoadedMetadata:M,onEnded:S,preload:"metadata"}),t("div",{className:"flex items-center gap-3 px-4 py-3",children:[e("div",{className:c("flex h-9 w-9 shrink-0 items-center justify-center rounded-full transition-all",y?"bg-blue-50 ring-4 ring-blue-50/50":"bg-gray-50"),children:e(s,{className:c("h-4 w-4 transition-transform",y?"text-[#2874A6] animate-pulse":"text-gray-400")})}),e("button",{type:"button",onClick:j,className:c("flex h-10 w-10 shrink-0 items-center justify-center rounded-full shadow-sm transition-all active:scale-95",$?y?"bg-gray-600 text-white hover:bg-gray-700":"bg-gray-500 text-white hover:bg-gray-600":y?"bg-[#1A5276] text-white hover:bg-[#154360]":"bg-[#2874A6] text-white hover:bg-[#1A5276]"),"aria-label":y?"Tạm dừng":"Phát",children:y?e(l,{className:"h-4 w-4"}):e(o,{className:"h-4 w-4 ml-0.5"})}),t("div",{className:"flex flex-1 flex-col gap-1.5 px-2",children:[t("div",{className:"flex items-center justify-between",children:[e("span",{className:"text-[10px] font-bold tabular-nums text-gray-500 tracking-wide",children:m(v)}),e("span",{className:"text-[10px] font-bold tabular-nums text-gray-400 tracking-wide",children:_>0?m(_):"--:--"})]}),t("div",{className:"relative flex h-2 items-center",children:[e("input",{type:"range",min:0,max:_||1,step:.1,value:v,onChange:T,className:c("absolute inset-0 z-10 h-1.5 w-full cursor-pointer appearance-none rounded-full bg-transparent","[&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:w-3.5","[&::-webkit-slider-thumb]:appearance-none","[&::-webkit-slider-thumb]:rounded-full","[&::-webkit-slider-thumb]:bg-white","[&::-webkit-slider-thumb]:shadow-[0_1px_4px_rgba(0,0,0,0.2)]","[&::-webkit-slider-thumb]:border [&::-webkit-slider-thumb]:border-gray-200","[&::-webkit-slider-thumb]:transition-transform","[&::-webkit-slider-thumb]:hover:scale-110"),"aria-label":"Tiến trình phát"}),e("div",{className:"pointer-events-none absolute left-0 right-0 h-1.5 rounded-full bg-gray-100"}),e("div",{className:c("pointer-events-none absolute left-0 h-1.5 rounded-full transition-all duration-100 ease-linear",$?"bg-blue-500":"bg-gradient-to-r from-[#2874A6] to-[#3498DB]"),style:{width:`${U}%`}})]})]})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
+import { Loader2, Mic, Pause, Play, RefreshCw } from 'lucide-react';
+import { usePresignedFileUrl } from '../../../shared/lib/hooks/usePresignedFileUrl';
+import { cn } from '../../../shared/lib/utils';
+function formatTime(seconds) {
+    if (!isFinite(seconds) || isNaN(seconds))
+        return '--:--';
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+}
+export function SpeakingResultAudioPlayer({ audioKey, variant = 'student', token: _token = null, }) {
+    // Default SDK hook is a pass-through; hosts can wrap usePresignedFileUrl for token-aware resolve.
+    void _token;
+    const { previewUrl, isLoading, error } = usePresignedFileUrl(audioKey);
+    const audioRef = useRef(null);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [currentTime, setCurrentTime] = useState(0);
+    const [duration, setDuration] = useState(0);
+    const handlePlayPause = useCallback(() => {
+        const audio = audioRef.current;
+        if (!audio || !previewUrl)
+            return;
+        if (isPlaying) {
+            audio.pause();
+        }
+        else {
+            audio.play().catch((err) => {
+                console.error('Audio play failed:', err);
+            });
+        }
+    }, [isPlaying, previewUrl]);
+    const handleSeek = useCallback((e) => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        const newTime = Number(e.target.value);
+        audio.currentTime = newTime;
+        setCurrentTime(newTime);
+    }, []);
+    const handleTimeUpdate = useCallback(() => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        setCurrentTime(audio.currentTime);
+    }, []);
+    const handleLoadedMetadata = useCallback(() => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        setDuration(audio.duration || 0);
+    }, []);
+    const handleEnded = useCallback(() => {
+        setIsPlaying(false);
+        setCurrentTime(0);
+        const audio = audioRef.current;
+        if (audio)
+            audio.currentTime = 0;
+    }, []);
+    const progressPercent = duration > 0 ? (currentTime / duration) * 100 : 0;
+    const isAdminVariant = variant === 'admin';
+    if (isLoading) {
+        return (_jsxs("div", { className: cn('flex items-center justify-center gap-2 rounded-xl px-4 py-3.5', isAdminVariant ? 'bg-gray-100' : 'bg-gradient-to-r from-[#2874A6] to-[#3498DB]'), children: [_jsx(Loader2, { className: cn('h-4 w-4 animate-spin', isAdminVariant ? 'text-gray-500' : 'text-white/80') }), _jsx("span", { className: cn('text-sm font-medium', isAdminVariant ? 'text-gray-600' : 'text-white/80'), children: "\u0110ang t\u1EA3i \u00E2m thanh..." })] }));
+    }
+    if (error || !previewUrl) {
+        return (_jsxs("div", { className: "flex items-center gap-2.5 rounded-xl border border-red-200 bg-red-50 px-4 py-3", children: [_jsx(RefreshCw, { className: "h-4 w-4 text-red-400" }), _jsx("span", { className: "text-sm font-medium text-red-600", children: "Kh\u00F4ng th\u1EC3 ph\u00E1t \u00E2m thanh" })] }));
+    }
+    return (_jsxs("div", { className: "overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-[0_2px_12px_rgba(0,0,0,0.02)] transition-all hover:shadow-[0_4px_16px_rgba(0,0,0,0.04)] ring-1 ring-gray-900/5", children: [_jsx("audio", { ref: audioRef, src: previewUrl, onPlay: () => setIsPlaying(true), onPause: () => setIsPlaying(false), onTimeUpdate: handleTimeUpdate, onLoadedMetadata: handleLoadedMetadata, onEnded: handleEnded, preload: "metadata" }), _jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx("div", { className: cn('flex h-9 w-9 shrink-0 items-center justify-center rounded-full transition-all', isPlaying ? 'bg-blue-50 ring-4 ring-blue-50/50' : 'bg-gray-50'), children: _jsx(Mic, { className: cn('h-4 w-4 transition-transform', isPlaying ? 'text-[#2874A6] animate-pulse' : 'text-gray-400') }) }), _jsx("button", { type: "button", onClick: handlePlayPause, className: cn('flex h-10 w-10 shrink-0 items-center justify-center rounded-full shadow-sm transition-all active:scale-95', isAdminVariant
+                            ? isPlaying
+                                ? 'bg-gray-600 text-white hover:bg-gray-700'
+                                : 'bg-gray-500 text-white hover:bg-gray-600'
+                            : isPlaying
+                                ? 'bg-[#1A5276] text-white hover:bg-[#154360]'
+                                : 'bg-[#2874A6] text-white hover:bg-[#1A5276]'), "aria-label": isPlaying ? 'Tạm dừng' : 'Phát', children: isPlaying ? _jsx(Pause, { className: "h-4 w-4" }) : _jsx(Play, { className: "h-4 w-4 ml-0.5" }) }), _jsxs("div", { className: "flex flex-1 flex-col gap-1.5 px-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-[10px] font-bold tabular-nums text-gray-500 tracking-wide", children: formatTime(currentTime) }), _jsx("span", { className: "text-[10px] font-bold tabular-nums text-gray-400 tracking-wide", children: duration > 0 ? formatTime(duration) : '--:--' })] }), _jsxs("div", { className: "relative flex h-2 items-center", children: [_jsx("input", { type: "range", min: 0, max: duration || 1, step: 0.1, value: currentTime, onChange: handleSeek, className: cn('absolute inset-0 z-10 h-1.5 w-full cursor-pointer appearance-none rounded-full bg-transparent', '[&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:w-3.5', '[&::-webkit-slider-thumb]:appearance-none', '[&::-webkit-slider-thumb]:rounded-full', '[&::-webkit-slider-thumb]:bg-white', '[&::-webkit-slider-thumb]:shadow-[0_1px_4px_rgba(0,0,0,0.2)]', '[&::-webkit-slider-thumb]:border [&::-webkit-slider-thumb]:border-gray-200', '[&::-webkit-slider-thumb]:transition-transform', '[&::-webkit-slider-thumb]:hover:scale-110'), "aria-label": "Ti\u1EBFn tr\u00ECnh ph\u00E1t" }), _jsx("div", { className: "pointer-events-none absolute left-0 right-0 h-1.5 rounded-full bg-gray-100" }), _jsx("div", { className: cn('pointer-events-none absolute left-0 h-1.5 rounded-full transition-all duration-100 ease-linear', isAdminVariant ? 'bg-blue-500' : 'bg-gradient-to-r from-[#2874A6] to-[#3498DB]'), style: { width: `${progressPercent}%` } })] })] })] })] }));
+}

package/dist/components/results/speaking/SpeakingReviewResult.js

@@ -1 +1,48 @@
-"use client";import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useMemo as s,useState as r}from"react";import{AlertTriangle as i,ChevronLeft as n,Download as l,Loader2 as o,Sparkles as d}from"lucide-react";import{OceanEduSpeakingReport as c}from"../report/OceanEduSpeakingReport";export const SPEAKING_REVIEW_POLL_INTERVAL_MS=5e3;export function SpeakingReviewResult({reviewData:m,studentName:h,studentCode:u,branchName:f,examDateText:p,examTitle:x,showDetailedResults:b,speakingRubric:g,reviewUrl:v,assetBaseUrl:w,canExportPdf:N=!1,isExporting:y,hasPendingQuestions:E=!1,onBack:A,onExportPdf:D,topActionsSlot:k,beforeReportSlot:R,afterReportSlot:S}){const[F,P]=r(!1),T=y??F,j=s(()=>{if(p)return p;if(m.submittedAt){const e=new Date(m.submittedAt);if(!Number.isNaN(e.getTime()))return e.toLocaleDateString("vi-VN")}return(new Date).toLocaleDateString("vi-VN")},[p,m.submittedAt]);return e("div",{className:"min-h-screen bg-[#e0e0e0] py-4 md:py-6",children:t("div",{className:"mx-auto flex w-full max-w-[1160px] flex-col gap-4 px-0 sm:px-4",children:[t("div",{className:"flex items-center justify-between gap-3 px-3 print:hidden sm:px-0",children:[t("button",{type:"button",onClick:()=>{A?A():"undefined"!=typeof window&&window.history.back()},className:"inline-flex items-center gap-2 rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 shadow-sm transition hover:border-slate-300 hover:bg-slate-50",children:[e(n,{className:"h-4 w-4"}),"Quay lại"]}),t("div",{className:"flex items-center gap-2",children:[N&&D?t("button",{type:"button",onClick:()=>{(async()=>{if(D){void 0===y&&P(!0);try{await D()}finally{void 0===y&&P(!1)}}})()},disabled:T,className:"group relative inline-flex items-center gap-2.5 overflow-hidden rounded-xl bg-gradient-to-r from-[#00AEEF] via-[#0099D6] to-[#00AEEF] bg-[length:200%_100%] px-5 py-3 text-sm font-bold text-white shadow-lg shadow-[#00AEEF]/30 transition-all duration-300 hover:bg-[position:100%_0] hover:shadow-xl hover:shadow-[#00AEEF]/40 hover:scale-[1.02] active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 disabled:hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#00AEEF] focus-visible:ring-offset-2",children:[e("span",{className:"absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/20 to-transparent transition-transform duration-1000 group-hover:translate-x-full"}),t(a,T?{children:[e(o,{className:"relative z-10 h-4 w-4 animate-spin"}),e("span",{className:"relative z-10",children:"Đang xuất..."})]}:{children:[e(l,{className:"relative z-10 h-4 w-4 transition-transform duration-300 group-hover:-translate-y-0.5 group-hover:scale-110"}),e("span",{className:"relative z-10",children:"Xuất PDF"})]})]}):null,k]})]}),E?t("div",{className:"flex items-center gap-3 rounded-2xl border border-[#b3dfff] bg-gradient-to-r from-[#e8f6ff] to-[#f0f8ff] px-5 py-4 shadow-sm",children:[e("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#d0edff]",children:e(d,{className:"h-5 w-5 animate-pulse text-[#00AEEF]"})}),t("div",{className:"flex-1",children:[e("p",{className:"text-sm font-bold text-[#0054A6]",children:"AI đang chấm điểm..."}),t("p",{className:"text-xs text-[#0078c8]",children:["Trang sẽ tự động cập nhật sau mỗi ",5," giây cho đến khi hoàn tất."]})]})]}):null,m.isPendingGrading?t("div",{className:"flex items-center gap-3 rounded-2xl border border-amber-200 bg-gradient-to-r from-amber-50 to-yellow-50 px-5 py-4 shadow-sm",children:[e("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-amber-100",children:e(i,{className:"h-5 w-5 text-amber-600"})}),t("div",{children:[e("p",{className:"text-sm font-bold text-amber-800",children:"Đang chờ chấm điểm"}),e("p",{className:"text-xs text-amber-600",children:"Giáo viên sẽ chấm điểm bài thi của bạn sớm nhất có thể."})]})]}):null,R,e(c,{reviewData:m,studentName:h??m.studentName,studentCode:u,branchName:f,examDateText:j,examTitle:x,showDetailedResults:b,reviewUrl:v,speakingRubric:g,assetBaseUrl:w}),S]})})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { AlertTriangle, ChevronLeft, Download, Loader2, Sparkles, } from 'lucide-react';
+import { OceanEduSpeakingReport } from '../report/OceanEduSpeakingReport';
+export const SPEAKING_REVIEW_POLL_INTERVAL_MS = 5000;
+/**
+ * Speaking review page shell (toolbar + banners + report).
+ * Source: oe-exam-fe/.../speaking-review/page.tsx (SDK-owned portion only).
+ */
+export function SpeakingReviewResult({ reviewData, studentName, studentCode, branchName, examDateText, examTitle, showDetailedResults, speakingRubric, reviewUrl, assetBaseUrl, canExportPdf = false, isExporting: isExportingProp, hasPendingQuestions = false, onBack, onExportPdf, topActionsSlot, beforeReportSlot, afterReportSlot, }) {
+    const [isExportingLocal, setIsExportingLocal] = useState(false);
+    const isExporting = isExportingProp ?? isExportingLocal;
+    const resolvedExamDateText = useMemo(() => {
+        if (examDateText)
+            return examDateText;
+        if (reviewData.submittedAt) {
+            const date = new Date(reviewData.submittedAt);
+            if (!Number.isNaN(date.getTime())) {
+                return date.toLocaleDateString('vi-VN');
+            }
+        }
+        return new Date().toLocaleDateString('vi-VN');
+    }, [examDateText, reviewData.submittedAt]);
+    const handleBack = () => {
+        if (onBack) {
+            onBack();
+            return;
+        }
+        if (typeof window !== 'undefined') {
+            window.history.back();
+        }
+    };
+    const handleExportPdf = async () => {
+        if (!onExportPdf)
+            return;
+        if (isExportingProp === undefined)
+            setIsExportingLocal(true);
+        try {
+            await onExportPdf();
+        }
+        finally {
+            if (isExportingProp === undefined)
+                setIsExportingLocal(false);
+        }
+    };
+    return (_jsx("div", { className: "min-h-screen bg-[#e0e0e0] py-4 md:py-6", children: _jsxs("div", { className: "mx-auto flex w-full max-w-[1160px] flex-col gap-4 px-0 sm:px-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 px-3 print:hidden sm:px-0", children: [_jsxs("button", { type: "button", onClick: handleBack, className: "inline-flex items-center gap-2 rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 shadow-sm transition hover:border-slate-300 hover:bg-slate-50", children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), "Quay l\u1EA1i"] }), _jsxs("div", { className: "flex items-center gap-2", children: [canExportPdf && onExportPdf ? (_jsxs("button", { type: "button", onClick: () => void handleExportPdf(), disabled: isExporting, className: "group relative inline-flex items-center gap-2.5 overflow-hidden rounded-xl bg-gradient-to-r from-[#00AEEF] via-[#0099D6] to-[#00AEEF] bg-[length:200%_100%] px-5 py-3 text-sm font-bold text-white shadow-lg shadow-[#00AEEF]/30 transition-all duration-300 hover:bg-[position:100%_0] hover:shadow-xl hover:shadow-[#00AEEF]/40 hover:scale-[1.02] active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 disabled:hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#00AEEF] focus-visible:ring-offset-2", children: [_jsx("span", { className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/20 to-transparent transition-transform duration-1000 group-hover:translate-x-full" }), isExporting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "relative z-10 h-4 w-4 animate-spin" }), _jsx("span", { className: "relative z-10", children: "\u0110ang xu\u1EA5t..." })] })) : (_jsxs(_Fragment, { children: [_jsx(Download, { className: "relative z-10 h-4 w-4 transition-transform duration-300 group-hover:-translate-y-0.5 group-hover:scale-110" }), _jsx("span", { className: "relative z-10", children: "Xu\u1EA5t PDF" })] }))] })) : null, topActionsSlot] })] }), hasPendingQuestions ? (_jsxs("div", { className: "flex items-center gap-3 rounded-2xl border border-[#b3dfff] bg-gradient-to-r from-[#e8f6ff] to-[#f0f8ff] px-5 py-4 shadow-sm", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#d0edff]", children: _jsx(Sparkles, { className: "h-5 w-5 animate-pulse text-[#00AEEF]" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-bold text-[#0054A6]", children: "AI \u0111ang ch\u1EA5m \u0111i\u1EC3m..." }), _jsxs("p", { className: "text-xs text-[#0078c8]", children: ["Trang s\u1EBD t\u1EF1 \u0111\u1ED9ng c\u1EADp nh\u1EADt sau m\u1ED7i ", SPEAKING_REVIEW_POLL_INTERVAL_MS / 1000, " gi\u00E2y cho \u0111\u1EBFn khi ho\u00E0n t\u1EA5t."] })] })] })) : null, reviewData.isPendingGrading ? (_jsxs("div", { className: "flex items-center gap-3 rounded-2xl border border-amber-200 bg-gradient-to-r from-amber-50 to-yellow-50 px-5 py-4 shadow-sm", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-amber-100", children: _jsx(AlertTriangle, { className: "h-5 w-5 text-amber-600" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-bold text-amber-800", children: "\u0110ang ch\u1EDD ch\u1EA5m \u0111i\u1EC3m" }), _jsx("p", { className: "text-xs text-amber-600", children: "Gi\u00E1o vi\u00EAn s\u1EBD ch\u1EA5m \u0111i\u1EC3m b\u00E0i thi c\u1EE7a b\u1EA1n s\u1EDBm nh\u1EA5t c\u00F3 th\u1EC3." })] })] })) : null, beforeReportSlot, _jsx(OceanEduSpeakingReport, { reviewData: reviewData, studentName: studentName ?? reviewData.studentName, studentCode: studentCode, branchName: branchName, examDateText: resolvedExamDateText, examTitle: examTitle, showDetailedResults: showDetailedResults, reviewUrl: reviewUrl, speakingRubric: speakingRubric, assetBaseUrl: assetBaseUrl }), afterReportSlot] }) }));
+}

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

@@ -1 +1,72 @@
-export const ReviewScoreBand={EXCELLENT:90,GOOD:80,FAIR:65,AVERAGE:50};export function formatScore(n,e=1){if(null==n||Number.isNaN(n))return"—";return n.toFixed(e).replace(/\.0+$/,"").replace(/(\.\d*[1-9])0+$/,"$1")}export function formatTotalScore(n){return null!=n&&Number.isFinite(n)?n<10?n.toFixed(1):String(Math.round(n)):"—"}export function getScoreStroke(n,e,i){if(i||null==n||e<=0)return"conic-gradient(#cbd5e1 0% 100%, #eef5ff 100% 100%)";const t=Math.max(0,Math.min(100,n/e*100));return`conic-gradient(#00AEEF 0% ${t}%, #eef5ff ${t}% 100%)`}export function getScoreLabel(n,e,i){if(i||null==n||e<=0)return"Đang chấm điểm";const t=n/e*100;return t>=ReviewScoreBand.EXCELLENT?"Xuất sắc":t>=ReviewScoreBand.GOOD?"Giỏi":t>=ReviewScoreBand.FAIR?"Khá":t>=ReviewScoreBand.AVERAGE?"Trung bình":"Cần cố gắng"}export function getScoreMessage(n,e,i){if(i)return"Bài làm của bạn đang có câu hỏi tự luận chờ giáo viên chấm điểm. Điểm số sẽ được cập nhật sớm nhất.";if(null==n||e<=0)return"Đừng nản nhé! Hãy xem lại chi tiết bài làm phía dưới và ôn lại kiến thức nhé.";const t=n/e*100;return t>=ReviewScoreBand.EXCELLENT?"Xuất sắc! Bạn nắm rất vững kiến thức. Xem lại chi tiết phía dưới nhé.":t>=ReviewScoreBand.GOOD?"Làm tốt lắm! Xem lại chi tiết bài làm phía dưới để hoàn thiện hơn nhé.":t>=ReviewScoreBand.FAIR?"Khá tốt! Hãy xem lại các câu chưa đúng phía dưới để tiến bộ hơn nhé.":t>=ReviewScoreBand.AVERAGE?"Bạn đã cố gắng! Xem lại kỹ phần chi tiết phía dưới để cải thiện nhé.":"Đừng nản nhé! Hãy xem lại chi tiết bài làm phía dưới và ôn lại kiến thức nhé."}
+/**
+ * Score display helpers for the general (non-speaking) exam result report.
+ * Source thresholds mirror oe-exam-fe OceanEduExamReport.
+ */
+/** Percentage bands for general exam total-score labels / messages. */
+export const ReviewScoreBand = {
+    EXCELLENT: 90,
+    GOOD: 80,
+    FAIR: 65,
+    AVERAGE: 50,
+};
+export function formatScore(score, digits = 1) {
+    if (score == null || Number.isNaN(score))
+        return '—';
+    const fixed = score.toFixed(digits);
+    return fixed.replace(/\.0+$/, '').replace(/(\.\d*[1-9])0+$/, '$1');
+}
+/** Format total score for "ĐIỂM TỔNG" display. */
+export function formatTotalScore(score) {
+    if (score == null || !Number.isFinite(score))
+        return '—';
+    if (score < 10)
+        return score.toFixed(1);
+    return String(Math.round(score));
+}
+export function getScoreStroke(totalScore, maxScore, isPendingGrading) {
+    if (isPendingGrading || totalScore == null || maxScore <= 0) {
+        return 'conic-gradient(#cbd5e1 0% 100%, #eef5ff 100% 100%)';
+    }
+    const percentage = Math.max(0, Math.min(100, (totalScore / maxScore) * 100));
+    return `conic-gradient(#00AEEF 0% ${percentage}%, #eef5ff ${percentage}% 100%)`;
+}
+export function getScoreLabel(totalScore, maxScore, isPendingGrading) {
+    if (isPendingGrading || totalScore == null || maxScore <= 0)
+        return 'Đang chấm điểm';
+    const percentage = (totalScore / maxScore) * 100;
+    if (percentage >= ReviewScoreBand.EXCELLENT)
+        return 'Xuất sắc';
+    if (percentage >= ReviewScoreBand.GOOD)
+        return 'Giỏi';
+    if (percentage >= ReviewScoreBand.FAIR)
+        return 'Khá';
+    if (percentage >= ReviewScoreBand.AVERAGE)
+        return 'Trung bình';
+    return 'Cần cố gắng';
+}
+/**
+ * Score-aware mascot message. Mirrors {@link getScoreLabel} thresholds so the
+ * encouragement text matches the actual result.
+ */
+export function getScoreMessage(totalScore, maxScore, isPendingGrading) {
+    if (isPendingGrading) {
+        return 'Bài làm của bạn đang có câu hỏi tự luận chờ giáo viên chấm điểm. Điểm số sẽ được cập nhật sớm nhất.';
+    }
+    if (totalScore == null || maxScore <= 0) {
+        return 'Đừng nản nhé! Hãy xem lại chi tiết bài làm phía dưới và ôn lại kiến thức nhé.';
+    }
+    const percentage = (totalScore / maxScore) * 100;
+    if (percentage >= ReviewScoreBand.EXCELLENT) {
+        return 'Xuất sắc! Bạn nắm rất vững kiến thức. Xem lại chi tiết phía dưới nhé.';
+    }
+    if (percentage >= ReviewScoreBand.GOOD) {
+        return 'Làm tốt lắm! Xem lại chi tiết bài làm phía dưới để hoàn thiện hơn nhé.';
+    }
+    if (percentage >= ReviewScoreBand.FAIR) {
+        return 'Khá tốt! Hãy xem lại các câu chưa đúng phía dưới để tiến bộ hơn nhé.';
+    }
+    if (percentage >= ReviewScoreBand.AVERAGE) {
+        return 'Bạn đã cố gắng! Xem lại kỹ phần chi tiết phía dưới để cải thiện nhé.';
+    }
+    return 'Đừng nản nhé! Hãy xem lại chi tiết bài làm phía dưới và ôn lại kiến thức nhé.';
+}

package/dist/components/results/utils/speaking-summary.js

@@ -1 +1,224 @@
-export const SPEAKING_SKILL_COLORS={pronunciation:"#4CAF50",fluency:"#2196F3",vocabulary:"#FF9800",grammar:"#9C27B0",coherence:"#00BCD4"};function n(n){return null!=n&&Number.isFinite(n)?Math.round(Math.max(0,Math.min(100,n))):0}function t(n,t){if(t<=0)return null;return n.reduce((n,t)=>n+("number"==typeof t&&Number.isFinite(t)?t:0),0)/t}function e(n){return n&&"object"==typeof n?n:null}function c(n){const t=e(n);return e(t?.pronunciation)}export function deriveSkillScores(n){const r=function(n){return n.parts.flatMap(n=>n.questions)}(n),i=r.filter(n=>!n.isExample),o=i.length;return{pronunciation:t(i.map(n=>{const t=c(n.aiAssessment)?.pronunciationScore;return"number"==typeof t?t:null}),o),fluency:t(i.map(n=>{const t=c(n.aiAssessment)?.fluencyScore;return"number"==typeof t?t:null}),o),vocabulary:t(i.map(n=>{const t=e(n.llmAssessment)?.contentScore;return"number"==typeof t?t:null}),o),grammar:t(i.map(n=>{const t=c(n.aiAssessment)?.accuracyScore;return"number"==typeof t?t:null}),o),coherence:t(i.map(n=>{const t=c(n.aiAssessment)?.prosodyScore;return"number"==typeof t?t:null}),o)}}export function buildSkillMetrics(t){return[{key:"pronunciation",label:"Pronunciation",sublabel:"Phát âm",score:n(t.pronunciation),color:SPEAKING_SKILL_COLORS.pronunciation},{key:"fluency",label:"Fluency",sublabel:"Độ trôi chảy",score:n(t.fluency),color:SPEAKING_SKILL_COLORS.fluency},{key:"grammar",label:"Accuracy",sublabel:"Chính xác phát âm",score:n(t.grammar),color:SPEAKING_SKILL_COLORS.grammar},{key:"coherence",label:"Prosody",sublabel:"Ngữ điệu",score:n(t.coherence),color:SPEAKING_SKILL_COLORS.coherence},{key:"vocabulary",label:"Content",sublabel:"Nội dung",score:n(t.vocabulary),color:SPEAKING_SKILL_COLORS.vocabulary}]}export function deriveSkillMetrics(n){return buildSkillMetrics(deriveSkillScores(n))}export function deriveQuestionSkillMetrics(n){const t=c(n.aiAssessment),r=e(n.llmAssessment);return buildSkillMetrics({pronunciation:"number"==typeof t?.pronunciationScore?t.pronunciationScore:null,fluency:"number"==typeof t?.fluencyScore?t.fluencyScore:null,vocabulary:"number"==typeof r?.contentScore?r.contentScore:null,grammar:"number"==typeof t?.accuracyScore?t.accuracyScore:null,coherence:"number"==typeof t?.prosodyScore?t.prosodyScore:null})}export function getOverallStatusText(n,t,e){if(e||null==n)return"Đang chờ hoàn tất chấm điểm. Kết quả tổng quan sẽ được cập nhật ngay khi có đủ dữ liệu.";const c=t>0?n/t*100:0;return c>=85?"Trình độ rất tốt. Tiếp tục phát huy nhé!":c>=70?"Kết quả tốt. Hãy tiếp tục luyện tập để bứt phá hơn nữa!":c>=50?"Bạn đang tiến bộ tốt. Hãy luyện tập thêm để cải thiện toàn diện hơn.":"Cần luyện tập thêm để nâng cao kỹ năng nói và sự tự tin khi giao tiếp."}export function getScoreLabel(n,t,e){if(e||null==n)return"ĐANG CHỜ";const c=t>0?n/t*100:0;return c>=85?"XUẤT SẮC":c>=70?"TỐT":c>=50?"KHÁ":"CẦN CỐ GẮNG HƠN"}export function deriveFeedback(n){if(n.isPendingGrading)return"Bài thi đang chờ hệ thống hoặc giáo viên hoàn tất chấm điểm. Kết quả chi tiết sẽ được cập nhật sớm nhất có thể.";const t=n.maxScore>0?(n.totalScore??0)/n.maxScore*100:0;return t>=85?"Tuyệt vời! Bạn đã thể hiện khả năng nói tiếng Anh rất tốt. Hãy tiếp tục phát huy và chinh phục những thử thách cao hơn nhé!":t>=70?"Bạn đã có nền tảng nói tiếng Anh khá tốt. Tiếp tục luyện phát âm, mở rộng vốn từ và duy trì sự tự tin khi trả lời.":t>=50?"Bạn cần cố gắng hơn nữa. Hãy dành thêm thời gian luyện phát âm rõ ràng hơn và trả lời mạch lạc hơn ở từng phần thi.":"Bạn cần cố gắng nhiều hơn. Hãy luyện tập từng ngày để nâng cao khả năng nói, sự trôi chảy và mức độ tự tin khi giao tiếp bằng tiếng Anh."}export function deriveSummaryPoints(n,t){const e=Object.fromEntries(t.map(n=>[n.key,n.score])),c=[];return(e.pronunciation??0)>=75?c.push({icon:"check",text:"Phát âm rõ ràng, tự nhiên, ngữ điệu khá tốt."}):c.push({icon:"check",text:"Cần luyện thêm phát âm từng âm và nhấn trọng âm để nói rõ hơn."}),(e.grammar??0)>=75?c.push({icon:"check",text:"Phát âm từng âm chuẩn xác, ít mắc lỗi sai âm."}):c.push({icon:"check",text:"Cần luyện phát âm chuẩn từng âm tiết, đặc biệt các âm tiếng Anh dễ nhầm."}),(e.fluency??0)>=75?c.push({icon:"check",text:"Diễn đạt trôi chảy, tốc độ nói khá tốt."}):c.push({icon:"check",text:"Cần tăng độ trôi chảy và giảm các khoảng ngập ngừng khi trả lời."}),(e.coherence??0)>=75?c.push({icon:"check",text:"Ngữ điệu tự nhiên, nhấn nhá và nhịp điệu khi nói khá tốt."}):c.push({icon:"check",text:"Nên luyện ngữ điệu lên xuống tự nhiên hơn và chú ý nhịp điệu khi nói."}),(e.vocabulary??0)>=75?c.push({icon:"check",text:"Nội dung trả lời bám sát câu hỏi và đầy đủ ý chính."}):c.push({icon:"check",text:"Cần trả lời đúng trọng tâm câu hỏi và đầy đủ ý chính hơn."}),c.push({icon:"star",text:getOverallStatusText(n.totalScore,n.maxScore,n.isPendingGrading),highlight:!0}),c.slice(0,6)}
+/**
+ * Shared logic for Speaking Review "NHẬN XÉT TỔNG QUAN TỪ AI".
+ * Source: oe-exam-fe/.../speaking-review/_utils/speaking-summary.ts
+ */
+export const SPEAKING_SKILL_COLORS = {
+    pronunciation: '#4CAF50',
+    fluency: '#2196F3',
+    vocabulary: '#FF9800',
+    grammar: '#9C27B0',
+    coherence: '#00BCD4',
+};
+const SCORE_THRESHOLD_EXCELLENT = 85;
+const SCORE_THRESHOLD_GOOD = 70;
+const SCORE_THRESHOLD_FAIR = 50;
+const METRIC_POSITIVE_THRESHOLD = 75;
+function clampScore(score) {
+    if (score == null || !Number.isFinite(score))
+        return 0;
+    return Math.round(Math.max(0, Math.min(100, score)));
+}
+function averageAllQuestions(values, totalGradable) {
+    if (totalGradable <= 0)
+        return null;
+    const sum = values.reduce((acc, v) => acc + (typeof v === 'number' && Number.isFinite(v) ? v : 0), 0);
+    return sum / totalGradable;
+}
+function getAllQuestions(reviewData) {
+    return reviewData.parts.flatMap((part) => part.questions);
+}
+function asRecord(value) {
+    if (!value || typeof value !== 'object')
+        return null;
+    return value;
+}
+function getPronunciationScores(aiAssessment) {
+    const ai = asRecord(aiAssessment);
+    return asRecord(ai?.['pronunciation']);
+}
+export function deriveSkillScores(reviewData) {
+    const questions = getAllQuestions(reviewData);
+    const gradable = questions.filter((q) => !q.isExample);
+    const total = gradable.length;
+    return {
+        pronunciation: averageAllQuestions(gradable.map((q) => {
+            const score = getPronunciationScores(q.aiAssessment)?.['pronunciationScore'];
+            return typeof score === 'number' ? score : null;
+        }), total),
+        fluency: averageAllQuestions(gradable.map((q) => {
+            const score = getPronunciationScores(q.aiAssessment)?.['fluencyScore'];
+            return typeof score === 'number' ? score : null;
+        }), total),
+        vocabulary: averageAllQuestions(gradable.map((q) => {
+            const score = asRecord(q.llmAssessment)?.['contentScore'];
+            return typeof score === 'number' ? score : null;
+        }), total),
+        grammar: averageAllQuestions(gradable.map((q) => {
+            const score = getPronunciationScores(q.aiAssessment)?.['accuracyScore'];
+            return typeof score === 'number' ? score : null;
+        }), total),
+        coherence: averageAllQuestions(gradable.map((q) => {
+            const score = getPronunciationScores(q.aiAssessment)?.['prosodyScore'];
+            return typeof score === 'number' ? score : null;
+        }), total),
+    };
+}
+export function buildSkillMetrics(scores) {
+    return [
+        {
+            key: 'pronunciation',
+            label: 'Pronunciation',
+            sublabel: 'Phát âm',
+            score: clampScore(scores.pronunciation),
+            color: SPEAKING_SKILL_COLORS.pronunciation,
+        },
+        {
+            key: 'fluency',
+            label: 'Fluency',
+            sublabel: 'Độ trôi chảy',
+            score: clampScore(scores.fluency),
+            color: SPEAKING_SKILL_COLORS.fluency,
+        },
+        {
+            key: 'grammar',
+            label: 'Accuracy',
+            sublabel: 'Chính xác phát âm',
+            score: clampScore(scores.grammar),
+            color: SPEAKING_SKILL_COLORS.grammar,
+        },
+        {
+            key: 'coherence',
+            label: 'Prosody',
+            sublabel: 'Ngữ điệu',
+            score: clampScore(scores.coherence),
+            color: SPEAKING_SKILL_COLORS.coherence,
+        },
+        {
+            key: 'vocabulary',
+            label: 'Content',
+            sublabel: 'Nội dung',
+            score: clampScore(scores.vocabulary),
+            color: SPEAKING_SKILL_COLORS.vocabulary,
+        },
+    ];
+}
+export function deriveSkillMetrics(reviewData) {
+    return buildSkillMetrics(deriveSkillScores(reviewData));
+}
+export function deriveQuestionSkillMetrics(question) {
+    const pronunciation = getPronunciationScores(question.aiAssessment);
+    const llm = asRecord(question.llmAssessment);
+    return buildSkillMetrics({
+        pronunciation: typeof pronunciation?.['pronunciationScore'] === 'number'
+            ? pronunciation['pronunciationScore']
+            : null,
+        fluency: typeof pronunciation?.['fluencyScore'] === 'number'
+            ? pronunciation['fluencyScore']
+            : null,
+        vocabulary: typeof llm?.['contentScore'] === 'number'
+            ? llm['contentScore']
+            : null,
+        grammar: typeof pronunciation?.['accuracyScore'] === 'number'
+            ? pronunciation['accuracyScore']
+            : null,
+        coherence: typeof pronunciation?.['prosodyScore'] === 'number'
+            ? pronunciation['prosodyScore']
+            : null,
+    });
+}
+export function getOverallStatusText(totalScore, maxScore, isPendingGrading) {
+    if (isPendingGrading || totalScore == null) {
+        return 'Đang chờ hoàn tất chấm điểm. Kết quả tổng quan sẽ được cập nhật ngay khi có đủ dữ liệu.';
+    }
+    const pct = maxScore > 0 ? (totalScore / maxScore) * 100 : 0;
+    if (pct >= SCORE_THRESHOLD_EXCELLENT)
+        return 'Trình độ rất tốt. Tiếp tục phát huy nhé!';
+    if (pct >= SCORE_THRESHOLD_GOOD)
+        return 'Kết quả tốt. Hãy tiếp tục luyện tập để bứt phá hơn nữa!';
+    if (pct >= SCORE_THRESHOLD_FAIR)
+        return 'Bạn đang tiến bộ tốt. Hãy luyện tập thêm để cải thiện toàn diện hơn.';
+    return 'Cần luyện tập thêm để nâng cao kỹ năng nói và sự tự tin khi giao tiếp.';
+}
+export function getScoreLabel(totalScore, maxScore, isPendingGrading) {
+    if (isPendingGrading || totalScore == null)
+        return 'ĐANG CHỜ';
+    const pct = maxScore > 0 ? (totalScore / maxScore) * 100 : 0;
+    if (pct >= SCORE_THRESHOLD_EXCELLENT)
+        return 'XUẤT SẮC';
+    if (pct >= SCORE_THRESHOLD_GOOD)
+        return 'TỐT';
+    if (pct >= SCORE_THRESHOLD_FAIR)
+        return 'KHÁ';
+    return 'CẦN CỐ GẮNG HƠN';
+}
+export function deriveFeedback(reviewData) {
+    if (reviewData.isPendingGrading) {
+        return 'Bài thi đang chờ hệ thống hoặc giáo viên hoàn tất chấm điểm. Kết quả chi tiết sẽ được cập nhật sớm nhất có thể.';
+    }
+    const pct = reviewData.maxScore > 0 ? ((reviewData.totalScore ?? 0) / reviewData.maxScore) * 100 : 0;
+    if (pct >= SCORE_THRESHOLD_EXCELLENT) {
+        return 'Tuyệt vời! Bạn đã thể hiện khả năng nói tiếng Anh rất tốt. Hãy tiếp tục phát huy và chinh phục những thử thách cao hơn nhé!';
+    }
+    if (pct >= SCORE_THRESHOLD_GOOD) {
+        return 'Bạn đã có nền tảng nói tiếng Anh khá tốt. Tiếp tục luyện phát âm, mở rộng vốn từ và duy trì sự tự tin khi trả lời.';
+    }
+    if (pct >= SCORE_THRESHOLD_FAIR) {
+        return 'Bạn cần cố gắng hơn nữa. Hãy dành thêm thời gian luyện phát âm rõ ràng hơn và trả lời mạch lạc hơn ở từng phần thi.';
+    }
+    return 'Bạn cần cố gắng nhiều hơn. Hãy luyện tập từng ngày để nâng cao khả năng nói, sự trôi chảy và mức độ tự tin khi giao tiếp bằng tiếng Anh.';
+}
+export function deriveSummaryPoints(reviewData, metrics) {
+    const metricMap = Object.fromEntries(metrics.map((metric) => [metric.key, metric.score]));
+    const points = [];
+    if ((metricMap.pronunciation ?? 0) >= METRIC_POSITIVE_THRESHOLD) {
+        points.push({ icon: 'check', text: 'Phát âm rõ ràng, tự nhiên, ngữ điệu khá tốt.' });
+    }
+    else {
+        points.push({
+            icon: 'check',
+            text: 'Cần luyện thêm phát âm từng âm và nhấn trọng âm để nói rõ hơn.',
+        });
+    }
+    if ((metricMap.grammar ?? 0) >= METRIC_POSITIVE_THRESHOLD) {
+        points.push({ icon: 'check', text: 'Phát âm từng âm chuẩn xác, ít mắc lỗi sai âm.' });
+    }
+    else {
+        points.push({
+            icon: 'check',
+            text: 'Cần luyện phát âm chuẩn từng âm tiết, đặc biệt các âm tiếng Anh dễ nhầm.',
+        });
+    }
+    if ((metricMap.fluency ?? 0) >= METRIC_POSITIVE_THRESHOLD) {
+        points.push({ icon: 'check', text: 'Diễn đạt trôi chảy, tốc độ nói khá tốt.' });
+    }
+    else {
+        points.push({
+            icon: 'check',
+            text: 'Cần tăng độ trôi chảy và giảm các khoảng ngập ngừng khi trả lời.',
+        });
+    }
+    if ((metricMap.coherence ?? 0) >= METRIC_POSITIVE_THRESHOLD) {
+        points.push({ icon: 'check', text: 'Ngữ điệu tự nhiên, nhấn nhá và nhịp điệu khi nói khá tốt.' });
+    }
+    else {
+        points.push({
+            icon: 'check',
+            text: 'Nên luyện ngữ điệu lên xuống tự nhiên hơn và chú ý nhịp điệu khi nói.',
+        });
+    }
+    if ((metricMap.vocabulary ?? 0) >= METRIC_POSITIVE_THRESHOLD) {
+        points.push({ icon: 'check', text: 'Nội dung trả lời bám sát câu hỏi và đầy đủ ý chính.' });
+    }
+    else {
+        points.push({
+            icon: 'check',
+            text: 'Cần trả lời đúng trọng tâm câu hỏi và đầy đủ ý chính hơn.',
+        });
+    }
+    points.push({
+        icon: 'star',
+        text: getOverallStatusText(reviewData.totalScore, reviewData.maxScore, reviewData.isPendingGrading),
+        highlight: true,
+    });
+    return points.slice(0, 6);
+}