@tinyweb_dev/oe-exam-sdk 0.1.0 → 0.1.1

package/dist/components/questions/types/read-and-color-objects/ReadAndColorObjectsClient.d.ts

@@ -5,4 +5,3 @@ interface ReadAndColorObjectsClientExportProps extends ReadAndColorObjectsClient
 }
 export declare function ReadAndColorObjectsClient(props: ReadAndColorObjectsClientExportProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=ReadAndColorObjectsClient.d.ts.map

package/dist/components/questions/types/read-and-color-objects/ReadAndColorObjectsClient.js

@@ -14,4 +14,3 @@ const readAndColorObjectsConfig = {
 export function ReadAndColorObjectsClient(props) {
     return _jsx(ColorRegionClient, { ...props, config: readAndColorObjectsConfig });
 }
-//# sourceMappingURL=ReadAndColorObjectsClient.js.map

package/dist/components/questions/types/read-and-color-objects/ReadAndColorObjectsCreator.d.ts

@@ -1,3 +1,2 @@
 import type { ReadAndColorObjectsCreatorProps } from '../../_shared/types/read-and-color-objects.type';
 export declare function ReadAndColorObjectsCreator(props: ReadAndColorObjectsCreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=ReadAndColorObjectsCreator.d.ts.map

package/dist/components/questions/types/read-and-color-objects/ReadAndColorObjectsCreator.js

@@ -21,4 +21,3 @@ const readAndColorObjectsConfig = {
 export function ReadAndColorObjectsCreator(props) {
     return (_jsx(ColorRegionCreator, { ...props, config: readAndColorObjectsConfig, ClientComponent: ReadAndColorObjectsClient }));
 }
-//# sourceMappingURL=ReadAndColorObjectsCreator.js.map

package/dist/components/questions/types/read-and-color-objects/index.d.ts

@@ -1,3 +1,2 @@
 export * from './ReadAndColorObjectsCreator';
 export * from './ReadAndColorObjectsClient';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/read-and-color-objects/index.js

@@ -1,3 +1,2 @@
 export * from './ReadAndColorObjectsCreator';
 export * from './ReadAndColorObjectsClient';
-//# sourceMappingURL=index.js.map

package/dist/components/questions/types/read-and-color-objects/register.d.ts

@@ -1,2 +1 @@
 export declare const readAndColorObjectsRegistration: import("../..").QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/read-and-color-objects/register.js

@@ -1,4 +1,3 @@
 import { ReadAndColorObjectsCreator } from './ReadAndColorObjectsCreator';
 import { createColorRegionRegistration } from '../../_shared/utils/createColorRegionRegistration';
 export const readAndColorObjectsRegistration = createColorRegionRegistration(ReadAndColorObjectsCreator);
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/read-and-color-objects/transform.d.ts

@@ -1,3 +1,2 @@
 import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
 export declare const transformReadAndColorObjects: TransformHandler;
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/read-and-color-objects/transform.js

@@ -34,4 +34,3 @@ export const transformReadAndColorObjects = (question) => {
         },
     };
 };
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/read-displayed-content/ReadDisplayedContentCreator.d.ts

@@ -1,3 +1,2 @@
 import { ReadDisplayedContentCreatorProps } from '../../_shared/types/read-displayed-content.type';
 export declare function ReadDisplayedContentCreator({ initialData, onSave, onChange, externalErrors, validationRef, }: ReadDisplayedContentCreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=ReadDisplayedContentCreator.d.ts.map

package/dist/components/questions/types/read-displayed-content/ReadDisplayedContentCreator.js

@@ -123,4 +123,3 @@ export function ReadDisplayedContentCreator({ initialData, onSave, onChange, ext
                     'AI sẽ so sánh giọng đọc của học sinh với văn bản gốc (Phonetic Distance).',
                 ] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white", children: [_jsx(CardHeader, { className: "px-4 py-3", children: _jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-gray-100", children: _jsx(FileText, { className: "h-4 w-4 text-gray-600" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-base font-bold text-gray-900", children: "\u0110o\u1EA1n v\u0103n b\u1EA3n c\u1EA7n \u0111\u1ECDc" }), _jsx("p", { className: "text-xs text-gray-500", children: "T\u1EA1o c\u00E2u h\u1ECFi \u0111\u1ECDc \u0111o\u1EA1n v\u0103n" })] })] }) }) }), _jsxs(CardContent, { className: "space-y-3 px-4 pb-4", children: [_jsx("div", { className: "flex items-center gap-6", children: _jsx(PointsInput, { ...form.register('points', { valueAsNumber: true }), error: form.hasError('points') ? form.getFieldError('points') : undefined }) }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "referenceText", className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(MessageSquare, { className: "h-4 w-4 text-indigo-500" }), _jsx("span", { className: "flex items-center gap-1", children: "\u0110o\u1EA1n v\u0103n b\u1EA3n" }), _jsx("span", { className: "text-sm font-normal text-red-500", children: "*" })] }), _jsx(Textarea, { id: "referenceText", ...form.register('referenceText'), placeholder: "VD: The fat cat sat on a red mat. It has a small bell on its neck. The bell rings when the cat jumps.", rows: 4, className: `min-h-[120px] border-gray-200 bg-white transition-all focus:border-indigo-300 focus:ring-indigo-200 resize-none ${form.hasError('referenceText') ? 'border-red-400 focus:border-red-500 focus:ring-red-200' : ''}` }), form.hasError('referenceText') && (_jsx("p", { className: "text-sm text-red-600", children: form.getFieldError('referenceText') })), _jsxs("div", { className: "mt-2 flex items-start gap-3 rounded-xl border border-blue-100 bg-gradient-to-r from-blue-50 to-indigo-50 p-4 text-sm text-blue-800", children: [_jsx(Info, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-indigo-500" }), _jsx("p", { children: "\u0110\u00E2y l\u00E0 \u0111o\u1EA1n v\u0103n s\u1EBD hi\u1EC3n th\u1ECB tr\u00EAn m\u00E0n h\u00ECnh cho h\u1ECDc sinh \u0111\u1ECDc to. AI s\u1EBD so s\u00E1nh ph\u00E1t \u00E2m c\u1EE7a h\u1ECDc sinh v\u1EDBi \u0111o\u1EA1n v\u0103n n\u00E0y." })] })] }), externalErrors && externalErrors.length > 0 && (_jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-red-200 bg-gradient-to-r from-red-50 to-rose-50 p-4", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg bg-red-100", children: _jsx("span", { className: "text-lg", children: "\u274C" }) }), _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-semibold text-red-800", children: "L\u1ED7i:" }), _jsx("ul", { className: "mt-1 list-inside list-disc text-red-700", children: externalErrors.map((error, index) => (_jsx("li", { children: error }, index))) })] })] }))] })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white", children: [_jsx(CardHeader, { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-500 shadow-sm", children: _jsx(BookOpen, { className: "h-3.5 w-3.5 text-white" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-base font-semibold text-gray-800", children: "Gi\u1EA3i th\u00EDch" }), _jsx("span", { className: "inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-xs font-medium text-amber-600", children: "Kh\u00F4ng b\u1EAFt bu\u1ED9c" })] }), _jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: "Gi\u1EA3i th\u00EDch cho \u0111\u00E1p \u00E1n \u0111\u00FAng \u2014 hi\u1EC3n th\u1ECB sau khi h\u1ECDc sinh ho\u00E0n th\u00E0nh c\u00E2u h\u1ECFi" })] })] }) }), _jsx(CardContent, { className: "px-4 pb-4", children: _jsx(Textarea, { value: watchedExplanation || '', onChange: (e) => form.setValue('explanation', e.target.value, { shouldValidate: true }), placeholder: "VD: \u0110o\u1EA1n v\u0103n t\u1EADp trung v\u00E0o c\u00E1c \u00E2m ng\u1EAFn /\u00E6/, /e/, /\u026A/...", rows: 3, className: "min-h-[80px] border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200 resize-none" }) })] })] }));
 }
