@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.29

package/dist/api/result-review.js

@@ -1 +1,62 @@
-import{API_BASE_URL as e,API_ENDPOINTS as t}from"../shared/constants/ApiConstant";export function createResultReviewApi(r={}){const i=function({baseUrl:t=e??"",fetcher:n=fetch,headers:a}){return async function(e,r){const i=await n(`${t}${e}`,{credentials:"include",...r,headers:{"Content-Type":"application/json",...a,...r?.headers}});if(!i.ok)throw new Error(await o(i));return i.json()}}(r);return{getDetailedResult:(e,a)=>i(n(t.STUDENT.RESULT_DETAIL(e),a)),getAttempt:(e,a)=>i(n(t.STUDENT.ATTEMPT_DETAIL(e),a)),exportPdf:async(n,i)=>{const s=await(r.fetcher??fetch)(`${r.baseUrl??e??""}${t.STUDENT.EXPORT_NATIVE_PDF}`,{method:"POST",credentials:"include",headers:{"Content-Type":"application/json",...r.headers},body:JSON.stringify({attemptId:n,examType:i})});if(!s.ok)throw new Error(await o(s));return{blob:await s.blob(),filename:a(s.headers,n)}}}}export function createMockResultReviewApi(e){return{getDetailedResult:async()=>e.detail,getAttempt:async()=>e.attempt??{id:e.detail.id},exportPdf:async()=>({blob:new Blob(["mock pdf"],{type:"application/pdf"}),filename:`result-${e.detail.id}.pdf`})}}function n(e,t){if(!t)return e;const n=e.includes("?")?"&":"?";return`${e}${n}token=${encodeURIComponent(t)}`}function a(e,t){const n=e.get("content-disposition")??"";return n.match(/filename="?([^"]+)"?/)?.[1]??`result-${t.slice(0,8)}.pdf`}async function o(e){const t=await e.json().catch(()=>{});return"object"==typeof t&&null!==t&&"message"in t&&"string"==typeof t.message?t.message:e.statusText}export{ResultTemplateType,ReviewGradingStatus}from"./result-review.types";
+import { API_BASE_URL, API_ENDPOINTS } from '../shared/constants/ApiConstant';
+export function createResultReviewApi(options = {}) {
+    const request = createRequest(options);
+    return {
+        getDetailedResult: (attemptId, token) => request(withToken(API_ENDPOINTS.STUDENT.RESULT_DETAIL(attemptId), token)),
+        getAttempt: (attemptId, token) => request(withToken(API_ENDPOINTS.STUDENT.ATTEMPT_DETAIL(attemptId), token)),
+        exportPdf: async (attemptId, examType) => {
+            const response = await (options.fetcher ?? fetch)(`${options.baseUrl ?? API_BASE_URL ?? ''}${API_ENDPOINTS.STUDENT.EXPORT_NATIVE_PDF}`, {
+                method: 'POST',
+                credentials: 'include',
+                headers: { 'Content-Type': 'application/json', ...options.headers },
+                body: JSON.stringify({ attemptId, examType }),
+            });
+            if (!response.ok)
+                throw new Error(await readErrorMessage(response));
+            return { blob: await response.blob(), filename: readFilename(response.headers, attemptId) };
+        },
+    };
+}
+export function createMockResultReviewApi(seed) {
+    return {
+        getDetailedResult: async () => seed.detail,
+        getAttempt: async () => seed.attempt ?? { id: seed.detail.id },
+        exportPdf: async () => ({
+            blob: new Blob(['mock pdf'], { type: 'application/pdf' }),
+            filename: `result-${seed.detail.id}.pdf`,
+        }),
+    };
+}
+function createRequest({ baseUrl = API_BASE_URL ?? '', fetcher = fetch, headers, }) {
+    return async function request(path, init) {
+        const response = await fetcher(`${baseUrl}${path}`, {
+            credentials: 'include',
+            ...init,
+            headers: { 'Content-Type': 'application/json', ...headers, ...init?.headers },
+        });
+        if (!response.ok)
+            throw new Error(await readErrorMessage(response));
+        return response.json();
+    };
+}
+function withToken(path, token) {
+    if (!token)
+        return path;
+    const separator = path.includes('?') ? '&' : '?';
+    return `${path}${separator}token=${encodeURIComponent(token)}`;
+}
+function readFilename(headers, attemptId) {
+    const disposition = headers.get('content-disposition') ?? '';
+    return disposition.match(/filename="?([^"]+)"?/)?.[1] ?? `result-${attemptId.slice(0, 8)}.pdf`;
+}
+async function readErrorMessage(response) {
+    const body = await response.json().catch(() => undefined);
+    if (typeof body === 'object' &&
+        body !== null &&
+        'message' in body &&
+        typeof body.message === 'string') {
+        return body.message;
+    }
+    return response.statusText;
+}
+export { ResultTemplateType, ReviewGradingStatus } from './result-review.types';

