@tinyweb_dev/oe-exam-sdk 0.1.1 → 0.1.3

package/dist/components/exams/ExamQuestionsPageContainer.js

@@ -1,90 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Suspense, useEffect, useMemo, useState } from 'react';
-import { ArrowLeft, Hash, Loader2, Save } from 'lucide-react';
-import { Badge } from '../../components/ui/badge';
-import { Button } from '../../components/ui/button';
-import { useToast } from '../../shared/lib/hooks/useToast';
-import { useT } from '../../shared/lib/i18n';
-import { ExamCreator } from './ExamCreator';
-function ExamQuestionsContent({ api, examId, listPath = '/manage/exams', onNavigate }) {
-    const t = useT();
-    const { error: errorToast, success } = useToast();
-    const [exam, setExam] = useState(null);
-    const [questions, setQuestions] = useState([]);
-    const [partAudioOverrides, setPartAudioOverrides] = useState({});
-    const [isLoading, setIsLoading] = useState(true);
-    const navigate = (href) => {
-        if (onNavigate)
-            onNavigate(href);
-        else if (typeof window !== 'undefined')
-            window.location.href = href;
-    };
-    useEffect(() => {
-        let ignore = false;
-        setIsLoading(true);
-        Promise.all([api.getExam(examId), api.getQuestions?.(examId)])
-            .then(([examResult, questionResult]) => {
-            if (ignore)
-                return;
-            setExam(unwrap(examResult));
-            setQuestions(unwrapOptional(questionResult) ?? []);
-        })
-            .catch((err) => errorToast({ message: t('admin.exams.questions.error'), description: err instanceof Error ? err.message : t('admin.exams.questions.loadError') }))
-            .finally(() => !ignore && setIsLoading(false));
-        return () => { ignore = true; };
-    }, [api, examId, errorToast, t]);
-    const template = useMemo(() => exam?.template ? normalizeTemplate(exam.template) : null, [exam?.template]);
-    const handleSaveExam = async (examData) => {
-        if (!template)
-            return;
-        await api.saveExam?.({ examId, questions: examData.questions, template, examData });
-        navigate(listPath);
-    };
-    const handlePartAudioChange = async (partId, audioUrl) => {
-        if (!template)
-            return;
-        const previous = partAudioOverrides[partId];
-        setPartAudioOverrides((prev) => ({ ...prev, [partId]: audioUrl }));
-        try {
-            await api.updatePartAudio?.({ examId, partId, audioUrl, template });
-            success({ message: t('admin.exams.partEditor.audioFile') });
-        }
-        catch (err) {
-            setPartAudioOverrides((prev) => {
-                const next = { ...prev };
-                if (previous === undefined)
-                    delete next[partId];
-                else
-                    next[partId] = previous;
-                return next;
-            });
-            errorToast({ message: t('admin.exams.questions.error'), description: err instanceof Error ? err.message : undefined });
-        }
-    };
-    if (isLoading)
-        return _jsx(Loading, { label: t('admin.exams.questions.loading') });
-    if (!exam || !template)
-        return _jsx(Empty, { onBack: () => navigate(listPath), label: t('admin.exams.questions.noTemplate') });
-    return (_jsxs("div", { className: "-m-4 flex h-[calc(100vh-4rem)] flex-col overflow-hidden md:-m-6 md:-mb-10", children: [_jsxs("div", { className: "flex flex-shrink-0 items-center gap-4 border-b border-gray-200/60 bg-white px-4 py-3", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigate(listPath), className: "h-8 w-8", children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsx("div", { className: "min-w-0 flex-1", children: _jsxs("h1", { className: "truncate text-lg font-semibold tracking-tight text-gray-900", children: [exam.name, exam.code && _jsxs(Badge, { variant: "outline", className: "ml-2", children: [_jsx(Hash, { className: "mr-0.5 h-3 w-3" }), exam.code] })] }) }), _jsxs(Button, { onClick: () => navigate(listPath), className: "gap-2 bg-blue-600 hover:bg-blue-700", size: "sm", children: [_jsx(Save, { className: "h-4 w-4" }), "Tho\u00E1t"] })] }), _jsx(ExamCreator, { template: template, examId: examId, examDifficulty: exam.difficulty, examLevel: exam.examLevel ?? undefined, subjectId: exam.subject?.id, initialQuestions: questions, onSaveQuestion: api.saveQuestion, onSave: handleSaveExam, onCancel: () => navigate(listPath), onPartAudioChange: api.updatePartAudio ? handlePartAudioChange : undefined, partAudioOverrides: partAudioOverrides })] }));
-}
-export function ExamQuestionsPageContainer(props) {
-    return _jsx(Suspense, { fallback: _jsx(Loading, { label: "Loading..." }), children: _jsx(ExamQuestionsContent, { ...props }) });
-}
-function Loading({ label }) {
-    return _jsx("div", { className: "flex h-screen items-center justify-center", children: _jsxs("div", { className: "flex flex-col items-center gap-3", children: [_jsx(Loader2, { className: "h-8 w-8 animate-spin text-blue-600" }), _jsx("p", { className: "text-sm text-gray-600", children: label })] }) });
-}
-function Empty({ label, onBack }) {
-    return _jsx("div", { className: "flex h-screen items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg text-gray-900", children: label }), _jsx(Button, { onClick: onBack, className: "mt-4", children: "Quay l\u1EA1i" })] }) });
-}
-function unwrap(value) {
-    return typeof value === 'object' && value !== null && 'data' in value ? value.data : value;
-}
-function unwrapOptional(value) {
-    return value === undefined ? undefined : unwrap(value);
-}
-function normalizeTemplate(template) {
-    if ('name' in template)
-        return template;
-    return { ...template, name: template.title, description: template.description || template.subTitle || '', level: template.examLevel, parts: template.parts.map((part) => ({ ...part, name: part.name || part.title || '' })) };
-}
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Suspense as a,useEffect as i,useMemo as n,useRef as s,useState as r}from"react";import{ArrowLeft as o,Hash as l,Loader2 as m,Save as c}from"lucide-react";import{Badge as u}from"../../components/ui/badge";import{Button as d}from"../../components/ui/button";import{useToast as f}from"../../shared/lib/hooks/useToast";import{useT as h}from"../../shared/lib/i18n";import{transformApiQuestionsToFrontend as p}from"../../shared/lib/utils/question-reverse-transform";import{ExamCreator as x}from"./ExamCreator";import{initializeQuestionStatusesFromAPI as b}from"./exam-question-status";function g({api:a,examId:m,listPath:g="/manage/exams",onNavigate:w,texts:q}){const Q=h(),{error:k,success:E}=f(),L=s(null),[j,C]=r(null),[I,P]=r([]),[T,A]=r({}),[z,B]=r(!0),D=e=>{w?w(e):"undefined"!=typeof window&&(window.location.href=e)};i(()=>{let e=!1;return B(!0),Promise.all([a.getExam(m),a.getQuestions?.(m)]).then(([t,a])=>{if(e)return;const i=y(t),n=function(e){return 0===e.length?[]:e.some(e=>"question_type"in e||"questionType"in e)?p(e):e}((void 0===(s=a)?void 0:y(s))??[]);var s;C(i),P(n);const r=function(e){return e?.totalQuestions??0}(i.template);r>0&&b(m,n.map(e=>e.questionNumber??0),r)}).catch(e=>k({message:Q("admin.exams.questions.error"),description:e instanceof Error?e.message:Q("admin.exams.questions.loadError")})).finally(()=>!e&&B(!1)),()=>{e=!0}},[a,m,k,Q]);const S=n(()=>j?.template?function(e){return"name"in e?e:{...e,name:e.title,description:e.description||e.subTitle||"",level:e.examLevel,parts:e.parts.map(e=>({...e,name:e.name||e.title||""}))}}(j.template):null,[j?.template]);return z?e(v,{label:q?.questionsLoadingLabel??Q("admin.exams.questions.loading")}):j&&S?t("div",{className:"-m-4 flex h-[calc(100vh-4rem)] flex-col overflow-hidden md:-m-6 md:-mb-10",children:[t("div",{className:"flex flex-shrink-0 items-center gap-4 border-b border-gray-200/60 bg-white px-4 py-3",children:[e(d,{variant:"ghost",size:"icon",onClick:()=>D(g),className:"h-8 w-8",children:e(o,{className:"h-4 w-4"})}),e("div",{className:"min-w-0 flex-1",children:t("h1",{className:"truncate text-lg font-semibold tracking-tight text-gray-900",children:[j.name,j.code&&t(u,{variant:"outline",className:"ml-2 align-middle border-blue-200 bg-blue-50 text-blue-700 text-xs font-normal",children:[e(l,{className:"mr-0.5 h-3 w-3"}),j.code]})]})}),t(d,{onClick:()=>L.current?.(),className:"gap-2 bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 shadow-sm",size:"sm",children:[e(c,{className:"h-4 w-4"}),q?.saveQuestionsLabel??"Lưu đề thi"]})]}),e(x,{template:S,examId:m,examDifficulty:j.difficulty,examLevel:j.examLevel??void 0,subjectId:j.subject?.id,initialQuestions:I,onSaveQuestion:a.saveQuestion,onSave:async e=>{S&&(await(a.saveExam?.({examId:m,questions:e.questions,template:S,examData:e})),D(g))},onCancel:()=>D(g),onPartAudioChange:a.updatePartAudio?async(e,t)=>{if(!S)return;const i=T[e];A(a=>({...a,[e]:t}));try{await(a.updatePartAudio?.({examId:m,partId:e,audioUrl:t,template:S})),E({message:Q("admin.exams.partEditor.audioFile"),description:"Đã lưu file âm thanh cho part."})}catch(t){A(t=>{const a={...t};return void 0===i?delete a[e]:a[e]=i,a}),k({message:Q("admin.exams.questions.error"),description:t instanceof Error?t.message:void 0})}}:void 0,partAudioOverrides:T,searchQuestions:a.searchQuestions,saveExamRef:L})]}):e(N,{onBack:()=>D(g),label:q?.questionsNoTemplateLabel??Q("admin.exams.questions.noTemplate")})}export function ExamQuestionsPageContainer(t){return e(a,{fallback:e(v,{label:"Loading..."}),children:e(g,{...t})})}function v({label:a}){return e("div",{className:"flex h-screen items-center justify-center",children:t("div",{className:"flex flex-col items-center gap-3",children:[e(m,{className:"h-8 w-8 animate-spin text-blue-600"}),e("p",{className:"text-sm text-gray-600",children:a})]})})}function N({label:a,onBack:i}){return e("div",{className:"flex h-screen items-center justify-center",children:t("div",{className:"text-center",children:[e("p",{className:"text-lg text-gray-900",children:a}),e(d,{onClick:i,className:"mt-4",children:"Quay lại"})]})})}function y(e){return"object"==typeof e&&null!==e&&"data"in e?e.data:e}