-//# sourceMappingURL=ReadDisplayedContentCreator.js.map

package/dist/components/questions/types/read-displayed-content/register.d.ts

@@ -1,3 +1,2 @@
 import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
 export declare const readDisplayedContentRegistration: QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/read-displayed-content/register.js

@@ -62,4 +62,3 @@ export const readDisplayedContentRegistration = {
         explanation: data?.explanation || '',
     }),
 };
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/read-displayed-content/transform.d.ts

@@ -1,3 +1,2 @@
 import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
 export declare const transformReadDisplayedContent: TransformHandler;
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/read-displayed-content/transform.js

@@ -10,4 +10,3 @@ export const transformReadDisplayedContent = (question) => {
         apiCorrectAnswer: {},
     };
 };
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/read-passage-and-answer-questions/ReadPassageAndAnswerQuestionsClient.d.ts

@@ -1,3 +1,2 @@
 import { ReadPassageAndAnswerQuestionsClientProps } from '../../_shared/types/read-passage-and-answer-questions.type';
 export declare function ReadPassageAndAnswerQuestionsClient({ questionData, userAnswer, isReviewMode, onSubmit, autoFillCorrectAnswers, explanation: explanationProp, }: ReadPassageAndAnswerQuestionsClientProps): import("react").JSX.Element;
-//# sourceMappingURL=ReadPassageAndAnswerQuestionsClient.d.ts.map

package/dist/components/questions/types/read-passage-and-answer-questions/ReadPassageAndAnswerQuestionsClient.js

@@ -62,4 +62,3 @@ export function ReadPassageAndAnswerQuestionsClient({ questionData, userAnswer,
                                                 isReviewMode && isSelected && !isCorrectOption ? 'text-red-800' : 'text-gray-700'), children: option }), isReviewMode && (isCorrectOption || isSelected) && (_jsx("div", { className: cn('flex h-6 w-6 items-center justify-center rounded-full', isCorrectOption ? 'bg-green-500' : 'bg-red-500'), children: isCorrectOption ? _jsx(Check, { className: "h-4 w-4 text-white" }) : _jsx(X, { className: "h-4 w-4 text-white" }) }))] }, optIndex));
                             }), !isReviewMode && !hasAnswered && (_jsxs("div", { className: "rounded-lg border border-amber-200 bg-gradient-to-r from-amber-50 to-yellow-50 p-3 flex items-center gap-2 mt-3", children: [_jsx("div", { className: "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-amber-400 text-white", children: _jsx("span", { className: "text-xs font-bold", children: "!" }) }), _jsx("span", { className: "text-sm text-amber-800", children: "Vui l\u00F2ng ch\u1ECDn m\u1ED9t \u0111\u00E1p \u00E1n" })] })), isReviewMode && isWrong && (_jsx("div", { className: "rounded-lg bg-gradient-to-r from-green-50 to-emerald-50 p-4 border border-green-200 mt-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Check, { className: "h-4 w-4 text-green-600" }), _jsxs("span", { className: "text-sm text-green-700", children: ["\u0110\u00E1p \u00E1n \u0111\u00FAng: ", _jsxs("strong", { children: [String.fromCharCode(65 + singleQuestion.correctAnswer), ". ", singleQuestion.options[singleQuestion.correctAnswer]] })] })] }) }))] })] }), isReviewMode && explanation && (_jsxs("div", { className: "overflow-hidden rounded-xl border border-blue-200 bg-gradient-to-br from-blue-50 to-indigo-50 shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-blue-100 bg-white/50 px-4 py-3", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-amber-400 to-orange-500 text-white shadow-sm", children: _jsx(Lightbulb, { className: "h-4 w-4" }) }), _jsx("h4", { className: "text-sm font-semibold text-gray-800", children: "Gi\u1EA3i th\u00EDch" })] }), _jsx("div", { className: "p-4", children: _jsx("p", { className: "text-sm text-gray-700 leading-relaxed", children: explanation }) })] }))] }));
 }
-//# sourceMappingURL=ReadPassageAndAnswerQuestionsClient.js.map

package/dist/components/questions/types/read-passage-and-answer-questions/ReadPassageAndAnswerQuestionsCreator.d.ts

@@ -1,3 +1,2 @@
 import { ReadPassageAndAnswerQuestionsCreatorProps } from '../../_shared/types/read-passage-and-answer-questions.type';
 export declare function ReadPassageAndAnswerQuestionsCreator(props: ReadPassageAndAnswerQuestionsCreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=ReadPassageAndAnswerQuestionsCreator.d.ts.map

package/dist/components/questions/types/read-passage-and-answer-questions/ReadPassageAndAnswerQuestionsCreator.js

@@ -509,4 +509,3 @@ function ReadPassageAndAnswerQuestionsContent({ initialData, onSave, onSaveToQue
 export function ReadPassageAndAnswerQuestionsCreator(props) {
     return _jsx(ReadPassageAndAnswerQuestionsContent, { ...props });
 }
-//# sourceMappingURL=ReadPassageAndAnswerQuestionsCreator.js.map

package/dist/components/questions/types/read-passage-and-answer-questions/index.d.ts

@@ -1,3 +1,2 @@
 export * from './ReadPassageAndAnswerQuestionsCreator';
 export * from './ReadPassageAndAnswerQuestionsClient';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/read-passage-and-answer-questions/index.js

@@ -1,3 +1,2 @@
 export * from './ReadPassageAndAnswerQuestionsCreator';
 export * from './ReadPassageAndAnswerQuestionsClient';
-//# sourceMappingURL=index.js.map

package/dist/components/questions/types/read-passage-and-answer-questions/register.d.ts

@@ -1,3 +1,2 @@
 import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
 export declare const readPassageAndAnswerQuestionsRegistration: QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/read-passage-and-answer-questions/register.js

@@ -56,4 +56,3 @@ export const readPassageAndAnswerQuestionsRegistration = {
         explanation: data?.explanation || '',
     }),
 };
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/read-passage-and-answer-questions/transform.d.ts

@@ -1,3 +1,2 @@
 import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
 export declare const transformReadPassageAndAnswerQuestions: TransformHandler;
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/read-passage-and-answer-questions/transform.js

@@ -26,4 +26,3 @@ export const transformReadPassageAndAnswerQuestions = (question) => {
         groupNumber: sq.groupNumber || 1,
     };
 };
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/speaking-conversation/SpeakingConversationCreator.d.ts