package/dist/api/result-review.types.js

@@ -1 +1,16 @@
-export var ResultTemplateType;!function(E){E.SPEAKING="SPEAKING"}(ResultTemplateType||(ResultTemplateType={}));export var ReviewGradingStatus;!function(E){E.PENDING="PENDING",E.QUEUED="QUEUED",E.PROCESSING="PROCESSING",E.AUTO_GRADED="AUTO_GRADED",E.GRADED="GRADED",E.COMPLETED="COMPLETED",E.FAILED="FAILED",E.MANUAL_REVIEW="MANUAL_REVIEW",E.NOT_ANSWERED="NOT_ANSWERED"}(ReviewGradingStatus||(ReviewGradingStatus={}));
+export var ResultTemplateType;
+(function (ResultTemplateType) {
+    ResultTemplateType["SPEAKING"] = "SPEAKING";
+})(ResultTemplateType || (ResultTemplateType = {}));
+export var ReviewGradingStatus;
+(function (ReviewGradingStatus) {
+    ReviewGradingStatus["PENDING"] = "PENDING";
+    ReviewGradingStatus["QUEUED"] = "QUEUED";
+    ReviewGradingStatus["PROCESSING"] = "PROCESSING";
+    ReviewGradingStatus["AUTO_GRADED"] = "AUTO_GRADED";
+    ReviewGradingStatus["GRADED"] = "GRADED";
+    ReviewGradingStatus["COMPLETED"] = "COMPLETED";
+    ReviewGradingStatus["FAILED"] = "FAILED";
+    ReviewGradingStatus["MANUAL_REVIEW"] = "MANUAL_REVIEW";
+    ReviewGradingStatus["NOT_ANSWERED"] = "NOT_ANSWERED";
+})(ReviewGradingStatus || (ReviewGradingStatus = {}));

package/dist/components/CueCardEditor.js

