@tinyweb_dev/oe-exam-sdk 0.1.0 → 0.1.2

package/dist/components/exams/CreateExamInfoForm.js

@@ -1,36 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef } from 'react';
-import { Controller } from 'react-hook-form';
-import { FileText, Loader2 } from 'lucide-react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../components/ui/card';
-import { Input } from '../../components/ui/input';
-import { Label } from '../../components/ui/label';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../components/ui/select';
-import { Textarea } from '../../components/ui/textarea';
-import { useT } from '../../shared/lib/i18n';
-export function CreateExamInfoForm({ form, examLevels, isLoadingExamLevels = false }) {
-    const t = useT();
-    const isCodeManuallyEdited = useRef(false);
-    const nameValue = form.watch('name');
-    const setValueRef = useRef(form.setValue);
-    setValueRef.current = form.setValue;
-    const generateCodeFromName = useCallback((name) => name.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/đ/g, 'd').replace(/Đ/g, 'D').toLowerCase().trim().replace(/[^a-z0-9\s-]/g, '').replace(/[\s]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '').substring(0, 100), []);
-    useEffect(() => {
-        if (isCodeManuallyEdited.current)
-            return;
-        setValueRef.current('code', nameValue ? generateCodeFromName(nameValue) : '', { shouldValidate: false });
-    }, [nameValue, generateCodeFromName]);
-    const hasError = (field) => !!form.formState.errors[field];
-    const error = (field) => form.formState.errors[field]?.message;
-    return (_jsxs(Card, { className: "border border-gray-200", children: [_jsxs(CardHeader, { className: "border-b border-gray-100 bg-gray-50/50", children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base font-semibold", children: [_jsx(FileText, { className: "h-4 w-4 text-blue-600" }), t('admin.exams.form.basicInfo')] }), _jsx(CardDescription, { children: t('admin.exams.form.requiredHint') })] }), _jsxs(CardContent, { className: "space-y-4 pt-6", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [_jsx(Field, { label: t('admin.exams.form.nameLabel'), error: error('name'), required: true, children: _jsx(Input, { id: "name", maxLength: 255, className: hasError('name') ? 'border-red-500' : '', placeholder: t('admin.exams.form.namePlaceholder'), ...form.register('name') }) }), _jsx(Field, { label: t('admin.exams.form.codeLabel'), error: error('code'), required: true, children: _jsx(CodeInput, { form: form, hasError: hasError('code'), onManualEdit: (value) => { isCodeManuallyEdited.current = value.length > 0; } }) }), _jsx(Field, { label: t('admin.exams.form.totalPoints'), error: error('totalPoints'), required: true, children: _jsx(Controller, { name: "totalPoints", control: form.control, render: ({ field }) => _jsx(Input, { id: "totalPoints", inputMode: "numeric", value: field.value, onBlur: field.onBlur, onChange: (event) => field.onChange(event.target.value.replace(/[^0-9]/g, '')), className: hasError('totalPoints') ? 'border-red-500' : '' }) }) }), _jsx(Field, { label: t('admin.exams.form.level'), error: error('level'), children: _jsx(Controller, { name: "level", control: form.control, render: ({ field }) => _jsxs(Select, { value: field.value, onValueChange: field.onChange, disabled: isLoadingExamLevels, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: isLoadingExamLevels ? t('admin.exams.form.loading') : t('admin.exams.form.levelPlaceholder') }) }), _jsx(SelectContent, { children: isLoadingExamLevels ? _jsx("div", { className: "flex justify-center p-4", children: _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) }) : examLevels.map((level) => _jsx(SelectItem, { value: level.id, children: level.name }, level.id)) })] }) }) }), _jsx(Field, { label: t('admin.exams.form.difficulty'), error: error('difficulty'), children: _jsx(Controller, { name: "difficulty", control: form.control, render: ({ field }) => _jsxs(Select, { value: field.value, onValueChange: field.onChange, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: t('admin.exams.form.difficultyPlaceholder') }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "easy", children: t('admin.exams.difficulty.easy') }), _jsx(SelectItem, { value: "medium", children: t('admin.exams.difficulty.medium') }), _jsx(SelectItem, { value: "hard", children: t('admin.exams.difficulty.hard') })] })] }) }) }), _jsx(Field, { label: t('admin.exams.form.duration'), error: error('duration'), children: _jsx(Input, { id: "duration", inputMode: "numeric", placeholder: "60", className: hasError('duration') ? 'border-red-500' : '', ...form.register('duration') }) })] }), _jsx(Field, { label: t('admin.exams.form.description'), error: error('description'), children: _jsx(Textarea, { id: "description", rows: 4, maxLength: 2000, placeholder: t('admin.exams.form.descriptionPlaceholder'), ...form.register('description') }) })] })] }));
-}
-function CodeInput({ form, hasError, onManualEdit }) {
-    const t = useT();
-    const { onChange, ...register } = form.register('code');
-    return _jsx(Input, { id: "code", maxLength: 100, className: hasError ? 'border-red-500' : '', placeholder: t('admin.exams.form.codePlaceholder'), ...register, onChange: (event) => { onChange(event); onManualEdit(event.target.value); } });
-}
-function Field({ label, error, required, children }) {
-    return _jsxs("div", { children: [_jsxs(Label, { children: [label, " ", required && _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("div", { className: "mt-1", children: children }), error && _jsx("p", { className: "mt-1 text-sm text-red-600", children: error })] });
-}
-//# sourceMappingURL=CreateExamInfoForm.js.map
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as a,useEffect as l,useRef as o}from"react";import{Controller as n}from"react-hook-form";import{FileText as i,Loader2 as d}from"lucide-react";import{Card as m,CardContent as t,CardDescription as c,CardHeader as s,CardTitle as u}from"../../components/ui/card";import{Input as h}from"../../components/ui/input";import{Label as f}from"../../components/ui/label";import{Select as p,SelectContent as g,SelectItem as x,SelectTrigger as b,SelectValue as v}from"../../components/ui/select";import{Textarea as N}from"../../components/ui/textarea";import{useT as y}from"../../shared/lib/i18n";export function CreateExamInfoForm({form:f,examLevels:L,isLoadingExamLevels:E=!1}){const q=y(),w=o(!1),V=f.watch("name"),j=o(f.setValue);j.current=f.setValue;const M=a(e=>e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/đ/g,"d").replace(/Đ/g,"D").toLowerCase().trim().replace(/[^a-z0-9\s-]/g,"").replace(/[\s]+/g,"-").replace(/-+/g,"-").replace(/^-|-$/g,"").substring(0,100),[]);l(()=>{w.current||j.current("code",V?M(V):"",{shouldValidate:!1})},[V,M]);const z=e=>!!f.formState.errors[e],B=e=>f.formState.errors[e]?.message;return r(m,{className:"border border-gray-200",children:[r(s,{className:"border-b border-gray-100 bg-gray-50/50",children:[r(u,{className:"flex items-center gap-2 text-base font-semibold",children:[e(i,{className:"h-4 w-4 text-blue-600"}),q("admin.exams.form.basicInfo")]}),e(c,{children:q("admin.exams.form.requiredHint")})]}),r(t,{className:"space-y-4 pt-6",children:[r("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:[e(P,{label:q("admin.exams.form.nameLabel"),error:B("name"),required:!0,children:e(h,{id:"name",maxLength:255,className:z("name")?"border-red-500":"",placeholder:q("admin.exams.form.namePlaceholder"),...f.register("name")})}),e(P,{label:q("admin.exams.form.codeLabel"),error:B("code"),required:!0,children:e(C,{form:f,hasError:z("code"),onManualEdit:e=>{w.current=e.length>0}})}),e(P,{label:q("admin.exams.form.totalPoints"),error:B("totalPoints"),required:!0,children:e(n,{name:"totalPoints",control:f.control,render:({field:r})=>e(h,{id:"totalPoints",inputMode:"numeric",value:r.value,onBlur:r.onBlur,onChange:e=>r.onChange(e.target.value.replace(/[^0-9]/g,"")),className:z("totalPoints")?"border-red-500":""})})}),e(P,{label:q("admin.exams.form.level"),error:B("level"),children:e(n,{name:"level",control:f.control,render:({field:a})=>r(p,{value:a.value,onValueChange:a.onChange,disabled:E,children:[e(b,{children:e(v,{placeholder:q(E?"admin.exams.form.loading":"admin.exams.form.levelPlaceholder")})}),e(g,{children:E?e("div",{className:"flex justify-center p-4",children:e(d,{className:"h-4 w-4 animate-spin"})}):L.map(r=>e(x,{value:r.id,children:r.name},r.id))})]})})}),e(P,{label:q("admin.exams.form.difficulty"),error:B("difficulty"),children:e(n,{name:"difficulty",control:f.control,render:({field:a})=>r(p,{value:a.value,onValueChange:a.onChange,children:[e(b,{children:e(v,{placeholder:q("admin.exams.form.difficultyPlaceholder")})}),r(g,{children:[e(x,{value:"easy",children:q("admin.exams.difficulty.easy")}),e(x,{value:"medium",children:q("admin.exams.difficulty.medium")}),e(x,{value:"hard",children:q("admin.exams.difficulty.hard")})]})]})})}),e(P,{label:q("admin.exams.form.duration"),error:B("duration"),children:e(h,{id:"duration",inputMode:"numeric",placeholder:"60",className:z("duration")?"border-red-500":"",...f.register("duration")})})]}),e(P,{label:q("admin.exams.form.description"),error:B("description"),children:e(N,{id:"description",rows:4,maxLength:2e3,placeholder:q("admin.exams.form.descriptionPlaceholder"),...f.register("description")})})]})]})}function C({form:r,hasError:a,onManualEdit:l}){const o=y(),{onChange:n,...i}=r.register("code");return e(h,{id:"code",maxLength:100,className:a?"border-red-500":"",placeholder:o("admin.exams.form.codePlaceholder"),...i,onChange:e=>{n(e),l(e.target.value)}})}function P({label:a,error:l,required:o,children:n}){return r("div",{children:[r(f,{children:[a," ",o&&e("span",{className:"text-red-500",children:"*"})]}),e("div",{className:"mt-1",children:n}),l&&e("p",{className:"mt-1 text-sm text-red-600",children:l})]})}

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

@@ -7,4 +7,3 @@ export interface CreateExamPageContainerProps {
     onNavigate?: (href: string) => void;
 }
 export declare function CreateExamPageContainer(props: CreateExamPageContainerProps): import("react").JSX.Element;
-//# sourceMappingURL=CreateExamPageContainer.d.ts.map

package/dist/components/exams/CreateExamPageContainer.js

@@ -1,104 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Suspense, useEffect, useState } from 'react';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useForm } from 'react-hook-form';
-import { ArrowLeft, ArrowRight, LayoutTemplate, Loader2, X } from 'lucide-react';
-import { Button } from '../../components/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '../../components/ui/card';
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../../components/ui/dialog';
-import { useToast } from '../../shared/lib/hooks/useToast';
-import { useT } from '../../shared/lib/i18n';
-import { buildExamTemplatePayload } from '../../api/exam-create';
-import { CreateExamInfoForm } from './CreateExamInfoForm';
-import { TemplateSelector } from './TemplateSelector';
-import { examFormSchema } from './create-exam.validation';
-function CreateExamContent({ api, listPath = '/manage/exams', onNavigate }) {
-    const t = useT();
-    const { success, warning, error: errorToast } = useToast();
-    const [isTemplateDialogOpen, setIsTemplateDialogOpen] = useState(false);
-    const [selectedTemplate, setSelectedTemplate] = useState(null);
-    const [examLevels, setExamLevels] = useState([]);
-    const [isLoadingExamLevels, setIsLoadingExamLevels] = useState(false);
-    const [isSaving, setIsSaving] = useState(false);
-    const form = useForm({
-        resolver: zodResolver(examFormSchema),
-        mode: 'onBlur',
-        defaultValues: { code: '', name: '', level: '', difficulty: '', duration: '', totalPoints: '100', description: '' },
-    });
-    useEffect(() => {
-        if (!api.getExamLevels)
-            return;
-        let ignore = false;
-        setIsLoadingExamLevels(true);
-        api.getExamLevels()
-            .then((levels) => { if (!ignore)
-            setExamLevels(levels); })
-            .catch((err) => errorToast({ message: t('admin.exams.questions.error'), description: err instanceof Error ? err.message : undefined }))
-            .finally(() => { if (!ignore)
-            setIsLoadingExamLevels(false); });
-        return () => { ignore = true; };
-    }, [api, errorToast, t]);
-    const navigate = (href) => {
-        if (onNavigate)
-            onNavigate(href);
-        else if (typeof window !== 'undefined')
-            window.location.href = href;
-    };
-    const handleSubmit = form.handleSubmit(async (data) => {
-        if (!selectedTemplate) {
-            warning({ message: t('admin.exams.create.incompleteInfo'), description: 'Vui lòng chọn template đề thi trước khi tiếp tục.' });
-            return;
-        }
-        setIsSaving(true);
-        try {
-            const exam = unwrap(await api.createExam({
-                name: data.name,
-                code: data.code || undefined,
-                examLevel: data.level || undefined,
-                difficulty: toDifficulty(data.difficulty),
-                totalScore: Number.parseInt(data.totalPoints, 10),
-                durationMinutes: data.duration ? Number.parseInt(data.duration, 10) : undefined,
-                description: data.description || undefined,
-                isComplete: false,
-                isActive: false,
-                examTemplateId: selectedTemplate.id,
-            }));
-            await api.updateExamTemplate({ examId: exam.id, template: buildExamTemplatePayload(selectedTemplate) });
-            success({ message: t('admin.exams.create.success'), description: t('admin.exams.create.successDesc', { name: exam.name }) });
-            navigate(`${listPath}/${exam.id}/questions`);
-        }
-        catch (err) {
-            errorToast({ message: t('admin.exams.questions.error'), description: err instanceof Error ? err.message : undefined });
-        }
-        finally {
-            setIsSaving(false);
-        }
-    }, () => warning({ message: t('admin.exams.create.incompleteInfo'), description: t('admin.exams.create.incompleteInfoDesc') }));
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigate(listPath), className: "h-8 w-8", children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold tracking-tight text-gray-900", children: t('admin.exams.create.title') }), _jsx("p", { className: "mt-1 text-gray-600", children: t('admin.exams.create.step1') })] })] }), _jsx("form", { id: "exam-form", onSubmit: handleSubmit, children: _jsx(CreateExamInfoForm, { form: form, examLevels: examLevels, isLoadingExamLevels: isLoadingExamLevels }) }), _jsx(TemplateSection, { selectedTemplate: selectedTemplate, onOpen: () => setIsTemplateDialogOpen(true), onClear: () => setSelectedTemplate(null) }), _jsx(Dialog, { open: isTemplateDialogOpen, onOpenChange: setIsTemplateDialogOpen, children: _jsxs(DialogContent, { className: "flex max-h-[92vh] min-h-[92vh] max-w-5xl flex-col overflow-hidden", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Ch\u1ECDn template \u0111\u1EC1 thi" }), _jsx(DialogDescription, { children: "Ch\u1ECDn lo\u1EA1i \u0111\u1EC1 thi b\u1EA1n mu\u1ED1n t\u1EA1o." })] }), _jsx(TemplateSelector, { api: api, onTemplateSelect: (template) => { setSelectedTemplate(template); setIsTemplateDialogOpen(false); }, onCancel: () => setIsTemplateDialogOpen(false) })] }) }), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { variant: "outline", onClick: () => navigate(listPath), disabled: isSaving, children: t('admin.exams.create.cancel') }), _jsx(Button, { type: "submit", form: "exam-form", className: "bg-blue-600 hover:bg-blue-700", disabled: isSaving || !selectedTemplate, children: isSaving ? _jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), t('admin.exams.create.saving')] }) : _jsxs(_Fragment, { children: [t('admin.exams.create.saveAndContinue'), _jsx(ArrowRight, { className: "ml-2 h-4 w-4" })] }) })] })] }));
-}
-export function CreateExamPageContainer(props) {
-    return _jsx(Suspense, { fallback: _jsx(Loading, {}), children: _jsx(CreateExamContent, { ...props }) });
-}
-function TemplateSection({ selectedTemplate, onOpen, onClear }) {
-    return _jsxs(Card, { className: "border border-gray-200", children: [_jsx(CardHeader, { className: "border-b border-gray-100 bg-gray-50/50", children: _jsxs(CardTitle, { className: "flex items-center gap-2 text-base font-semibold", children: [_jsx(LayoutTemplate, { className: "h-4 w-4 text-blue-600" }), "Ch\u1ECDn Template ", _jsx("span", { className: "text-red-500", children: "*" })] }) }), _jsx(CardContent, { className: "pt-6", children: selectedTemplate ? _jsxs("div", { className: "flex items-center justify-between rounded-lg border border-green-200 bg-green-50 px-4 py-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-green-800", children: selectedTemplate.name }), _jsxs("p", { className: "text-xs text-green-600", children: [selectedTemplate.totalQuestions, " c\u00E2u h\u1ECFi \u2022 ", selectedTemplate.parts.length, " ph\u1EA7n"] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onOpen, children: "\u0110\u1ED5i template" }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onClear, children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })] }) : _jsxs("div", { className: "flex flex-col items-center gap-3 rounded-lg border-2 border-dashed border-gray-300 py-8", children: [_jsx(LayoutTemplate, { className: "h-8 w-8 text-gray-400" }), _jsx("p", { className: "text-sm text-gray-500", children: "Ch\u01B0a ch\u1ECDn template \u0111\u1EC1 thi" }), _jsxs(Button, { type: "button", variant: "outline", onClick: onOpen, children: [_jsx(LayoutTemplate, { className: "mr-2 h-4 w-4" }), "Ch\u1ECDn template"] })] }) })] });
-}
-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 toDifficulty(value) {
-    if (value === 'easy')
-        return 'EASY';
-    if (value === 'medium')
-        return 'MEDIUM';
-    if (value === 'hard')
-        return 'HARD';
-    return undefined;
-}
-function unwrap(value) {
-    return hasData(value) ? value.data : value;
-}
-function hasData(value) {
-    return typeof value === 'object' && value !== null && 'data' in value;
-}
-//# sourceMappingURL=CreateExamPageContainer.js.map
+"use client";import{jsx as e,jsxs as a,Fragment as t}from"react/jsx-runtime";import{Suspense as n,useEffect as i,useState as r}from"react";import{zodResolver as s}from"@hookform/resolvers/zod";import{useForm as o}from"react-hook-form";import{ArrowLeft as l,ArrowRight as m,LayoutTemplate as c,Loader2 as d,X as h}from"lucide-react";import{Button as p}from"../../components/ui/button";import{Card as u,CardContent as f,CardHeader as x,CardTitle as g}from"../../components/ui/card";import{Dialog as v,DialogContent as b,DialogDescription as N,DialogHeader as y,DialogTitle as w}from"../../components/ui/dialog";import{useToast as C}from"../../shared/lib/hooks/useToast";import{useT as k}from"../../shared/lib/i18n";import{buildExamTemplatePayload as E}from"../../api/exam-create";import{CreateExamInfoForm as I}from"./CreateExamInfoForm";import{TemplateSelector as T}from"./TemplateSelector";import{examFormSchema as j}from"./create-exam.validation";function L({api:n,listPath:c="/manage/exams",onNavigate:h}){const u=k(),{success:f,warning:x,error:g}=C(),[L,z]=r(!1),[D,P]=r(null),[q,M]=r([]),[O,F]=r(!1),[V,$]=r(!1),B=o({resolver:s(j),mode:"onBlur",defaultValues:{code:"",name:"",level:"",difficulty:"",duration:"",totalPoints:"100",description:""}});i(()=>{if(!n.getExamLevels)return;let e=!1;return F(!0),n.getExamLevels().then(a=>{e||M(a)}).catch(e=>g({message:u("admin.exams.questions.error"),description:e instanceof Error?e.message:void 0})).finally(()=>{e||F(!1)}),()=>{e=!0}},[n,g,u]);const H=e=>{h?h(e):"undefined"!=typeof window&&(window.location.href=e)},Q=B.handleSubmit(async e=>{if(D){$(!0);try{const t=function(e){return"object"==typeof e&&null!==e&&"data"in e}(a=await n.createExam({name:e.name,code:e.code||void 0,examLevel:e.level||void 0,difficulty:A(e.difficulty),totalScore:Number.parseInt(e.totalPoints,10),durationMinutes:e.duration?Number.parseInt(e.duration,10):void 0,description:e.description||void 0,isComplete:!1,isActive:!1,examTemplateId:D.id}))?a.data:a;await n.updateExamTemplate({examId:t.id,template:E(D)}),f({message:u("admin.exams.create.success"),description:u("admin.exams.create.successDesc",{name:t.name})}),H(`${c}/${t.id}/questions`)}catch(e){g({message:u("admin.exams.questions.error"),description:e instanceof Error?e.message:void 0})}finally{$(!1)}var a}else x({message:u("admin.exams.create.incompleteInfo"),description:"Vui lòng chọn template đề thi trước khi tiếp tục."})},()=>x({message:u("admin.exams.create.incompleteInfo"),description:u("admin.exams.create.incompleteInfoDesc")}));return a("div",{className:"space-y-6",children:[a("div",{className:"flex items-center gap-4",children:[e(p,{variant:"ghost",size:"icon",onClick:()=>H(c),className:"h-8 w-8",children:e(l,{className:"h-4 w-4"})}),a("div",{children:[e("h1",{className:"text-3xl font-bold tracking-tight text-gray-900",children:u("admin.exams.create.title")}),e("p",{className:"mt-1 text-gray-600",children:u("admin.exams.create.step1")})]})]}),e("form",{id:"exam-form",onSubmit:Q,children:e(I,{form:B,examLevels:q,isLoadingExamLevels:O})}),e(S,{selectedTemplate:D,onOpen:()=>z(!0),onClear:()=>P(null)}),e(v,{open:L,onOpenChange:z,children:a(b,{className:"flex max-h-[92vh] min-h-[92vh] max-w-5xl flex-col overflow-hidden",children:[a(y,{children:[e(w,{children:"Chọn template đề thi"}),e(N,{children:"Chọn loại đề thi bạn muốn tạo."})]}),e(T,{api:n,onTemplateSelect:e=>{P(e),z(!1)},onCancel:()=>z(!1)})]})}),a("div",{className:"flex justify-end gap-3",children:[e(p,{variant:"outline",onClick:()=>H(c),disabled:V,children:u("admin.exams.create.cancel")}),e(p,{type:"submit",form:"exam-form",className:"bg-blue-600 hover:bg-blue-700",disabled:V||!D,children:a(t,V?{children:[e(d,{className:"mr-2 h-4 w-4 animate-spin"}),u("admin.exams.create.saving")]}:{children:[u("admin.exams.create.saveAndContinue"),e(m,{className:"ml-2 h-4 w-4"})]})})]})]})}export function CreateExamPageContainer(a){return e(n,{fallback:e(z,{}),children:e(L,{...a})})}function S({selectedTemplate:t,onOpen:n,onClear:i}){return a(u,{className:"border border-gray-200",children:[e(x,{className:"border-b border-gray-100 bg-gray-50/50",children:a(g,{className:"flex items-center gap-2 text-base font-semibold",children:[e(c,{className:"h-4 w-4 text-blue-600"}),"Chọn Template ",e("span",{className:"text-red-500",children:"*"})]})}),e(f,{className:"pt-6",children:a("div",t?{className:"flex items-center justify-between rounded-lg border border-green-200 bg-green-50 px-4 py-3",children:[a("div",{children:[e("p",{className:"text-sm font-medium text-green-800",children:t.name}),a("p",{className:"text-xs text-green-600",children:[t.totalQuestions," câu hỏi • ",t.parts.length," phần"]})]}),a("div",{className:"flex gap-2",children:[e(p,{type:"button",variant:"outline",size:"sm",onClick:n,children:"Đổi template"}),e(p,{type:"button",variant:"ghost",size:"icon",onClick:i,children:e(h,{className:"h-3.5 w-3.5"})})]})]}:{className:"flex flex-col items-center gap-3 rounded-lg border-2 border-dashed border-gray-300 py-8",children:[e(c,{className:"h-8 w-8 text-gray-400"}),e("p",{className:"text-sm text-gray-500",children:"Chưa chọn template đề thi"}),a(p,{type:"button",variant:"outline",onClick:n,children:[e(c,{className:"mr-2 h-4 w-4"}),"Chọn template"]})]})})]})}function z(){return e("div",{className:"flex h-screen items-center justify-center",children:e(d,{className:"h-8 w-8 animate-spin text-blue-600"})})}function A(e){return"easy"===e?"EASY":"medium"===e?"MEDIUM":"hard"===e?"HARD":void 0}

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