@@ -13,4 +13,3 @@ export interface SpeakingConversationCreatorProps {
     questionIndexInPart?: number;
 }
 export declare function SpeakingConversationCreator({ initialData, onSave, onChange, externalErrors, validationRef, partId, groups, questionIndexInPart, }: SpeakingConversationCreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=SpeakingConversationCreator.d.ts.map

package/dist/components/questions/types/speaking-conversation/SpeakingConversationCreator.js

@@ -371,4 +371,3 @@ export function SpeakingConversationCreator({ initialData, onSave, onChange, ext
                                             ? 'VD: My name is Bingo. I am 8 years old.'
                                             : 'Thêm đáp án mẫu khác...', rows: 2, className: "min-h-[60px] border-gray-200 bg-white transition-all focus:border-green-300 focus:ring-green-200 resize-none flex-1" }), watchedExpectedAnswers.length > 1 && (_jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "mt-1.5 h-7 w-7 text-red-400 hover:text-red-600 hover:bg-red-50 flex-shrink-0", onClick: () => handleRemoveExpectedAnswer(index), "aria-label": `Xóa đáp án ${index + 1}`, children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }, index)))] })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-amber-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-amber-400 to-orange-400" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-500 shadow-sm", children: _jsx(BookOpen, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "Gi\u1EA3i th\u00EDch" }), _jsx("span", { className: "inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-2.5 py-0.5 text-xs font-medium text-amber-600", children: "Kh\u00F4ng b\u1EAFt bu\u1ED9c" })] }), _jsx("p", { className: "text-sm text-gray-500 mt-0.5", children: "Gi\u1EA3i th\u00EDch th\u00EAm v\u1EC1 c\u00E2u tr\u1EA3 l\u1EDDi k\u1EF3 v\u1ECDng, d\u00F9ng khi review k\u1EBFt qu\u1EA3." })] })] }) }), _jsx(CardContent, { children: _jsx(Textarea, { value: watchedExplanation || '', onChange: (e) => form.setValue('explanation', e.target.value, { shouldValidate: true }), placeholder: "VD: C\u00E2u tr\u1EA3 l\u1EDDi \u0111\u00FAng: 'My name is...' v\u00EC c\u00E2u h\u1ECFi \u0111ang h\u1ECFi v\u1EC1 t\u00EAn v\u00E0 tu\u1ED5i.", rows: 3, className: "min-h-[80px] border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200 resize-none" }) })] }), externalErrors && externalErrors.length > 0 && (_jsx("div", { className: "flex items-start gap-3 rounded-xl border border-red-200 bg-red-50 p-4", children: _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-semibold text-red-800", children: "C\u1EA7n s\u1EEDa c\u00E1c l\u1ED7i sau:" }), _jsx("ul", { className: "mt-1 list-inside list-disc text-red-700", children: externalErrors.map((error, index) => (_jsx("li", { children: error }, index))) })] }) }))] }));
 }
-//# sourceMappingURL=SpeakingConversationCreator.js.map

package/dist/components/questions/types/speaking-conversation/SpeakingConversationPreviewClient.d.ts

@@ -19,4 +19,3 @@ interface SpeakingConversationPreviewClientProps {
 }
 export declare function SpeakingConversationPreviewClient({ questionData, isReviewMode, }: SpeakingConversationPreviewClientProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=SpeakingConversationPreviewClient.d.ts.map

package/dist/components/questions/types/speaking-conversation/SpeakingConversationPreviewClient.js

@@ -39,4 +39,3 @@ export function SpeakingConversationPreviewClient({ questionData, isReviewMode =
                                             ? 'Câu hỏi ví dụ — Bạn thi sẽ trả lời, học sinh lắng nghe'
                                             : 'Học sinh sẽ nhấn nút ghi âm và nói câu trả lời tại đây' })] }), isReviewMode && questionData.expectedAnswers && questionData.expectedAnswers.length > 0 && (_jsxs("div", { className: "rounded-xl border border-green-200 bg-green-50/80 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsx("h4", { className: "text-sm font-semibold text-green-800", children: "C\u00E1c \u0111\u00E1p \u00E1n mong mu\u1ED1n" })] }), _jsx("div", { className: "space-y-2", children: questionData.expectedAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-center gap-2.5 rounded-lg bg-white/70 border border-green-100 px-3 py-2", children: [_jsx("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-green-100 text-green-700 text-xs font-bold", children: index + 1 }), _jsx("span", { className: "text-sm text-green-800", children: answer })] }, index))) })] }))] })] })] }));
 }
-//# sourceMappingURL=SpeakingConversationPreviewClient.js.map

package/dist/components/questions/types/speaking-conversation/register.d.ts

@@ -1,3 +1,2 @@
 import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
 export declare const speakingConversationRegistration: QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/speaking-conversation/register.js

@@ -108,4 +108,3 @@ export const speakingConversationRegistration = {
         };
     },
 };
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/speaking-conversation/transform.d.ts

@@ -1,3 +1,2 @@
 import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
 export declare const transformSpeakingConversation: TransformHandler;
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/speaking-conversation/transform.js

@@ -32,4 +32,3 @@ export const transformSpeakingConversation = (question) => {
         },
     };
 };
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/speaking-cue-card/SpeakingCueCardCreator.d.ts

@@ -8,4 +8,3 @@ export interface SpeakingCueCardCreatorProps {
     validationRef?: React.MutableRefObject<any>;
 }
 export declare function SpeakingCueCardCreator({ initialData, onChange, onUnsavedChangesChange, externalErrors, validationRef, }: SpeakingCueCardCreatorProps): React.JSX.Element;
-//# sourceMappingURL=SpeakingCueCardCreator.d.ts.map

package/dist/components/questions/types/speaking-cue-card/SpeakingCueCardCreator.js