package/dist/components/exams/ExamViewDialog.d.ts

@@ -0,0 +1,24 @@
+export declare const EXAM_DIFFICULTY: {
+    readonly EASY: "EASY";
+    readonly MEDIUM: "MEDIUM";
+    readonly HARD: "HARD";
+};
+export type ExamDifficulty = (typeof EXAM_DIFFICULTY)[keyof typeof EXAM_DIFFICULTY];
+export interface ExamViewDialogExam {
+    id: string;
+    code?: string;
+    name: string;
+    subject: string;
+    level: string;
+    duration: number;
+    questionCount: number;
+    totalPoints: number;
+    difficulty: ExamDifficulty;
+    description?: string;
+}
+export interface ExamViewDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    exam: ExamViewDialogExam | null;
+}
+export declare function ExamViewDialog({ open, onOpenChange, exam }: ExamViewDialogProps): import("react").JSX.Element;

package/dist/components/exams/ExamViewDialog.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Dialog as n,DialogContent as i,DialogDescription as r,DialogFooter as s,DialogHeader as l,DialogTitle as t}from"../../components/ui/dialog";import{Button as o}from"../../components/ui/button";import{Badge as c}from"../../components/ui/badge";import{BookOpen as m,Clock as d,FileText as g,GraduationCap as b,Hash as u,Star as x,Target as h,X as N}from"lucide-react";import{useT as p}from"../../shared/lib/i18n";export const EXAM_DIFFICULTY={EASY:"EASY",MEDIUM:"MEDIUM",HARD:"HARD"};function v({exam:n}){return e("div",{className:"bg-gradient-to-r from-blue-600 to-indigo-600 px-6 py-5 text-white",children:e(l,{className:"space-y-2",children:e("div",{className:"flex items-start justify-between",children:a("div",{className:"flex items-center gap-3",children:[e("div",{className:"flex h-12 w-12 items-center justify-center rounded-xl bg-white/20 backdrop-blur-sm",children:e(g,{className:"h-6 w-6 text-white"})}),a("div",{children:[e(t,{className:"text-xl font-bold text-white",children:n.name}),e(r,{className:"text-blue-100 mt-1",children:a("span",{className:"inline-flex items-center gap-1.5",children:[e(u,{className:"h-3.5 w-3.5"}),n.code||n.id]})})]})]})})})})}function C({label:n,value:i,icon:r,iconContainerClassName:s,iconClassName:l,hoverClassName:t}){return e("div",{className:`rounded-xl border border-gray-200 bg-gray-50/50 p-4 transition-all ${t}`,children:a("div",{className:"flex items-center gap-3",children:[e("div",{className:`flex h-10 w-10 items-center justify-center rounded-lg ${s}`,children:e(r,{className:`h-5 w-5 ${l}`})}),a("div",{children:[e("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wide",children:n}),e("p",{className:"text-sm font-semibold text-gray-900 mt-0.5",children:i})]})]})})}function f({label:n,config:i}){const r=i.icon;return e("div",{className:"rounded-xl border border-gray-200 bg-gray-50/50 p-4 transition-all hover:border-gray-300",children:a("div",{className:"flex items-center gap-3",children:[e("div",{className:`flex h-10 w-10 items-center justify-center rounded-lg ${i.iconContainerClassName}`,children:e(r,{className:`h-5 w-5 ${i.iconClassName}`})}),a("div",{children:[e("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wide",children:n}),e(c,{className:`mt-1 ${i.badgeClassName} border`,children:i.label})]})]})})}function y({description:n,title:i}){return a("div",{className:"rounded-xl border border-gray-200 bg-gray-50/50 p-4",children:[a("h4",{className:"text-sm font-semibold text-gray-900 mb-2 flex items-center gap-2",children:[e(g,{className:"h-4 w-4 text-gray-500"}),i]}),e("p",{className:"text-sm text-gray-600 leading-relaxed",children:n})]})}function w({closeLabel:n,onClose:i}){return e(s,{className:"border-t border-gray-200 bg-gray-50/50 px-6 py-4",children:a(o,{variant:"outline",onClick:i,className:"gap-2",children:[e(N,{className:"h-4 w-4"}),n]})})}export function ExamViewDialog({open:r,onOpenChange:s,exam:l}){const t=p();if(!l)return null;const o=function(e,a){return{[EXAM_DIFFICULTY.EASY]:{label:a("admin.exams.difficulty.easy"),badgeClassName:"bg-green-50 text-green-700 border-green-200",iconContainerClassName:"bg-green-100",iconClassName:"text-green-600",icon:x},[EXAM_DIFFICULTY.MEDIUM]:{label:a("admin.exams.difficulty.medium"),badgeClassName:"bg-yellow-50 text-yellow-700 border-yellow-200",iconContainerClassName:"bg-yellow-100",iconClassName:"text-yellow-600",icon:x},[EXAM_DIFFICULTY.HARD]:{label:a("admin.exams.difficulty.hard"),badgeClassName:"bg-red-50 text-red-700 border-red-200",iconContainerClassName:"bg-red-100",iconClassName:"text-red-600",icon:x}}[e]}(l.difficulty,t);return e(n,{open:r,onOpenChange:s,children:a(i,{className:"max-w-2xl p-0 overflow-hidden",children:[e(v,{exam:l}),a("div",{className:"px-6 py-5 space-y-6",children:[a("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:[e(C,{label:t("admin.exams.view.subject"),value:l.subject,icon:m,iconContainerClassName:"bg-blue-100",iconClassName:"text-blue-600",hoverClassName:"hover:border-blue-200 hover:bg-blue-50/30"}),e(C,{label:t("admin.exams.view.level"),value:l.level,icon:b,iconContainerClassName:"bg-purple-100",iconClassName:"text-purple-600",hoverClassName:"hover:border-purple-200 hover:bg-purple-50/30"}),e(C,{label:t("admin.exams.view.duration"),value:t("admin.exams.view.minutes",{count:String(l.duration)}),icon:d,iconContainerClassName:"bg-orange-100",iconClassName:"text-orange-600",hoverClassName:"hover:border-orange-200 hover:bg-orange-50/30"}),e(C,{label:t("admin.exams.view.questionCount"),value:t("admin.exams.view.questions",{count:String(l.questionCount)}),icon:g,iconContainerClassName:"bg-cyan-100",iconClassName:"text-cyan-600",hoverClassName:"hover:border-cyan-200 hover:bg-cyan-50/30"}),e(C,{label:t("admin.exams.view.totalPoints"),value:t("admin.exams.view.points",{count:String(l.totalPoints)}),icon:h,iconContainerClassName:"bg-green-100",iconClassName:"text-green-600",hoverClassName:"hover:border-green-200 hover:bg-green-50/30"}),e(f,{label:t("admin.exams.view.difficulty"),config:o})]}),l.description&&e(y,{title:t("admin.exams.view.description"),description:l.description})]}),e(w,{closeLabel:t("admin.exams.view.close"),onClose:()=>s(!1)})]})})}

package/dist/components/exams/PartAudioUploader.js

@@ -1,9 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Headphones, Music } from 'lucide-react';
-import { Card, CardContent } from '../../components/ui/card';
-import { FileUpload } from '../../components/ui/file-upload';
-import { Label } from '../../components/ui/label';
-export function PartAudioUploader({ partId, partName, audioUrl, onAudioChange, examId, isReadOnly = false }) {
-    return (_jsxs(Card, { className: "mb-4 overflow-hidden border-0 bg-white shadow-lg shadow-sky-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-sky-500 via-cyan-500 to-teal-500" }), _jsx(CardContent, { className: "px-4 py-4", children: _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-sky-500 to-cyan-600 shadow-md", children: _jsx(Headphones, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { children: [_jsxs(Label, { className: "text-sm font-bold text-gray-900", children: ["File \u00E2m thanh cho ", partName] }), _jsx("p", { className: "text-xs text-gray-500", children: "Audio d\u00F9ng chung cho t\u1EA5t c\u1EA3 c\u00E2u h\u1ECFi trong ph\u1EA7n n\u00E0y." })] })] }), _jsx("div", { className: "flex-1", children: _jsx(FileUpload, { id: `part-audio-${partId}`, label: "", accept: "audio/*", value: audioUrl || '', onChange: (url) => !isReadOnly && onAudioChange(url), placeholder: "Ch\u1ECDn file audio cho part n\u00E0y...", icon: _jsx(Music, { className: "h-4 w-4" }), maxSize: 100, autoUpload: true, examId: examId, partId: partId, showPlayButton: true, disabled: isReadOnly }) })] }) })] }));
-}
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Headphones as t,Music as o}from"lucide-react";import{Card as i,CardContent as r}from"../../components/ui/card";import{FileUpload as l}from"../../components/ui/file-upload";import{Label as s}from"../../components/ui/label";export function PartAudioUploader({partId:d,partName:n,audioUrl:c,onAudioChange:m,examId:h,isReadOnly:p=!1}){return a(i,{className:"mb-4 overflow-hidden border-0 bg-white shadow-lg shadow-sky-100/50",children:[e("div",{className:"h-1.5 bg-gradient-to-r from-sky-500 via-cyan-500 to-teal-500"}),e(r,{className:"px-4 py-4",children:a("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",children:[a("div",{className:"flex items-center gap-3",children:[e("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-sky-500 to-cyan-600 shadow-md",children:e(t,{className:"h-5 w-5 text-white"})}),a("div",{children:[a(s,{className:"text-sm font-bold text-gray-900",children:["File âm thanh cho ",n]}),e("p",{className:"text-xs text-gray-500",children:"Audio dùng chung cho tất cả câu hỏi trong phần này."})]})]}),e("div",{className:"flex-1",children:e(l,{id:`part-audio-${d}`,label:"",accept:"audio/*",value:c||"",onChange:e=>!p&&m(e),placeholder:"Chọn file audio cho part này...",icon:e(o,{className:"h-4 w-4"}),maxSize:100,autoUpload:!0,examId:h,partId:d,showPlayButton:!0,disabled:p})})]})})]})}

package/dist/components/exams/TemplateSelector.js

@@ -1,66 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { ChevronLeft, ChevronRight, Loader2, Search } from 'lucide-react';
-import { Button } from '../../components/ui/button';
-import { Card, CardContent } from '../../components/ui/card';
-import { Input } from '../../components/ui/input';
-import { useT } from '../../shared/lib/i18n';
-import { mapTemplateDetailToExamTemplate } from '../../api/exam-create';
-export function TemplateSelector({ api, onTemplateSelect, onCancel }) {
-    const t = useT();
-    const [search, setSearch] = useState('');
-    const [page, setPage] = useState(1);
-    const [templates, setTemplates] = useState([]);
-    const [totalPages, setTotalPages] = useState(1);
-    const [totalItems, setTotalItems] = useState(0);
-    const [isLoading, setIsLoading] = useState(true);
-    const [error, setError] = useState();
-    const [loadingId, setLoadingId] = useState();
-    // Reset to the first page whenever the search term changes so results stay in sync.
-    useEffect(() => { setPage(1); }, [search]);
-    useEffect(() => {
-        let ignore = false;
-        setIsLoading(true);
-        api.getExamTemplates({ page, search: search || undefined })
-            .then((result) => {
-            if (ignore)
-                return;
-            setTemplates(result.items);
-            setTotalPages(result.totalPages);
-            setTotalItems(result.totalItems);
-        })
-            .catch((err) => { if (!ignore)
-            setError(err instanceof Error ? err.message : t('admin.exams.questions.loadError')); })
-            .finally(() => { if (!ignore)
-            setIsLoading(false); });
-        return () => { ignore = true; };
-    }, [api, page, search, t]);
-    // The list endpoint returns lightweight summaries (no `parts`). Fetch the full template detail by
-    // id and map it to an `ExamTemplate` before emitting, so downstream (TemplateSection /
-    // buildExamTemplatePayload) gets a complete entity. Ported from oe-exam-fe TemplateSelector.
-    const handleSelect = async (summary) => {
-        setError(undefined);
-        setLoadingId(summary.id);
-        try {
-            const detail = unwrapDetail(await api.getExamTemplateDetail(summary.id));
-            onTemplateSelect(mapTemplateDetailToExamTemplate(detail));
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : t('admin.exams.questions.loadError'));
-        }
-        finally {
-            setLoadingId(undefined);
-        }
-    };
-    const canPrev = page > 1 && !isLoading;
-    const canNext = page < totalPages && !isLoading;
-    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4", children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400" }), _jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: t('admin.templates.searchPlaceholder'), className: "pl-9" })] }), isLoading ? _jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-blue-600" }) }) : null, !isLoading && error ? _jsx("p", { className: "text-sm text-red-600", children: error }) : null, !isLoading && !error ? _jsx("div", { className: "grid flex-1 content-start gap-3 overflow-y-auto md:grid-cols-2 lg:grid-cols-3", children: templates.map((template) => _jsx(TemplateCard, { template: template, onSelect: handleSelect, isLoading: loadingId === template.id, disabled: !!loadingId }, template.id)) }) : null, !isLoading && !error && templates.length === 0 ? _jsx("p", { className: "flex-1 text-center text-sm text-gray-500", children: t('admin.templates.table.empty') }) : null, !isLoading && !error && totalItems > 0 ? (_jsxs("div", { className: "flex shrink-0 items-center justify-between border-t border-gray-100 pt-3", children: [_jsx("span", { className: "text-sm text-gray-500", children: t('admin.templates.table.showing', { count: templates.length, total: totalItems }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", disabled: !canPrev, onClick: () => setPage((value) => Math.max(1, value - 1)), children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), t('common.pagination.previous')] }), _jsx("span", { className: "text-sm text-gray-600", children: t('admin.schedules.list.page', { current: page, total: totalPages }) }), _jsxs(Button, { variant: "outline", size: "sm", disabled: !canNext, onClick: () => setPage((value) => value + 1), children: [t('common.pagination.next'), _jsx(ChevronRight, { className: "h-4 w-4" })] })] })] })) : null, onCancel && _jsx("div", { className: "flex shrink-0 justify-end", children: _jsx(Button, { variant: "outline", onClick: onCancel, children: t('common.cancel') }) })] }));
-}
-function TemplateCard({ template, onSelect, isLoading, disabled }) {
-    return (_jsx(Card, { className: `relative cursor-pointer transition hover:border-blue-300 hover:shadow-sm ${disabled ? 'pointer-events-none opacity-60' : ''}`, onClick: () => onSelect(template), children: _jsxs(CardContent, { className: "space-y-2 p-4", children: [_jsx("h3", { className: "line-clamp-2 font-medium text-gray-900", children: template.title }), _jsx("p", { className: "line-clamp-2 text-sm text-gray-500", children: template.subTitle }), _jsxs("p", { className: "text-xs text-gray-500", children: [template.totalQuestions, " c\u00E2u h\u1ECFi \u2022 ", template.totalParts, " ph\u1EA7n"] }), isLoading ? _jsx("div", { className: "absolute inset-0 flex items-center justify-center rounded-xl bg-white/60", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-blue-600" }) }) : null] }) }));
-}
-/** Unwrap the optional `{ data }` envelope returned by the detail endpoint. */
-function unwrapDetail(result) {
-    return 'data' in result ? result.data : result;
-}
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useEffect as t,useState as l}from"react";import{BookOpen as s,ChevronLeft as n,ChevronRight as i,Clock as r,Loader2 as c,Search as o,Users as m}from"lucide-react";import{Button as d}from"../../components/ui/button";import{Card as p,CardContent as g,CardDescription as h,CardHeader as x,CardTitle as u}from"../../components/ui/card";import{Input as N}from"../../components/ui/input";import{useT as f}from"../../shared/lib/i18n";import{mapTemplateDetailToExamTemplate as v}from"../../api/exam-create";export function TemplateSelector({api:s,onTemplateSelect:r,onCancel:m}){const p=f(),[g,h]=l(""),[x,u]=l(1),[b,y]=l([]),[k,j]=l(1),[C,E]=l(0),[T,L]=l(!0),[S,D]=l(),[P,q]=l();t(()=>{u(1)},[g]),t(()=>{let e=!1;return L(!0),s.getExamTemplates({page:x,search:g||void 0}).then(a=>{e||(y(a.items),j(a.totalPages),E(a.totalItems))}).catch(a=>{e||D(a instanceof Error?a.message:p("admin.exams.questions.loadError"))}).finally(()=>{e||L(!1)}),()=>{e=!0}},[s,x,g,p]);const z=async e=>{D(void 0),q(e.id);try{const t="data"in(a=await s.getExamTemplateDetail(e.id))?a.data:a;r(v(t))}catch(e){D(e instanceof Error?e.message:p("admin.exams.questions.loadError"))}finally{q(void 0)}var a},A=x>1&&!T,I=x<k&&!T;return a("div",{className:"flex min-h-0 flex-1 flex-col gap-4",children:[a("div",{className:"relative",children:[e(o,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400"}),e(N,{value:g,onChange:e=>h(e.target.value),placeholder:p("admin.templates.searchPlaceholder"),className:"pl-9"})]}),T?e("div",{className:"flex flex-1 items-center justify-center",children:e(c,{className:"h-6 w-6 animate-spin text-blue-600"})}):null,!T&&S?e("p",{className:"text-sm text-red-600",children:S}):null,T||S?null:e("div",{className:"grid flex-1 content-start gap-3 overflow-y-auto md:grid-cols-2 lg:grid-cols-3",children:b.map((a,t)=>e(w,{template:a,index:t,onSelect:z,isLoading:P===a.id,disabled:!!P},a.id))}),T||S||0!==b.length?null:e("p",{className:"flex-1 text-center text-sm text-gray-500",children:p("admin.templates.table.empty")}),!T&&!S&&C>0?a("div",{className:"flex shrink-0 items-center justify-between border-t border-gray-100 pt-3",children:[e("span",{className:"text-sm text-gray-500",children:p("admin.templates.table.showing",{count:b.length,total:C})}),a("div",{className:"flex items-center gap-2",children:[a(d,{variant:"outline",size:"sm",disabled:!A,onClick:()=>u(e=>Math.max(1,e-1)),children:[e(n,{className:"h-4 w-4"}),p("common.pagination.previous")]}),e("span",{className:"text-sm text-gray-600",children:p("admin.schedules.list.page",{current:x,total:k})}),a(d,{variant:"outline",size:"sm",disabled:!I,onClick:()=>u(e=>e+1),children:[p("common.pagination.next"),e(i,{className:"h-4 w-4"})]})]})]}):null,m&&e("div",{className:"flex shrink-0 justify-end",children:e(d,{variant:"outline",onClick:m,children:p("common.cancel")})})]})}const b=["blue","green","purple","orange","pink","indigo"],y={blue:"bg-blue-100 text-blue-600",green:"bg-green-100 text-green-600",purple:"bg-purple-100 text-purple-600",orange:"bg-orange-100 text-orange-600",pink:"bg-pink-100 text-pink-600",indigo:"bg-indigo-100 text-indigo-600"};function w({template:t,index:l,onSelect:n,isLoading:i,disabled:o}){const d=b[l%b.length];return a(p,{className:"relative cursor-pointer border-2 border-gray-200 bg-white transition-all duration-200 hover:border-gray-300 hover:bg-gray-50 hover:shadow-md "+(o?"pointer-events-none opacity-60":""),onClick:()=>n(t),children:[e(x,{className:"px-4 py-3",children:a("div",{className:"flex items-center gap-2",children:[e("div",{className:`rounded-md p-1.5 ${y[d]}`,children:e(s,{className:"h-4 w-4"})}),a("div",{className:"min-w-0 flex-1",children:[e(u,{className:"truncate text-sm font-semibold",children:t.title}),t.subTitle&&e(h,{className:"truncate text-[11px]",children:t.subTitle})]})]})}),e(g,{className:"space-y-2 px-4 pb-3 pt-0",children:a("div",{className:"grid grid-cols-2 gap-x-3 gap-y-1 text-xs",children:[a("div",{className:"flex items-center gap-1.5",children:[e(s,{className:"h-3 w-3 text-gray-500"}),a("span",{className:"text-gray-600",children:[t.totalQuestions," câu hỏi"]})]}),a("div",{className:"flex items-center gap-1.5",children:[e("div",{className:"h-3 w-3 rounded-full bg-gray-300"}),a("span",{className:"text-gray-600",children:[t.totalParts," phần"]})]}),t.examLevel&&a("div",{className:"flex items-center gap-1.5",children:[e(m,{className:"h-3 w-3 text-gray-500"}),a("span",{className:"text-gray-600",children:["Cấp độ ",t.examLevel]})]}),t.createdAt&&a("div",{className:"flex items-center gap-1.5",children:[e(r,{className:"h-3 w-3 text-gray-500"}),e("span",{className:"text-gray-600",children:new Date(t.createdAt).toLocaleDateString("vi-VN")})]})]})}),i?e("div",{className:"absolute inset-0 flex items-center justify-center rounded-xl bg-white/60",children:e(c,{className:"h-5 w-5 animate-spin text-blue-600"})}):null]})}

package/dist/components/exams/UnsavedChangesDialog.d.ts

@@ -0,0 +1,8 @@
+export interface UnsavedChangesDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+    questionNumber?: number;
+}
+export declare function UnsavedChangesDialog({ open, onOpenChange, onConfirm, onCancel, questionNumber, }: UnsavedChangesDialogProps): import("react").JSX.Element;

package/dist/components/exams/UnsavedChangesDialog.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{AlertDialog as n,AlertDialogAction as c,AlertDialogCancel as r,AlertDialogContent as l,AlertDialogDescription as s,AlertDialogFooter as t,AlertDialogHeader as i,AlertDialogTitle as h}from"../../components/ui/alert-dialog";import{AlertTriangle as m,Save as o,X as d}from"lucide-react";export function UnsavedChangesDialog({open:g,onOpenChange:x,onConfirm:p,onCancel:u,questionNumber:b}){return e(n,{open:g,onOpenChange:x,children:a(l,{className:"max-w-md",children:[a("div",{className:"flex flex-col items-center pt-2 pb-4",children:[e("div",{className:"flex h-16 w-16 items-center justify-center rounded-full bg-amber-100 mb-4",children:e(m,{className:"h-8 w-8 text-amber-600"})}),a(i,{className:"text-center space-y-2",children:[e(h,{className:"text-xl font-semibold text-gray-900",children:"Xác nhận chuyển câu hỏi"}),e(s,{className:"text-center text-gray-600",children:b?a("span",{children:["Câu hỏi ",e("strong",{className:"text-gray-800",children:b})," có những thay đổi chưa được lưu."]}):e("span",{children:"Câu hỏi hiện tại có những thay đổi chưa được lưu."})})]})]}),e("div",{className:"rounded-lg border border-amber-200 bg-amber-50 p-4 mb-4",children:e("p",{className:"text-sm text-amber-800",children:"Nếu bạn tiếp tục mà không lưu, các thay đổi sẽ bị mất và không thể khôi phục."})}),a(t,{className:"flex flex-col-reverse sm:flex-row gap-2 sm:gap-3",children:[a(r,{onClick:u,className:"flex-1 gap-2 border-gray-300 hover:bg-gray-50",children:[e(o,{className:"h-4 w-4"}),"Quay lại chỉnh sửa"]}),a(c,{onClick:p,className:"flex-1 gap-2 bg-red-500 hover:bg-red-600 text-white",children:[e(d,{className:"h-4 w-4"}),"Hủy thay đổi"]})]})]})})}

package/dist/components/exams/api.d.ts

@@ -2,4 +2,4 @@ export { buildExamTemplatePayload, createExamCreateApi, createMockCreateExamApi
 export type { CreateExamFetchApiOptions, CreateExamPayload, CreateExamSdkApi, ExamFormData, ExamLevelOption, ExamResponse, ExamTemplatePayload, UpdateExamTemplateInput } from '../../api/exam-create';
 export { createExamQuestionsApi, createExamQuestionsFetchApi, createMockExamQuestionsApi } from '../../api/exam-questions';
 export { createExamTakingApi, createMockExamTakingApi } from '../../api/exam-taking';
-export type { ExamQuestionsSdkApi, ExamWithTemplate, FetchApiOptions, SaveExamInput, SaveQuestionInput, UpdatePartAudioInput } from '../../api/exam-questions';
+export type { ExamQuestionsSdkApi, ExamWithTemplate, ExistingQuestionBank, FetchApiOptions, QuestionSearchItem, SaveExamInput, SaveQuestionInput, SaveQuestionResult, SearchQuestionBankInput, SearchQuestionBankResult, UpdatePartAudioInput } from '../../api/exam-questions';

package/dist/components/exams/api.js

@@ -1,3 +1 @@
-export { buildExamTemplatePayload, createExamCreateApi, createMockCreateExamApi } from '../../api/exam-create';
-export { createExamQuestionsApi, createExamQuestionsFetchApi, createMockExamQuestionsApi } from '../../api/exam-questions';
-export { createExamTakingApi, createMockExamTakingApi } from '../../api/exam-taking';
+export{buildExamTemplatePayload,createExamCreateApi,createMockCreateExamApi}from"../../api/exam-create";export{createExamQuestionsApi,createExamQuestionsFetchApi,createMockExamQuestionsApi}from"../../api/exam-questions";export{createExamTakingApi,createMockExamTakingApi}from"../../api/exam-taking";

package/dist/components/exams/create-exam.texts.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Optional label overrides for the exam-creation flow. Lets a consumer reuse
+ * these containers in a non-exam context (e.g. authoring homework) by passing
+ * its own wording. Every field is optional; when omitted the component falls
+ * back to its default i18n string, so existing usages are unaffected.
+ */
+export interface CreateExamTexts {
+    /** Page title — default 'Tạo đề thi mới'. */
+    title?: string;
+    /** Step subtitle — default 'Bước 1: Nhập thông tin cơ bản của đề thi'. */
+    step1?: string;
+    /** Basic-info card title — default 'Thông tin cơ bản'. */
+    basicInfo?: string;
+    /** Required-fields hint shown under the basic-info card title. */
+    requiredHint?: string;
+    /** Name field label — default 'Tên đề thi'. */
+    nameLabel?: string;
+    /** Name field placeholder — default 'Nhập tên đề thi...'. */
+    namePlaceholder?: string;
+    /** Code field label — default 'Mã đề thi'. */
+    codeLabel?: string;
+    /** Code field placeholder — default 'Nhập mã đề thi...'. */
+    codePlaceholder?: string;
+    /** Duration field label — default 'Thời gian thi (phút)'. */
+    durationLabel?: string;
+    /** Description field label — default 'Mô tả'. */
+    descriptionLabel?: string;
+    /** Description field placeholder — default exam description placeholder. */
+    descriptionPlaceholder?: string;
+    /** Template section title — default 'Chọn Template'. */
+    templateSectionTitle?: string;
+    /** Empty template hint — default 'Chưa chọn template đề thi'. */
+    noTemplateText?: string;
+    /** Template picker dialog title — default 'Chọn template đề thi'. */
+    templateDialogTitle?: string;
+    /** Template picker dialog description — default 'Chọn loại đề thi bạn muốn tạo.'. */
+    templateDialogDescription?: string;
+    /** Missing-template warning description. */
+    missingTemplateDescription?: string;
+    /** Button text for picking a template. */
+    selectTemplateLabel?: string;
+    /** Button text for changing a selected template. */
+    changeTemplateLabel?: string;
+    /** Cancel button label. */
+    cancelLabel?: string;
+    /** Saving button label. */
+    savingLabel?: string;
+    /** Submit button label. */
+    saveAndContinueLabel?: string;
+    /** Success toast description. Use {name} as placeholder for the created name. */
+    successDescription?: string;
+    /** Loading label for question-authoring screen. */
+    questionsLoadingLabel?: string;
+    /** Empty-template label for question-authoring screen. */
+    questionsNoTemplateLabel?: string;
+    /** Save button label for question-authoring screen. */
+    saveQuestionsLabel?: string;
+}

package/dist/components/exams/create-exam.texts.js

@@ -0,0 +1 @@
+export{};

package/dist/components/exams/create-exam.validation.js

@@ -1,18 +1 @@
-import { z } from 'zod';
-export const examFormSchema = z.object({
-    code: z.string().min(1, 'Mã đề thi không được để trống').max(100, 'Mã đề thi không được vượt quá 100 ký tự').regex(/^[a-zA-Z0-9_-]+$/, 'Mã đề thi chỉ được chứa chữ cái, số, dấu gạch ngang (-) và gạch dưới (_)').trim(),
-    name: z.string().min(3, 'Tên đề thi phải có ít nhất 3 ký tự').max(255, 'Tên đề thi không được vượt quá 255 ký tự').trim(),
-    level: z.string(),
-    difficulty: z.string(),
-    duration: z.string().refine((value) => {
-        if (!value)
-            return true;
-        const minutes = Number.parseInt(value, 10);
-        return !Number.isNaN(minutes) && minutes >= 5 && minutes <= 300;
-    }, { message: 'Thời gian thi phải từ 5 đến 300 phút' }),
-    totalPoints: z.string().min(1, 'Vui lòng nhập tổng điểm').refine((value) => /^[1-9]\d*$/.test(value.trim()), { message: 'Tổng điểm phải là số nguyên dương' }).refine((value) => {
-        const points = Number.parseInt(value, 10);
-        return points >= 1 && points <= 1000;
-    }, { message: 'Tổng điểm phải từ 1 đến 1000' }),
-    description: z.string().max(2000, 'Mô tả không được vượt quá 2000 ký tự').trim(),
-});
+import{z as t}from"zod";export const examFormSchema=t.object({code:t.string().min(1,"Mã đề kiểm tra không được để trống").max(100,"Mã đề kiểm tra không được vượt quá 100 ký tự").regex(/^[a-zA-Z0-9_-]+$/,"Mã đề kiểm tra chỉ được chứa chữ cái, số, dấu gạch ngang (-) và gạch dưới (_)").trim(),name:t.string().min(3,"Tên đề kiểm tra phải có ít nhất 3 ký tự").max(255,"Tên đề kiểm tra không được vượt quá 255 ký tự").trim(),level:t.string(),difficulty:t.string(),duration:t.string().refine(t=>{if(!t)return!0;const n=Number.parseInt(t,10);return!Number.isNaN(n)&&n>=5&&n<=300},{message:"Thời gian kiểm tra phải từ 5 đến 300 phút"}),totalPoints:t.string().min(1,"Vui lòng nhập tổng điểm").refine(t=>/^[1-9]\d*$/.test(t.trim()),{message:"Tổng điểm phải là số nguyên dương"}).refine(t=>{const n=Number.parseInt(t,10);return n>=1&&n<=1e3},{message:"Tổng điểm phải từ 1 đến 1000"}),description:t.string().max(2e3,"Mô tả không được vượt quá 2000 ký tự").trim()});

package/dist/components/exams/exam-question-status.d.ts

@@ -0,0 +1,9 @@
+export declare enum QuestionStatus {
+    NEW = "new",
+    SAVED = "saved",
+    UNSAVED = "unsaved"
+}
+export declare function getQuestionStatus(examId: string, questionNumber: number): QuestionStatus;
+export declare function setQuestionStatus(examId: string, questionNumber: number, status: QuestionStatus): void;
+export declare function clearQuestionStatuses(examId: string): void;
+export declare function initializeQuestionStatusesFromAPI(examId: string, savedQuestionNumbers: number[], totalQuestions: number): void;

package/dist/components/exams/exam-question-status.js

@@ -0,0 +1 @@
+export var QuestionStatus;!function(t){t.NEW="new",t.SAVED="saved",t.UNSAVED="unsaved"}(QuestionStatus||(QuestionStatus={}));const t=t=>`oe-exam-question-status:${t}`;function e(e){if("undefined"==typeof window)return{};const n=window.localStorage.getItem(t(e));if(!n)return{};try{return JSON.parse(n)}catch{return{}}}function n(e,n){"undefined"!=typeof window&&window.localStorage.setItem(t(e),JSON.stringify(n))}export function getQuestionStatus(t,n){return e(t)[n]??QuestionStatus.NEW}export function setQuestionStatus(t,o,i){n(t,{...e(t),[o]:i})}export function clearQuestionStatuses(e){"undefined"!=typeof window&&window.localStorage.removeItem(t(e))}export function initializeQuestionStatusesFromAPI(t,e,o){const i=new Set(e.filter(t=>Number.isFinite(t))),u={};for(let t=1;t<=o;t+=1)u[t]=i.has(t)?QuestionStatus.SAVED:QuestionStatus.NEW;n(t,u)}

package/dist/components/exams/exam-template.utils.js

@@ -1,18 +1 @@
-export function normalizeTemplateGroupConfig(config) {
-    return {
-        ...config,
-        groups: config.groups ?? config.group?.items,
-        groupConfig: config.groupConfig ?? config.group?.config,
-        groupType: config.groupType ?? config.group?.type,
-    };
-}
-export function getPartByQuestionIndex(template, questionIndex) {
-    return template.parts.find((part) => questionIndex >= part.startIndex && questionIndex <= part.endIndex);
-}
-export function getSectionForQuestionIndex(part, questionIndex) {
-    return part.sections?.find((section) => questionIndex >= section.startIndex && questionIndex <= section.endIndex);
-}
-export function getEffectiveQuestionConfig(part, questionIndex) {
-    const section = getSectionForQuestionIndex(part, questionIndex);
-    return section ? { ...normalizeTemplateGroupConfig(section), sectionName: section.name } : normalizeTemplateGroupConfig(part);
-}
+export function normalizeTemplateGroupConfig(e){return{...e,groups:e.groups??e.group?.items,groupConfig:e.groupConfig??e.group?.config,groupType:e.groupType??e.group?.type}}export function getPartByQuestionIndex(e,n){return e.parts.find(e=>n>=e.startIndex&&n<=e.endIndex)}export function getSectionForQuestionIndex(e,n){return e.sections?.find(e=>n>=e.startIndex&&n<=e.endIndex)}export function getEffectiveQuestionConfig(e,n){const o=getSectionForQuestionIndex(e,n);return o?{...normalizeTemplateGroupConfig(o),sectionName:o.name}:normalizeTemplateGroupConfig(e)}

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

@@ -3,6 +3,7 @@ export { CreateExamPageContainer } from './CreateExamPageContainer';
 export type { CreateExamPageContainerProps } from './CreateExamPageContainer';
 export { CreateExamInfoForm } from './CreateExamInfoForm';
 export type { CreateExamInfoFormProps } from './CreateExamInfoForm';
+export type { CreateExamTexts } from './create-exam.texts';
 export { TemplateSelector } from './TemplateSelector';
 export type { TemplateSelectorProps } from './TemplateSelector';
 export { ExamCreator } from './ExamCreator';
@@ -12,6 +13,15 @@ export { ExamQuestionGrid } from './ExamQuestionGrid';
 export { PartAudioUploader } from './PartAudioUploader';
 export type { PartAudioUploaderProps } from './PartAudioUploader';
 export { createExamQuestionsApi, createExamQuestionsFetchApi, createMockExamQuestionsApi } from './api';
-export type { ExamQuestionsSdkApi, ExamWithTemplate, FetchApiOptions, SaveExamInput, SaveQuestionInput, UpdatePartAudioInput } from './api';
+export type { ExamQuestionsSdkApi, ExamWithTemplate, ExistingQuestionBank, FetchApiOptions, QuestionSearchItem, SaveExamInput, SaveQuestionInput, SaveQuestionResult, SearchQuestionBankInput, SearchQuestionBankResult, UpdatePartAudioInput } from './api';
 export { ExamQuestionsPageContainer } from './ExamQuestionsPageContainer';
 export type { ExamQuestionsPageContainerProps } from './ExamQuestionsPageContainer';
+export { UnsavedChangesDialog } from './UnsavedChangesDialog';
+export type { UnsavedChangesDialogProps } from './UnsavedChangesDialog';
+export { CompletionDialog } from './CompletionDialog';
+export type { CompletionDialogProps } from './CompletionDialog';
+export { EXAM_DIFFICULTY, ExamViewDialog } from './ExamViewDialog';
+export type { ExamDifficulty, ExamViewDialogExam, ExamViewDialogProps } from './ExamViewDialog';
+export { ExamPreviewDialog } from './ExamPreviewDialog';
+export type { ExamPreviewDialogProps } from './ExamPreviewDialog';
+export { QuestionStatus, clearQuestionStatuses, getQuestionStatus, initializeQuestionStatusesFromAPI, setQuestionStatus } from './exam-question-status';

package/dist/components/exams/index.js

@@ -1,10 +1 @@
-export * from './take';
-export { CreateExamPageContainer } from './CreateExamPageContainer';
-export { CreateExamInfoForm } from './CreateExamInfoForm';
-export { TemplateSelector } from './TemplateSelector';
-export { ExamCreator } from './ExamCreator';
-export { ExamPartTabs } from './ExamPartTabs';
-export { ExamQuestionGrid } from './ExamQuestionGrid';
-export { PartAudioUploader } from './PartAudioUploader';
-export { createExamQuestionsApi, createExamQuestionsFetchApi, createMockExamQuestionsApi } from './api';
-export { ExamQuestionsPageContainer } from './ExamQuestionsPageContainer';
+export*from"./take";export{CreateExamPageContainer}from"./CreateExamPageContainer";export{CreateExamInfoForm}from"./CreateExamInfoForm";export{TemplateSelector}from"./TemplateSelector";export{ExamCreator}from"./ExamCreator";export{ExamPartTabs}from"./ExamPartTabs";export{ExamQuestionGrid}from"./ExamQuestionGrid";export{PartAudioUploader}from"./PartAudioUploader";export{createExamQuestionsApi,createExamQuestionsFetchApi,createMockExamQuestionsApi}from"./api";export{ExamQuestionsPageContainer}from"./ExamQuestionsPageContainer";export{UnsavedChangesDialog}from"./UnsavedChangesDialog";export{CompletionDialog}from"./CompletionDialog";export{EXAM_DIFFICULTY,ExamViewDialog}from"./ExamViewDialog";export{ExamPreviewDialog}from"./ExamPreviewDialog";export{QuestionStatus,clearQuestionStatuses,getQuestionStatus,initializeQuestionStatusesFromAPI,setQuestionStatus}from"./exam-question-status";

package/dist/components/exams/take/ExamTakingPageContainer.js

@@ -1,153 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-import { ArrowLeft, ArrowRight, Loader2, Send } from 'lucide-react';
-import { Button } from '../../../components/ui/button';
-import { CambridgeYleExamLayout, EnglishCertificationExamLayout, SummerSkyLayout } from '../../../components/themes';
-import { useToast } from '../../../shared/lib/hooks/useToast';
-import { GenericQuestionRenderer } from './GenericQuestionRenderer';
-import { groupQuestions, unwrap, unwrapAttempt } from './exam-taking.utils';
-export function ExamTakingPageContainer({ examId, api, exitPath = '/student/exams', onNavigate, onSubmitted }) {
-    const { error: errorToast, success } = useToast();
-    const [attempt, setAttempt] = useState(null);
-    const [parts, setParts] = useState([]);
-    const [questionsResult, setQuestionsResult] = useState(null);
-    const [partIndex, setPartIndex] = useState(0);
-    const [answers, setAnswers] = useState({});
-    const [isLoading, setIsLoading] = useState(true);
-    const [isSubmitting, setIsSubmitting] = useState(false);
-    useEffect(() => {
-        let ignore = false;
-        setIsLoading(true);
-        loadAttempt(api, examId)
-            .then(async (loadedAttempt) => {
-            const questions = unwrap(await api.getQuestions(loadedAttempt.id));
-            if (ignore)
-                return;
-            setAttempt(loadedAttempt);
-            setQuestionsResult(questions);
-            setParts(groupQuestions(questions));
-        })
-            .catch((err) => errorToast({ message: 'Không tải được bài thi', description: err instanceof Error ? err.message : undefined }))
-            .finally(() => { if (!ignore)
-            setIsLoading(false); });
-        return () => { ignore = true; };
-    }, [api, examId, errorToast]);
-    const currentPart = parts[partIndex];
-    const flatQuestions = useMemo(() => parts.flatMap((part) => part.questions), [parts]);
-    const currentQuestionIndex = useMemo(() => flatQuestions.findIndex((question) => currentPart?.questions[0]?.id === question.id), [currentPart?.questions, flatQuestions]);
-    const answeredCount = useMemo(() => Object.values(answers).filter((value) => value !== '' && value !== null && value !== undefined).length, [answers]);
-    const totalQuestions = flatQuestions.length;
-    const theme = normalizeTheme(questionsResult?.examTemplate?.theme);
-    const examName = questionsResult?.examTemplate?.title ?? 'Làm bài thi';
-    const remainingSeconds = getRemainingSeconds(attempt);
-    const navigate = (href) => {
-        if (onNavigate)
-            onNavigate(href);
-        else if (typeof window !== 'undefined')
-            window.location.href = href;
-    };
-    const handleAnswerChange = async (questionId, answer) => {
-        setAnswers((prev) => ({ ...prev, [questionId]: answer }));
-        if (attempt && api.saveAnswers)
-            await api.saveAnswers({ attemptId: attempt.id, answers: [{ questionId, answer }] });
-    };
-    const handleSubmit = async () => {
-        if (!attempt)
-            return;
-        setIsSubmitting(true);
-        try {
-            await api.submitAttempt(attempt.id);
-            success({ message: 'Đã nộp bài' });
-            onSubmitted?.(attempt.id);
-        }
-        catch (err) {
-            errorToast({ message: 'Không nộp được bài', description: err instanceof Error ? err.message : undefined });
-        }
-        finally {
-            setIsSubmitting(false);
-        }
-    };
-    if (isLoading)
-        return _jsx(Loading, {});
-    if (!attempt || !currentPart)
-        return _jsx(Empty, { onExit: () => navigate(exitPath) });
-    const content = _jsx(QuestionList, { part: currentPart, answers: answers, onAnswerChange: handleAnswerChange });
-    const goPrev = () => setPartIndex((prev) => Math.max(0, prev - 1));
-    const goNext = () => setPartIndex((prev) => Math.min(parts.length - 1, prev + 1));
-    const isFirstPart = partIndex === 0;
-    const isLastPart = partIndex >= parts.length - 1;
-    if (theme === 'ENGLISH_CERTIFICATION') {
-        return (_jsx(EnglishCertificationExamLayout, { headerProps: { examName, remainingSeconds, totalQuestions, answeredCount, isSubmitting, onSubmit: handleSubmit, onClose: () => navigate(exitPath), lastSavedAt: null, isSaving: false, partLabel: currentPart.name, questionRange: getQuestionRange(currentPart) }, navigationProps: { parts: toStoreParts(parts), questions: toStudentQuestions(flatQuestions), answers, flaggedQuestions: new Set(), currentIndex: Math.max(0, currentQuestionIndex), onQuestionClick: (index) => setPartIndex(findPartIndex(parts, index)), onPartClick: setPartIndex }, footerProps: { onPrevious: goPrev, onNext: goNext, onClear: () => undefined, onToggleMark: () => undefined, isPreviousDisabled: isFirstPart, isNextDisabled: isLastPart, isMarked: false }, children: content }));
-    }
-    if (theme === 'CAMBRIDGE_YLE') {
-        return (_jsx(CambridgeYleExamLayout, { onPrevious: goPrev, onNext: goNext, onClose: () => navigate(exitPath), isFirstQuestion: isFirstPart, isLastQuestion: isLastPart, headerProps: { examName, examType: 'Exam', totalQuestions, answeredCount, remainingSeconds, isSubmitting, onSubmit: handleSubmit }, sidebarProps: toCambridgeSidebar(parts, answers, Math.max(0, currentQuestionIndex), setPartIndex), children: content }));
-    }
-    if (theme === 'SUMMER_SKY') {
-        return (_jsx(SummerSkyLayout, { onExit: () => navigate(exitPath), partName: currentPart.name, instruction: currentPart.instructions ?? '', onPrev: goPrev, onNext: goNext, canGoPrev: !isFirstPart, canGoNext: !isLastPart, audioUrl: currentPart.audioUrl ?? '', questionNumber: partIndex + 1, recorder: null, children: content }));
-    }
-    return _jsx(DefaultLayout, { title: examName, answeredCount: answeredCount, totalQuestions: totalQuestions, onExit: () => navigate(exitPath), onPrev: goPrev, onNext: goNext, isFirst: isFirstPart, isLast: isLastPart, currentPart: currentPart, onSubmit: handleSubmit, isSubmitting: isSubmitting, children: content });
-}
-async function loadAttempt(api, examId) {
-    const activeAttempt = unwrap(await api.getActiveAttempt(examId));
-    if (activeAttempt)
-        return activeAttempt;
-    return unwrapAttempt(unwrap(await api.startAttempt(examId)));
-}
-function QuestionList({ part, answers, onAnswerChange }) {
-    return _jsx("div", { className: "space-y-4", children: part.questions.map((question) => _jsx(GenericQuestionRenderer, { question: question, value: answers[question.id], onChange: onAnswerChange }, question.id)) });
-}
-function DefaultLayout({ title, answeredCount, totalQuestions, onExit, onPrev, onNext, isFirst, isLast, currentPart, onSubmit, isSubmitting, children }) {
-    return (_jsxs("div", { className: "min-h-screen bg-slate-50", children: [_jsx("header", { className: "sticky top-0 z-10 border-b bg-white px-4 py-3 shadow-sm", children: _jsxs("div", { className: "mx-auto flex max-w-5xl items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "font-semibold text-gray-900", children: title }), _jsxs("p", { className: "text-sm text-gray-500", children: ["\u0110\u00E3 tr\u1EA3 l\u1EDDi ", answeredCount, "/", totalQuestions] })] }), _jsx(Button, { variant: "outline", onClick: onExit, children: "Tho\u00E1t" })] }) }), _jsxs("main", { className: "mx-auto max-w-5xl space-y-4 p-4", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg bg-white p-4 shadow-sm", children: [_jsxs(Button, { variant: "outline", disabled: isFirst, onClick: onPrev, children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), "Ph\u1EA7n tr\u01B0\u1EDBc"] }), _jsx("div", { className: "text-center", children: _jsx("h2", { className: "font-medium", children: currentPart.name }) }), _jsxs(Button, { variant: "outline", disabled: isLast, onClick: onNext, children: ["Ph\u1EA7n sau", _jsx(ArrowRight, { className: "ml-2 h-4 w-4" })] })] }), children, _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { onClick: onSubmit, disabled: isSubmitting, className: "bg-blue-600 hover:bg-blue-700", children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Send, { className: "mr-2 h-4 w-4" }), "N\u1ED9p b\u00E0i"] }) })] })] }));
-}
-function normalizeTheme(theme) {
-    if (theme === 'ENGLISH_CERTIFICATION')
-        return theme;
-    if (theme === 'CAMBRIDGE_YLE')
-        return theme;
-    if (theme === 'SUMMER_SKY')
-        return theme;
-    return 'DEFAULT';
-}
-function getRemainingSeconds(attempt) {
-    if (!attempt)
-        return 0;
-    const end = new Date(attempt.startedAt).getTime() + attempt.durationMinutes * 60000;
-    return Math.max(0, Math.floor((end - Date.now()) / 1000));
-}
-function getQuestionRange(part) {
-    const numbers = part.questions.map((question) => question.question_number).filter((value) => Number.isFinite(value));
-    if (numbers.length === 0)
-        return '';
-    return `${Math.min(...numbers)}–${Math.max(...numbers)}`;
-}
-function toStoreParts(parts) {
-    let index = 0;
-    return parts.map((part) => {
-        const startIndex = index;
-        index += part.questions.length;
-        return { id: part.id, name: part.name, category: part.template?.category, startIndex, endIndex: index - 1, questionCount: part.questions.length, audioUrl: part.audioUrl, isGroup: part.isGroup };
-    });
-}
-function toStudentQuestions(questions) {
-    return questions.map((question) => ({ id: question.id, question_type: question.question_type, content: question.content ?? {}, is_example: Boolean(question.is_example), total_points: String(question.total_points ?? 0), part_id: question.part_id ?? '', part_no: question.part_no ?? 0, question_number: question.question_number }));
-}
-function findPartIndex(parts, questionIndex) {
-    let cursor = 0;
-    for (let index = 0; index < parts.length; index += 1) {
-        cursor += parts[index].questions.length;
-        if (questionIndex < cursor)
-            return index;
-    }
-    return 0;
-}
-function toCambridgeSidebar(parts, answers, currentQuestionGlobalIndex, onPartClick) {
-    const questions = parts.flatMap((part, partIndex) => part.questions.map((question, index) => ({ globalIndex: parts.slice(0, partIndex).reduce((sum, item) => sum + item.questions.length, 0) + index, partIndex, questionNumber: question.question_number, isAnswered: answers[question.id] !== undefined && answers[question.id] !== '' })));
-    return { parts: parts.map((part, partIndex) => ({ partIndex, partNo: part.partNo ?? partIndex + 1, name: part.name, category: part.template?.category, totalQuestions: part.questions.length, answeredCount: part.questions.filter((question) => answers[question.id] !== undefined && answers[question.id] !== '').length })), questions, currentQuestionGlobalIndex, onPartClick, onQuestionClick: (index) => onPartClick(findPartIndex(parts, index)) };
-}
-function Loading() {
-    return _jsx("div", { className: "flex h-screen items-center justify-center", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-blue-600" }) });
-}
-function Empty({ onExit }) {
-    return _jsxs("div", { className: "flex h-screen flex-col items-center justify-center gap-4", children: [_jsx("p", { children: "Kh\u00F4ng c\u00F3 c\u00E2u h\u1ECFi." }), _jsx(Button, { onClick: onExit, children: "Quay l\u1EA1i" })] });
-}
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useEffect as n,useMemo as i,useState as s}from"react";import{ArrowLeft as a,ArrowRight as r,Loader2 as o,Send as l}from"lucide-react";import{Button as u}from"../../../components/ui/button";import{CambridgeYleExamLayout as c,EnglishCertificationExamLayout as m,SummerSkyLayout as d}from"../../../components/themes";import{useToast as h}from"../../../shared/lib/hooks/useToast";import{GenericQuestionRenderer as p}from"./GenericQuestionRenderer";import{groupQuestions as x,unwrap as g,unwrapAttempt as f}from"./exam-taking.utils";export function ExamTakingPageContainer({examId:t,api:a,exitPath:r="/student/exams",onNavigate:o,onSubmitted:l}){const{error:u,success:p}=h(),[S,E]=s(null),[P,_]=s([]),[M,A]=s(null),[k,Q]=s(0),[T,G]=s({}),[L,j]=s(!0),[R,D]=s(!1);n(()=>{let e=!1;return j(!0),async function(e,t){const n=g(await e.getActiveAttempt(t));return n||f(g(await e.startAttempt(t)))}(a,t).then(async t=>{const n=g(await a.getQuestions(t.id));e||(E(t),A(n),_(x(n)))}).catch(e=>u({message:"Không tải được bài thi",description:e instanceof Error?e.message:void 0})).finally(()=>{e||j(!1)}),()=>{e=!0}},[a,t,u]);const F=P[k],U=i(()=>P.flatMap(e=>e.questions),[P]),K=i(()=>U.findIndex(e=>F?.questions[0]?.id===e.id),[F?.questions,U]),Y=i(()=>Object.values(T).filter(e=>""!==e&&null!=e).length,[T]),B=U.length,O=function(e){return"ENGLISH_CERTIFICATION"===e||"CAMBRIDGE_YLE"===e||"SUMMER_SKY"===e?e:"DEFAULT"}(M?.examTemplate?.theme),H=M?.examTemplate?.title??"Làm bài thi",$=function(e){if(!e)return 0;const t=new Date(e.startedAt).getTime()+6e4*e.durationMinutes;return Math.max(0,Math.floor((t-Date.now())/1e3))}(S),z=e=>{o?o(e):"undefined"!=typeof window&&(window.location.href=e)},J=async()=>{if(S){D(!0);try{await a.submitAttempt(S.id),p({message:"Đã nộp bài"}),l?.(S.id)}catch(e){u({message:"Không nộp được bài",description:e instanceof Error?e.message:void 0})}finally{D(!1)}}};if(L)return e(q,{});if(!S||!F)return e(I,{onExit:()=>z(r)});const V=e(b,{part:F,answers:T,onAnswerChange:async(e,t)=>{G(n=>({...n,[e]:t})),S&&a.saveAnswers&&await a.saveAnswers({attemptId:S.id,answers:[{questionId:e,answer:t}]})}}),W=()=>Q(e=>Math.max(0,e-1)),X=()=>Q(e=>Math.min(P.length-1,e+1)),Z=0===k,ee=k>=P.length-1;return"ENGLISH_CERTIFICATION"===O?e(m,{headerProps:{examName:H,remainingSeconds:$,totalQuestions:B,answeredCount:Y,isSubmitting:R,onSubmit:J,onClose:()=>z(r),lastSavedAt:null,isSaving:!1,partLabel:F.name,questionRange:N(F)},navigationProps:{parts:v(P),questions:(te=U,te.map(e=>({id:e.id,question_type:e.question_type,content:e.content??{},is_example:Boolean(e.is_example),total_points:String(e.total_points??0),part_id:e.part_id??"",part_no:e.part_no??0,question_number:e.question_number}))),answers:T,flaggedQuestions:new Set,currentIndex:Math.max(0,K),onQuestionClick:e=>Q(C(P,e)),onPartClick:Q},footerProps:{onPrevious:W,onNext:X,onClear:()=>{},onToggleMark:()=>{},isPreviousDisabled:Z,isNextDisabled:ee,isMarked:!1},children:V}):"CAMBRIDGE_YLE"===O?e(c,{onPrevious:W,onNext:X,onClose:()=>z(r),isFirstQuestion:Z,isLastQuestion:ee,headerProps:{examName:H,examType:"Exam",totalQuestions:B,answeredCount:Y,remainingSeconds:$,isSubmitting:R,onSubmit:J},sidebarProps:y(P,T,Math.max(0,K),Q),children:V}):"SUMMER_SKY"===O?e(d,{onExit:()=>z(r),partName:F.name,instruction:F.instructions??"",onPrev:W,onNext:X,canGoPrev:!Z,canGoNext:!ee,audioUrl:F.audioUrl??"",questionNumber:k+1,recorder:null,children:V}):e(w,{title:H,answeredCount:Y,totalQuestions:B,onExit:()=>z(r),onPrev:W,onNext:X,isFirst:Z,isLast:ee,currentPart:F,onSubmit:J,isSubmitting:R,children:V});var te}function b({part:t,answers:n,onAnswerChange:i}){return e("div",{className:"space-y-4",children:t.questions.map(t=>e(p,{question:t,value:n[t.id],onChange:i},t.id))})}function w({title:n,answeredCount:i,totalQuestions:s,onExit:c,onPrev:m,onNext:d,isFirst:h,isLast:p,currentPart:x,onSubmit:g,isSubmitting:f,children:b}){return t("div",{className:"min-h-screen bg-slate-50",children:[e("header",{className:"sticky top-0 z-10 border-b bg-white px-4 py-3 shadow-sm",children:t("div",{className:"mx-auto flex max-w-5xl items-center justify-between gap-4",children:[t("div",{children:[e("h1",{className:"font-semibold text-gray-900",children:n}),t("p",{className:"text-sm text-gray-500",children:["Đã trả lời ",i,"/",s]})]}),e(u,{variant:"outline",onClick:c,children:"Thoát"})]})}),t("main",{className:"mx-auto max-w-5xl space-y-4 p-4",children:[t("div",{className:"flex items-center justify-between rounded-lg bg-white p-4 shadow-sm",children:[t(u,{variant:"outline",disabled:h,onClick:m,children:[e(a,{className:"mr-2 h-4 w-4"}),"Phần trước"]}),e("div",{className:"text-center",children:e("h2",{className:"font-medium",children:x.name})}),t(u,{variant:"outline",disabled:p,onClick:d,children:["Phần sau",e(r,{className:"ml-2 h-4 w-4"})]})]}),b,e("div",{className:"flex justify-end",children:t(u,{onClick:g,disabled:f,className:"bg-blue-600 hover:bg-blue-700",children:[f?e(o,{className:"mr-2 h-4 w-4 animate-spin"}):e(l,{className:"mr-2 h-4 w-4"}),"Nộp bài"]})})]})]})}function N(e){const t=e.questions.map(e=>e.question_number).filter(e=>Number.isFinite(e));return 0===t.length?"":`${Math.min(...t)}–${Math.max(...t)}`}function v(e){let t=0;return e.map(e=>{const n=t;return t+=e.questions.length,{id:e.id,name:e.name,category:e.template?.category,startIndex:n,endIndex:t-1,questionCount:e.questions.length,audioUrl:e.audioUrl,isGroup:e.isGroup}})}function C(e,t){let n=0;for(let i=0;i<e.length;i+=1)if(n+=e[i].questions.length,t<n)return i;return 0}function y(e,t,n,i){const s=e.flatMap((n,i)=>n.questions.map((n,s)=>({globalIndex:e.slice(0,i).reduce((e,t)=>e+t.questions.length,0)+s,partIndex:i,questionNumber:n.question_number,isAnswered:void 0!==t[n.id]&&""!==t[n.id]})));return{parts:e.map((e,n)=>({partIndex:n,partNo:e.partNo??n+1,name:e.name,category:e.template?.category,totalQuestions:e.questions.length,answeredCount:e.questions.filter(e=>void 0!==t[e.id]&&""!==t[e.id]).length})),questions:s,currentQuestionGlobalIndex:n,onPartClick:i,onQuestionClick:t=>i(C(e,t))}}function q(){return e("div",{className:"flex h-screen items-center justify-center",children:e(o,{className:"h-8 w-8 animate-spin text-blue-600"})})}function I({onExit:n}){return t("div",{className:"flex h-screen flex-col items-center justify-center gap-4",children:[e("p",{children:"Không có câu hỏi."}),e(u,{onClick:n,children:"Quay lại"})]})}