@@ -1 +1,58 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useEffect as i,useState as o}from"react";import{useEditor as r,EditorContent as n}from"@tiptap/react";import l from"@tiptap/starter-kit";export function CueCardEditor({value:a,onChange:d,label:s}){const[c,g]=o(!1),b=r({immediatelyRender:!1,extensions:[l],content:a||"\n  <p><strong>Describe a topic you know well.</strong></p>\n  <p>You should say:</p>\n  <ul>\n    <li>What it is</li>\n    <li>When you first learned about it</li>\n    <li>Why you find it interesting</li>\n  </ul>\n  <p><em>and explain how it has impacted your life.</em></p>\n",onUpdate:({editor:e})=>{d(e.getHTML())},editorProps:{attributes:{class:"tiptap-editor focus:outline-none min-h-[250px] p-4 bg-white border border-gray-200 rounded-b-md"}}});return i(()=>{g(!0)},[]),i(()=>{b&&void 0!==a&&a!==b.getHTML()&&setTimeout(()=>b.commands.setContent(a),0)},[a,b]),c?t("div",{className:"w-full flex flex-col gap-4",children:[s&&e("div",{children:s}),t("div",{className:"flex flex-col border border-gray-300 rounded-md shadow-sm",children:[t("div",{className:"flex flex-wrap gap-2 p-2 relative bg-gray-50 border-b border-gray-300 rounded-t-md",children:[e("button",{type:"button",onClick:()=>b?.chain().focus().toggleBold().run(),disabled:!b?.can().chain().focus().toggleBold().run(),className:"px-3 py-1 rounded text-sm font-bold "+(b?.isActive("bold")?"bg-blue-500 text-white":"bg-white border text-gray-700 hover:bg-gray-100"),children:"B"}),e("button",{type:"button",onClick:()=>b?.chain().focus().toggleItalic().run(),disabled:!b?.can().chain().focus().toggleItalic().run(),className:"px-3 py-1 rounded text-sm italic "+(b?.isActive("italic")?"bg-blue-500 text-white":"bg-white border text-gray-700 hover:bg-gray-100"),children:"I"}),e("div",{className:"w-px h-6 bg-gray-300 mx-1 self-center"}),e("button",{type:"button",onClick:()=>b?.chain().focus().toggleHeading({level:1}).run(),className:"px-3 py-1 rounded text-sm font-bold "+(b?.isActive("heading",{level:1})?"bg-blue-500 text-white":"bg-white border text-gray-700 hover:bg-gray-100"),children:"H1"}),e("button",{type:"button",onClick:()=>b?.chain().focus().toggleHeading({level:2}).run(),className:"px-3 py-1 rounded text-sm font-bold "+(b?.isActive("heading",{level:2})?"bg-blue-500 text-white":"bg-white border text-gray-700 hover:bg-gray-100"),children:"H2"}),e("button",{type:"button",onClick:()=>b?.chain().focus().toggleHeading({level:3}).run(),className:"px-3 py-1 rounded text-sm font-bold "+(b?.isActive("heading",{level:3})?"bg-blue-500 text-white":"bg-white border text-gray-700 hover:bg-gray-100"),children:"H3"}),e("div",{className:"w-px h-6 bg-gray-300 mx-1 self-center"}),e("button",{type:"button",onClick:()=>b?.chain().focus().toggleBulletList().run(),className:"px-3 py-1 rounded text-sm "+(b?.isActive("bulletList")?"bg-blue-500 text-white":"bg-white border text-gray-700 hover:bg-gray-100"),children:"• List"}),e("button",{type:"button",onClick:()=>b?.chain().focus().toggleOrderedList().run(),className:"px-3 py-1 rounded text-sm "+(b?.isActive("orderedList")?"bg-blue-500 text-white":"bg-white border text-gray-700 hover:bg-gray-100"),children:"1. List"})]}),e(n,{editor:b})]})]}):null}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+const DEFAULT_CONTENT = `
+  <p><strong>Describe a topic you know well.</strong></p>
+  <p>You should say:</p>
+  <ul>
+    <li>What it is</li>
+    <li>When you first learned about it</li>
+    <li>Why you find it interesting</li>
+  </ul>
+  <p><em>and explain how it has impacted your life.</em></p>
+`;
+export function CueCardEditor({ value, onChange, label, }) {
+    const [mounted, setMounted] = useState(false);
+    const editor = useEditor({
+        immediatelyRender: false,
+        extensions: [StarterKit],
+        content: value || DEFAULT_CONTENT,
+        onUpdate: ({ editor }) => {
+            onChange(editor.getHTML());
+        },
+        editorProps: {
+            attributes: {
+                class: 'tiptap-editor focus:outline-none min-h-[250px] p-4 bg-white border border-gray-200 rounded-b-md',
+            },
+        },
+    });
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    // Sync value if changed from outside (e.g., initial load)
+    useEffect(() => {
+        if (editor && value !== undefined && value !== editor.getHTML()) {
+            // Small timeout to prevent update loops
+            setTimeout(() => editor.commands.setContent(value), 0);
+        }
+    }, [value, editor]);
+    if (!mounted)
+        return null;
+    return (_jsxs("div", { className: "w-full flex flex-col gap-4", children: [label && _jsx("div", { children: label }), _jsxs("div", { className: "flex flex-col border border-gray-300 rounded-md shadow-sm", children: [_jsxs("div", { className: "flex flex-wrap gap-2 p-2 relative bg-gray-50 border-b border-gray-300 rounded-t-md", children: [_jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleBold().run(), disabled: !editor?.can().chain().focus().toggleBold().run(), className: `px-3 py-1 rounded text-sm font-bold ${editor?.isActive('bold')
+                                    ? 'bg-blue-500 text-white'
+                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "B" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleItalic().run(), disabled: !editor?.can().chain().focus().toggleItalic().run(), className: `px-3 py-1 rounded text-sm italic ${editor?.isActive('italic')
+                                    ? 'bg-blue-500 text-white'
+                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "I" }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1 self-center" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(), className: `px-3 py-1 rounded text-sm font-bold ${editor?.isActive('heading', { level: 1 })
+                                    ? 'bg-blue-500 text-white'
+                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "H1" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(), className: `px-3 py-1 rounded text-sm font-bold ${editor?.isActive('heading', { level: 2 })
+                                    ? 'bg-blue-500 text-white'
+                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "H2" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleHeading({ level: 3 }).run(), className: `px-3 py-1 rounded text-sm font-bold ${editor?.isActive('heading', { level: 3 })
+                                    ? 'bg-blue-500 text-white'
+                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "H3" }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1 self-center" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleBulletList().run(), className: `px-3 py-1 rounded text-sm ${editor?.isActive('bulletList')
+                                    ? 'bg-blue-500 text-white'
+                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "\u2022 List" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleOrderedList().run(), className: `px-3 py-1 rounded text-sm ${editor?.isActive('orderedList')
+                                    ? 'bg-blue-500 text-white'
+                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "1. List" })] }), _jsx(EditorContent, { editor: editor })] })] }));
+}

package/dist/components/common/ResolvedImage.js

@@ -1 +1,15 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{useState as r}from"react";import{ImageOff as s}from"lucide-react";import{Skeleton as t}from"../../components/ui/skeleton";import{usePresignedFileUrl as a}from"../../shared/lib/hooks/usePresignedFileUrl";export function ResolvedImage({src:o,fallback:i,showLoadingState:m=!0,className:c,alt:l="",...n}){const{previewUrl:f,isLoading:d,error:g}=a(o),[p,u]=r(!1);return d&&m?i??e(t,{className:c}):g||!f&&!o||p?i??e("div",{className:`flex items-center justify-center bg-gray-100 ${c}`,children:e(s,{className:"h-8 w-8 text-gray-400"})}):e("img",{src:f||o,alt:l,className:c,onError:()=>u(!0),...n})}
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ImageOff } from 'lucide-react';
+import { Skeleton } from '../../components/ui/skeleton';
+import { usePresignedFileUrl } from '../../shared/lib/hooks/usePresignedFileUrl';
+export function ResolvedImage({ src, fallback, showLoadingState = true, className, alt = '', ...props }) {
+    const { previewUrl, isLoading, error } = usePresignedFileUrl(src);
+    const [hasError, setHasError] = useState(false);
+    if (isLoading && showLoadingState)
+        return fallback ?? _jsx(Skeleton, { className: className });
+    if (error || (!previewUrl && !src) || hasError)
+        return fallback ?? _jsx("div", { className: `flex items-center justify-center bg-gray-100 ${className}`, children: _jsx(ImageOff, { className: "h-8 w-8 text-gray-400" }) });
+    return _jsx("img", { src: previewUrl || src, alt: alt, className: className, onError: () => setHasError(true), ...props });
+}

package/dist/components/exams/CompletionDialog.js

@@ -1 +1,8 @@
-"use client";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{AlertDialog as t,AlertDialogAction as h,AlertDialogCancel as c,AlertDialogContent as o,AlertDialogDescription as i,AlertDialogFooter as r,AlertDialogHeader as l,AlertDialogTitle as s}from"../../components/ui/alert-dialog";import{AlertTriangle as a,CheckCircle as d}from"lucide-react";export function CompletionDialog({open:m,onOpenChange:p,completedCount:g,totalQuestions:u,onConfirm:x}){const C=g===u;return e(t,{open:m,onOpenChange:p,children:n(o,{children:[n(l,{children:[n(s,{className:"flex items-center gap-2",children:[C?e(d,{className:"h-5 w-5 text-green-500"}):e(a,{className:"h-5 w-5 text-amber-500"}),C?"Lưu đề thi thành công":"Đề thi chưa hoàn thành"]}),e(i,{asChild:!0,children:n("div",{className:"space-y-2 text-sm text-muted-foreground",children:[n("p",{children:["Bạn đã hoàn thành ",n("strong",{children:[g,"/",u]})," câu hỏi."]}),C?e("p",{children:"Đề thi đã sẵn sàng để gán vào phòng thi."}):n("p",{children:["Còn ",e("strong",{children:u-g})," câu chưa được tạo. Bạn có thể tiếp tục tạo sau hoặc thoát và quay lại sau."]})]})})]}),n(r,{children:[e(c,{children:C?"Tiếp tục chỉnh sửa":"Tiếp tục tạo"}),e(h,{onClick:x,className:C?"bg-green-600 hover:bg-green-700":"bg-blue-600 hover:bg-blue-700",children:C?"Xác nhận":"Lưu và thoát"})]})]})})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '../../components/ui/alert-dialog';
+import { AlertTriangle, CheckCircle } from 'lucide-react';
+export function CompletionDialog({ open, onOpenChange, completedCount, totalQuestions, onConfirm, }) {
+    const isCompleted = completedCount === totalQuestions;
+    return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsxs(AlertDialogTitle, { className: "flex items-center gap-2", children: [isCompleted ? (_jsx(CheckCircle, { className: "h-5 w-5 text-green-500" })) : (_jsx(AlertTriangle, { className: "h-5 w-5 text-amber-500" })), isCompleted ? 'Lưu đề thi thành công' : 'Đề thi chưa hoàn thành'] }), _jsx(AlertDialogDescription, { asChild: true, children: _jsxs("div", { className: "space-y-2 text-sm text-muted-foreground", children: [_jsxs("p", { children: ["B\u1EA1n \u0111\u00E3 ho\u00E0n th\u00E0nh ", _jsxs("strong", { children: [completedCount, "/", totalQuestions] }), " c\u00E2u h\u1ECFi."] }), isCompleted ? (_jsx("p", { children: "\u0110\u1EC1 thi \u0111\u00E3 s\u1EB5n s\u00E0ng \u0111\u1EC3 g\u00E1n v\u00E0o ph\u00F2ng thi." })) : (_jsxs("p", { children: ["C\u00F2n ", _jsx("strong", { children: totalQuestions - completedCount }), " c\u00E2u ch\u01B0a \u0111\u01B0\u1EE3c t\u1EA1o. B\u1EA1n c\u00F3 th\u1EC3 ti\u1EBFp t\u1EE5c t\u1EA1o sau ho\u1EB7c tho\u00E1t v\u00E0 quay l\u1EA1i sau."] }))] }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: isCompleted ? 'Tiếp tục chỉnh sửa' : 'Tiếp tục tạo' }), _jsx(AlertDialogAction, { onClick: onConfirm, className: isCompleted ? 'bg-green-600 hover:bg-green-700' : 'bg-blue-600 hover:bg-blue-700', children: isCompleted ? 'Xác nhận' : 'Lưu và thoát' })] })] }) }));
+}

package/dist/components/exams/CreateExamInfoForm.js

@@ -1 +1,84 @@
-"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as a,useEffect as n,useRef as o}from"react";import{Controller as l}from"react-hook-form";import{FileText as i,Loader2 as t}from"lucide-react";import{Card as d,CardContent as c,CardDescription as m,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 N}from"../../components/ui/select";import{Textarea as v}from"../../components/ui/textarea";import{useT as y}from"../../shared/lib/i18n";const C=["EASY","MEDIUM","HARD"];export function CreateExamInfoForm({form:f,examLevels:S,isLoadingExamLevels:w=!1,texts:M}){const q=y(),D=o(!1),I=f.watch("name"),V=o(f.setValue);V.current=f.setValue;const j=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),[]);n(()=>{D.current||V.current("code",I?j(I):"",{shouldValidate:!1})},[I,j]);const A=e=>Boolean(f.formState.errors[e]),H=e=>f.formState.errors[e]?.message;return r(d,{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"}),M?.basicInfo??q("admin.exams.form.basicInfo")]}),e(m,{children:M?.requiredHint??q("admin.exams.form.requiredHint")})]}),e(c,{className:"space-y-4 pt-6",children:r("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:[e(P,{label:M?.nameLabel??q("admin.exams.form.nameLabel"),error:H("name"),required:!0,hint:q("admin.exams.form.charCount",{count:String(I?.length||0),max:String(255)}),children:e(h,{id:"name",maxLength:255,className:A("name")?"border-red-500 focus:ring-red-500":"",placeholder:M?.namePlaceholder??q("admin.exams.form.namePlaceholder"),...f.register("name")})}),e(P,{label:M?.codeLabel??q("admin.exams.form.codeLabel"),error:H("code"),required:!0,hint:q("admin.exams.form.charCount",{count:String(f.watch("code")?.length||0),max:String(100)}),children:e(L,{form:f,hasError:A("code"),placeholder:M?.codePlaceholder??q("admin.exams.form.codePlaceholder"),onManualEdit:e=>{D.current=e.length>0}})}),e(P,{label:q("admin.exams.form.totalPoints"),error:H("totalPoints"),required:!0,children:e(l,{name:"totalPoints",control:f.control,render:({field:r})=>e(h,{id:"totalPoints",type:"text",inputMode:"numeric",placeholder:"100",value:r.value,onBlur:r.onBlur,onChange:e=>r.onChange(e.target.value.replace(/[^0-9]/g,"")),className:A("totalPoints")?"border-red-500 focus:ring-red-500":""})})}),e(P,{label:q("admin.exams.form.level"),error:H("level"),children:e(l,{name:"level",control:f.control,render:({field:a})=>r(p,{value:a.value,onValueChange:a.onChange,disabled:w,children:[e(b,{className:A("level")?"border-red-500 focus:ring-red-500":"",children:e(N,{placeholder:q(w?"admin.exams.form.loading":"admin.exams.form.levelPlaceholder")})}),e(g,{children:w?e("div",{className:"flex items-center justify-center p-4",children:e(t,{className:"h-4 w-4 animate-spin text-gray-400"})}):S.map(r=>e(x,{value:r.id,children:r.name},r.id))})]})})}),e(P,{label:q("admin.exams.form.difficulty"),error:H("difficulty"),children:e(l,{name:"difficulty",control:f.control,render:({field:a})=>r(p,{value:a.value,onValueChange:a.onChange,children:[e(b,{className:A("difficulty")?"border-red-500 focus:ring-red-500":"",children:e(N,{placeholder:q("admin.exams.form.difficultyPlaceholder")})}),e(g,{children:C.map(r=>e(x,{value:r,children:E(r,q)},r))})]})})}),e(P,{label:M?.durationLabel??q("admin.exams.form.duration"),error:H("duration"),children:e(h,{id:"duration",type:"number",inputMode:"numeric",min:5,max:300,placeholder:"45",className:A("duration")?"border-red-500 focus:ring-red-500":"",...f.register("duration")})}),e(P,{className:"md:col-span-2",label:M?.descriptionLabel??q("admin.exams.form.description"),error:H("description"),hint:q("admin.exams.form.charCount",{count:String(f.watch("description")?.length||0),max:String(2e3)}),children:e(v,{id:"description",rows:3,maxLength:2e3,placeholder:M?.descriptionPlaceholder??q("admin.exams.form.descriptionPlaceholder"),className:A("description")?"border-red-500 focus:ring-red-500":"",...f.register("description")})})]})})]})}function L({form:r,hasError:a,placeholder:n,onManualEdit:o}){const{onChange:l,...i}=r.register("code");return e(h,{id:"code",maxLength:100,className:a?"border-red-500 focus:ring-red-500":"",placeholder:n,...i,onChange:e=>{l(e),o(e.target.value)}})}function P({label:a,error:n,hint:o,required:l,className:i,children:t}){return r("div",{className:i,children:[r(f,{children:[a," ",l&&e("span",{className:"text-red-500",children:"*"})]}),e("div",{className:"mt-1",children:t}),n&&e("p",{className:"mt-1 text-sm text-red-600",children:n}),o&&e("p",{className:"mt-1 text-xs text-gray-500",children:o})]})}function E(e,r){switch(e){case"EASY":return r("admin.exams.form.easy");case"MEDIUM":return r("admin.exams.form.medium");case"HARD":return r("admin.exams.form.hard");default:return e}}
+'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';
+const MAX_CODE_LENGTH = 100;
+const MAX_NAME_LENGTH = 255;
+const MAX_DESCRIPTION_LENGTH = 2000;
+const MIN_DURATION_MINUTES = 5;
+const MAX_DURATION_MINUTES = 300;
+const EXAM_DIFFICULTY_OPTIONS = ['EASY', 'MEDIUM', 'HARD'];
+export function CreateExamInfoForm({ form, examLevels, isLoadingExamLevels = false, texts, }) {
+    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) => {
+        return 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, MAX_CODE_LENGTH);
+    }, []);
+    useEffect(() => {
+        if (isCodeManuallyEdited.current) {
+            return;
+        }
+        setValueRef.current('code', nameValue ? generateCodeFromName(nameValue) : '', {
+            shouldValidate: false,
+        });
+    }, [nameValue, generateCodeFromName]);
+    const hasError = (field) => Boolean(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" }), texts?.basicInfo ?? t('admin.exams.form.basicInfo')] }), _jsx(CardDescription, { children: texts?.requiredHint ?? t('admin.exams.form.requiredHint') })] }), _jsx(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: texts?.nameLabel ?? t('admin.exams.form.nameLabel'), error: error('name'), required: true, hint: t('admin.exams.form.charCount', {
+                                count: String(nameValue?.length || 0),
+                                max: String(MAX_NAME_LENGTH),
+                            }), children: _jsx(Input, { id: "name", maxLength: MAX_NAME_LENGTH, className: hasError('name') ? 'border-red-500 focus:ring-red-500' : '', placeholder: texts?.namePlaceholder ?? t('admin.exams.form.namePlaceholder'), ...form.register('name') }) }), _jsx(Field, { label: texts?.codeLabel ?? t('admin.exams.form.codeLabel'), error: error('code'), required: true, hint: t('admin.exams.form.charCount', {
+                                count: String(form.watch('code')?.length || 0),
+                                max: String(MAX_CODE_LENGTH),
+                            }), children: _jsx(CodeInput, { form: form, hasError: hasError('code'), placeholder: texts?.codePlaceholder ?? t('admin.exams.form.codePlaceholder'), 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", type: "text", inputMode: "numeric", placeholder: "100", value: field.value, onBlur: field.onBlur, onChange: (event) => field.onChange(event.target.value.replace(/[^0-9]/g, '')), className: hasError('totalPoints') ? 'border-red-500 focus:ring-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, { className: hasError('level') ? 'border-red-500 focus:ring-red-500' : '', children: _jsx(SelectValue, { placeholder: isLoadingExamLevels
+                                                    ? t('admin.exams.form.loading')
+                                                    : t('admin.exams.form.levelPlaceholder') }) }), _jsx(SelectContent, { children: isLoadingExamLevels ? (_jsx("div", { className: "flex items-center justify-center p-4", children: _jsx(Loader2, { className: "h-4 w-4 animate-spin text-gray-400" }) })) : (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, { className: hasError('difficulty') ? 'border-red-500 focus:ring-red-500' : '', children: _jsx(SelectValue, { placeholder: t('admin.exams.form.difficultyPlaceholder') }) }), _jsx(SelectContent, { children: EXAM_DIFFICULTY_OPTIONS.map((difficulty) => (_jsx(SelectItem, { value: difficulty, children: getDifficultyLabel(difficulty, t) }, difficulty))) })] })) }) }), _jsx(Field, { label: texts?.durationLabel ?? t('admin.exams.form.duration'), error: error('duration'), children: _jsx(Input, { id: "duration", type: "number", inputMode: "numeric", min: MIN_DURATION_MINUTES, max: MAX_DURATION_MINUTES, placeholder: "45", className: hasError('duration') ? 'border-red-500 focus:ring-red-500' : '', ...form.register('duration') }) }), _jsx(Field, { className: "md:col-span-2", label: texts?.descriptionLabel ?? t('admin.exams.form.description'), error: error('description'), hint: t('admin.exams.form.charCount', {
+                                count: String(form.watch('description')?.length || 0),
+                                max: String(MAX_DESCRIPTION_LENGTH),
+                            }), children: _jsx(Textarea, { id: "description", rows: 3, maxLength: MAX_DESCRIPTION_LENGTH, placeholder: texts?.descriptionPlaceholder ?? t('admin.exams.form.descriptionPlaceholder'), className: hasError('description') ? 'border-red-500 focus:ring-red-500' : '', ...form.register('description') }) })] }) })] }));
+}
+function CodeInput({ form, hasError, placeholder, onManualEdit, }) {
+    const { onChange, ...register } = form.register('code');
+    return (_jsx(Input, { id: "code", maxLength: MAX_CODE_LENGTH, className: hasError ? 'border-red-500 focus:ring-red-500' : '', placeholder: placeholder, ...register, onChange: (event) => {
+            onChange(event);
+            onManualEdit(event.target.value);
+        } }));
+}
+function Field({ label, error, hint, required, className, children, }) {
+    return (_jsxs("div", { className: className, 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 }), hint && _jsx("p", { className: "mt-1 text-xs text-gray-500", children: hint })] }));
+}
+function getDifficultyLabel(difficulty, t) {
+    switch (difficulty) {
+        case 'EASY':
+            return t('admin.exams.form.easy');
+        case 'MEDIUM':
+            return t('admin.exams.form.medium');
+        case 'HARD':
+            return t('admin.exams.form.hard');
+        default:
+            return difficulty;
+    }
+}

package/dist/components/exams/CreateExamPageContainer.js

@@ -1 +1,110 @@
-"use client";import{jsx as e,jsxs as t,Fragment as a}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 l}from"react-hook-form";import{ArrowLeft as o,ArrowRight as m,LayoutTemplate as c,Loader2 as d,X as p}from"lucide-react";import{Button as h}from"../../components/ui/button";import{Card as u,CardContent as x,CardHeader as f,CardTitle as g}from"../../components/ui/card";import{Dialog as b,DialogContent as v,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 T}from"../../shared/lib/i18n";import{buildExamTemplatePayload as E}from"../../api/exam-create";import{CreateExamInfoForm as k}from"./CreateExamInfoForm";import{TemplateSelector as D}from"./TemplateSelector";import{examFormSchema as L}from"./create-exam.validation";function I({api:n,listPath:c="/manage/exams",onNavigate:p,texts:u}){const x=T(),{success:f,warning:g,error:I}=C(),[S,M]=r(!1),[z,P]=r(null),[q,O]=r([]),[F,H]=r(!1),[R,U]=r(!1),V=l({resolver:s(L),mode:"onBlur",defaultValues:{code:"",name:"",level:"",difficulty:"",duration:"",totalPoints:"100",description:""}});i(()=>{if(!n.getExamLevels)return;let e=!1;return H(!0),n.getExamLevels().then(t=>{e||O(t)}).catch(e=>I({message:x("admin.exams.questions.error"),description:e instanceof Error?e.message:void 0})).finally(()=>{e||H(!1)}),()=>{e=!0}},[n,I,x]);const Y=e=>{p?p(e):"undefined"!=typeof window&&(window.location.href=e)},$=V.handleSubmit(async e=>{if(z){U(!0);try{const a=function(e){return"object"==typeof e&&null!==e&&"data"in e}(t=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:z.id}))?t.data:t;await n.updateExamTemplate({examId:a.id,template:E(z)}),f({message:x("admin.exams.create.success"),description:u?.successDescription?.replace("{name}",a.name)??x("admin.exams.create.successDesc",{name:a.name})}),Y(`${c}/${a.id}/questions`)}catch(e){I({message:x("admin.exams.questions.error"),description:e instanceof Error?e.message:void 0})}finally{U(!1)}var t}else g({message:x("admin.exams.create.incompleteInfo"),description:u?.missingTemplateDescription??"Vui lòng chọn template đề thi trước khi tiếp tục."})},()=>g({message:x("admin.exams.create.incompleteInfo"),description:x("admin.exams.create.incompleteInfoDesc")}));return t("div",{className:"space-y-6",children:[t("div",{className:"flex items-center gap-4",children:[e(h,{variant:"ghost",size:"icon",onClick:()=>Y(c),className:"h-8 w-8",children:e(o,{className:"h-4 w-4"})}),t("div",{children:[e("h1",{className:"text-3xl font-bold tracking-tight text-gray-900",children:u?.title??x("admin.exams.create.title")}),e("p",{className:"mt-1 text-gray-600",children:u?.step1??x("admin.exams.create.step1")})]})]}),e("form",{id:"exam-form",onSubmit:$,children:e(k,{form:V,examLevels:q,isLoadingExamLevels:F,texts:u})}),e(j,{selectedTemplate:z,onOpen:()=>M(!0),onClear:()=>P(null),texts:u}),e(b,{open:S,onOpenChange:M,children:t(v,{className:"flex max-h-[92vh] min-h-[92vh] max-w-5xl flex-col overflow-hidden",children:[t(y,{children:[e(w,{children:u?.templateDialogTitle??"Chọn template đề thi"}),e(N,{children:u?.templateDialogDescription??"Chọn loại đề thi bạn muốn tạo."})]}),e(D,{api:n,onTemplateSelect:e=>{P(e),M(!1)},onCancel:()=>M(!1)})]})}),t("div",{className:"flex justify-end gap-3",children:[e(h,{variant:"outline",onClick:()=>Y(c),disabled:R,children:u?.cancelLabel??x("admin.exams.create.cancel")}),e(h,{type:"submit",form:"exam-form",className:"bg-blue-600 hover:bg-blue-700",disabled:R||!z,children:t(a,R?{children:[e(d,{className:"mr-2 h-4 w-4 animate-spin"}),u?.savingLabel??x("admin.exams.create.saving")]}:{children:[u?.saveAndContinueLabel??x("admin.exams.create.saveAndContinue"),e(m,{className:"ml-2 h-4 w-4"})]})})]})]})}export function CreateExamPageContainer(t){return e(n,{fallback:e(S,{}),children:e(I,{...t})})}function j({selectedTemplate:a,onOpen:n,onClear:i,texts:r}){return t(u,{className:"border border-gray-200",children:[e(f,{className:"border-b border-gray-100 bg-gray-50/50",children:t(g,{className:"flex items-center gap-2 text-base font-semibold",children:[e(c,{className:"h-4 w-4 text-blue-600"}),r?.templateSectionTitle??"Chọn Template"," ",e("span",{className:"text-red-500",children:"*"})]})}),e(x,{className:"pt-6",children:t("div",a?{className:"flex items-center justify-between rounded-lg border border-green-200 bg-green-50 px-4 py-3",children:[t("div",{className:"flex items-center gap-3",children:[e("div",{className:"flex h-8 w-8 items-center justify-center rounded-lg bg-green-100",children:e(c,{className:"h-4 w-4 text-green-600"})}),t("div",{children:[e("p",{className:"text-sm font-medium text-green-800",children:a.name}),t("p",{className:"text-xs text-green-600",children:[a.totalQuestions," câu hỏi • ",a.parts.length," phần"]})]})]}),t("div",{className:"flex items-center gap-2",children:[e(h,{type:"button",variant:"outline",size:"sm",onClick:n,className:"border-green-300 text-green-700 hover:bg-green-100",children:r?.changeTemplateLabel??"Đổi template"}),e(h,{type:"button",variant:"ghost",size:"icon",onClick:i,className:"h-7 w-7 text-green-600 hover:bg-green-100 hover:text-green-800",children:e(p,{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:r?.noTemplateText??"Chưa chọn template đề thi"}),t(h,{type:"button",variant:"outline",onClick:n,children:[e(c,{className:"mr-2 h-4 w-4"}),r?.selectTemplateLabel??"Chọn template"]})]})})]})}function S(){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}
+'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, texts }) {
+    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: texts?.missingTemplateDescription ?? '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: texts?.successDescription?.replace('{name}', exam.name) ??
+                    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: texts?.title ?? t('admin.exams.create.title') }), _jsx("p", { className: "mt-1 text-gray-600", children: texts?.step1 ?? t('admin.exams.create.step1') })] })] }), _jsx("form", { id: "exam-form", onSubmit: handleSubmit, children: _jsx(CreateExamInfoForm, { form: form, examLevels: examLevels, isLoadingExamLevels: isLoadingExamLevels, texts: texts }) }), _jsx(TemplateSection, { selectedTemplate: selectedTemplate, onOpen: () => setIsTemplateDialogOpen(true), onClear: () => setSelectedTemplate(null), texts: texts }), _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: texts?.templateDialogTitle ?? 'Chọn template đề thi' }), _jsx(DialogDescription, { children: texts?.templateDialogDescription ?? 'Chọn loại đề thi bạn muốn tạo.' })] }), _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: texts?.cancelLabel ?? 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" }), texts?.savingLabel ?? t('admin.exams.create.saving')] }) : _jsxs(_Fragment, { children: [texts?.saveAndContinueLabel ?? 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, texts }) {
+    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" }), texts?.templateSectionTitle ?? 'Chọn 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", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-green-100", children: _jsx(LayoutTemplate, { className: "h-4 w-4 text-green-600" }) }), _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 items-center gap-2", children: [_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onOpen, className: "border-green-300 text-green-700 hover:bg-green-100", children: texts?.changeTemplateLabel ?? 'Đổi template' }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onClear, className: "h-7 w-7 text-green-600 hover:bg-green-100 hover:text-green-800", 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: texts?.noTemplateText ?? 'Chưa chọn template đề thi' }), _jsxs(Button, { type: "button", variant: "outline", onClick: onOpen, children: [_jsx(LayoutTemplate, { className: "mr-2 h-4 w-4" }), texts?.selectTemplateLabel ?? 'Chọn 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;
+}