@@ -72,4 +72,3 @@ export function SpeakingCueCardCreator({ initialData, onChange, onUnsavedChanges
                     'Cue Card nên có 1 chủ đề chính và 3-4 gợi ý (bullet points) theo format IELTS Part 2.',
                 ] }), _jsxs(Card, { className: "overflow-hidden border border-slate-200 bg-white shadow-sm", children: [_jsx(CardHeader, { className: "border-b border-slate-100 bg-slate-50/50 pb-4", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-purple-100 text-purple-700", children: _jsx(CreditCard, { className: "h-4 w-4" }) }), _jsx(CardTitle, { className: "text-lg font-semibold text-slate-800", children: "C\u00E2u h\u1ECFi Th\u1EBB g\u1EE3i \u00FD (Cue Card)" })] }) }), _jsxs(CardContent, { className: "p-0", children: [_jsxs("div", { className: "p-6 space-y-8", children: [_jsxs("div", { className: "w-full xl:w-1/3 space-y-1.5 animate-in fade-in zoom-in-95 duration-200", children: [_jsxs(Label, { htmlFor: "points", className: "text-sm font-semibold text-slate-700", children: ["\u0110i\u1EC3m s\u1ED1 ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(Input, { id: "points", type: "number", step: "1", min: "1", value: points, onChange: (e) => setPoints(parseInt(e.target.value) || 0), className: "w-24 border-slate-200 focus:border-blue-400 focus:ring-blue-100" })] }), _jsx("hr", { className: "border-slate-100" }), _jsx("div", { className: "space-y-3", children: _jsx(CueCardEditor, { value: htmlContent, onChange: setHtmlContent, label: _jsxs(Label, { className: "text-sm font-semibold text-slate-700", children: ["N\u1ED9i dung Cue Card ", _jsx("span", { className: "text-red-500", children: "*" })] }) }) })] }), externalErrors && externalErrors.length > 0 && (_jsx("div", { className: "border-t border-red-100 bg-red-50 p-6", children: _jsx("div", { className: "flex items-start gap-3", children: _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-semibold text-red-800", children: "C\u1EA7n ph\u1EA3i s\u1EEDa c\u00E1c l\u1ED7i sau:" }), _jsx("ul", { className: "mt-1 list-inside list-disc text-red-700", children: externalErrors.map((error, index) => (_jsx("li", { children: error }, index))) })] }) }) }))] })] })] }));
 }
-//# sourceMappingURL=SpeakingCueCardCreator.js.map

package/dist/components/questions/types/speaking-cue-card/register.d.ts

@@ -1,3 +1,2 @@
 import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
 export declare const speakingCueCardRegistration: QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/speaking-cue-card/register.js

@@ -50,4 +50,3 @@ export const speakingCueCardRegistration = {
         };
     },
 };
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/speaking-cue-card/transform.d.ts

@@ -1,3 +1,2 @@
 import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
 export declare const transformSpeakingCueCard: TransformHandler;
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/speaking-cue-card/transform.js

@@ -10,4 +10,3 @@ export const transformSpeakingCueCard = (question) => {
         apiCorrectAnswer,
     };
 };
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/speaking-describe-image/SpeakingDescribeImageClient.d.ts

@@ -8,4 +8,3 @@ export interface SpeakingDescribeImageClientProps {
     isReviewMode?: boolean;
 }
 export declare function SpeakingDescribeImageClient({ questionData, isReviewMode, }: SpeakingDescribeImageClientProps): import("react").JSX.Element;
-//# sourceMappingURL=SpeakingDescribeImageClient.d.ts.map

package/dist/components/questions/types/speaking-describe-image/SpeakingDescribeImageClient.js

@@ -8,4 +8,3 @@ export function SpeakingDescribeImageClient({ questionData, isReviewMode = false
                                             ? "Audio ghi âm của học sinh (đã lưu)"
                                             : "Học sinh sẽ nhìn hình ảnh và nhấn nút micro để mô tả" })] }), isReviewMode && questionData.expectedAnswers && questionData.expectedAnswers.length > 0 && (_jsxs("div", { className: "rounded-xl border border-green-200 bg-green-50/80 p-4 mt-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsx("h4", { className: "text-sm font-semibold text-green-800", children: "C\u00E1c \u0111\u00E1p \u00E1n t\u1EF1 \u0111\u1ED9ng (Tham chi\u1EBFu AI)" })] }), _jsx("div", { className: "space-y-2", children: questionData.expectedAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-center gap-2.5 rounded-lg bg-white/70 border border-green-100 px-3 py-2", children: [_jsx("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-green-100 text-green-700 text-xs font-bold", children: index + 1 }), _jsx("span", { className: "text-sm text-green-800", children: answer })] }, index))) })] })), isReviewMode && questionData.explanation && (_jsxs("div", { className: "rounded-xl border border-amber-200 bg-amber-50 p-4 mt-2", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Info, { className: "h-4 w-4 text-amber-600" }), _jsx("p", { className: "text-sm font-semibold text-amber-800", children: "Gi\u1EA3i th\u00EDch gi\u00E1o vi\u00EAn" })] }), _jsx("p", { className: "text-sm text-amber-700 leading-relaxed whitespace-pre-wrap", children: questionData.explanation })] }))] })] })] }));
 }
-//# sourceMappingURL=SpeakingDescribeImageClient.js.map

package/dist/components/questions/types/speaking-describe-image/SpeakingDescribeImageCreator.d.ts