@@ -14,4 +14,3 @@ export interface ExamCreatorProps {
     partAudioOverrides?: Record<string, string>;
 }
 export declare function ExamCreator({ template, examId, examDifficulty, examLevel, subjectId, initialQuestions, onSaveQuestion, onSave, onCancel, onPartAudioChange, partAudioOverrides }: ExamCreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=ExamCreator.d.ts.map

package/dist/components/exams/ExamCreator.js

@@ -1,90 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useRef, useState } from 'react';
-import { ChevronLeft, ChevronRight, Save } from 'lucide-react';
-import { Button } from '../../components/ui/button';
-import { QuestionCreator } from '../questions/creator/QuestionCreator';
-import { useToast } from '../../shared/lib/hooks/useToast';
-import { useT } from '../../shared/lib/i18n';
-import { ExamPartTabs } from './ExamPartTabs';
-import { ExamQuestionGrid } from './ExamQuestionGrid';
-import { PartAudioUploader } from './PartAudioUploader';
-import { getEffectiveQuestionConfig, getPartByQuestionIndex, normalizeTemplateGroupConfig } from './exam-template.utils';
-export function ExamCreator({ template, examId, examDifficulty, examLevel, subjectId, initialQuestions = [], onSaveQuestion, onSave, onCancel, onPartAudioChange, partAudioOverrides }) {
-    const t = useT();
-    const { success, warning, error } = useToast();
-    const validationRef = useRef(null);
-    const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);
-    const [questions, setQuestions] = useState(() => Object.fromEntries(initialQuestions.map((q) => [(q.questionNumber ?? 1) - 1, q])));
-    const [completedQuestions, setCompletedQuestions] = useState(() => new Set(initialQuestions.map((q) => (q.questionNumber ?? 1) - 1)));
-    const [validationErrors, setValidationErrors] = useState({});
-    const [isSavingQuestion, setIsSavingQuestion] = useState(false);
-    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
-    const draftRef = useRef({});
-    const currentPart = getPartByQuestionIndex(template, currentQuestionIndex);
-    const normalizedPart = currentPart ? normalizeTemplateGroupConfig(currentPart) : undefined;
-    const currentConfig = currentPart ? getEffectiveQuestionConfig(currentPart, currentQuestionIndex) : undefined;
-    const isPartLevelGroup = !!(normalizedPart?.groups && !currentConfig?.groups);
-    const sectionName = currentConfig && 'sectionName' in currentConfig ? currentConfig.sectionName : undefined;
-    const sharedDataPartId = sectionName && !isPartLevelGroup ? `${currentPart?.id}_${sectionName}` : currentPart?.id;
-    const currentQuestion = questions[currentQuestionIndex];
-    const examData = useMemo(() => ({
-        examId,
-        templateId: template.id,
-        questions: Object.values(questions),
-        currentQuestionIndex,
-        lastSaved: new Date().toISOString(),
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString(),
-        isCompleted: completedQuestions.size >= template.totalQuestions,
-    }), [completedQuestions.size, currentQuestionIndex, examId, questions, template.id, template.totalQuestions]);
-    const navigateToQuestion = (index) => {
-        if (hasUnsavedChanges)
-            warning({ message: t('common.examCreator.saveBeforeExit') });
-        setCurrentQuestionIndex(Math.max(0, Math.min(template.totalQuestions - 1, index)));
-        setHasUnsavedChanges(false);
-        draftRef.current = {};
-    };
-    const handleSaveQuestion = async (questionData) => {
-        if (!currentPart)
-            return;
-        const valid = await validationRef.current?.triggerValidation?.();
-        if (valid === false)
-            return;
-        const question = {
-            ...currentQuestion,
-            ...draftRef.current,
-            ...questionData,
-            type: questionData?.type ?? draftRef.current.type ?? currentQuestion?.type ?? currentConfig?.questionType,
-            partId: currentPart.id,
-            questionNumber: currentQuestionIndex + 1,
-            difficulty: (questionData?.difficulty ?? examDifficulty ?? currentQuestion?.difficulty),
-            skill: currentPart.skill,
-            isCompleted: true,
-        };
-        setIsSavingQuestion(true);
-        try {
-            const saved = await onSaveQuestion?.({ question, questionIndex: currentQuestionIndex, template, examId, examDifficulty, examLevel, subjectId });
-            const nextQuestion = (saved || question);
-            setQuestions((prev) => ({ ...prev, [currentQuestionIndex]: nextQuestion }));
-            setCompletedQuestions((prev) => new Set(prev).add(currentQuestionIndex));
-            setHasUnsavedChanges(false);
-            success({ message: t('common.examCreator.saveSuccess', { index: String(currentQuestionIndex + 1) }) });
-        }
-        catch (err) {
-            error({ message: t('common.examCreator.saveError', { index: String(currentQuestionIndex + 1) }), description: err instanceof Error ? err.message : undefined });
-        }
-        finally {
-            setIsSavingQuestion(false);
-        }
-    };
-    const handleSaveExam = async () => {
-        if (hasUnsavedChanges) {
-            warning({ message: t('common.examCreator.saveBeforeExit') });
-            return;
-        }
-        await onSave?.(examData);
-    };
-    return (_jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden bg-gradient-to-br from-slate-50 to-blue-50/30", children: _jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [_jsx("div", { className: "w-80 overflow-y-auto border-r border-gray-200/60 bg-white/80 p-4 backdrop-blur-sm", children: _jsx(ExamPartTabs, { template: template, currentPartId: currentPart?.id ?? '', completedQuestions: completedQuestions, onPartChange: (partId) => navigateToQuestion(template.parts.find((part) => part.id === partId)?.startIndex ?? 0) }) }), _jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [_jsx("div", { className: "min-h-0 flex-1 overflow-y-auto p-4 pb-4", children: _jsxs("div", { className: "mx-auto max-w-4xl", children: [currentPart?.skill === 'LISTENING' && _jsx(PartAudioUploader, { partId: currentPart.id, partName: currentPart.name, audioUrl: partAudioOverrides?.[currentPart.id] ?? currentPart.audioUrl ?? '', examId: examId, onAudioChange: (url) => void onPartAudioChange?.(currentPart.id, url), isReadOnly: !onPartAudioChange }), _jsx(QuestionCreator, { initialData: currentQuestion, prefilledType: currentConfig?.questionType, prefilledSkill: currentPart?.skill, optionCount: currentConfig?.optionCount, optionMode: currentConfig?.optionMode, defaultValue: currentConfig?.defaultValue, defaultQuestion: currentConfig?.defaultQuestion, viewMode: currentConfig?.viewMode, groups: currentConfig?.groups || normalizedPart?.groups, groupConfig: currentConfig?.groupConfig || normalizedPart?.groupConfig, groupType: currentConfig?.groupType || normalizedPart?.groupType, articleCount: currentConfig?.articleCount ?? currentPart?.articleCount, questionConfig: currentConfig?.questionConfig || currentPart?.questionConfig, questionIndexInPart: isPartLevelGroup ? currentQuestionIndex - (currentPart?.startIndex ?? 0) : currentQuestionIndex - (currentConfig?.startIndex ?? currentPart?.startIndex ?? 0), partId: sharedDataPartId, onChange: (draft) => { draftRef.current = draft; setHasUnsavedChanges(true); }, onSave: handleSaveQuestion, onCancel: onCancel, isEmbedded: true, externalErrors: validationErrors[currentQuestionIndex], validationRef: validationRef, suggestedAnswers: currentConfig?.suggestedAnswers || currentPart?.suggestedAnswers, hasSuggestedAnswers: currentConfig?.hasSuggestedAnswers ?? currentPart?.hasSuggestedAnswers }, currentQuestionIndex)] }) }), _jsx("div", { className: "flex-shrink-0 border-t border-gray-200/80 bg-white/95 shadow-[0_-4px_20px_rgba(0,0,0,0.08)] backdrop-blur-sm", children: _jsxs("div", { className: "mx-auto flex max-w-4xl items-center justify-between px-6 py-4", children: [_jsxs(Button, { variant: "outline", onClick: () => navigateToQuestion(currentQuestionIndex - 1), disabled: currentQuestionIndex === 0, children: [_jsx(ChevronLeft, { className: "mr-2 h-4 w-4" }), "C\u00E2u tr\u01B0\u1EDBc"] }), _jsxs(Button, { onClick: () => void handleSaveQuestion(), disabled: isSavingQuestion, className: "bg-green-600 hover:bg-green-700", children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), isSavingQuestion ? 'Đang lưu...' : 'Lưu câu hỏi'] }), _jsxs(Button, { variant: "outline", onClick: () => navigateToQuestion(currentQuestionIndex + 1), disabled: currentQuestionIndex >= template.totalQuestions - 1, children: ["C\u00E2u ti\u1EBFp", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })] }) })] }), _jsxs("div", { className: "w-80 overflow-y-auto border-l border-gray-200/60 bg-white/80 p-4 backdrop-blur-sm", children: [_jsx(ExamQuestionGrid, { template: template, currentQuestionIndex: currentQuestionIndex, completedQuestions: completedQuestions, onQuestionChange: navigateToQuestion }), _jsxs(Button, { onClick: () => void handleSaveExam(), className: "mt-4 w-full bg-blue-600 hover:bg-blue-700", children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), "Ho\u00E0n t\u1EA5t \u0111\u1EC1 thi"] })] })] }) }));
-}
-//# sourceMappingURL=ExamCreator.js.map
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useMemo as r,useRef as o,useState as i}from"react";import{ChevronLeft as a,ChevronRight as s,Save as n}from"lucide-react";import{Button as l}from"../../components/ui/button";import{QuestionCreator as d}from"../questions/creator/QuestionCreator";import{useToast as u}from"../../shared/lib/hooks/useToast";import{useT as m}from"../../shared/lib/i18n";import{ExamPartTabs as c}from"./ExamPartTabs";import{ExamQuestionGrid as p}from"./ExamQuestionGrid";import{PartAudioUploader as f}from"./PartAudioUploader";import{getEffectiveQuestionConfig as g,getPartByQuestionIndex as x,normalizeTemplateGroupConfig as h}from"./exam-template.utils";export function ExamCreator({template:b,examId:v,examDifficulty:w,examLevel:C,subjectId:y,initialQuestions:I=[],onSaveQuestion:N,onSave:S,onCancel:Q,onPartAudioChange:k,partAudioOverrides:q}){const A=m(),{success:E,warning:T,error:j}=u(),O=o(null),[D,M]=i(0),[P,L]=i(()=>Object.fromEntries(I.map(e=>[(e.questionNumber??1)-1,e]))),[_,U]=i(()=>new Set(I.map(e=>(e.questionNumber??1)-1))),[V,z]=i({}),[B,G]=i(!1),[R,$]=i(!1),H=o({}),F=x(b,D),J=F?h(F):void 0,K=F?g(F,D):void 0,W=!(!J?.groups||K?.groups),X=K&&"sectionName"in K?K.sectionName:void 0,Y=X&&!W?`${F?.id}_${X}`:F?.id,Z=P[D],ee=r(()=>({examId:v,templateId:b.id,questions:Object.values(P),currentQuestionIndex:D,lastSaved:(new Date).toISOString(),createdAt:(new Date).toISOString(),updatedAt:(new Date).toISOString(),isCompleted:_.size>=b.totalQuestions}),[_.size,D,v,P,b.id,b.totalQuestions]),te=e=>{R&&T({message:A("common.examCreator.saveBeforeExit")}),M(Math.max(0,Math.min(b.totalQuestions-1,e))),$(!1),H.current={}},re=async e=>{if(!F)return;if(!1===await(O.current?.triggerValidation?.()))return;const t={...Z,...H.current,...e,type:e?.type??H.current.type??Z?.type??K?.questionType,partId:F.id,questionNumber:D+1,difficulty:e?.difficulty??w??Z?.difficulty,skill:F.skill,isCompleted:!0};G(!0);try{const e=await(N?.({question:t,questionIndex:D,template:b,examId:v,examDifficulty:w,examLevel:C,subjectId:y}))||t;L(t=>({...t,[D]:e})),U(e=>new Set(e).add(D)),$(!1),E({message:A("common.examCreator.saveSuccess",{index:String(D+1)})})}catch(e){j({message:A("common.examCreator.saveError",{index:String(D+1)}),description:e instanceof Error?e.message:void 0})}finally{G(!1)}};return e("div",{className:"flex min-h-0 flex-1 flex-col overflow-hidden bg-gradient-to-br from-slate-50 to-blue-50/30",children:t("div",{className:"flex min-h-0 flex-1 overflow-hidden",children:[e("div",{className:"w-80 overflow-y-auto border-r border-gray-200/60 bg-white/80 p-4 backdrop-blur-sm",children:e(c,{template:b,currentPartId:F?.id??"",completedQuestions:_,onPartChange:e=>te(b.parts.find(t=>t.id===e)?.startIndex??0)})}),t("div",{className:"flex flex-1 flex-col overflow-hidden",children:[e("div",{className:"min-h-0 flex-1 overflow-y-auto p-4 pb-4",children:t("div",{className:"mx-auto max-w-4xl",children:["LISTENING"===F?.skill&&e(f,{partId:F.id,partName:F.name,audioUrl:q?.[F.id]??F.audioUrl??"",examId:v,onAudioChange:e=>{k?.(F.id,e)},isReadOnly:!k}),e(d,{initialData:Z,prefilledType:K?.questionType,prefilledSkill:F?.skill,optionCount:K?.optionCount,optionMode:K?.optionMode,defaultValue:K?.defaultValue,defaultQuestion:K?.defaultQuestion,viewMode:K?.viewMode,groups:K?.groups||J?.groups,groupConfig:K?.groupConfig||J?.groupConfig,groupType:K?.groupType||J?.groupType,articleCount:K?.articleCount??F?.articleCount,questionConfig:K?.questionConfig||F?.questionConfig,questionIndexInPart:W?D-(F?.startIndex??0):D-(K?.startIndex??F?.startIndex??0),partId:Y,onChange:e=>{H.current=e,$(!0)},onSave:re,onCancel:Q,isEmbedded:!0,externalErrors:V[D],validationRef:O,suggestedAnswers:K?.suggestedAnswers||F?.suggestedAnswers,hasSuggestedAnswers:K?.hasSuggestedAnswers??F?.hasSuggestedAnswers},D)]})}),e("div",{className:"flex-shrink-0 border-t border-gray-200/80 bg-white/95 shadow-[0_-4px_20px_rgba(0,0,0,0.08)] backdrop-blur-sm",children:t("div",{className:"mx-auto flex max-w-4xl items-center justify-between px-6 py-4",children:[t(l,{variant:"outline",onClick:()=>te(D-1),disabled:0===D,children:[e(a,{className:"mr-2 h-4 w-4"}),"Câu trước"]}),t(l,{onClick:()=>{re()},disabled:B,className:"bg-green-600 hover:bg-green-700",children:[e(n,{className:"mr-2 h-4 w-4"}),B?"Đang lưu...":"Lưu câu hỏi"]}),t(l,{variant:"outline",onClick:()=>te(D+1),disabled:D>=b.totalQuestions-1,children:["Câu tiếp",e(s,{className:"ml-2 h-4 w-4"})]})]})})]}),t("div",{className:"w-80 overflow-y-auto border-l border-gray-200/60 bg-white/80 p-4 backdrop-blur-sm",children:[e(p,{template:b,currentQuestionIndex:D,completedQuestions:_,onQuestionChange:te}),t(l,{onClick:()=>{(async()=>{R?T({message:A("common.examCreator.saveBeforeExit")}):await(S?.(ee))})()},className:"mt-4 w-full bg-blue-600 hover:bg-blue-700",children:[e(n,{className:"mr-2 h-4 w-4"}),"Hoàn tất đề thi"]})]})]})})}

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

