@tinyweb_dev/oe-exam-sdk 0.1.27 → 0.1.29

package/dist/components/exams/entry/exam-entry.states.js

@@ -1 +1,26 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ArrowLeft as a,Clock as l,Loader2 as n,Trophy as s}from"lucide-react";import{Button as i}from"../../../components/ui/button";export function EntryLoading(){return e("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-gradient-to-b from-sky-100 via-blue-50 to-indigo-100",children:e(n,{className:"h-10 w-10 animate-spin text-sky-600"})})}export function EntryMessage({emoji:a,title:l,description:n,room:s,tone:i,onBack:r}){const o="red"===i?"text-red-600":"text-sky-700",m="red"===i?"border-red-600 bg-red-500":"border-sky-600 bg-sky-500";return e("div",{className:`fixed inset-0 z-50 flex items-center justify-center overflow-hidden bg-gradient-to-b ${"red"===i?"from-red-50 via-orange-50 to-amber-50":"from-sky-100 via-blue-50 to-indigo-100"}`,children:t("div",{className:"mx-auto max-w-md p-4 text-center",children:[e("div",{className:"mb-6 text-7xl",children:a}),e("h2",{className:`mb-3 text-2xl font-bold ${o}`,children:l}),s&&t("div",{className:"mb-4 rounded-xl bg-white/60 px-5 py-3 text-left text-sm text-sky-700 shadow-sm backdrop-blur-sm",children:[e("p",{className:"text-base font-semibold",children:s.name}),s.code&&t("p",{className:"mt-1 text-sky-500",children:["Mã phòng: ",e("span",{className:"font-mono font-medium",children:s.code})]})]}),e("p",{className:"mb-6 text-base "+("red"===i?"text-red-500":"text-sky-600"),children:n}),e("button",{className:`mx-auto inline-flex items-center gap-2 rounded-2xl border-b-4 px-8 py-3 text-lg font-bold text-white shadow-md transition-all hover:brightness-110 active:translate-y-0.5 active:border-b-2 active:shadow-sm ${m}`,onClick:r,children:"← Quay lại"})]})})}export function EntryWaitingRoom({room:o,state:m,countdownLabel:d,attempt:c,isStarting:x,onStart:b,onBack:h}){return e("div",{className:"fixed inset-0 z-50 flex items-center justify-center overflow-hidden bg-gradient-to-b from-sky-100 via-blue-50 to-indigo-100",children:t("div",{className:"relative z-10 w-[88%] max-w-lg rounded-3xl bg-white p-6 shadow-2xl md:p-8",children:[t("div",{className:"mb-4 rounded-2xl bg-slate-50 px-4 py-3.5 text-center",children:[e("h2",{className:"text-base font-extrabold tracking-wide text-slate-800",children:o.name}),o.exam?.name&&e("p",{className:"mt-0.5 text-xs font-medium text-slate-500",children:o.exam.name})]}),(o.exam?.durationMinutes||o.exam?.totalScore)&&t("div",{className:"mb-4 grid grid-cols-2 gap-3",children:[null!=o.exam?.durationMinutes&&e(r,{icon:e(l,{className:"h-4 w-4"}),value:o.exam.durationMinutes,label:"Phút"}),null!=o.exam?.totalScore&&e(r,{icon:e(s,{className:"h-4 w-4"}),value:o.exam.totalScore,label:"Thang điểm"})]}),"BEFORE_START"===m&&t("p",{className:"mb-5 text-center text-sm font-semibold text-slate-600",children:["Bài thi sẽ bắt đầu sau ",d]}),"EXPIRED"===m&&e("p",{className:"mb-5 text-center text-sm font-semibold text-red-500",children:"Bài thi đã kết thúc."}),"ALREADY_SUBMITTED"===m&&t("p",{className:"mb-5 text-center text-sm font-semibold text-slate-600",children:["Bạn đã hoàn thành bài thi này",null!=c?.totalScore?` • Điểm: ${c.totalScore}`:"","."]}),t("div",{className:"flex flex-col items-center gap-3",children:["WITHIN_WINDOW"===m&&t(i,{onClick:b,disabled:x,className:"min-w-[180px] bg-blue-600 hover:bg-blue-700",children:[x?e(n,{className:"mr-2 h-4 w-4 animate-spin"}):null,"Bắt đầu làm bài"]}),t(i,{variant:"outline",onClick:h,children:[e(a,{className:"mr-2 h-4 w-4"}),"Quay lại"]})]})]})})}function r({icon:a,value:l,label:n}){return t("div",{className:"flex flex-col items-center rounded-2xl bg-slate-50 px-2 py-4",children:[e("div",{className:"mb-2 flex h-8 w-8 items-center justify-center rounded-full bg-slate-100 text-slate-600",children:a}),e("span",{className:"text-2xl font-extrabold text-slate-800",children:l}),e("span",{className:"text-xs font-semibold text-slate-500",children:n})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft, Clock, Loader2, Trophy } from 'lucide-react';
+import { Button } from '../../../components/ui/button';
+/** Fullscreen loader used while room/attempt data is being fetched. */
+export function EntryLoading() {
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-gradient-to-b from-sky-100 via-blue-50 to-indigo-100", children: _jsx(Loader2, { className: "h-10 w-10 animate-spin text-sky-600" }) }));
+}
+/** Child-friendly message screen shared by NO_EXAM / NO_ACCESS states. */
+export function EntryMessage({ emoji, title, description, room, tone, onBack, }) {
+    const toneClass = tone === 'red' ? 'text-red-600' : 'text-sky-700';
+    const buttonClass = tone === 'red'
+        ? 'border-red-600 bg-red-500'
+        : 'border-sky-600 bg-sky-500';
+    const bg = tone === 'red'
+        ? 'from-red-50 via-orange-50 to-amber-50'
+        : 'from-sky-100 via-blue-50 to-indigo-100';
+    return (_jsx("div", { className: `fixed inset-0 z-50 flex items-center justify-center overflow-hidden bg-gradient-to-b ${bg}`, children: _jsxs("div", { className: "mx-auto max-w-md p-4 text-center", children: [_jsx("div", { className: "mb-6 text-7xl", children: emoji }), _jsx("h2", { className: `mb-3 text-2xl font-bold ${toneClass}`, children: title }), room && (_jsxs("div", { className: "mb-4 rounded-xl bg-white/60 px-5 py-3 text-left text-sm text-sky-700 shadow-sm backdrop-blur-sm", children: [_jsx("p", { className: "text-base font-semibold", children: room.name }), room.code && (_jsxs("p", { className: "mt-1 text-sky-500", children: ["M\u00E3 ph\u00F2ng: ", _jsx("span", { className: "font-mono font-medium", children: room.code })] }))] })), _jsx("p", { className: `mb-6 text-base ${tone === 'red' ? 'text-red-500' : 'text-sky-600'}`, children: description }), _jsx("button", { className: `mx-auto inline-flex items-center gap-2 rounded-2xl border-b-4 px-8 py-3 text-lg font-bold text-white shadow-md transition-all hover:brightness-110 active:translate-y-0.5 active:border-b-2 active:shadow-sm ${buttonClass}`, onClick: onBack, children: "\u2190 Quay l\u1EA1i" })] }) }));
+}
+/** Default (non-themed) waiting room card with exam stats and a start button. */
+export function EntryWaitingRoom({ room, state, countdownLabel, attempt, isStarting, onStart, onBack, }) {
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center overflow-hidden bg-gradient-to-b from-sky-100 via-blue-50 to-indigo-100", children: _jsxs("div", { className: "relative z-10 w-[88%] max-w-lg rounded-3xl bg-white p-6 shadow-2xl md:p-8", children: [_jsxs("div", { className: "mb-4 rounded-2xl bg-slate-50 px-4 py-3.5 text-center", children: [_jsx("h2", { className: "text-base font-extrabold tracking-wide text-slate-800", children: room.name }), room.exam?.name && _jsx("p", { className: "mt-0.5 text-xs font-medium text-slate-500", children: room.exam.name })] }), (room.exam?.durationMinutes || room.exam?.totalScore) && (_jsxs("div", { className: "mb-4 grid grid-cols-2 gap-3", children: [room.exam?.durationMinutes != null && (_jsx(Stat, { icon: _jsx(Clock, { className: "h-4 w-4" }), value: room.exam.durationMinutes, label: "Ph\u00FAt" })), room.exam?.totalScore != null && (_jsx(Stat, { icon: _jsx(Trophy, { className: "h-4 w-4" }), value: room.exam.totalScore, label: "Thang \u0111i\u1EC3m" }))] })), state === 'BEFORE_START' && (_jsxs("p", { className: "mb-5 text-center text-sm font-semibold text-slate-600", children: ["B\u00E0i thi s\u1EBD b\u1EAFt \u0111\u1EA7u sau ", countdownLabel] })), state === 'EXPIRED' && (_jsx("p", { className: "mb-5 text-center text-sm font-semibold text-red-500", children: "B\u00E0i thi \u0111\u00E3 k\u1EBFt th\u00FAc." })), state === 'ALREADY_SUBMITTED' && (_jsxs("p", { className: "mb-5 text-center text-sm font-semibold text-slate-600", children: ["B\u1EA1n \u0111\u00E3 ho\u00E0n th\u00E0nh b\u00E0i thi n\u00E0y", attempt?.totalScore != null ? ` • Điểm: ${attempt.totalScore}` : '', "."] })), _jsxs("div", { className: "flex flex-col items-center gap-3", children: [state === 'WITHIN_WINDOW' && (_jsxs(Button, { onClick: onStart, disabled: isStarting, className: "min-w-[180px] bg-blue-600 hover:bg-blue-700", children: [isStarting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, "B\u1EAFt \u0111\u1EA7u l\u00E0m b\u00E0i"] })), _jsxs(Button, { variant: "outline", onClick: onBack, children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), "Quay l\u1EA1i"] })] })] }) }));
+}
+function Stat({ icon, value, label }) {
+    return (_jsxs("div", { className: "flex flex-col items-center rounded-2xl bg-slate-50 px-2 py-4", children: [_jsx("div", { className: "mb-2 flex h-8 w-8 items-center justify-center rounded-full bg-slate-100 text-slate-600", children: icon }), _jsx("span", { className: "text-2xl font-extrabold text-slate-800", children: value }), _jsx("span", { className: "text-xs font-semibold text-slate-500", children: label })] }));
+}

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

@@ -1 +1,55 @@
-const t=new Set(["SUBMITTED","GRADED","PUBLISHED"]);export function unwrap(t){return function(t){return"object"==typeof t&&null!==t&&"data"in t}(t)?t.data:t}export function unwrapAttempt(t){return"attempt"in t?t.attempt:t}export function determineEntryState(e,n){const r=!0===e.allowMultipleSubmissions;if(n){const e=n.status??"";if(t.has(e))return r?"WITHIN_WINDOW":"ALREADY_SUBMITTED";if("IN_PROGRESS"===e)return"WITHIN_WINDOW"}const a=Date.now(),o=e.startDatetime?new Date(e.startDatetime).getTime():null,i=e.endDatetime?new Date(e.endDatetime).getTime():null;return!r&&i&&a>i?"EXPIRED":o&&a<o?"BEFORE_START":"WITHIN_WINDOW"}export function getSecondsUntilStart(t){if(!t.startDatetime)return 0;const e=new Date(t.startDatetime).getTime();return Math.max(0,Math.floor((e-Date.now())/1e3))}export function formatCountdown(t){const e=Math.floor(t/86400),n=Math.floor(t%86400/3600),r=Math.floor(t%3600/60),a=t%60;return e>0?`${e} ngày ${n} giờ ${r} phút`:n>0?`${n} giờ ${r} phút ${a} giây`:r>0?`${r} phút ${a} giây`:`${a} giây`}
+/** Attempt statuses that mean the student already finished this attempt. */
+const SUBMITTED_STATUSES = new Set(['SUBMITTED', 'GRADED', 'PUBLISHED']);
+export function unwrap(value) {
+    return hasData(value) ? value.data : value;
+}
+export function unwrapAttempt(value) {
+    return 'attempt' in value ? value.attempt : value;
+}
+function hasData(value) {
+    return typeof value === 'object' && value !== null && 'data' in value;
+}
+/**
+ * Determine the entry state from room + attempt data. Ported from the host
+ * app's `determineState`, including the `allowMultipleSubmissions` handling.
+ */
+export function determineEntryState(room, attempt) {
+    const canMultipleSubmit = room.allowMultipleSubmissions === true;
+    if (attempt) {
+        const status = attempt.status ?? '';
+        if (SUBMITTED_STATUSES.has(status)) {
+            return canMultipleSubmit ? 'WITHIN_WINDOW' : 'ALREADY_SUBMITTED';
+        }
+        if (status === 'IN_PROGRESS')
+            return 'WITHIN_WINDOW';
+    }
+    const now = Date.now();
+    const start = room.startDatetime ? new Date(room.startDatetime).getTime() : null;
+    const end = room.endDatetime ? new Date(room.endDatetime).getTime() : null;
+    if (!canMultipleSubmit && end && now > end)
+        return 'EXPIRED';
+    if (start && now < start)
+        return 'BEFORE_START';
+    return 'WITHIN_WINDOW';
+}
+/** Seconds remaining until a room's start time (clamped at 0). */
+export function getSecondsUntilStart(room) {
+    if (!room.startDatetime)
+        return 0;
+    const start = new Date(room.startDatetime).getTime();
+    return Math.max(0, Math.floor((start - Date.now()) / 1000));
+}
+/** Human-friendly countdown string (days/hours/minutes/seconds). */
+export function formatCountdown(seconds) {
+    const days = Math.floor(seconds / 86400);
+    const hours = Math.floor((seconds % 86400) / 3600);
+    const mins = Math.floor((seconds % 3600) / 60);
+    const secs = seconds % 60;
+    if (days > 0)
+        return `${days} ngày ${hours} giờ ${mins} phút`;
+    if (hours > 0)
+        return `${hours} giờ ${mins} phút ${secs} giây`;
+    if (mins > 0)
+        return `${mins} phút ${secs} giây`;
+    return `${secs} giây`;
+}

package/dist/components/exams/entry/fullscreen-loading.js

@@ -1 +1,18 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Loader2 as s}from"lucide-react";import{getTheme as a}from"../../../shared/lib/themes";export function FullscreenLoading(){const r=a(),i=r.visuals?.backgroundFilter??"grayscale(1) blur(8px) saturate(0.85) brightness(0.9)",l=r.visuals?.backgroundOverlay??"linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent, rgba(0, 0, 0, 0.2))";return t("div",{className:"fixed inset-0 z-50 flex items-center justify-center overflow-hidden",children:[e("div",{className:"absolute inset-0 scale-110 bg-cover bg-center",style:{backgroundImage:`url(${r.assets.background})`,filter:i}}),e("div",{className:"absolute inset-0",style:{background:l}}),t("div",{className:"relative z-10 flex flex-col items-center gap-4",children:[e(s,{className:"h-12 w-12 animate-spin text-white drop-shadow-lg"}),e("p",{className:"text-lg font-medium text-white drop-shadow-lg",children:"Đang tải..."})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2 } from 'lucide-react';
+import { getTheme } from '../../../shared/lib/themes';
+/**
+ * Fullscreen loading component for exam entry/taking.
+ * Matches the themed waiting-room visual style with a blurred background.
+ */
+export function FullscreenLoading() {
+    const theme = getTheme();
+    const backgroundFilter = theme.visuals?.backgroundFilter ?? 'grayscale(1) blur(8px) saturate(0.85) brightness(0.9)';
+    const backgroundOverlay = theme.visuals?.backgroundOverlay ??
+        'linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent, rgba(0, 0, 0, 0.2))';
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 scale-110 bg-cover bg-center", style: {
+                    backgroundImage: `url(${theme.assets.background})`,
+                    filter: backgroundFilter,
+                } }), _jsx("div", { className: "absolute inset-0", style: { background: backgroundOverlay } }), _jsxs("div", { className: "relative z-10 flex flex-col items-center gap-4", children: [_jsx(Loader2, { className: "h-12 w-12 animate-spin text-white drop-shadow-lg" }), _jsx("p", { className: "text-lg font-medium text-white drop-shadow-lg", children: "\u0110ang t\u1EA3i..." })] })] }));
+}

package/dist/components/exams/entry/index.js

@@ -1 +1,4 @@
-export{StudentExamEntryPageContainer}from"./StudentExamEntryPageContainer";export{EntryRestartDialog}from"./EntryRestartDialog";export{EntryLoading,EntryMessage,EntryWaitingRoom}from"./exam-entry.states";export{determineEntryState,formatCountdown,getSecondsUntilStart,unwrap,unwrapAttempt}from"./exam-entry.utils";
+export { StudentExamEntryPageContainer } from './StudentExamEntryPageContainer';
+export { EntryRestartDialog } from './EntryRestartDialog';
+export { EntryLoading, EntryMessage, EntryWaitingRoom } from './exam-entry.states';
+export { determineEntryState, formatCountdown, getSecondsUntilStart, unwrap, unwrapAttempt, } from './exam-entry.utils';

package/dist/components/exams/exam-preview.types.d.ts

@@ -0,0 +1,30 @@
+import type { ExamPart, ExamQuestion } from '../../shared/types/entities/exam.types';
+export type PreviewQuestion = Partial<ExamQuestion> & {
+    id?: string;
+    partId?: string;
+    questionNumber?: number;
+    points?: number | string;
+    difficulty?: string;
+};
+export interface QuestionsByPart {
+    partId: string;
+    partNo: number;
+    partName: string;
+    questions: PreviewQuestion[];
+}
+export interface OrderedPart {
+    id: string;
+    name?: string;
+}
+/** SDK fetch helpers return either `{ data: T }` or the bare value. */
+export declare function unwrapApiData<T>(res: {
+    data: T;
+} | T): T;
+export declare function sumQuestionPoints(questions: PreviewQuestion[]): number;
+export declare function getQuestionPoints(question: PreviewQuestion): number;
+export declare function getQuestionNumber(question: PreviewQuestion): number;
+export declare function getQuestionDifficulty(question: PreviewQuestion): string;
+export declare function difficultyBadgeClass(difficulty?: string): string;
+export declare function groupQuestionsByPart(questions: PreviewQuestion[], templateParts?: Array<ExamPart & {
+    title?: string;
+}>): QuestionsByPart[];

package/dist/components/exams/exam-preview.types.js

@@ -0,0 +1,62 @@
+/** SDK fetch helpers return either `{ data: T }` or the bare value. */
+export function unwrapApiData(res) {
+    if (res && typeof res === 'object' && 'data' in res) {
+        return res.data;
+    }
+    return res;
+}
+export function sumQuestionPoints(questions) {
+    return questions.reduce((total, q) => total + (Number(q.points) || 0), 0);
+}
+export function getQuestionPoints(question) {
+    return Number(question.points) || 1;
+}
+export function getQuestionNumber(question) {
+    return question.questionNumber ?? 0;
+}
+export function getQuestionDifficulty(question) {
+    return question.difficulty ?? 'N/A';
+}
+export function difficultyBadgeClass(difficulty) {
+    switch (difficulty?.toUpperCase()) {
+        case 'EASY':
+            return 'bg-green-100 text-green-800';
+        case 'MEDIUM':
+            return 'bg-orange-100 text-orange-800';
+        case 'HARD':
+            return 'bg-red-100 text-red-800';
+        default:
+            return 'bg-gray-100 text-gray-800';
+    }
+}
+export function groupQuestionsByPart(questions, templateParts = []) {
+    const grouped = questions.reduce((acc, q) => {
+        const qPartId = q.partId || q.part_id || '';
+        const qPartNo = q.partNo ?? q.part_no ?? 0;
+        const existingPart = acc.find((p) => (qPartId && p.partId === qPartId) || (qPartNo > 0 && p.partNo === qPartNo));
+        if (existingPart) {
+            existingPart.questions.push(q);
+        }
+        else {
+            const templatePart = templateParts.find((tp) => tp.id === qPartId) ||
+                templateParts.find((_tp, index) => index + 1 === qPartNo) ||
+                (qPartNo > 0 ? templateParts[qPartNo - 1] : undefined);
+            const resolvedPartNo = qPartNo > 0
+                ? qPartNo
+                : templatePart
+                    ? templateParts.indexOf(templatePart) + 1
+                    : acc.length + 1;
+            const partName = templatePart?.name ||
+                templatePart?.title ||
+                `Part ${resolvedPartNo}`;
+            acc.push({
+                partId: qPartId || `part-${resolvedPartNo}`,
+                partNo: resolvedPartNo,
+                partName,
+                questions: [q],
+            });
+        }
+        return acc;
+    }, []);
+    return grouped.sort((a, b) => a.partNo - b.partNo);
+}

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

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

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

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

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

@@ -32,4 +32,5 @@ export { EXAM_DIFFICULTY, ExamViewDialog } from './ExamViewDialog';
 export type { ExamDifficulty, ExamViewDialogExam, ExamViewDialogProps } from './ExamViewDialog';
 export { ExamPreviewDialog } from './ExamPreviewDialog';
 export type { ExamPreviewDialogProps } from './ExamPreviewDialog';
+export type { PreviewQuestion, QuestionsByPart } from './exam-preview.types';
 export { QuestionStatus, clearQuestionStatuses, getQuestionStatus, initializeQuestionStatusesFromAPI, setQuestionStatus } from './exam-question-status';

package/dist/components/exams/index.js

@@ -1 +1,19 @@
-export*from"./take";export{StudentExamEntryPageContainer}from"./entry";export{EntryRestartDialog,EntryLoading,EntryMessage,EntryWaitingRoom}from"./entry";export{determineEntryState,formatCountdown,getSecondsUntilStart}from"./entry";export{StudentContestRoomsPageContainer}from"./rooms";export{CreateExamPageContainer}from"./CreateExamPageContainer";export{CreateExamInfoForm}from"./CreateExamInfoForm";export{TemplateSelector}from"./TemplateSelector";export{ExamCreator}from"./ExamCreator";export{ExamPartTabs}from"./ExamPartTabs";export{ExamQuestionGrid}from"./ExamQuestionGrid";export{PartAudioUploader}from"./PartAudioUploader";export{createExamQuestionsApi,createExamQuestionsFetchApi,createMockExamQuestionsApi}from"./api";export{ExamQuestionsPageContainer}from"./ExamQuestionsPageContainer";export{UnsavedChangesDialog}from"./UnsavedChangesDialog";export{CompletionDialog}from"./CompletionDialog";export{EXAM_DIFFICULTY,ExamViewDialog}from"./ExamViewDialog";export{ExamPreviewDialog}from"./ExamPreviewDialog";export{QuestionStatus,clearQuestionStatuses,getQuestionStatus,initializeQuestionStatusesFromAPI,setQuestionStatus}from"./exam-question-status";
+export * from './take';
+export { StudentExamEntryPageContainer } from './entry';
+export { EntryRestartDialog, EntryLoading, EntryMessage, EntryWaitingRoom } from './entry';
+export { determineEntryState, formatCountdown, getSecondsUntilStart } from './entry';
+export { StudentContestRoomsPageContainer } from './rooms';
+export { CreateExamPageContainer } from './CreateExamPageContainer';
+export { CreateExamInfoForm } from './CreateExamInfoForm';
+export { TemplateSelector } from './TemplateSelector';
+export { ExamCreator } from './ExamCreator';
+export { ExamPartTabs } from './ExamPartTabs';
+export { ExamQuestionGrid } from './ExamQuestionGrid';
+export { PartAudioUploader } from './PartAudioUploader';
+export { createExamQuestionsApi, createExamQuestionsFetchApi, createMockExamQuestionsApi } from './api';
+export { ExamQuestionsPageContainer } from './ExamQuestionsPageContainer';
+export { UnsavedChangesDialog } from './UnsavedChangesDialog';
+export { CompletionDialog } from './CompletionDialog';
+export { EXAM_DIFFICULTY, ExamViewDialog } from './ExamViewDialog';
+export { ExamPreviewDialog } from './ExamPreviewDialog';
+export { QuestionStatus, clearQuestionStatuses, getQuestionStatus, initializeQuestionStatusesFromAPI, setQuestionStatus } from './exam-question-status';

package/dist/components/exams/rooms/StudentContestRoomsPageContainer.js

@@ -1 +1,183 @@
-"use client";import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useEffect as r,useMemo as s,useState as l}from"react";import{Building2 as n,CheckCircle2 as i,ClipboardCheck as d,Clock as o,DoorOpen as c,Globe as m,Loader2 as h,Lock as x,PlayCircle as g,Search as b,Timer as f,Users as p,XCircle as u}from"lucide-react";import{Badge as N}from"../../../components/ui/badge";import{Button as y}from"../../../components/ui/button";import{Input as w}from"../../../components/ui/input";import{Skeleton as v}from"../../../components/ui/skeleton";import{useConfirm as k}from"../../../components/ui/confirm-dialog";import{canCancelRegistration as C,canEnterRoom as D,canRetakeRoom as S,getCountdownParts as E,getRoomSortPriority as R,hasRegistrationStatus as P,isUserEngaged as T,needsRegisterAndEnter as j,needsRegistration as A,unwrap as I}from"./contest-rooms.utils";function L({targetDate:s}){const[n,i]=l(()=>E(s));return r(()=>{const e=setInterval(()=>i(E(s)),1e3);return()=>clearInterval(e)},[s]),n?t("div",{className:"flex items-center gap-1.5",children:[n.days>0&&t(a,{children:[t("div",{className:"flex min-w-[36px] flex-col items-center rounded-md bg-white/80 px-1.5 py-1 shadow-sm",children:[e("span",{className:"text-sm font-bold leading-none text-[#07aff0]",children:n.days}),e("span",{className:"text-[9px] text-gray-400",children:"ngày"})]}),e("span",{className:"text-sm font-bold text-[#07aff0]/40",children:":"})]}),t("div",{className:"flex min-w-[36px] flex-col items-center rounded-md bg-white/80 px-1.5 py-1 shadow-sm",children:[e("span",{className:"text-sm font-bold leading-none text-[#07aff0]",children:String(n.hours).padStart(2,"0")}),e("span",{className:"text-[9px] text-gray-400",children:"giờ"})]}),e("span",{className:"text-sm font-bold text-[#07aff0]/40",children:":"}),t("div",{className:"flex min-w-[36px] flex-col items-center rounded-md bg-white/80 px-1.5 py-1 shadow-sm",children:[e("span",{className:"text-sm font-bold leading-none text-[#07aff0]",children:String(n.minutes).padStart(2,"0")}),e("span",{className:"text-[9px] text-gray-400",children:"phút"})]}),e("span",{className:"text-sm font-bold text-[#07aff0]/40",children:":"}),t("div",{className:"flex min-w-[36px] flex-col items-center rounded-md bg-white/80 px-1.5 py-1 shadow-sm",children:[e("span",{className:"text-sm font-bold leading-none text-[#07aff0]",children:String(n.seconds).padStart(2,"0")}),e("span",{className:"text-[9px] text-gray-400",children:"giây"})]})]}):null}function O({room:a,contest:r}){const s=function(e,t){const a=S(e,t);return e.isCompleted&&!a?{label:"Đã hoàn thành",icon:i,className:"border-emerald-200 bg-emerald-50 text-emerald-700"}:e.hasAttempt&&"COMPLETED"===e.status?{label:"Đã thi",icon:i,className:"border-emerald-200 bg-emerald-50 text-emerald-700"}:e.hasAttempt&&"IN_PROGRESS"===e.attemptStatus?{label:"Đang thi",icon:g,className:"border-blue-200 bg-blue-50 text-blue-700"}:"internal"===e.visibility?"PENDING"===e.registrationStatus?{label:"Chờ phê duyệt",icon:o,className:"border-yellow-200 bg-yellow-50 text-yellow-700"}:"REJECTED"===e.registrationStatus?{label:"Bị từ chối",icon:u,className:"border-red-200 bg-red-50 text-red-700"}:"APPROVED"===e.registrationStatus?{label:"Đã đăng ký",icon:i,className:"border-teal-200 bg-teal-50 text-teal-700"}:{label:"Chưa đăng ký",icon:d,className:"border-gray-200 bg-gray-50 text-gray-500"}:e.hasAttempt&&!a?{label:"Đã thi",icon:i,className:"border-emerald-200 bg-emerald-50 text-emerald-700"}:e.hasAttempt&&a?{label:"Có thể thi lại",icon:c,className:"border-sky-200 bg-sky-50 text-sky-700"}:{label:"Sẵn sàng",icon:c,className:"border-sky-200 bg-sky-50 text-sky-700"}}(a,r),l=s.icon;return t(N,{variant:"outline",className:`rounded-full border-2 px-3 py-1 text-xs font-extrabold uppercase tracking-wide ${s.className}`,children:[e(l,{className:"mr-1 h-3.5 w-3.5"}),s.label]})}export function StudentContestRoomsPageContainer({contestId:g,api:N,onNavigate:E,enterPath:z=e=>`/student/exams/${e}/enter`}){const[G,M]=l(null),[V,B]=l(),[H,J]=l(!0),[$,_]=l(""),[F,K]=l("all"),[Q,U]=l(null),{confirm:X,ConfirmDialog:q}=k(),W=e=>E?E(e):window.location.href=e,Y=async()=>{J(!0);try{const[e,t]=await Promise.all([N.getContestRooms(g),N.getContestDetail(g)]);M(I(e)),B(I(t))}finally{J(!1)}};r(()=>{Y()},[g]);const Z=s(()=>{if(!G||0===G.length)return[];let e=[...G];if($.trim()){const t=$.trim().toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t))}return"registered"===F&&(e=e.filter(e=>"APPROVED"===e.registrationStatus||"PENDING"===e.registrationStatus||e.hasAttempt)),e.sort((e,t)=>R(e)-R(t))},[G,$,F]);return H?e("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:[1,2,3,4,5,6].map(a=>t("div",{className:"overflow-hidden rounded-xl border bg-white shadow-sm",children:[e(v,{className:"h-2 w-full"}),t("div",{className:"space-y-3 p-4",children:[e(v,{className:"h-5 w-3/4"}),e(v,{className:"h-4 w-1/2"}),e(v,{className:"h-4 w-2/3"}),t("div",{className:"flex gap-2 pt-2",children:[e(v,{className:"h-8 w-20"}),e(v,{className:"h-8 w-20"})]})]})]},a))}):G&&0!==G.length?t(a,{children:[t("div",{className:"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[t("div",{className:"relative w-full sm:max-w-xs",children:[e(b,{className:"absolute left-3.5 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400"}),e(w,{type:"text",placeholder:"Tìm kiếm phòng thi...",value:$,onChange:e=>_(e.target.value),className:"h-11 rounded-2xl border-2 border-gray-200 pl-10 text-sm font-semibold focus-visible:border-[#07aff0]/40 focus-visible:ring-0"})]}),t("div",{className:"flex items-center gap-1.5 rounded-2xl border-2 border-gray-100 bg-gray-50 p-1.5",children:[e("button",{type:"button",onClick:()=>K("all"),className:"rounded-xl px-4 py-2 text-xs font-extrabold uppercase tracking-wide transition-all "+("all"===F?"border-2 border-b-4 border-[#07aff0]/30 bg-white text-[#07aff0]":"border-2 border-transparent text-gray-400 hover:text-[#07aff0]"),children:"Tất cả"}),e("button",{type:"button",onClick:()=>K("registered"),className:"rounded-xl px-4 py-2 text-xs font-extrabold uppercase tracking-wide transition-all "+("registered"===F?"border-2 border-b-4 border-[#07aff0]/30 bg-white text-[#07aff0]":"border-2 border-transparent text-gray-400 hover:text-[#07aff0]"),children:"Đã đăng ký"})]})]}),0===Z.length&&t("div",{className:"flex flex-col items-center justify-center rounded-2xl border-2 border-dashed border-gray-200 bg-gradient-to-br from-gray-50 to-white py-12",children:[e("div",{className:"flex h-16 w-16 items-center justify-center rounded-full bg-gray-100",children:e(b,{className:"h-8 w-8 text-gray-300"})}),e("p",{className:"mt-3 text-base font-medium text-gray-400",children:"Không tìm thấy phòng thi phù hợp"}),e("p",{className:"mt-1 text-sm text-gray-400",children:"Thử thay đổi từ khóa tìm kiếm hoặc bộ lọc"})]}),e("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",children:Z.map(r=>{!function(e){if(e.isLocked)return{label:"Đã khóa",className:"border-red-200 bg-red-50 text-red-700",icon:x,canEnter:!1};switch(e.status){case"IN_PROGRESS":return{label:"Đang mở",className:"border-green-200 bg-green-50 text-green-700",icon:c,canEnter:!0};case"COMPLETED":return{label:"Đã kết thúc",className:"border-gray-200 bg-gray-50 text-gray-700",icon:o,canEnter:!1};default:;}}(r);const s=S(r,V),l=!(r.isLocked||"UPCOMING"!==r.status&&r.status),b=D(r,V),w=A(r),v=P(r),k=T(r),E=Q===r.id;return e("div",{className:"group relative flex flex-col overflow-hidden rounded-3xl border-2 border-b-[6px] bg-white shadow-sm transition-all duration-150 hover:-translate-y-0.5 "+(k?"border-[#07aff0]/30":"border-gray-200"),children:t("div",{className:"flex flex-1 flex-col p-5",children:[t("div",{className:"mb-3 flex items-start justify-between gap-3",children:[t("div",{className:"min-w-0 flex-1",children:[t("h3",{className:"flex items-center gap-2 truncate text-lg font-extrabold tracking-tight text-gray-800 group-hover:text-[#07aff0]",children:[(!r.visibility||"public"===r.visibility)&&e("span",{className:"flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-xl bg-emerald-100",children:e(m,{className:"h-4 w-4 text-emerald-500"})}),"internal"===r.visibility&&e("span",{className:"flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-xl bg-amber-100",children:e(n,{className:"h-4 w-4 text-amber-500"})}),"private"===r.visibility&&e("span",{className:"flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-xl bg-gray-100",children:e(x,{className:"h-4 w-4 text-gray-400"})}),e("span",{className:"truncate",children:r.name})]}),t("p",{className:"mt-1 text-xs font-medium text-gray-400",children:["Mã: ",e("span",{className:"font-mono font-bold text-gray-500",children:r.code})]})]}),t("div",{className:"flex flex-shrink-0 items-start gap-2",children:[null!=r.registrationCount&&t("div",{className:"flex items-center gap-1 rounded-full bg-gray-100 px-2.5 py-1 text-gray-500",children:[e(p,{className:"h-3.5 w-3.5"}),e("span",{className:"text-xs font-bold",children:r.registrationCount})]}),r.startDatetime&&e("div",{className:"flex flex-col items-center overflow-hidden rounded-2xl border-2 border-gray-200 bg-white",children:t("div",{className:"flex flex-col items-center px-3 py-1.5",children:[e("span",{className:"text-xl font-extrabold leading-tight text-gray-800",children:new Date(r.startDatetime).getDate()}),t("span",{className:"text-[10px] font-bold uppercase text-gray-400",children:["Th ",new Date(r.startDatetime).getMonth()+1]})]})})]})]}),t("div",{className:"mb-3 space-y-2",children:[t("div",{className:"flex items-center gap-2 text-xs font-semibold text-gray-500",children:[e(d,{className:"h-4 w-4 flex-shrink-0 text-gray-400"}),e("span",{className:"truncate",children:r.examName})]}),r.startDatetime&&t("div",{className:"flex items-center gap-2 text-xs font-semibold text-gray-500",children:[e(o,{className:"h-4 w-4 flex-shrink-0 text-gray-400"}),t("span",{children:[new Date(r.startDatetime).toLocaleTimeString("vi-VN",{hour:"2-digit",minute:"2-digit"}),r.endDatetime&&t(a,{children:[" - ",new Date(r.endDatetime).toLocaleTimeString("vi-VN",{hour:"2-digit",minute:"2-digit"})]})]})]})]}),e("div",{className:"mb-3 flex flex-wrap items-center gap-1.5",children:e(O,{room:r,contest:V})}),!b&&!w&&!v&&l&&r.startDatetime&&t("div",{className:"mb-3 flex items-center gap-2 rounded-2xl border-2 border-[#07aff0]/15 bg-[#07aff0]/5 px-3 py-2",children:[e(f,{className:"h-4 w-4 flex-shrink-0 text-[#07aff0]"}),e("span",{className:"text-xs font-bold text-[#07aff0]",children:"Mở sau"}),e("div",{className:"ml-auto",children:e(L,{targetDate:r.startDatetime})})]}),e("div",{className:"mt-auto pt-3"}),t("div",{className:"flex flex-col gap-2",children:[t("div",{className:"flex flex-wrap items-center gap-2",children:[r.isCompleted&&!s&&t(y,{size:"sm",className:"h-11 flex-1 cursor-default rounded-2xl border-2 border-emerald-200 bg-emerald-50 text-sm font-extrabold uppercase tracking-wide text-emerald-600 hover:bg-emerald-50",disabled:!0,children:[e(i,{className:"mr-2 h-4 w-4"}),"Đã hoàn thành"]}),j(r,V)&&t(y,{size:"sm",className:"h-11 flex-1 rounded-2xl border-b-4 border-[#003d87] bg-[#07aff0] text-sm font-extrabold uppercase tracking-wide text-white shadow-none transition-all hover:bg-[#0060d0] active:translate-y-0.5 active:border-b-2",onClick:()=>(async e=>{U(e);try{await N.registerRoom(g,e),W(z(e))}finally{U(null)}})(r.id),disabled:E,children:[E?e(h,{className:"mr-2 h-4 w-4 animate-spin"}):e(c,{className:"mr-2 h-4 w-4"}),r.hasAttempt?"Đăng kí và Thi lại":"Vào phòng thi"]}),b&&!j(r,V)&&t("div",{className:"flex-1 flex flex-col gap-1.5",children:[r.hasAttempt&&e("div",{className:"rounded-xl border-2 border-amber-200/60 bg-amber-50 px-2 py-1 text-center text-xs font-bold text-amber-600",children:"Bạn đã hoàn thành bài thi"}),t(y,{size:"sm",className:"h-11 w-full rounded-2xl border-0 border-b-4 border-[#05a0db] bg-[#07aff0] text-sm font-extrabold uppercase tracking-wide text-white shadow-none transition-all hover:bg-[#06a0e0] active:translate-y-0.5 active:border-b-2",onClick:()=>W(z(r.id)),children:[e(c,{className:"mr-2 h-4 w-4"}),r.hasAttempt?"Thi lại":"Vào phòng thi"]})]}),w&&t(y,{size:"sm",className:"h-11 flex-1 rounded-2xl border-2 border-b-4 border-[#07aff0]/30 bg-white text-sm font-extrabold uppercase tracking-wide text-[#07aff0] shadow-none transition-all hover:bg-[#07aff0]/5 active:translate-y-0.5 active:border-b-2",onClick:()=>(async e=>{U(e);try{await N.registerRoom(g,e),await Y()}finally{U(null)}})(r.id),disabled:E,children:[E?e(h,{className:"mr-2 h-4 w-4 animate-spin"}):e(d,{className:"mr-2 h-4 w-4"}),"Đăng ký"]}),v&&"PENDING"===r.registrationStatus&&t(y,{size:"sm",className:"h-11 flex-1 cursor-default rounded-2xl border-2 border-yellow-200 bg-yellow-50 text-sm font-extrabold uppercase tracking-wide text-yellow-600 hover:bg-yellow-50",disabled:!0,children:[e(o,{className:"mr-2 h-4 w-4"}),"Đã gửi đăng ký"]}),v&&"REJECTED"===r.registrationStatus&&t(y,{size:"sm",className:"h-11 flex-1 cursor-default rounded-2xl border-2 border-red-200 bg-red-50 text-sm font-extrabold uppercase tracking-wide text-red-600 hover:bg-red-50",disabled:!0,children:[e(u,{className:"mr-2 h-4 w-4"}),"Bị từ chối"]})]}),C(r)&&e("button",{type:"button",className:"self-center text-[11px] font-semibold text-gray-400 underline-offset-2 hover:text-red-500 hover:underline transition-colors disabled:opacity-50",onClick:()=>(async e=>{if(await X({title:"Xác nhận hủy đăng ký",description:"Bạn có chắc chắn muốn hủy đăng ký phòng thi này không? Hành động này không thể hoàn tác.",confirmText:"Hủy đăng ký",cancelText:"Quay lại",variant:"destructive"})&&N.cancelRoomRegistration){U(e);try{await N.cancelRoomRegistration(g,e),await Y()}finally{U(null)}}})(r.id),disabled:E,children:E?"Đang hủy...":"Hủy đăng ký"})]})]})},r.id)})}),e(q,{})]}):t("div",{className:"flex flex-col items-center justify-center rounded-2xl border-2 border-dashed border-gray-200 bg-gradient-to-br from-gray-50 to-white py-16",children:[e("div",{className:"flex h-20 w-20 items-center justify-center rounded-full bg-gray-100",children:e(c,{className:"h-10 w-10 text-gray-300"})}),e("p",{className:"mt-4 text-lg font-medium text-gray-400",children:"Chưa có phòng thi nào trong kỳ thi này"})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { Building2, CheckCircle2, ClipboardCheck, Clock, DoorOpen, Globe, Loader2, Lock, PlayCircle, Search, Timer, Users, XCircle, } from 'lucide-react';
+import { Badge } from '../../../components/ui/badge';
+import { Button } from '../../../components/ui/button';
+import { Input } from '../../../components/ui/input';
+import { Skeleton } from '../../../components/ui/skeleton';
+import { useConfirm } from '../../../components/ui/confirm-dialog';
+import { canCancelRegistration, canEnterRoom, canRetakeRoom, getCountdownParts, getRoomSortPriority, hasRegistrationStatus, isUserEngaged, needsRegisterAndEnter, needsRegistration, unwrap, } from './contest-rooms.utils';
+function CountdownTimer({ targetDate }) {
+    const [parts, setParts] = useState(() => getCountdownParts(targetDate));
+    useEffect(() => {
+        const interval = setInterval(() => setParts(getCountdownParts(targetDate)), 1000);
+        return () => clearInterval(interval);
+    }, [targetDate]);
+    if (!parts)
+        return null;
+    return (_jsxs("div", { className: "flex items-center gap-1.5", children: [parts.days > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex min-w-[36px] flex-col items-center rounded-md bg-white/80 px-1.5 py-1 shadow-sm", children: [_jsx("span", { className: "text-sm font-bold leading-none text-[#07aff0]", children: parts.days }), _jsx("span", { className: "text-[9px] text-gray-400", children: "ng\u00E0y" })] }), _jsx("span", { className: "text-sm font-bold text-[#07aff0]/40", children: ":" })] })), _jsxs("div", { className: "flex min-w-[36px] flex-col items-center rounded-md bg-white/80 px-1.5 py-1 shadow-sm", children: [_jsx("span", { className: "text-sm font-bold leading-none text-[#07aff0]", children: String(parts.hours).padStart(2, '0') }), _jsx("span", { className: "text-[9px] text-gray-400", children: "gi\u1EDD" })] }), _jsx("span", { className: "text-sm font-bold text-[#07aff0]/40", children: ":" }), _jsxs("div", { className: "flex min-w-[36px] flex-col items-center rounded-md bg-white/80 px-1.5 py-1 shadow-sm", children: [_jsx("span", { className: "text-sm font-bold leading-none text-[#07aff0]", children: String(parts.minutes).padStart(2, '0') }), _jsx("span", { className: "text-[9px] text-gray-400", children: "ph\u00FAt" })] }), _jsx("span", { className: "text-sm font-bold text-[#07aff0]/40", children: ":" }), _jsxs("div", { className: "flex min-w-[36px] flex-col items-center rounded-md bg-white/80 px-1.5 py-1 shadow-sm", children: [_jsx("span", { className: "text-sm font-bold leading-none text-[#07aff0]", children: String(parts.seconds).padStart(2, '0') }), _jsx("span", { className: "text-[9px] text-gray-400", children: "gi\u00E2y" })] })] }));
+}
+function getStatusInfo(room) {
+    if (room.isLocked) {
+        return { label: 'Đã khóa', className: 'border-red-200 bg-red-50 text-red-700', icon: Lock, canEnter: false };
+    }
+    switch (room.status) {
+        case 'IN_PROGRESS':
+            return { label: 'Đang mở', className: 'border-green-200 bg-green-50 text-green-700', icon: DoorOpen, canEnter: true };
+        case 'COMPLETED':
+            return { label: 'Đã kết thúc', className: 'border-gray-200 bg-gray-50 text-gray-700', icon: Clock, canEnter: false };
+        case 'UPCOMING':
+        default:
+            return { label: 'Phòng thi chưa mở', className: 'border-blue-200 bg-blue-50 text-blue-700', icon: Clock, canEnter: false };
+    }
+}
+function getUserStatus(room, contest) {
+    const retake = canRetakeRoom(room, contest);
+    if (room.isCompleted && !retake) {
+        return { label: 'Đã hoàn thành', icon: CheckCircle2, className: 'border-emerald-200 bg-emerald-50 text-emerald-700' };
+    }
+    if (room.hasAttempt && room.status === 'COMPLETED') {
+        return { label: 'Đã thi', icon: CheckCircle2, className: 'border-emerald-200 bg-emerald-50 text-emerald-700' };
+    }
+    if (room.hasAttempt && room.attemptStatus === 'IN_PROGRESS') {
+        return { label: 'Đang thi', icon: PlayCircle, className: 'border-blue-200 bg-blue-50 text-blue-700' };
+    }
+    if (room.visibility === 'internal') {
+        if (room.registrationStatus === 'PENDING') {
+            return { label: 'Chờ phê duyệt', icon: Clock, className: 'border-yellow-200 bg-yellow-50 text-yellow-700' };
+        }
+        if (room.registrationStatus === 'REJECTED') {
+            return { label: 'Bị từ chối', icon: XCircle, className: 'border-red-200 bg-red-50 text-red-700' };
+        }
+        if (room.registrationStatus === 'APPROVED') {
+            return { label: 'Đã đăng ký', icon: CheckCircle2, className: 'border-teal-200 bg-teal-50 text-teal-700' };
+        }
+        return { label: 'Chưa đăng ký', icon: ClipboardCheck, className: 'border-gray-200 bg-gray-50 text-gray-500' };
+    }
+    if (room.hasAttempt && !retake) {
+        return { label: 'Đã thi', icon: CheckCircle2, className: 'border-emerald-200 bg-emerald-50 text-emerald-700' };
+    }
+    if (room.hasAttempt && retake) {
+        return { label: 'Có thể thi lại', icon: DoorOpen, className: 'border-sky-200 bg-sky-50 text-sky-700' };
+    }
+    return { label: 'Sẵn sàng', icon: DoorOpen, className: 'border-sky-200 bg-sky-50 text-sky-700' };
+}
+function UserStatusBadge({ room, contest }) {
+    const status = getUserStatus(room, contest);
+    const Icon = status.icon;
+    return (_jsxs(Badge, { variant: "outline", className: `rounded-full border-2 px-3 py-1 text-xs font-extrabold uppercase tracking-wide ${status.className}`, children: [_jsx(Icon, { className: "mr-1 h-3.5 w-3.5" }), status.label] }));
+}
+/**
+ * Renders the student contest rooms-list screen
+ * (`/student/contests/:contestId/rooms`). Fetches rooms + contest detail via
+ * the injected `api`, handles search/filter, room registration and
+ * cancellation, and navigates to the exam-entry screen on room selection.
+ */
+export function StudentContestRoomsPageContainer({ contestId, api, onNavigate, enterPath = (roomId) => `/student/exams/${roomId}/enter`, }) {
+    const [rooms, setRooms] = useState(null);
+    const [contest, setContest] = useState();
+    const [isLoading, setIsLoading] = useState(true);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [roomFilter, setRoomFilter] = useState('all');
+    const [pendingRoomId, setPendingRoomId] = useState(null);
+    const { confirm, ConfirmDialog } = useConfirm();
+    const navigate = (href) => (onNavigate ? onNavigate(href) : (window.location.href = href));
+    const loadData = async () => {
+        setIsLoading(true);
+        try {
+            const [roomsResult, contestResult] = await Promise.all([
+                api.getContestRooms(contestId),
+                api.getContestDetail(contestId),
+            ]);
+            setRooms(unwrap(roomsResult));
+            setContest(unwrap(contestResult));
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    useEffect(() => {
+        loadData();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [contestId]);
+    const handleRegister = async (roomId) => {
+        setPendingRoomId(roomId);
+        try {
+            await api.registerRoom(contestId, roomId);
+            await loadData();
+        }
+        finally {
+            setPendingRoomId(null);
+        }
+    };
+    const handleRegisterAndEnter = async (roomId) => {
+        setPendingRoomId(roomId);
+        try {
+            await api.registerRoom(contestId, roomId);
+            navigate(enterPath(roomId));
+        }
+        finally {
+            setPendingRoomId(null);
+        }
+    };
+    const handleCancelRegistration = async (roomId) => {
+        const confirmed = await confirm({
+            title: 'Xác nhận hủy đăng ký',
+            description: 'Bạn có chắc chắn muốn hủy đăng ký phòng thi này không? Hành động này không thể hoàn tác.',
+            confirmText: 'Hủy đăng ký',
+            cancelText: 'Quay lại',
+            variant: 'destructive',
+        });
+        if (!confirmed || !api.cancelRoomRegistration)
+            return;
+        setPendingRoomId(roomId);
+        try {
+            await api.cancelRoomRegistration(contestId, roomId);
+            await loadData();
+        }
+        finally {
+            setPendingRoomId(null);
+        }
+    };
+    const filteredAndSortedRooms = useMemo(() => {
+        if (!rooms || rooms.length === 0)
+            return [];
+        let filtered = [...rooms];
+        if (searchQuery.trim()) {
+            const query = searchQuery.trim().toLowerCase();
+            filtered = filtered.filter((room) => room.name.toLowerCase().includes(query));
+        }
+        if (roomFilter === 'registered') {
+            filtered = filtered.filter((room) => room.registrationStatus === 'APPROVED' || room.registrationStatus === 'PENDING' || room.hasAttempt);
+        }
+        return filtered.sort((a, b) => getRoomSortPriority(a) - getRoomSortPriority(b));
+    }, [rooms, searchQuery, roomFilter]);
+    if (isLoading) {
+        return (_jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", children: [1, 2, 3, 4, 5, 6].map((i) => (_jsxs("div", { className: "overflow-hidden rounded-xl border bg-white shadow-sm", children: [_jsx(Skeleton, { className: "h-2 w-full" }), _jsxs("div", { className: "space-y-3 p-4", children: [_jsx(Skeleton, { className: "h-5 w-3/4" }), _jsx(Skeleton, { className: "h-4 w-1/2" }), _jsx(Skeleton, { className: "h-4 w-2/3" }), _jsxs("div", { className: "flex gap-2 pt-2", children: [_jsx(Skeleton, { className: "h-8 w-20" }), _jsx(Skeleton, { className: "h-8 w-20" })] })] })] }, i))) }));
+    }
+    if (!rooms || rooms.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl border-2 border-dashed border-gray-200 bg-gradient-to-br from-gray-50 to-white py-16", children: [_jsx("div", { className: "flex h-20 w-20 items-center justify-center rounded-full bg-gray-100", children: _jsx(DoorOpen, { className: "h-10 w-10 text-gray-300" }) }), _jsx("p", { className: "mt-4 text-lg font-medium text-gray-400", children: "Ch\u01B0a c\u00F3 ph\u00F2ng thi n\u00E0o trong k\u1EF3 thi n\u00E0y" })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "relative w-full sm:max-w-xs", children: [_jsx(Search, { className: "absolute left-3.5 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400" }), _jsx(Input, { type: "text", placeholder: "T\u00ECm ki\u1EBFm ph\u00F2ng thi...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "h-11 rounded-2xl border-2 border-gray-200 pl-10 text-sm font-semibold focus-visible:border-[#07aff0]/40 focus-visible:ring-0" })] }), _jsxs("div", { className: "flex items-center gap-1.5 rounded-2xl border-2 border-gray-100 bg-gray-50 p-1.5", children: [_jsx("button", { type: "button", onClick: () => setRoomFilter('all'), className: `rounded-xl px-4 py-2 text-xs font-extrabold uppercase tracking-wide transition-all ${roomFilter === 'all'
+                                    ? 'border-2 border-b-4 border-[#07aff0]/30 bg-white text-[#07aff0]'
+                                    : 'border-2 border-transparent text-gray-400 hover:text-[#07aff0]'}`, children: "T\u1EA5t c\u1EA3" }), _jsx("button", { type: "button", onClick: () => setRoomFilter('registered'), className: `rounded-xl px-4 py-2 text-xs font-extrabold uppercase tracking-wide transition-all ${roomFilter === 'registered'
+                                    ? 'border-2 border-b-4 border-[#07aff0]/30 bg-white text-[#07aff0]'
+                                    : 'border-2 border-transparent text-gray-400 hover:text-[#07aff0]'}`, children: "\u0110\u00E3 \u0111\u0103ng k\u00FD" })] })] }), filteredAndSortedRooms.length === 0 && (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl border-2 border-dashed border-gray-200 bg-gradient-to-br from-gray-50 to-white py-12", children: [_jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-gray-100", children: _jsx(Search, { className: "h-8 w-8 text-gray-300" }) }), _jsx("p", { className: "mt-3 text-base font-medium text-gray-400", children: "Kh\u00F4ng t\u00ECm th\u1EA5y ph\u00F2ng thi ph\u00F9 h\u1EE3p" }), _jsx("p", { className: "mt-1 text-sm text-gray-400", children: "Th\u1EED thay \u0111\u1ED5i t\u1EEB kh\u00F3a t\u00ECm ki\u1EBFm ho\u1EB7c b\u1ED9 l\u1ECDc" })] })), _jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3", children: filteredAndSortedRooms.map((room) => {
+                    const statusInfo = getStatusInfo(room);
+                    const retake = canRetakeRoom(room, contest);
+                    const isUpcoming = !room.isLocked && (room.status === 'UPCOMING' || !room.status);
+                    const canEnter = canEnterRoom(room, contest);
+                    const showRegisterBtn = needsRegistration(room);
+                    const showRegStatus = hasRegistrationStatus(room);
+                    const engaged = isUserEngaged(room);
+                    const isPending = pendingRoomId === room.id;
+                    return (_jsx("div", { className: `group relative flex flex-col overflow-hidden rounded-3xl border-2 border-b-[6px] bg-white shadow-sm transition-all duration-150 hover:-translate-y-0.5 ${engaged ? 'border-[#07aff0]/30' : 'border-gray-200'}`, children: _jsxs("div", { className: "flex flex-1 flex-col p-5", children: [_jsxs("div", { className: "mb-3 flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("h3", { className: "flex items-center gap-2 truncate text-lg font-extrabold tracking-tight text-gray-800 group-hover:text-[#07aff0]", children: [(!room.visibility || room.visibility === 'public') && (_jsx("span", { className: "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-xl bg-emerald-100", children: _jsx(Globe, { className: "h-4 w-4 text-emerald-500" }) })), room.visibility === 'internal' && (_jsx("span", { className: "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-xl bg-amber-100", children: _jsx(Building2, { className: "h-4 w-4 text-amber-500" }) })), room.visibility === 'private' && (_jsx("span", { className: "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-xl bg-gray-100", children: _jsx(Lock, { className: "h-4 w-4 text-gray-400" }) })), _jsx("span", { className: "truncate", children: room.name })] }), _jsxs("p", { className: "mt-1 text-xs font-medium text-gray-400", children: ["M\u00E3: ", _jsx("span", { className: "font-mono font-bold text-gray-500", children: room.code })] })] }), _jsxs("div", { className: "flex flex-shrink-0 items-start gap-2", children: [room.registrationCount != null && (_jsxs("div", { className: "flex items-center gap-1 rounded-full bg-gray-100 px-2.5 py-1 text-gray-500", children: [_jsx(Users, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "text-xs font-bold", children: room.registrationCount })] })), room.startDatetime && (_jsx("div", { className: "flex flex-col items-center overflow-hidden rounded-2xl border-2 border-gray-200 bg-white", children: _jsxs("div", { className: "flex flex-col items-center px-3 py-1.5", children: [_jsx("span", { className: "text-xl font-extrabold leading-tight text-gray-800", children: new Date(room.startDatetime).getDate() }), _jsxs("span", { className: "text-[10px] font-bold uppercase text-gray-400", children: ["Th ", new Date(room.startDatetime).getMonth() + 1] })] }) }))] })] }), _jsxs("div", { className: "mb-3 space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-semibold text-gray-500", children: [_jsx(ClipboardCheck, { className: "h-4 w-4 flex-shrink-0 text-gray-400" }), _jsx("span", { className: "truncate", children: room.examName })] }), room.startDatetime && (_jsxs("div", { className: "flex items-center gap-2 text-xs font-semibold text-gray-500", children: [_jsx(Clock, { className: "h-4 w-4 flex-shrink-0 text-gray-400" }), _jsxs("span", { children: [new Date(room.startDatetime).toLocaleTimeString('vi-VN', {
+                                                            hour: '2-digit',
+                                                            minute: '2-digit',
+                                                        }), room.endDatetime && (_jsxs(_Fragment, { children: [' - ', new Date(room.endDatetime).toLocaleTimeString('vi-VN', {
+                                                                    hour: '2-digit',
+                                                                    minute: '2-digit',
+                                                                })] }))] })] }))] }), _jsx("div", { className: "mb-3 flex flex-wrap items-center gap-1.5", children: _jsx(UserStatusBadge, { room: room, contest: contest }) }), !canEnter && !showRegisterBtn && !showRegStatus && isUpcoming && room.startDatetime && (_jsxs("div", { className: "mb-3 flex items-center gap-2 rounded-2xl border-2 border-[#07aff0]/15 bg-[#07aff0]/5 px-3 py-2", children: [_jsx(Timer, { className: "h-4 w-4 flex-shrink-0 text-[#07aff0]" }), _jsx("span", { className: "text-xs font-bold text-[#07aff0]", children: "M\u1EDF sau" }), _jsx("div", { className: "ml-auto", children: _jsx(CountdownTimer, { targetDate: room.startDatetime }) })] })), _jsx("div", { className: "mt-auto pt-3" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [room.isCompleted && !retake && (_jsxs(Button, { size: "sm", className: "h-11 flex-1 cursor-default rounded-2xl border-2 border-emerald-200 bg-emerald-50 text-sm font-extrabold uppercase tracking-wide text-emerald-600 hover:bg-emerald-50", disabled: true, children: [_jsx(CheckCircle2, { className: "mr-2 h-4 w-4" }), "\u0110\u00E3 ho\u00E0n th\u00E0nh"] })), needsRegisterAndEnter(room, contest) && (_jsxs(Button, { size: "sm", className: "h-11 flex-1 rounded-2xl border-b-4 border-[#003d87] bg-[#07aff0] text-sm font-extrabold uppercase tracking-wide text-white shadow-none transition-all hover:bg-[#0060d0] active:translate-y-0.5 active:border-b-2", onClick: () => handleRegisterAndEnter(room.id), disabled: isPending, children: [isPending ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(DoorOpen, { className: "mr-2 h-4 w-4" })), room.hasAttempt ? 'Đăng kí và Thi lại' : 'Vào phòng thi'] })), canEnter && !needsRegisterAndEnter(room, contest) && (_jsxs("div", { className: "flex-1 flex flex-col gap-1.5", children: [room.hasAttempt && (_jsx("div", { className: "rounded-xl border-2 border-amber-200/60 bg-amber-50 px-2 py-1 text-center text-xs font-bold text-amber-600", children: "B\u1EA1n \u0111\u00E3 ho\u00E0n th\u00E0nh b\u00E0i thi" })), _jsxs(Button, { size: "sm", className: "h-11 w-full rounded-2xl border-0 border-b-4 border-[#05a0db] bg-[#07aff0] text-sm font-extrabold uppercase tracking-wide text-white shadow-none transition-all hover:bg-[#06a0e0] active:translate-y-0.5 active:border-b-2", onClick: () => navigate(enterPath(room.id)), children: [_jsx(DoorOpen, { className: "mr-2 h-4 w-4" }), room.hasAttempt ? 'Thi lại' : 'Vào phòng thi'] })] })), showRegisterBtn && (_jsxs(Button, { size: "sm", className: "h-11 flex-1 rounded-2xl border-2 border-b-4 border-[#07aff0]/30 bg-white text-sm font-extrabold uppercase tracking-wide text-[#07aff0] shadow-none transition-all hover:bg-[#07aff0]/5 active:translate-y-0.5 active:border-b-2", onClick: () => handleRegister(room.id), disabled: isPending, children: [isPending ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(ClipboardCheck, { className: "mr-2 h-4 w-4" })), "\u0110\u0103ng k\u00FD"] })), showRegStatus && room.registrationStatus === 'PENDING' && (_jsxs(Button, { size: "sm", className: "h-11 flex-1 cursor-default rounded-2xl border-2 border-yellow-200 bg-yellow-50 text-sm font-extrabold uppercase tracking-wide text-yellow-600 hover:bg-yellow-50", disabled: true, children: [_jsx(Clock, { className: "mr-2 h-4 w-4" }), "\u0110\u00E3 g\u1EEDi \u0111\u0103ng k\u00FD"] })), showRegStatus && room.registrationStatus === 'REJECTED' && (_jsxs(Button, { size: "sm", className: "h-11 flex-1 cursor-default rounded-2xl border-2 border-red-200 bg-red-50 text-sm font-extrabold uppercase tracking-wide text-red-600 hover:bg-red-50", disabled: true, children: [_jsx(XCircle, { className: "mr-2 h-4 w-4" }), "B\u1ECB t\u1EEB ch\u1ED1i"] }))] }), canCancelRegistration(room) && (_jsx("button", { type: "button", className: "self-center text-[11px] font-semibold text-gray-400 underline-offset-2 hover:text-red-500 hover:underline transition-colors disabled:opacity-50", onClick: () => handleCancelRegistration(room.id), disabled: isPending, children: isPending ? 'Đang hủy...' : 'Hủy đăng ký' }))] })] }) }, room.id));
+                }) }), _jsx(ConfirmDialog, {})] }));
+}