@@ -1,3 +1,2 @@
 import { SpeakingDescribeImageCreatorProps } from '../../_shared/types/speaking-describe-image.type';
 export declare function SpeakingDescribeImageCreator({ initialData, onSave, onChange, externalErrors, validationRef, }: SpeakingDescribeImageCreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=SpeakingDescribeImageCreator.d.ts.map

package/dist/components/questions/types/speaking-describe-image/SpeakingDescribeImageCreator.js

@@ -159,4 +159,3 @@ export function SpeakingDescribeImageCreator({ initialData, onSave, onChange, ex
                                                 form.setValue('expectedAnswers', newAnswers, { shouldValidate: true });
                                             }, className: "text-red-400 hover:text-red-600 hover:bg-red-50 opacity-0 group-hover/answer:opacity-100 transition-opacity", children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }, index))), form.formState.errors?.expectedAnswers && !Array.isArray(form.formState.errors.expectedAnswers) && (_jsx("p", { className: "text-sm text-red-500", children: form.formState.errors.expectedAnswers.message }))] }) })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white", children: [_jsx(CardHeader, { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-500 shadow-sm", children: _jsx(BookOpen, { className: "h-3.5 w-3.5 text-white" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-base font-semibold text-gray-800", children: "Gi\u1EA3i th\u00EDch" }), _jsx("span", { className: "inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-xs font-medium text-amber-600", children: "Kh\u00F4ng b\u1EAFt bu\u1ED9c" })] }), _jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: "Gi\u1EA3i th\u00EDch th\u00EAm v\u1EC1 b\u1EE9c \u1EA3nh \u0111\u1EC3 gi\u00FAp h\u1ECDc sinh hi\u1EC3u r\u00F5 h\u01A1n khi review k\u1EBFt qu\u1EA3." })] })] }) }), _jsx(CardContent, { className: "px-4 pb-4", children: _jsx(Textarea, { value: watchedExplanation, onChange: (e) => form.setValue('explanation', e.target.value, { shouldValidate: true }), placeholder: "VD: C\u00E2u n\u00E0y h\u1ECDc sinh c\u1EA7n ph\u1EA3i nh\u1EADn bi\u1EBFt \u0111\u01B0\u1EE3c h\u00E0nh \u0111\u1ED9ng...", rows: 3, className: "min-h-[80px] border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200 resize-none" }) })] })] }));
 }
-//# sourceMappingURL=SpeakingDescribeImageCreator.js.map

package/dist/components/questions/types/speaking-describe-image/index.d.ts

@@ -1,3 +1,2 @@
 export * from './SpeakingDescribeImageCreator';
 export * from './SpeakingDescribeImageClient';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/speaking-describe-image/index.js

@@ -1,3 +1,2 @@
 export * from './SpeakingDescribeImageCreator';
 export * from './SpeakingDescribeImageClient';
-//# sourceMappingURL=index.js.map

package/dist/components/questions/types/speaking-describe-image/register.d.ts

@@ -1,3 +1,2 @@
 import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
 export declare const speakingDescribeImageRegistration: QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/speaking-describe-image/register.js

@@ -67,4 +67,3 @@ export const speakingDescribeImageRegistration = {
         explanation: data?.explanation || '',
     }),
 };
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/speaking-describe-image/transform.d.ts

@@ -1,3 +1,2 @@
 import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
 export declare const transformSpeakingDescribeImage: TransformHandler;
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/speaking-describe-image/transform.js

@@ -14,4 +14,3 @@ export const transformSpeakingDescribeImage = (question) => {
     };
     return result;
 };
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/spontaneous-qa/SpontaneousQACreator.d.ts

@@ -1,3 +1,2 @@
 import { SpontaneousQACreatorProps } from '../../_shared/types/spontaneous-qa.type';
 export declare function SpontaneousQACreator({ initialData, onSave, onChange, externalErrors, validationRef, }: SpontaneousQACreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=SpontaneousQACreator.d.ts.map

package/dist/components/questions/types/spontaneous-qa/SpontaneousQACreator.js

@@ -232,4 +232,3 @@ export function SpontaneousQACreator({ initialData, onSave, onChange, externalEr
                                                             form.setValue('audioUrl', url, { shouldValidate: true });
                                                         }, maxSize: 20, placeholder: "T\u1EA3i l\u00EAn file audio (MP3, WAV...)", autoUpload: true, prefix: "speaking/spontaneous-qa" }), form.hasError('audioUrl') && (_jsx("p", { className: "text-sm text-red-600 mt-1", children: form.getFieldError('audioUrl') })), _jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-100 bg-amber-50/60 px-3 py-2 mt-2", children: [_jsx(Info, { className: "h-4 w-4 text-amber-500 mt-0.5 flex-shrink-0" }), _jsx("p", { className: "text-xs text-amber-700", children: "Upload file audio ch\u1EE9a c\u00E2u h\u1ECFi. H\u1ECDc sinh s\u1EBD nghe audio n\u00E0y v\u00E0 tr\u1EA3 l\u1EDDi t\u1EF1 do." })] })] })) : (_jsxs("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-200", children: [_jsx(Label, { className: "text-sm font-medium text-slate-700", children: "N\u1ED9i dung c\u00E2u h\u1ECFi (Text \u2192 TTS)" }), _jsx(Input, { ...form.register('questionText'), placeholder: "VD: What is your favorite food and why?", className: "border-slate-200 focus:border-blue-400 focus:ring-blue-100" }), form.hasError('questionText') && (_jsx("p", { className: "text-sm text-red-600 mt-1", children: form.getFieldError('questionText') })), _jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-100 bg-amber-50/60 px-3 py-2", children: [_jsx(Info, { className: "h-4 w-4 text-amber-500 mt-0.5 flex-shrink-0" }), _jsx("p", { className: "text-xs text-amber-700", children: "H\u1EC7 th\u1ED1ng s\u1EBD t\u1EF1 \u0111\u1ED9ng chuy\u1EC3n v\u0103n b\u1EA3n th\u00E0nh gi\u1ECDng n\u00F3i (TTS). Click n\u00FAt \"T\u1EA1o Audio\" \u0111\u1EC3 h\u1EC7 th\u1ED1ng x\u1EED l\u00FD." })] }), _jsxs("div", { className: "flex items-center gap-4 mt-2", children: [_jsxs(Button, { type: "button", variant: "default", size: "sm", onClick: handleGenerateAudio, disabled: isGeneratingAudio || !watchedQuestionText || watchedQuestionText === lastGeneratedText, className: "gap-2 rounded-none bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-bold shadow-md shadow-blue-500/30 hover:shadow-lg hover:shadow-blue-500/40 hover:-translate-y-0.5 transition-all w-fit disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none", children: [isGeneratingAudio ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(Volume2, { className: "h-3.5 w-3.5" })), "T\u1EA1o Audio"] }), displayAudioUrl && (_jsx("audio", { controls: true, src: displayAudioUrl, className: "h-8 max-w-[250px]" }))] })] })) }) })] }), externalErrors && externalErrors.length > 0 && (_jsx("div", { className: "border-t border-red-100 bg-red-50 p-6", children: _jsx("div", { className: "flex items-start gap-3", children: _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-semibold text-red-800", children: "C\u1EA7n ph\u1EA3i s\u1EEDa c\u00E1c l\u1ED7i sau:" }), _jsx("ul", { className: "mt-1 list-inside list-disc text-red-700", children: externalErrors.map((error, index) => (_jsx("li", { children: error }, index))) })] }) }) }))] })] }), _jsxs(Card, { className: "border border-slate-200 bg-slate-50/50 shadow-sm", children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-md bg-slate-200/50 text-slate-600", children: _jsx(BookOpen, { className: "h-3.5 w-3.5" }) }), _jsx(CardTitle, { className: "text-base font-semibold text-slate-800", children: "Gi\u1EA3i th\u00EDch chi ti\u1EBFt" })] }), _jsx("span", { className: "text-xs font-medium text-slate-500 uppercase tracking-wider", children: "T\u00F9y ch\u1ECDn" })] }) }), _jsx(CardContent, { children: _jsx(Textarea, { value: watchedExplanation || '', onChange: (e) => form.setValue('explanation', e.target.value, { shouldValidate: true }), placeholder: "Gi\u1EA3i th\u00EDch th\u00EAm v\u1EC1 c\u00E2u tr\u1EA3 l\u1EDDi k\u1EF3 v\u1ECDng, d\u00F9ng khi review k\u1EBFt qu\u1EA3...", rows: 3, className: "resize-none border-slate-200 bg-white focus:border-slate-300 focus:ring-slate-100" }) })] })] }));
 }