@@ -7,4 +7,3 @@ interface ExamPartTabsProps {
 }
 export declare function ExamPartTabs({ template, currentPartId, completedQuestions, onPartChange }: ExamPartTabsProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=ExamPartTabs.d.ts.map

package/dist/components/exams/ExamPartTabs.js

@@ -1,41 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircle2, Circle, Layers, Lock, Play } from 'lucide-react';
-import { cn } from '../../shared/lib/utils';
-export function ExamPartTabs({ template, currentPartId, completedQuestions, onPartChange }) {
-    const getProgress = (part) => {
-        const total = part.endIndex - part.startIndex + 1;
-        let completed = 0;
-        for (let i = part.startIndex; i <= part.endIndex; i++)
-            if (completedQuestions.has(i))
-                completed++;
-        return { completed, total, percentage: total > 0 ? Math.round((completed / total) * 100) : 0 };
-    };
-    const getStatus = (part) => {
-        const progress = getProgress(part);
-        if (progress.completed === 0)
-            return 'not-started';
-        if (progress.completed === progress.total)
-            return 'completed';
-        return 'in-progress';
-    };
-    const isUnlocked = (partIndex) => template.parts.slice(0, partIndex).every((part) => getStatus(part) === 'completed');
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2 px-1", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-blue-600 shadow-sm", children: _jsx(Layers, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-bold text-gray-900", children: "C\u00E1c ph\u1EA7n thi" }), _jsxs("p", { className: "text-xs text-gray-500", children: [template.parts.length, " ph\u1EA7n"] })] })] }), _jsx("div", { className: "space-y-3", children: template.parts.map((part, index) => {
-                    const progress = getProgress(part);
-                    const status = getStatus(part);
-                    const active = part.id === currentPartId;
-                    const unlocked = isUnlocked(index);
-                    return (_jsx("button", { onClick: () => unlocked && onPartChange(part.id), disabled: !unlocked, className: cn('w-full rounded-xl border-2 p-4 text-left transition-all', active && unlocked ? 'border-transparent bg-blue-600 text-white shadow-lg' : 'border-gray-200 bg-white hover:border-gray-300', !unlocked && 'cursor-not-allowed opacity-60'), children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(StatusIcon, { status: status, active: active, unlocked: unlocked }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "truncate text-sm font-semibold", children: part.name }), _jsxs("span", { className: "rounded-full bg-black/10 px-2 py-0.5 text-xs font-bold", children: [progress.completed, "/", progress.total] })] }), part.description && _jsx("p", { className: cn('mt-1 text-xs', active ? 'text-blue-100' : 'text-gray-500'), children: part.description }), _jsx("div", { className: cn('mt-2 h-1.5 overflow-hidden rounded-full', active ? 'bg-white/20' : 'bg-gray-200'), children: _jsx("div", { className: cn('h-full rounded-full', active ? 'bg-white' : 'bg-green-500'), style: { width: `${progress.percentage}%` } }) })] })] }) }, part.id));
-                }) })] }));
-}
-function StatusIcon({ status, active, unlocked }) {
-    const className = cn('h-4 w-4', active ? 'text-white' : 'text-gray-500');
-    if (!unlocked)
-        return _jsx(Lock, { className: className });
-    if (status === 'completed')
-        return _jsx(CheckCircle2, { className: className });
-    if (status === 'in-progress')
-        return _jsx(Play, { className: className });
-    return _jsx(Circle, { className: className });
-}
-//# sourceMappingURL=ExamPartTabs.js.map
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{CheckCircle2 as s,Circle as r,Layers as a,Lock as l,Play as n}from"lucide-react";import{cn as d}from"../../shared/lib/utils";export function ExamPartTabs({template:s,currentPartId:r,completedQuestions:l,onPartChange:n}){const i=e=>{const t=e.endIndex-e.startIndex+1;let s=0;for(let t=e.startIndex;t<=e.endIndex;t++)l.has(t)&&s++;return{completed:s,total:t,percentage:t>0?Math.round(s/t*100):0}},o=e=>{const t=i(e);return 0===t.completed?"not-started":t.completed===t.total?"completed":"in-progress"};return t("div",{className:"space-y-4",children:[t("div",{className:"flex items-center gap-2 px-1",children:[e("div",{className:"flex h-8 w-8 items-center justify-center rounded-lg bg-blue-600 shadow-sm",children:e(a,{className:"h-4 w-4 text-white"})}),t("div",{children:[e("h3",{className:"text-sm font-bold text-gray-900",children:"Các phần thi"}),t("p",{className:"text-xs text-gray-500",children:[s.parts.length," phần"]})]})]}),e("div",{className:"space-y-3",children:s.parts.map((a,l)=>{const m=i(a),h=o(a),p=a.id===r,u=(x=l,s.parts.slice(0,x).every(e=>"completed"===o(e)));var x;return e("button",{onClick:()=>u&&n(a.id),disabled:!u,className:d("w-full rounded-xl border-2 p-4 text-left transition-all",p&&u?"border-transparent bg-blue-600 text-white shadow-lg":"border-gray-200 bg-white hover:border-gray-300",!u&&"cursor-not-allowed opacity-60"),children:t("div",{className:"flex items-start gap-3",children:[e(c,{status:h,active:p,unlocked:u}),t("div",{className:"min-w-0 flex-1",children:[t("div",{className:"flex items-center justify-between gap-2",children:[e("span",{className:"truncate text-sm font-semibold",children:a.name}),t("span",{className:"rounded-full bg-black/10 px-2 py-0.5 text-xs font-bold",children:[m.completed,"/",m.total]})]}),a.description&&e("p",{className:d("mt-1 text-xs",p?"text-blue-100":"text-gray-500"),children:a.description}),e("div",{className:d("mt-2 h-1.5 overflow-hidden rounded-full",p?"bg-white/20":"bg-gray-200"),children:e("div",{className:d("h-full rounded-full",p?"bg-white":"bg-green-500"),style:{width:`${m.percentage}%`}})})]})]})},a.id)})})]})}function c({status:t,active:a,unlocked:c}){const i=d("h-4 w-4",a?"text-white":"text-gray-500");return e(c?"completed"===t?s:"in-progress"===t?n:r:l,{className:i})}

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