-//# sourceMappingURL=SpontaneousQACreator.js.map

package/dist/components/questions/types/spontaneous-qa/register.d.ts

@@ -1,3 +1,2 @@
 import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
 export declare const spontaneousQARegistration: QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/spontaneous-qa/register.js

@@ -91,4 +91,3 @@ export const spontaneousQARegistration = {
         };
     },
 };
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/spontaneous-qa/transform.d.ts

@@ -1,3 +1,2 @@
 import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
 export declare const transformSpontaneousQA: TransformHandler;
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/spontaneous-qa/transform.js

@@ -32,4 +32,3 @@ export const transformSpontaneousQA = (question) => {
         apiCorrectAnswer,
     };
 };
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/true-false/TrueFalseClient.d.ts

@@ -12,4 +12,3 @@ interface TrueFalseClientProps {
 }
 export declare function TrueFalseClient({ questionData, onSubmit, isReviewMode, userAnswer, }: TrueFalseClientProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=TrueFalseClient.d.ts.map

package/dist/components/questions/types/true-false/TrueFalseClient.js

@@ -73,4 +73,3 @@ export function TrueFalseClient({ questionData, onSubmit, isReviewMode = false,
                                                                 ? 'text-red-700'
                                                                 : 'text-gray-600'), children: "Sai (False)" }), isReviewMode && (questionData.answer === false || selectedAnswer === false) && (_jsx("div", { className: cn('flex h-6 w-6 items-center justify-center rounded-full', questionData.answer === false ? 'bg-green-500' : 'bg-red-500'), children: questionData.answer === false ? (_jsx(Check, { className: "h-4 w-4 text-white" })) : (_jsx(X, { className: "h-4 w-4 text-white" })) }))] })] })] }), !isReviewMode && !hasAnswered && (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-amber-200 bg-gradient-to-r from-amber-50 to-yellow-50 p-3", children: [_jsx("div", { className: "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-amber-400 text-white", children: _jsx("span", { className: "text-xs font-bold", children: "!" }) }), _jsx("span", { className: "text-sm text-amber-800", children: "Vui l\u00F2ng ch\u1ECDn \u0111\u00E1p \u00E1n" })] })), isReviewMode && questionData.explanation && (_jsxs("div", { className: "rounded-lg border border-blue-200 bg-blue-50 p-4", children: [_jsx("p", { className: "text-sm font-semibold text-blue-800", children: "Gi\u1EA3i th\u00EDch:" }), _jsx("p", { className: "mt-1 text-sm text-blue-700", children: questionData.explanation })] }))] })] }) }));
 }
-//# sourceMappingURL=TrueFalseClient.js.map

package/dist/components/questions/types/true-false/TrueFalseCreator.d.ts

@@ -19,4 +19,3 @@ interface TrueFalseCreatorProps {
 }
 export declare function TrueFalseCreator(props: TrueFalseCreatorProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=TrueFalseCreator.d.ts.map

package/dist/components/questions/types/true-false/TrueFalseCreator.js

@@ -242,4 +242,3 @@ function TrueFalseCreatorContent({ initialData, onSave, onCancel, onChange, exte
 export function TrueFalseCreator(props) {
     return _jsx(TrueFalseCreatorContent, { ...props });
 }
-//# sourceMappingURL=TrueFalseCreator.js.map

package/dist/components/questions/types/true-false/index.d.ts

@@ -1,3 +1,2 @@
 export * from './TrueFalseCreator';
 export * from './TrueFalseClient';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/true-false/index.js

@@ -1,3 +1,2 @@
 export * from './TrueFalseCreator';
 export * from './TrueFalseClient';
-//# sourceMappingURL=index.js.map

package/dist/components/questions/types/true-false/register.d.ts

@@ -1,3 +1,2 @@
 import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
 export declare const trueFalseRegistration: QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/true-false/register.js

@@ -75,4 +75,3 @@ export const trueFalseRegistration = {
         answer: data,
     }),
 };
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/true-false/transform.d.ts

@@ -1,3 +1,2 @@
 import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
 export declare const transformTrueFalse: TransformHandler;
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/true-false/transform.js

@@ -30,4 +30,3 @@ export const transformTrueFalse = (question) => {
         groupNumber: answerData.groupNumber || 1,
     };
 };
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/word-fill-paragraph/WordFillParagraphClient.d.ts

@@ -23,4 +23,3 @@ export interface WordFillParagraphClientProps {
     explanation?: string;
 }
 export declare function WordFillParagraphClient({ questionData, onSubmit, isReviewMode, userAnswer, autoFillCorrectAnswers, explanation, }: WordFillParagraphClientProps): import("react").JSX.Element;
-//# sourceMappingURL=WordFillParagraphClient.d.ts.map

package/dist/components/questions/types/word-fill-paragraph/WordFillParagraphClient.js

@@ -231,4 +231,3 @@ export function WordFillParagraphClient({ questionData, onSubmit, isReviewMode =
                                         return (_jsxs("span", { className: "rounded-lg border border-green-300 bg-green-100 px-3 py-1.5 text-sm font-semibold text-green-800", children: ['{' + index + '}', ": ", answer] }, index));
                                     }) })] })), isReviewMode && displayExplanation && (_jsxs("div", { className: "rounded-lg border border-blue-200 bg-gradient-to-r from-blue-50 to-indigo-50 p-3", children: [_jsx("span", { className: "text-xs font-medium uppercase tracking-wider text-blue-600", children: "Gi\u1EA3i th\u00EDch" }), _jsx("p", { className: "mt-1 text-sm text-blue-800", children: displayExplanation })] }))] })] }) }));
 }
-//# sourceMappingURL=WordFillParagraphClient.js.map

package/dist/components/questions/types/word-fill-paragraph/WordFillParagraphCreator.d.ts