@@ -7,4 +7,3 @@ interface ExamQuestionGridProps {
 }
 export declare function ExamQuestionGrid({ template, currentQuestionIndex, completedQuestions, onQuestionChange }: ExamQuestionGridProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=ExamQuestionGrid.d.ts.map

package/dist/components/exams/ExamQuestionGrid.js

@@ -1,19 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircle2, Circle, ListOrdered, Zap } from 'lucide-react';
-import { cn } from '../../shared/lib/utils';
-import { getPartByQuestionIndex, getSectionForQuestionIndex } from './exam-template.utils';
-export function ExamQuestionGrid({ template, currentQuestionIndex, completedQuestions, onQuestionChange }) {
-    return (_jsxs("div", { className: "space-y-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-blue-600 shadow-sm", children: _jsx(ListOrdered, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-bold text-gray-900", children: "Danh s\u00E1ch c\u00E2u h\u1ECFi" }), _jsx("p", { className: "text-xs text-gray-500", children: "Click \u0111\u1EC3 chuy\u1EC3n c\u00E2u" })] })] }), _jsx("div", { className: "rounded-xl border border-gray-200 bg-gradient-to-b from-gray-50 to-white p-4 shadow-inner", children: _jsx("div", { className: "grid max-h-[320px] grid-cols-6 justify-center gap-3 overflow-y-auto px-3 py-2", children: Array.from({ length: template.totalQuestions }, (_, index) => {
-                        const part = getPartByQuestionIndex(template, index);
-                        const section = part ? getSectionForQuestionIndex(part, index) : undefined;
-                        return _jsx("button", { onClick: () => onQuestionChange(index), className: buttonClass(index, currentQuestionIndex, completedQuestions), title: [`Câu ${index + 1}`, part?.name, section?.name].filter(Boolean).join(' - '), children: index + 1 }, index);
-                    }) }) }), _jsxs("div", { className: "rounded-xl border border-gray-100 bg-white p-3 shadow-sm", children: [_jsx("div", { className: "mb-2 text-xs font-bold uppercase tracking-wide text-gray-400", children: "Ch\u00FA th\u00EDch" }), _jsx(Legend, { icon: _jsx(Zap, { className: "h-3.5 w-3.5 text-white" }), label: "C\u00E2u \u0111ang l\u00E0m", className: "bg-blue-600" }), _jsx(Legend, { icon: _jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-white" }), label: "\u0110\u00E3 ho\u00E0n th\u00E0nh", className: "bg-green-500" }), _jsx(Legend, { icon: _jsx(Circle, { className: "h-3.5 w-3.5 text-gray-400" }), label: "Ch\u01B0a t\u1EA1o", className: "border bg-white" })] })] }));
-}
-function buttonClass(index, current, completed) {
-    return cn('h-8 w-8 rounded-lg border-2 text-xs font-semibold shadow-sm transition-all hover:scale-105', index === current && 'border-transparent bg-blue-600 text-white ring-2 ring-blue-400', index !== current && completed.has(index) && 'border-transparent bg-green-500 text-white', index !== current && !completed.has(index) && 'border-gray-200 bg-white text-gray-500 hover:bg-gray-50');
-}
-function Legend({ icon, label, className }) {
-    return _jsxs("div", { className: "mb-2 flex items-center gap-3", children: [_jsx("div", { className: cn('flex h-7 w-7 items-center justify-center rounded-lg', className), children: icon }), _jsx("span", { className: "text-xs font-medium text-gray-700", children: label })] });
-}
-//# sourceMappingURL=ExamQuestionGrid.js.map
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{CheckCircle2 as r,Circle as a,ListOrdered as s,Zap as n}from"lucide-react";import{cn as i}from"../../shared/lib/utils";import{getPartByQuestionIndex as l,getSectionForQuestionIndex as o}from"./exam-template.utils";export function ExamQuestionGrid({template:i,currentQuestionIndex:h,completedQuestions:m,onQuestionChange:u}){return t("div",{className:"space-y-5",children:[t("div",{className:"flex items-center gap-3",children:[e("div",{className:"flex h-9 w-9 items-center justify-center rounded-lg bg-blue-600 shadow-sm",children:e(s,{className:"h-4 w-4 text-white"})}),t("div",{children:[e("h3",{className:"text-sm font-bold text-gray-900",children:"Danh sách câu hỏi"}),e("p",{className:"text-xs text-gray-500",children:"Click để chuyển câu"})]})]}),e("div",{className:"rounded-xl border border-gray-200 bg-gradient-to-b from-gray-50 to-white p-4 shadow-inner",children:e("div",{className:"grid max-h-[320px] grid-cols-6 justify-center gap-3 overflow-y-auto px-3 py-2",children:Array.from({length:i.totalQuestions},(t,r)=>{const a=l(i,r),s=a?o(a,r):void 0;return e("button",{onClick:()=>u(r),className:c(r,h,m),title:[`Câu ${r+1}`,a?.name,s?.name].filter(Boolean).join(" - "),children:r+1},r)})})}),t("div",{className:"rounded-xl border border-gray-100 bg-white p-3 shadow-sm",children:[e("div",{className:"mb-2 text-xs font-bold uppercase tracking-wide text-gray-400",children:"Chú thích"}),e(d,{icon:e(n,{className:"h-3.5 w-3.5 text-white"}),label:"Câu đang làm",className:"bg-blue-600"}),e(d,{icon:e(r,{className:"h-3.5 w-3.5 text-white"}),label:"Đã hoàn thành",className:"bg-green-500"}),e(d,{icon:e(a,{className:"h-3.5 w-3.5 text-gray-400"}),label:"Chưa tạo",className:"border bg-white"})]})]})}function c(e,t,r){return i("h-8 w-8 rounded-lg border-2 text-xs font-semibold shadow-sm transition-all hover:scale-105",e===t&&"border-transparent bg-blue-600 text-white ring-2 ring-blue-400",e!==t&&r.has(e)&&"border-transparent bg-green-500 text-white",e!==t&&!r.has(e)&&"border-gray-200 bg-white text-gray-500 hover:bg-gray-50")}function d({icon:r,label:a,className:s}){return t("div",{className:"mb-2 flex items-center gap-3",children:[e("div",{className:i("flex h-7 w-7 items-center justify-center rounded-lg",s),children:r}),e("span",{className:"text-xs font-medium text-gray-700",children:a})]})}

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

@@ -8,4 +8,3 @@ export interface ExamQuestionsPageContainerProps {
     onNavigate?: (href: string) => void;
 }
 export declare function ExamQuestionsPageContainer(props: ExamQuestionsPageContainerProps): import("react").JSX.Element;
-//# sourceMappingURL=ExamQuestionsPageContainer.d.ts.map

package/dist/components/exams/ExamQuestionsPageContainer.js

@@ -1,91 +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 || '' })) };
-}
-//# sourceMappingURL=ExamQuestionsPageContainer.js.map
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Suspense as t,useEffect as i,useMemo as n,useState as s}from"react";import{ArrowLeft as r,Hash as l,Loader2 as o,Save as m}from"lucide-react";import{Badge as c}from"../../components/ui/badge";import{Button as d}from"../../components/ui/button";import{useToast as u}from"../../shared/lib/hooks/useToast";import{useT as x}from"../../shared/lib/i18n";import{ExamCreator as h}from"./ExamCreator";function p({api:t,examId:o,listPath:p="/manage/exams",onNavigate:b}){const N=x(),{error:y,success:w}=u(),[k,j]=s(null),[E,q]=s([]),[C,I]=s({}),[P,Q]=s(!0),A=e=>{b?b(e):"undefined"!=typeof window&&(window.location.href=e)};i(()=>{let e=!1;return Q(!0),Promise.all([t.getExam(o),t.getQuestions?.(o)]).then(([a,t])=>{var i;e||(j(v(a)),q((void 0===(i=t)?void 0:v(i))??[]))}).catch(e=>y({message:N("admin.exams.questions.error"),description:e instanceof Error?e.message:N("admin.exams.questions.loadError")})).finally(()=>!e&&Q(!1)),()=>{e=!0}},[t,o,y,N]);const L=n(()=>k?.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||""}))}}(k.template):null,[k?.template]);return P?e(f,{label:N("admin.exams.questions.loading")}):k&&L?a("div",{className:"-m-4 flex h-[calc(100vh-4rem)] flex-col overflow-hidden md:-m-6 md:-mb-10",children:[a("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:()=>A(p),className:"h-8 w-8",children:e(r,{className:"h-4 w-4"})}),e("div",{className:"min-w-0 flex-1",children:a("h1",{className:"truncate text-lg font-semibold tracking-tight text-gray-900",children:[k.name,k.code&&a(c,{variant:"outline",className:"ml-2",children:[e(l,{className:"mr-0.5 h-3 w-3"}),k.code]})]})}),a(d,{onClick:()=>A(p),className:"gap-2 bg-blue-600 hover:bg-blue-700",size:"sm",children:[e(m,{className:"h-4 w-4"}),"Thoát"]})]}),e(h,{template:L,examId:o,examDifficulty:k.difficulty,examLevel:k.examLevel??void 0,subjectId:k.subject?.id,initialQuestions:E,onSaveQuestion:t.saveQuestion,onSave:async e=>{L&&(await(t.saveExam?.({examId:o,questions:e.questions,template:L,examData:e})),A(p))},onCancel:()=>A(p),onPartAudioChange:t.updatePartAudio?async(e,a)=>{if(!L)return;const i=C[e];I(t=>({...t,[e]:a}));try{await(t.updatePartAudio?.({examId:o,partId:e,audioUrl:a,template:L})),w({message:N("admin.exams.partEditor.audioFile")})}catch(a){I(a=>{const t={...a};return void 0===i?delete t[e]:t[e]=i,t}),y({message:N("admin.exams.questions.error"),description:a instanceof Error?a.message:void 0})}}:void 0,partAudioOverrides:C})]}):e(g,{onBack:()=>A(p),label:N("admin.exams.questions.noTemplate")})}export function ExamQuestionsPageContainer(a){return e(t,{fallback:e(f,{label:"Loading..."}),children:e(p,{...a})})}function f({label:t}){return e("div",{className:"flex h-screen items-center justify-center",children:a("div",{className:"flex flex-col items-center gap-3",children:[e(o,{className:"h-8 w-8 animate-spin text-blue-600"}),e("p",{className:"text-sm text-gray-600",children:t})]})})}function g({label:t,onBack:i}){return e("div",{className:"flex h-screen items-center justify-center",children:a("div",{className:"text-center",children:[e("p",{className:"text-lg text-gray-900",children:t}),e(d,{onClick:i,className:"mt-4",children:"Quay lại"})]})})}function v(e){return"object"==typeof e&&null!==e&&"data"in e?e.data:e}

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

@@ -7,4 +7,3 @@ export interface PartAudioUploaderProps {
     isReadOnly?: boolean;
 }
 export declare function PartAudioUploader({ partId, partName, audioUrl, onAudioChange, examId, isReadOnly }: PartAudioUploaderProps): import("react").JSX.Element;
-//# sourceMappingURL=PartAudioUploader.d.ts.map

package/dist/components/exams/PartAudioUploader.js

@@ -1,10 +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 }) })] }) })] }));
-}
-//# sourceMappingURL=PartAudioUploader.js.map
+"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.d.ts

@@ -6,4 +6,3 @@ export interface TemplateSelectorProps {
     onCancel?: () => void;
 }
 export declare function TemplateSelector({ api, onTemplateSelect, onCancel }: TemplateSelectorProps): import("react").JSX.Element;
-//# sourceMappingURL=TemplateSelector.d.ts.map