@@ -11,4 +11,3 @@ interface CreatorProps extends WordFillParagraphCreatorProps {
 }
 export declare function WordFillParagraphCreator({ initialData, onSave, onCancel, onChange, externalErrors, onUnsavedChangesChange, validationRef, viewMode, groupConfig, groups, questionIndexInPart, partId, }: CreatorProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=WordFillParagraphCreator.d.ts.map

package/dist/components/questions/types/word-fill-paragraph/WordFillParagraphCreator.js

@@ -629,4 +629,3 @@ export function WordFillParagraphCreator({ initialData, onSave, onCancel, onChan
                                                                     : 'border-gray-200 bg-white text-gray-400 hover:text-gray-600'} ${!answerText ? 'cursor-not-allowed opacity-50' : ''}`, children: [_jsx(Star, { className: `h-4 w-4 ${isExampleAnswer ? 'fill-amber-400 text-amber-400' : ''}` }), "Example"] })] }), formDefault.formState.errors.answers?.[idx] && (_jsx("p", { className: "mt-1.5 ml-13 text-xs text-red-500", children: formDefault.formState.errors.answers[idx]?.message }))] }, idx));
                                         }) }), _jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-indigo-50/50 px-3 py-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-indigo-500" }), _jsxs("span", { className: "text-xs text-indigo-700", children: [watchedAnswers.filter((a) => a?.trim()).length, " / ", blankCount, " \u0111\u00E1p \u00E1n \u0111\u00E3 \u0111i\u1EC1n"] })] })] })) : (_jsx("div", { className: "flex h-24 items-center justify-center rounded-lg border-2 border-dashed border-gray-200 bg-gray-50", children: _jsxs("p", { className: "text-sm text-gray-400", children: ["Nh\u1EADp \u0111o\u1EA1n v\u0103n c\u00F3 ", '{0}', ", ", '{1}', ", ... \u0111\u1EC3 t\u1EA1o ch\u1ED7 tr\u1ED1ng"] }) })), formDefault.formState.errors.answers?.message && (_jsx("p", { className: "text-sm text-red-600", children: formDefault.formState.errors.answers.message }))] })] })), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-amber-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-amber-400 to-orange-400" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-500 shadow-sm", children: _jsx(BookOpen, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "Gi\u1EA3i th\u00EDch" }), _jsx("span", { className: "inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-2.5 py-0.5 text-xs font-medium text-amber-600", children: "Kh\u00F4ng b\u1EAFt bu\u1ED9c" })] }), _jsx("p", { className: "text-sm text-gray-500 mt-0.5", children: "Gi\u1EA3i th\u00EDch cho \u0111\u00E1p \u00E1n \u0111\u00FAng \u2014 hi\u1EC3n th\u1ECB sau khi h\u1ECDc sinh ho\u00E0n th\u00E0nh c\u00E2u h\u1ECFi" })] })] }) }), _jsx(CardContent, { children: _jsx(Textarea, { ...form.register('explanation'), placeholder: "VD: C\u00E2u tr\u1EA3 l\u1EDDi \u0111\u00FAng l\u00E0... v\u00EC...", rows: 3, className: "min-h-[80px] border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200 resize-none" }) })] })] }));
 }
-//# sourceMappingURL=WordFillParagraphCreator.js.map

package/dist/components/questions/types/word-fill-paragraph/WordFillParagraphWrapper.d.ts

@@ -16,4 +16,3 @@ interface WrapperProps extends WordFillParagraphCreatorProps {
  */
 export declare function WordFillParagraphWrapper(props: WrapperProps): React.JSX.Element;
 export {};
-//# sourceMappingURL=WordFillParagraphWrapper.d.ts.map

package/dist/components/questions/types/word-fill-paragraph/WordFillParagraphWrapper.js

@@ -26,4 +26,3 @@ export function WordFillParagraphWrapper(props) {
     }
     return _jsx(WordFillParagraphCreator, { ...props, viewMode: mode });
 }
-//# sourceMappingURL=WordFillParagraphWrapper.js.map

package/dist/components/questions/types/word-fill-paragraph/index.d.ts

@@ -1,3 +1,2 @@
 export * from './WordFillParagraphCreator';
 export * from './WordFillParagraphClient';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/word-fill-paragraph/index.js

@@ -1,3 +1,2 @@
 export * from './WordFillParagraphCreator';
 export * from './WordFillParagraphClient';
-//# sourceMappingURL=index.js.map

package/dist/components/questions/types/word-fill-paragraph/register.d.ts

@@ -6,4 +6,3 @@ export declare const wordFillParagraphRegistration: QuestionTypeRegistration;
  * creator directly (no viewMode detection needed since it's always WITH_OPTIONS).
  */
 export declare const wordFillParagraphWithOptionsRegistration: QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/word-fill-paragraph/register.js

@@ -134,4 +134,3 @@ export const wordFillParagraphWithOptionsRegistration = {
         explanation: data?.explanation || '',
     }),
 };
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/word-fill-paragraph/transform.d.ts

@@ -5,4 +5,3 @@ import type { TransformHandler } from '../../../../shared/lib/utils/question-tra
  * API: content: { title, paragraph, wordBank, imageUrl }, correctAnswer: { example, answers }
  */
 export declare const transformWordFillParagraph: TransformHandler;
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/word-fill-paragraph/transform.js

@@ -54,4 +54,3 @@ export const transformWordFillParagraph = (question) => {
         groupNumber: answerData.groupNumber || 1,
     };
 };
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/word-fill-structured-form/WordFillStructuredFormClient.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import type { WordFillStructuredFormClientProps } from '../../_shared/types/word-fill-structured-form.type';
 export declare function WordFillStructuredFormClient({ questionData, isReviewMode, userAnswer, onAnswerChange, autoFillCorrectAnswers, explanation, }: WordFillStructuredFormClientProps): React.JSX.Element;
-//# sourceMappingURL=WordFillStructuredFormClient.d.ts.map

package/dist/components/questions/types/word-fill-structured-form/WordFillStructuredFormClient.js

@@ -136,4 +136,3 @@ export function WordFillStructuredFormClient({ questionData, isReviewMode = fals
     }, [content, renderBlank]);
     return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-100 bg-gradient-to-r from-gray-50 to-white px-5 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-gradient-to-br from-teal-500 to-cyan-600 text-white shadow-sm", children: _jsx(FileText, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "\u0110i\u1EC1n t\u1EEB v\u00E0o bi\u1EC3u m\u1EABu c\u00F3 c\u1EA5u tr\u00FAc" })] }), isReviewMode && allFilled && (_jsxs("div", { className: cn('flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold', isAllCorrect ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'), children: [isAllCorrect ? _jsx(Check, { className: "h-3.5 w-3.5" }) : _jsx(X, { className: "h-3.5 w-3.5" }), isAllCorrect ? 'Đúng' : 'Sai'] }))] }), _jsxs("div", { className: "space-y-5 p-5", children: [title && (_jsx("h2", { className: "text-center text-xl font-bold text-gray-900", children: title })), (imagePreviewUrl || imageUrl) && (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-gray-50", children: imageLoading ? (_jsx("div", { className: "flex h-48 w-48 items-center justify-center", children: _jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-gray-200 border-t-teal-500" }) })) : (_jsx("img", { src: imagePreviewUrl || imageUrl, alt: title, className: "max-h-56 w-auto object-contain p-2" })) }) })), _jsx("div", { className: "structured-form-content space-y-2 rounded-lg border border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-5 text-base leading-loose text-gray-800", children: renderedContent }), isReviewMode && !isAllCorrect && (_jsxs("div", { className: "rounded-lg border border-green-200 bg-green-50 p-3", children: [_jsx("span", { className: "text-xs font-medium uppercase tracking-wider text-green-600", children: "\u0110\u00E1p \u00E1n \u0111\u00FAng" }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: expectedBlankKeys.map((key) => (_jsxs("span", { className: "rounded-lg border border-green-300 bg-green-100 px-3 py-1.5 text-sm font-semibold text-green-800", children: [`{${key}}`, ": ", answers[key]] }, key))) })] })), isReviewMode && displayExplanation && (_jsxs("div", { className: "rounded-lg border border-blue-200 bg-gradient-to-r from-blue-50 to-indigo-50 p-3", children: [_jsx("span", { className: "text-xs font-medium uppercase tracking-wider text-blue-600", children: "Gi\u1EA3i th\u00EDch" }), _jsx("p", { className: "mt-1 text-sm text-blue-800", children: displayExplanation })] }))] })] }) }));
 }
-//# sourceMappingURL=WordFillStructuredFormClient.js.map

package/dist/components/questions/types/word-fill-structured-form/WordFillStructuredFormCreator.d.ts

@@ -1,3 +1,2 @@
 import type { WordFillStructuredFormCreatorProps } from '../../_shared/types/word-fill-structured-form.type';
 export declare function WordFillStructuredFormCreator({ initialData, onSave, onCancel, onChange, onUnsavedChangesChange: _onUnsavedChangesChange, validationRef, externalErrors, groupConfig, groupType, groups, questionIndexInPart, partId, }: WordFillStructuredFormCreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=WordFillStructuredFormCreator.d.ts.map

package/dist/components/questions/types/word-fill-structured-form/WordFillStructuredFormCreator.js

@@ -259,4 +259,3 @@ export function WordFillStructuredFormCreator({ initialData, onSave, onCancel, o
                                             : 'border-teal-200 bg-gradient-to-br from-teal-50 to-cyan-50 shadow-sm shadow-teal-100'}`, children: [_jsxs(Label, { className: "mb-1.5 flex items-center justify-between text-sm font-semibold text-gray-700", children: [_jsxs("span", { children: ["Ch\u1ED7 tr\u1ED1ng ", _jsx("code", { className: "rounded bg-gray-100 px-1 text-teal-700", children: `{${key}}` })] }), isEmpty && (_jsx("span", { className: "text-[10px] font-normal italic text-red-500", children: "*B\u1EAFt bu\u1ED9c" }))] }), _jsx(Input, { value: answers[key] || '', onChange: e => setAnswers(prev => ({ ...prev, [key]: e.target.value })), placeholder: "\u0110\u00E1p \u00E1n \u0111\u00FAng...", className: `border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-100 ${!isEmpty ? 'border-teal-200' : ''}` }), !isEmpty && (_jsxs("span", { className: "mt-1.5 inline-flex items-center gap-1 rounded-full bg-teal-100 px-2 py-0.5 text-[10px] font-semibold text-teal-700", children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), "\u0110\u00E3 nh\u1EADp"] }))] }, key));
                                 }) }), expectedBlankKeys.some(k => !answers[k]?.trim()) && (_jsxs("div", { className: "mt-4 flex items-start gap-3 rounded-xl border border-amber-200 bg-gradient-to-r from-amber-50 to-yellow-50 p-4", children: [_jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-amber-100", children: _jsx("span", { className: "text-lg", children: "\u26A0\uFE0F" }) }), _jsxs("div", { className: "text-sm text-amber-800", children: [_jsx("p", { className: "font-semibold", children: "C\u00F2n ch\u1ED7 tr\u1ED1ng ch\u01B0a c\u00F3 \u0111\u00E1p \u00E1n" }), _jsxs("p", { className: "mt-0.5 text-amber-700", children: ["Vui l\u00F2ng \u0111i\u1EC1n \u0111\u00E1p \u00E1n \u0111\u00FAng cho t\u1EA5t c\u1EA3 c\u00E1c \u00F4 \u0111\u01B0\u1EE3c \u0111\u00E1nh d\u1EA5u ", _jsx("span", { className: "text-red-500 font-medium", children: "*B\u1EAFt bu\u1ED9c" }), "."] })] })] }))] })] })), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-amber-100/50", children: [_jsx(CardHeader, { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-500 shadow-sm", children: _jsx(BookOpen, { className: "h-3.5 w-3.5 text-white" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-base font-semibold text-gray-800", children: "Gi\u1EA3i th\u00EDch" }), _jsx("span", { className: "inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-xs font-medium text-amber-600", children: "Kh\u00F4ng b\u1EAFt bu\u1ED9c" })] }), _jsx("p", { className: "mt-0.5 text-xs text-gray-500", children: "Gi\u1EA3i th\u00EDch cho \u0111\u00E1p \u00E1n \u0111\u00FAng \u2014 hi\u1EC3n th\u1ECB sau khi h\u1ECDc sinh ho\u00E0n th\u00E0nh c\u00E2u h\u1ECFi" })] })] }) }), _jsx(CardContent, { className: "px-4 pb-4", children: _jsx(Textarea, { value: explanation, onChange: (e) => setExplanation(e.target.value), placeholder: "VD: C\u00E2u tr\u1EA3 l\u1EDDi \u0111\u00FAng l\u00E0... v\u00EC...", rows: 3, className: "min-h-[80px] resize-none border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200" }) })] })] }));
 }
-//# sourceMappingURL=WordFillStructuredFormCreator.js.map

package/dist/components/questions/types/word-fill-structured-form/index.d.ts

@@ -1,3 +1,2 @@
 export { WordFillStructuredFormCreator } from './WordFillStructuredFormCreator';
 export { WordFillStructuredFormClient } from './WordFillStructuredFormClient';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/word-fill-structured-form/index.js

@@ -1,3 +1,2 @@
 export { WordFillStructuredFormCreator } from './WordFillStructuredFormCreator';
 export { WordFillStructuredFormClient } from './WordFillStructuredFormClient';
-//# sourceMappingURL=index.js.map

package/dist/components/questions/types/word-fill-structured-form/register.d.ts

@@ -1,3 +1,2 @@
 import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
 export declare const wordFillStructuredFormRegistration: QuestionTypeRegistration;
-//# sourceMappingURL=register.d.ts.map