@tinyweb_dev/oe-exam-sdk 0.1.0 → 0.1.1

package/dist/components/questions/types/gn-speaking-interview/GNSpeakingInterviewCreator.js

@@ -260,4 +260,3 @@ export function GNSpeakingInterviewCreator({ initialData, onSave, onChange, exte
                                     /* Real Candidate Sample Answers */
                                     _jsxs("div", { className: "space-y-5 animate-in fade-in slide-in-from-bottom-2 duration-300", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs("h4", { className: "flex items-center gap-2 text-sm font-semibold text-emerald-900", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded bg-emerald-200/50 text-emerald-700", children: _jsx(MessageSquareText, { className: "h-3.5 w-3.5" }) }), "\u0110\u00E1p \u00E1n m\u1EABu tham chi\u1EBFu (Sample Answers)"] }) }), _jsxs("div", { className: "space-y-3 max-w-4xl", children: [watchedSampleAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-1.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-100 text-xs font-semibold text-emerald-700", children: index + 1 }), _jsx(Textarea, { value: answer || '', onChange: (e) => handleSampleAnswerChange(index, e.target.value), placeholder: `VD: ${index === 0 ? 'I am a student. I study at a university.' : 'No, I currently work.'}`, rows: 2, className: "flex-1 resize-none border-slate-200 bg-white focus:border-emerald-400 focus:ring-emerald-100" }), watchedSampleAnswers.length > 1 && (_jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "mt-1 h-8 w-8 shrink-0 text-slate-400 hover:bg-red-50 hover:text-red-600", onClick: () => handleRemoveSampleAnswer(index), children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }, index))), _jsx("div", { className: "pt-2", children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5 border-emerald-200 bg-emerald-50/50 text-emerald-700 hover:bg-emerald-100 hover:text-emerald-800", onClick: handleAddSampleAnswer, children: [_jsx(Plus, { className: "h-4 w-4" }), " Th\u00EAm \u0111\u00E1p \u00E1n m\u1EABu"] }) })] })] })) }) }), 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: "Ghi ch\u00FA th\u00EAm v\u1EC1 ti\u00EAu ch\u00ED ch\u1EA5m \u0111i\u1EC3m, l\u01B0u \u00FD cho gi\u00E1m kh\u1EA3o...", rows: 2, className: "resize-none border-slate-200 bg-white focus:border-slate-300 focus:ring-slate-100" }) })] })] }));
 }
-//# sourceMappingURL=GNSpeakingInterviewCreator.js.map

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

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

package/dist/components/questions/types/gn-speaking-interview/register.js

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

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

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

package/dist/components/questions/types/gn-speaking-interview/transform.js

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

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingClient.d.ts

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

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingClient.js

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

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingCreator.d.ts

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

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingCreator.js

@@ -25,4 +25,3 @@ const imageObjectMatchingConfig = {
 export function ImageObjectMatchingCreator(props) {
     return (_jsx(ColorRegionCreator, { ...props, config: imageObjectMatchingConfig, ClientComponent: ImageObjectMatchingClient }));
 }
-//# sourceMappingURL=ImageObjectMatchingCreator.js.map

package/dist/components/questions/types/image-object-matching/index.d.ts

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

package/dist/components/questions/types/image-object-matching/index.js

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

package/dist/components/questions/types/image-object-matching/register.d.ts

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

package/dist/components/questions/types/image-object-matching/register.js

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

package/dist/components/questions/types/image-object-matching/transform.d.ts

@@ -1,2 +1 @@
 export { transformReadAndColorObjects as transformImageObjectMatching } from '../read-and-color-objects/transform';
-//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/image-object-matching/transform.js

@@ -1,3 +1,2 @@
 // IMAGE_OBJECT_MATCHING reuses the same transform as READ_AND_COLOR_OBJECTS
 export { transformReadAndColorObjects as transformImageObjectMatching } from '../read-and-color-objects/transform';
-//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/label-the-picture/LabelThePictureClient.d.ts

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

package/dist/components/questions/types/label-the-picture/LabelThePictureClient.js

@@ -100,4 +100,3 @@ export function LabelThePictureClient({ questionData, userAnswer = {}, isReviewM
                                                                     : 'bg-gradient-to-br from-blue-500 to-indigo-600'), children: label.number }), _jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["V\u1ECB tr\u00ED ", label.number] })] }), isPreFilled && (_jsx("span", { className: "rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-600", children: "\u0110i\u1EC1n s\u1EB5n" })), isReviewMode && isCorrect && !isPreFilled && (_jsx("span", { className: "rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-600", children: "\u2713 \u0110\u00FAng" })), isReviewMode && isWrong && !isPreFilled && (_jsx("span", { className: "rounded-full bg-red-100 px-2 py-0.5 text-xs font-medium text-red-600", children: "\u2717 Sai" }))] }), _jsxs("div", { className: "p-4", children: [_jsx(Input, { value: userAnswerValue, onChange: (e) => handleAnswerChange(label.id, e.target.value), readOnly: isReviewMode || isPreFilled, placeholder: isPreFilled ? '' : 'Nhập từ...', className: cn('w-full text-center font-semibold', isPreFilled && 'bg-blue-50 border-blue-200 cursor-not-allowed', isCorrect && !isPreFilled && 'bg-green-50 border-green-300', isWrong && !isPreFilled && 'bg-red-50 border-red-300') }), isReviewMode && isWrong && !isPreFilled && (_jsxs("div", { className: "mt-2 rounded-lg bg-green-50 p-2 flex items-center justify-center gap-1.5 border border-green-200", children: [_jsx("span", { className: "text-xs text-green-600", children: "\u0110\u00E1p \u00E1n:" }), _jsx("span", { className: "text-sm font-bold text-green-700", children: label.correctAnswer })] }))] })] }, label.id));
                         }) })] }), isReviewMode && explanation && (_jsx("div", { className: "rounded-xl bg-gradient-to-r from-blue-50 to-indigo-50 p-4 border border-blue-200", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-white", children: _jsx(Lightbulb, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-xs font-semibold text-blue-700 uppercase tracking-wider", children: "Gi\u1EA3i th\u00EDch" }), _jsx("p", { className: "mt-1 text-sm text-gray-700 leading-relaxed", children: explanation })] })] }) }))] }));
 }
-//# sourceMappingURL=LabelThePictureClient.js.map

package/dist/components/questions/types/label-the-picture/LabelThePictureCreator.d.ts

@@ -1,3 +1,2 @@
 import { LabelThePictureCreatorProps } from '../../_shared/types/label-the-picture.type';
 export declare function LabelThePictureCreator(props: LabelThePictureCreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=LabelThePictureCreator.d.ts.map

package/dist/components/questions/types/label-the-picture/LabelThePictureCreator.js

@@ -342,4 +342,3 @@ function LabelThePictureCreatorContent({ initialData, onSave, onCancel, onChange
 export function LabelThePictureCreator(props) {
     return _jsx(LabelThePictureCreatorContent, { ...props });
 }
-//# sourceMappingURL=LabelThePictureCreator.js.map

package/dist/components/questions/types/label-the-picture/index.d.ts

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

package/dist/components/questions/types/label-the-picture/index.js

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

package/dist/components/questions/types/label-the-picture/register.d.ts

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

package/dist/components/questions/types/label-the-picture/register.js

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

package/dist/components/questions/types/label-the-picture/transform.d.ts

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

package/dist/components/questions/types/label-the-picture/transform.js

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupClient.d.ts

@@ -1,3 +1,2 @@
 import { ListenAndChooseFromAnswerGroupClientProps } from '../../_shared/types/listen-and-choose-from-answer-group.type';
 export declare function ListenAndChooseFromAnswerGroupClient({ questionData, onSubmit, isReviewMode, userAnswer, correctAnswer, explanation, }: ListenAndChooseFromAnswerGroupClientProps): import("react").JSX.Element;
-//# sourceMappingURL=ListenAndChooseFromAnswerGroupClient.d.ts.map

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupClient.js

@@ -76,4 +76,3 @@ export function ListenAndChooseFromAnswerGroupClient({ questionData, onSubmit, i
                                         : 'border-red-200 bg-red-50'
                                     : 'border-blue-200 bg-blue-50'), children: [_jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["\u0110\u00E3 ch\u1ECDn: ", _jsx("strong", { children: selectedOption.label || selectedOption.id })] }), isReviewMode && (_jsx("span", { className: cn('text-xs font-semibold', isAnswerCorrect ? 'text-green-600' : 'text-red-600'), children: isAnswerCorrect ? '✓ Chính xác' : '✗ Không chính xác' }))] })), !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", 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: "H\u00E3y ch\u1ECDn m\u1ED9t \u0111\u00E1p \u00E1n" })] })), isReviewMode && explanation && (_jsxs("div", { className: "rounded-lg border border-indigo-200 bg-indigo-50 p-4", children: [_jsx("p", { className: "text-sm font-semibold text-indigo-800", children: "Gi\u1EA3i th\u00EDch:" }), _jsx("p", { className: "mt-1 text-sm text-indigo-700", children: explanation })] }))] })] })] }));
 }
-//# sourceMappingURL=ListenAndChooseFromAnswerGroupClient.js.map

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupCreator.d.ts

@@ -1,3 +1,2 @@
 import { ListenAndChooseFromAnswerGroupCreatorProps } from '../../_shared/types/listen-and-choose-from-answer-group.type';
 export declare function ListenAndChooseFromAnswerGroupCreator(props: ListenAndChooseFromAnswerGroupCreatorProps): import("react").JSX.Element;
-//# sourceMappingURL=ListenAndChooseFromAnswerGroupCreator.d.ts.map

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupCreator.js

@@ -230,4 +230,3 @@ function OptionImagePreviewInline({ imageUrl }) {
 export function ListenAndChooseFromAnswerGroupCreator(props) {
     return _jsx(ListenAndChooseFromAnswerGroupCreatorContent, { ...props });
 }
-//# sourceMappingURL=ListenAndChooseFromAnswerGroupCreator.js.map

package/dist/components/questions/types/listen-and-choose-from-answer-group/index.d.ts

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/index.js

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/register.d.ts

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/register.js

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/transform.d.ts

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/transform.js

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

package/dist/components/questions/types/listen-and-choose-objects-in-scene/ListenAndChooseObjectsInSceneClient.d.ts

@@ -7,4 +7,3 @@ import type { ListenAndChooseObjectsInSceneClientProps } from '../../_shared/typ
  * Student listens to audio and clicks the correct object.
  */
 export declare function ListenAndChooseObjectsInSceneClient({ questionData, onSubmit, isReviewMode, userAnswer, correctAnswer, explanation, }: ListenAndChooseObjectsInSceneClientProps): import("react").JSX.Element;
-//# sourceMappingURL=ListenAndChooseObjectsInSceneClient.d.ts.map

package/dist/components/questions/types/listen-and-choose-objects-in-scene/ListenAndChooseObjectsInSceneClient.js

@@ -68,4 +68,3 @@ export function ListenAndChooseObjectsInSceneClient({ questionData, onSubmit, is
                                         : 'border-red-200 bg-red-50'
                                     : 'border-blue-200 bg-blue-50'), children: [_jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["\u0110\u00E3 ch\u1ECDn: ", _jsx("strong", { children: selectedNode.label })] }), isReviewMode && (_jsx("span", { className: cn('text-xs font-semibold', isAnswerCorrect ? 'text-green-600' : 'text-red-600'), children: isAnswerCorrect ? '✓ Chính xác' : '✗ Không chính xác' }))] })), !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: "Nghe audio v\u00E0 nh\u1EA5p v\u00E0o \u0111\u1ED1i t\u01B0\u1EE3ng \u0111\u00FAng trong h\u00ECnh" })] })), isReviewMode && explanation && (_jsxs("div", { className: "rounded-lg border border-indigo-200 bg-indigo-50 p-4", children: [_jsx("p", { className: "text-sm font-semibold text-indigo-800", children: "Gi\u1EA3i th\u00EDch:" }), _jsx("p", { className: "mt-1 text-sm text-indigo-700", children: explanation })] }))] })] })] }));
 }
-//# sourceMappingURL=ListenAndChooseObjectsInSceneClient.js.map

package/dist/components/questions/types/listen-and-choose-objects-in-scene/ListenAndChooseObjectsInSceneCreator.d.ts

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

package/dist/components/questions/types/listen-and-choose-objects-in-scene/ListenAndChooseObjectsInSceneCreator.js

@@ -384,4 +384,3 @@ function ListenAndChooseObjectsInSceneCreatorContent({ initialData, onSave, onSa
 export function ListenAndChooseObjectsInSceneCreator(props) {
     return _jsx(ListenAndChooseObjectsInSceneCreatorContent, { ...props });
 }
-//# sourceMappingURL=ListenAndChooseObjectsInSceneCreator.js.map

package/dist/components/questions/types/listen-and-choose-objects-in-scene/index.d.ts

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

package/dist/components/questions/types/listen-and-choose-objects-in-scene/index.js

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

package/dist/components/questions/types/listen-and-choose-objects-in-scene/register.d.ts

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

package/dist/components/questions/types/listen-and-choose-objects-in-scene/register.js

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

package/dist/components/questions/types/listen-and-choose-objects-in-scene/transform.d.ts

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

package/dist/components/questions/types/listen-and-choose-objects-in-scene/transform.js

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

package/dist/components/questions/types/listen-and-drag-objects-into-scene/ListenAndDragObjectsIntoSceneClient.d.ts

@@ -7,4 +7,3 @@ import type { ListenAndDragObjectsIntoSceneClientProps } from '../../_shared/typ
  * Student listens to audio and drags the correct object to the correct drop zone.
  */
 export declare function ListenAndDragObjectsIntoSceneClient({ questionData, onSubmit, isReviewMode, userAnswer, correctAnswer, explanation, }: ListenAndDragObjectsIntoSceneClientProps): import("react").JSX.Element;
-//# sourceMappingURL=ListenAndDragObjectsIntoSceneClient.d.ts.map

package/dist/components/questions/types/listen-and-drag-objects-into-scene/ListenAndDragObjectsIntoSceneClient.js

@@ -104,4 +104,3 @@ export function ListenAndDragObjectsIntoSceneClient({ questionData, onSubmit, is
                                         : 'border-red-200 bg-red-50'
                                     : 'border-orange-200 bg-orange-50'), children: [_jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["\u0110\u00E3 \u0111\u1EB7t: ", _jsx("strong", { children: selectedObject.label }), " \u2192 ", _jsx("strong", { children: selectedDropZone.label })] }), isReviewMode && (_jsx("span", { className: cn('text-xs font-semibold', isAnswerCorrect ? 'text-green-600' : 'text-red-600'), children: isAnswerCorrect ? '✓ Chính xác' : '✗ Không chính xác' }))] })), !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: "Nghe audio v\u00E0 k\u00E9o \u0111\u1ED1i t\u01B0\u1EE3ng ph\u00F9 h\u1EE3p v\u00E0o v\u00F9ng th\u1EA3 tr\u00EAn c\u1EA3nh" })] })), isReviewMode && explanation && (_jsxs("div", { className: "rounded-lg border border-indigo-200 bg-indigo-50 p-4", children: [_jsx("p", { className: "text-sm font-semibold text-indigo-800", children: "Gi\u1EA3i th\u00EDch:" }), _jsx("p", { className: "mt-1 text-sm text-indigo-700", children: explanation })] }))] })] })] }));
 }
-//# sourceMappingURL=ListenAndDragObjectsIntoSceneClient.js.map

package/dist/components/questions/types/listen-and-drag-objects-into-scene/ListenAndDragObjectsIntoSceneCreator.d.ts

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

package/dist/components/questions/types/listen-and-drag-objects-into-scene/ListenAndDragObjectsIntoSceneCreator.js

@@ -455,4 +455,3 @@ function ListenAndDragObjectsIntoSceneCreatorContent({ initialData, onSave, onSa
 export function ListenAndDragObjectsIntoSceneCreator(props) {
     return _jsx(ListenAndDragObjectsIntoSceneCreatorContent, { ...props });
 }
-//# sourceMappingURL=ListenAndDragObjectsIntoSceneCreator.js.map

package/dist/components/questions/types/listen-and-drag-objects-into-scene/index.d.ts

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

package/dist/components/questions/types/listen-and-drag-objects-into-scene/index.js

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

package/dist/components/questions/types/listen-and-drag-objects-into-scene/register.d.ts

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

package/dist/components/questions/types/listen-and-drag-objects-into-scene/register.js

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

package/dist/components/questions/types/listen-and-drag-objects-into-scene/transform.d.ts

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

package/dist/components/questions/types/listen-and-drag-objects-into-scene/transform.js

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

package/dist/components/questions/types/listen-and-speak-answer/ArrowIndicator.d.ts

@@ -18,4 +18,3 @@ interface ArrowIndicatorSVGProps {
 }
 export declare function ArrowIndicatorSVG({ idSuffix, animated, className, }: ArrowIndicatorSVGProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=ArrowIndicator.d.ts.map

package/dist/components/questions/types/listen-and-speak-answer/ArrowIndicator.js

@@ -6,4 +6,3 @@ export function ArrowIndicatorSVG({ idSuffix = '', animated = false, className =
     const glowId = `arrow-glow${idSuffix}`;
     return (_jsxs("svg", { viewBox: "0 0 64 80", className: className, xmlns: "http://www.w3.org/2000/svg", style: { filter: `url(#${shadowId})` }, children: [_jsxs("defs", { children: [_jsxs("linearGradient", { id: gradientId, x1: "0.5", y1: "0", x2: "0.5", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "#FF4D6A" }), _jsx("stop", { offset: "45%", stopColor: "#E8364F" }), _jsx("stop", { offset: "100%", stopColor: "#C41E3A" })] }), _jsx("filter", { id: shadowId, x: "-20%", y: "-10%", width: "140%", height: "130%", children: _jsx("feDropShadow", { dx: "0", dy: "2", stdDeviation: "3", floodColor: "#C41E3A", floodOpacity: "0.35" }) }), animated && (_jsxs("filter", { id: glowId, x: "-30%", y: "-20%", width: "160%", height: "150%", children: [_jsx("feGaussianBlur", { stdDeviation: "4", result: "blur" }), _jsx("feFlood", { floodColor: "#FF4D6A", floodOpacity: "0.4", result: "color" }), _jsx("feComposite", { in: "color", in2: "blur", operator: "in", result: "glow" }), _jsxs("feMerge", { children: [_jsx("feMergeNode", { in: "glow" }), _jsx("feMergeNode", { in: "SourceGraphic" })] })] }))] }), _jsxs("g", { style: animated ? { filter: `url(#${glowId})` } : undefined, children: [_jsx("path", { d: "\n            M32 72\n            C31 72 30 71.5 29.2 70.5\n            L6 44\n            C4 41.5 5.5 38 8.5 38\n            L19 38\n            C20.1 38 21 37.1 21 36\n            L21 12\n            C21 8.7 23.7 6 27 6\n            L37 6\n            C40.3 6 43 8.7 43 12\n            L43 36\n            C43 37.1 43.9 38 45 38\n            L55.5 38\n            C58.5 38 60 41.5 58 44\n            L34.8 70.5\n            C34 71.5 33 72 32 72\n            Z\n          ", fill: `url(#${gradientId})`, stroke: "#a01830", strokeWidth: "1", strokeOpacity: "0.25" }), _jsx("path", { d: "\n            M28 10\n            C26.3 10 25 11.3 25 13\n            L25 36\n            C25 37.7 23.7 39 22 39\n            L12 39\n            L30 63\n            L30 36\n            C30 34.5 28 33 26 33\n            L12 33\n            L12 39\n            L22 39\n            C23.7 39 25 37.7 25 36\n            L25 13\n            C25 11.3 26.3 10 28 10\n            Z\n          ", fill: "white", opacity: "0.12" }), _jsx("rect", { x: "25", y: "8", width: "10", height: "20", rx: "5", fill: "white", opacity: "0.18" }), _jsx("circle", { cx: "28", cy: "14", r: "2.5", fill: "white", opacity: "0.3" })] }), animated && (_jsxs("circle", { cx: "32", cy: "72", r: "4", fill: "#FF4D6A", opacity: "0.6", children: [_jsx("animate", { attributeName: "r", values: "3;8;3", dur: "2s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", values: "0.5;0;0.5", dur: "2s", repeatCount: "indefinite" })] }))] }));
 }
-//# sourceMappingURL=ArrowIndicator.js.map

package/dist/components/questions/types/listen-and-speak-answer/ListenAndSpeakAnswerClient.d.ts

@@ -1,3 +1,2 @@
 import { ListenAndSpeakAnswerClientProps } from '../../_shared/types/listen-and-speak-answer.type';
 export declare function ListenAndSpeakAnswerClient({ questionData, isReviewMode, }: ListenAndSpeakAnswerClientProps): import("react").JSX.Element;
-//# sourceMappingURL=ListenAndSpeakAnswerClient.d.ts.map

package/dist/components/questions/types/listen-and-speak-answer/ListenAndSpeakAnswerClient.js

@@ -20,4 +20,3 @@ export function ListenAndSpeakAnswerClient({ questionData, isReviewMode = false,
                                             height: `${questionData.arrowNode.height}%`,
                                         }, children: _jsx("div", { className: "flex h-full w-full items-center justify-center overflow-hidden p-[6%]", children: _jsx(ArrowIndicatorSVG, { idSuffix: "-client", animated: true, className: "w-full h-full" }) }) })] })), _jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-dashed border-gray-300 bg-gray-50/80 px-4 py-3", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-indigo-50 ring-2 ring-indigo-100/50", children: _jsx(Mic, { className: "w-4 h-4 text-indigo-400" }) }), _jsx("p", { className: "text-xs text-gray-400", children: "H\u1ECDc sinh s\u1EBD nh\u1EA5n n\u00FAt ghi \u00E2m v\u00E0 n\u00F3i c\u00E2u tr\u1EA3 l\u1EDDi t\u1EA1i \u0111\u00E2y" })] }), 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))) })] })), isReviewMode && questionData.explanation && (_jsxs("div", { className: "rounded-xl border border-indigo-200 bg-indigo-50 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Info, { className: "h-4 w-4 text-indigo-600" }), _jsx("p", { className: "text-sm font-semibold text-indigo-800", children: "Gi\u1EA3i th\u00EDch" })] }), _jsx("p", { className: "text-sm text-indigo-700 leading-relaxed", children: questionData.explanation })] }))] })] })] }));
 }
-//# sourceMappingURL=ListenAndSpeakAnswerClient.js.map

package/dist/components/questions/types/listen-and-speak-answer/ListenAndSpeakAnswerCreator.d.ts

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

package/dist/components/questions/types/listen-and-speak-answer/ListenAndSpeakAnswerCreator.js

@@ -289,4 +289,3 @@ export function ListenAndSpeakAnswerCreator({ initialData, onSave, onCancel, onC
                                                     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 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, { value: watchedExplanation, onChange: (e) => form.setValue('explanation', e.target.value, { shouldValidate: true }), 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=ListenAndSpeakAnswerCreator.js.map

package/dist/components/questions/types/listen-and-speak-answer/index.d.ts

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

package/dist/components/questions/types/listen-and-speak-answer/index.js

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

package/dist/components/questions/types/listen-and-speak-answer/register.d.ts

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

package/dist/components/questions/types/listen-and-speak-answer/register.js

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

package/dist/components/questions/types/listen-and-speak-answer/transform.d.ts

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

package/dist/components/questions/types/listen-and-speak-answer/transform.js

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

package/dist/components/questions/types/listen-and-speak-compare-images/ListenAndSpeakCompareImagesClient.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { ListenAndSpeakCompareImagesClientProps } from '../../_shared/types/listen-and-speak-compare-images.type';
 export declare function ListenAndSpeakCompareImagesClient({ questionData, isReviewMode, }: ListenAndSpeakCompareImagesClientProps): React.JSX.Element;
-//# sourceMappingURL=ListenAndSpeakCompareImagesClient.d.ts.map

package/dist/components/questions/types/listen-and-speak-compare-images/ListenAndSpeakCompareImagesClient.js

@@ -30,4 +30,3 @@ export function ListenAndSpeakCompareImagesClient({ questionData, isReviewMode =
     const examinerImageUrl = questionData.examinerImageUrl || storeExaminerImageUrl;
     return (_jsxs("div", { className: "space-y-4", children: [questionData.isBackup && (_jsxs("div", { className: "inline-flex self-center items-center gap-1.5 px-3 py-1.5 rounded-md bg-amber-50 text-amber-700 border border-amber-200 text-xs font-bold shadow-sm", children: [_jsx("span", { children: "\uD83D\uDD04" }), " C\u00E2u h\u1ECFi d\u1EF1 ph\u00F2ng"] })), _jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: [_jsx("div", { className: "flex items-center justify-between border-b border-gray-100 bg-gradient-to-r from-indigo-50 to-blue-50 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-indigo-500 to-blue-600 text-white shadow-sm", children: _jsx(GitCompareArrows, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Nghe v\u00E0 n\u00F3i (So s\u00E1nh h\u00ECnh \u1EA3nh)" })] }) }), _jsxs("div", { className: "p-5 space-y-5", children: [audioUrl ? (_jsx(QuestionAudioPlayer, { audioUrl: audioUrl })) : (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-3", children: [_jsx(Volume2, { className: "h-4 w-4 text-gray-400" }), _jsx("span", { className: "text-xs text-gray-400", children: "Ch\u01B0a c\u00F3 audio c\u00E2u h\u1ECFi" })] })), (candidateImageUrl || examinerImageUrl) && (_jsxs("div", { className: "space-y-4 bg-gradient-to-br from-amber-100 to-orange-100 p-5 rounded-2xl border border-amber-200 shadow-sm", children: [candidateImageUrl && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "inline-block rounded-lg border-2 border-amber-400 bg-gradient-to-r from-gray-600 to-gray-700 px-8 py-2 text-sm font-bold uppercase tracking-widest text-white shadow-lg ring-1 ring-amber-300/50", children: "Candidate's Copy" }) }), _jsx("div", { className: "w-full rounded-xl overflow-hidden shadow-md bg-white border border-amber-200", children: _jsx(CompareImagePreview, { imageUrl: candidateImageUrl, label: "Candidate's Copy" }) })] })), examinerImageUrl && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "inline-block rounded-lg border-2 border-orange-400 bg-gradient-to-r from-gray-600 to-gray-700 px-8 py-2 text-sm font-bold uppercase tracking-widest text-white shadow-lg ring-1 ring-orange-300/50", children: "Examiner's Copy" }) }), _jsx("div", { className: "w-full rounded-xl overflow-hidden shadow-md bg-white border border-amber-200", children: _jsx(CompareImagePreview, { imageUrl: examinerImageUrl, label: "Examiner's Copy" }) })] }))] })), _jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-dashed border-gray-300 bg-gray-50/80 px-4 py-3", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-indigo-50 ring-2 ring-indigo-100/50", children: _jsx(Mic, { className: "w-4 h-4 text-indigo-400" }) }), _jsx("p", { className: "text-xs text-gray-400", children: "H\u1ECDc sinh s\u1EBD nh\u1EA5n n\u00FAt ghi \u00E2m v\u00E0 n\u00F3i c\u00E2u tr\u1EA3 l\u1EDDi t\u1EA1i \u0111\u00E2y" })] }), isReviewMode && 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: 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 && explanation && (_jsxs("div", { className: "rounded-xl border border-indigo-200 bg-indigo-50 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Info, { className: "h-4 w-4 text-indigo-600" }), _jsx("p", { className: "text-sm font-semibold text-indigo-800", children: "Gi\u1EA3i th\u00EDch" })] }), _jsx("p", { className: "text-sm text-indigo-700 leading-relaxed", children: explanation })] }))] })] })] }));
 }
-//# sourceMappingURL=ListenAndSpeakCompareImagesClient.js.map

package/dist/components/questions/types/listen-and-speak-compare-images/ListenAndSpeakCompareImagesCreator.d.ts

@@ -8,4 +8,3 @@ interface ExtendedCreatorProps extends ListenAndSpeakCompareImagesCreatorProps {
 }
 export declare function ListenAndSpeakCompareImagesCreator({ questionIndex, initialData, onChange, onUnsavedChangesChange, validationRef, isFirstInGroup: isFirstInGroupProp, partId, groups, questionIndexInPart, }: ExtendedCreatorProps): React.JSX.Element;
 export {};
-//# sourceMappingURL=ListenAndSpeakCompareImagesCreator.d.ts.map

package/dist/components/questions/types/listen-and-speak-compare-images/ListenAndSpeakCompareImagesCreator.js

@@ -293,4 +293,3 @@ export function ListenAndSpeakCompareImagesCreator({ questionIndex, initialData,
             /* Read-only view of shared images for non-first questions in group */
             _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow shadow-amber-100/30", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-amber-400 to-orange-400" }), _jsx(CardHeader, { className: "pb-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-amber-100", children: _jsx(ImageIcon, { className: "h-3.5 w-3.5 text-amber-600" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "H\u00ECnh \u1EA3nh so s\u00E1nh" }), _jsxs("span", { className: "inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-500", children: ["Nh\u00F3m ", displayGroupNumber, " \u2014 Ch\u1EC9 \u0111\u1ECDc"] })] }), _jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "\u0110\u01B0\u1EE3c qu\u1EA3n l\u00FD b\u1EDFi c\u00E2u h\u1ECFi \u0111\u1EA7u ti\u00EAn trong nh\u00F3m" })] })] }) }), _jsx(CardContent, { className: "pt-0", children: candidateImageUrl || examinerImageUrl ? (_jsxs("div", { className: "space-y-4", children: [candidateImageUrl && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "inline-block rounded-lg border-2 border-amber-400 bg-gradient-to-r from-gray-600 to-gray-700 px-8 py-2 text-sm font-bold uppercase tracking-widest text-white shadow-lg ring-1 ring-amber-300/50", children: "Candidate's Copy" }) }), _jsx(ImagePreview, { imageUrl: candidateImageUrl, label: "Candidate's Copy" })] })), examinerImageUrl && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "inline-block rounded-lg border-2 border-orange-400 bg-gradient-to-r from-gray-600 to-gray-700 px-8 py-2 text-sm font-bold uppercase tracking-widest text-white shadow-lg ring-1 ring-orange-300/50", children: "Examiner's Copy" }) }), _jsx(ImagePreview, { imageUrl: examinerImageUrl, label: "Examiner's Copy" })] }))] })) : (_jsx("div", { className: "text-center py-4 text-sm text-gray-400 italic", children: "Ch\u01B0a c\u00F3 h\u00ECnh \u1EA3nh n\u00E0o trong nh\u00F3m" })) })] })), _jsxs(Form, { ...form, children: [_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-indigo-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-indigo-400 to-purple-400" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-indigo-500 to-purple-600 shadow-sm", children: _jsx(Mic, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "C\u00E2u h\u1ECFi Nghe & So s\u00E1nh" }), _jsx("p", { className: "text-sm text-gray-500", children: "H\u1ECDc sinh nghe \u00E2m thanh v\u00E0 n\u00F3i \u0111i\u1EC3m kh\u00E1c bi\u1EC7t gi\u1EEFa hai h\u00ECnh \u1EA3nh" })] })] }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsx("div", { className: "rounded-xl border border-gray-200 bg-gray-50 p-4", children: _jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [_jsx("div", { className: "flex-1", children: _jsx(PointsInput, { ...form.register('points', { valueAsNumber: true }), error: form.formState.errors?.points?.message }) }), _jsx("div", { className: "flex-1 flex flex-col justify-center pt-2" })] }) }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(Volume2, { className: "h-4 w-4 text-indigo-500" }), "\u00C2m thanh c\u00E2u h\u1ECFi ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(FormField, { control: control, name: "audioUrl", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormControl, { children: _jsx(FileUpload, { id: `audio-compare-${displayQuestionNumber}`, label: "", accept: "audio/*", value: field.value, onChange: (url) => { field.onChange(url); clearErrors('audioUrl'); }, maxSize: 10, placeholder: "T\u1EA3i l\u00EAn file \u00E2m thanh (mp3, wav...)", autoUpload: true, prefix: "listen-and-speak" }) }), _jsx(FormMessage, {})] })) })] })] })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-green-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-green-400 to-emerald-500" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center justify-between", 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-green-500 to-emerald-600 shadow-sm", children: _jsx(MessageSquareText, { className: "h-4 w-4 text-white" }) }), _jsx("div", { children: _jsxs(CardTitle, { className: "text-lg font-semibold text-gray-800", children: ["\u0110\u00E1p \u00E1n mong mu\u1ED1n (", watchedExpectedAnswers.filter((a) => a.trim()).length, ")"] }) })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addExpectedAnswer, className: "gap-2 border-green-200 text-green-600 hover:bg-green-50", children: [_jsx(Plus, { className: "h-4 w-4" }), "Th\u00EAm \u0111\u00E1p \u00E1n"] })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-blue-100 bg-blue-50/60 px-3 py-2.5", children: [_jsx(Info, { className: "h-4 w-4 text-blue-500 mt-0.5 flex-shrink-0" }), _jsxs("div", { className: "text-xs text-blue-700 space-y-1", children: [_jsx("p", { children: "Nh\u1EADp c\u00E1c c\u00E2u tr\u1EA3 l\u1EDDi mong mu\u1ED1n. C\u00F3 th\u1EC3 th\u00EAm nhi\u1EC1u \u0111\u00E1p \u00E1n n\u1EBFu c\u00F3 nhi\u1EC1u c\u00E1ch tr\u1EA3 l\u1EDDi \u0111\u00FAng." }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "\u2022 Ch\u1EA5m th\u1EE7 c\u00F4ng:" }), " Gi\u00E1o vi\u00EAn d\u00F9ng c\u00E1c \u0111\u00E1p \u00E1n n\u00E0y l\u00E0m tham kh\u1EA3o \u0111\u1EC3 ch\u1EA5m \u0111i\u1EC3m."] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "\u2022 Ch\u1EA5m t\u1EF1 \u0111\u1ED9ng (AI):" }), " H\u1EC7 th\u1ED1ng d\u00F9ng AI so s\u00E1nh gi\u1ECDng n\u00F3i c\u1EE7a h\u1ECDc sinh v\u1EDBi c\u00E1c \u0111\u00E1p \u00E1n \u0111\u1EC3 t\u1EF1 \u0111\u1ED9ng ch\u1EA5m \u0111i\u1EC3m."] })] })] }), _jsxs("div", { className: "space-y-3", children: [watchedExpectedAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-start gap-3 group/answer", children: [_jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg bg-green-100 text-green-700 font-semibold shadow-sm text-sm", children: index + 1 }), _jsxs("div", { className: "flex-1", children: [_jsx(Input, { placeholder: `VD: ${index === 0 ? 'The tree is bigger in picture A' : 'The dog is brown in picture B'}`, value: answer || '', onChange: (e) => handleExpectedAnswerChange(index, e.target.value), className: "border-gray-200 focus:border-green-300 focus:ring-green-200" }), form.formState.errors?.expectedAnswers?.[index]?.message && (_jsx("p", { className: "mt-1 text-sm text-red-500", children: form.formState.errors.expectedAnswers[index]?.message }))] }), watchedExpectedAnswers.length > 1 && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => removeExpectedAnswer(index), 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 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...", className: "min-h-[80px] border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200 resize-none", rows: 3 }) })] })] })] }));
 }
-//# sourceMappingURL=ListenAndSpeakCompareImagesCreator.js.map

package/dist/components/questions/types/listen-and-speak-compare-images/register.d.ts

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

package/dist/components/questions/types/listen-and-speak-compare-images/register.js

@@ -77,4 +77,3 @@ export const ListenAndSpeakCompareImagesRegistration = {
         return creatorData || data;
     },
 };
-//# sourceMappingURL=register.js.map

package/dist/components/questions/types/listen-and-speak-compare-images/transform.d.ts

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

package/dist/components/questions/types/listen-and-speak-compare-images/transform.js

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

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupClient.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import type { ListenAndSpeakImageGroupClientProps } from '../../_shared/types/listen-and-speak-image-group.type';
 export declare function ListenAndSpeakImageGroupClient({ questionData, isReviewMode, }: ListenAndSpeakImageGroupClientProps): React.JSX.Element;
-//# sourceMappingURL=ListenAndSpeakImageGroupClient.d.ts.map

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupClient.js

@@ -32,4 +32,3 @@ export function ListenAndSpeakImageGroupClient({ questionData, isReviewMode = fa
                             /* Empty state for no images */
                             _jsxs("div", { className: "flex flex-col items-center justify-center py-10 px-4 rounded-xl border-2 border-dashed border-gray-200 bg-gray-50/50", children: [_jsx(ImageIcon, { className: "h-12 w-12 text-gray-300 mb-3" }), _jsx("p", { className: "text-sm font-medium text-gray-500", children: "Ch\u01B0a c\u00F3 h\u00ECnh \u1EA3nh n\u00E0o" }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "H\u00ECnh \u1EA3nh s\u1EBD hi\u1EC3n th\u1ECB t\u1EA1i \u0111\u00E2y" })] })), _jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-dashed border-gray-300 bg-gray-50/80 px-4 py-3", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-indigo-50 ring-2 ring-indigo-100/50", children: _jsx(Mic, { className: "w-4 h-4 text-indigo-400" }) }), _jsx("p", { className: "text-xs text-gray-400", children: "H\u1ECDc sinh s\u1EBD nh\u1EA5n n\u00FAt ghi \u00E2m v\u00E0 n\u00F3i c\u00E2u tr\u1EA3 l\u1EDDi t\u1EA1i \u0111\u00E2y" })] }), isReviewMode && 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: 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 && explanation && (_jsxs("div", { className: "rounded-xl border border-indigo-200 bg-indigo-50 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Info, { className: "h-4 w-4 text-indigo-600" }), _jsx("p", { className: "text-sm font-semibold text-indigo-800", children: "Gi\u1EA3i th\u00EDch" })] }), _jsx("p", { className: "text-sm text-indigo-700 leading-relaxed", children: explanation })] }))] })] })] }));
 }
-//# sourceMappingURL=ListenAndSpeakImageGroupClient.js.map

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupCreator.d.ts

@@ -8,4 +8,3 @@ interface CreatorProps extends ListenAndSpeakImageGroupCreatorProps {
 }
 export declare function ListenAndSpeakImageGroupCreator({ initialData, onSave, onCancel, onChange, externalErrors, onUnsavedChangesChange, validationRef, groups, questionIndexInPart, partId, }: CreatorProps): React.JSX.Element;
 export {};
-//# sourceMappingURL=ListenAndSpeakImageGroupCreator.d.ts.map

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupCreator.js

@@ -283,4 +283,3 @@ export function ListenAndSpeakImageGroupCreator({ initialData, onSave, onCancel,
                                                                     : 'bg-gray-100 text-gray-600'}`, children: String.fromCharCode(65 + index) }), _jsx(ImagePreviewInline, { imageUrl: img.url }), img.label && (_jsx("p", { className: `text-xs text-center ${isSelected ? 'text-indigo-700 font-medium' : 'text-gray-600'}`, children: img.label }))] }), isSelected && (_jsx("div", { className: "absolute top-1 right-1", children: _jsx(CheckCircle2, { className: "h-5 w-5 text-indigo-500" }) }))] }, img.id));
                                         }) })) : (_jsx("p", { className: "text-sm text-amber-600 italic", children: "Vui l\u00F2ng upload \u1EA3nh cho h\u00ECnh \u1EA3nh \u1EDF ph\u1EA7n tr\u00EAn tr\u01B0\u1EDBc" })), form.hasError('activeImageId') && (_jsx("div", { className: "mt-2 rounded-lg border border-red-200 bg-red-50 p-3", children: _jsxs("p", { className: "text-sm text-red-700", children: ["\u26A0\uFE0F ", form.getFieldError('activeImageId')] }) })), !form.hasError('activeImageId') && !watchedActiveImageId && images.filter((o) => o.url).length > 0 && (_jsx("p", { className: "mt-1 text-xs text-amber-600", children: "Ch\u01B0a ch\u1ECDn h\u00ECnh \u1EA3nh \u0111ang \u0111\u01B0\u1EE3c h\u1ECFi" }))] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(Volume2, { className: "h-4 w-4 text-indigo-500" }), "Audio c\u00E2u h\u1ECFi"] }), _jsx(FileUpload, { id: "question-audio", label: "", accept: "audio/*", value: watchedAudioUrl, onChange: (url) => form.setValue('audioUrl', url, { shouldValidate: true, shouldDirty: true }), maxSize: 20, placeholder: "T\u1EA3i l\u00EAn file \u00E2m thanh (mp3, wav...)", autoUpload: true, prefix: "questions/audio" }), form.hasError('audioUrl') && (_jsx("p", { className: "text-sm text-red-600", children: form.getFieldError('audioUrl') })), audioPreviewUrl && (_jsx("audio", { controls: true, className: "mt-2 w-full", src: audioPreviewUrl, children: "Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 audio." }))] }), 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 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: "overflow-hidden border-0 bg-white shadow-lg shadow-green-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-green-400 to-emerald-500" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center justify-between", 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-green-500 to-emerald-600 shadow-sm", children: _jsx(MessageSquareText, { className: "h-4 w-4 text-white" }) }), _jsx("div", { children: _jsxs(CardTitle, { className: "text-lg font-semibold text-gray-800", children: ["\u0110\u00E1p \u00E1n mong mu\u1ED1n (", watchedExpectedAnswers.filter((a) => a.trim()).length, ")"] }) })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: addExpectedAnswer, className: "gap-2 border-green-200 text-green-600 hover:bg-green-50", children: [_jsx(Plus, { className: "h-4 w-4" }), "Th\u00EAm \u0111\u00E1p \u00E1n"] })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-blue-100 bg-blue-50/60 px-3 py-2.5", children: [_jsx(Info, { className: "h-4 w-4 text-blue-500 mt-0.5 flex-shrink-0" }), _jsxs("div", { className: "text-xs text-blue-700 space-y-1", children: [_jsx("p", { children: "Nh\u1EADp c\u00E1c c\u00E2u tr\u1EA3 l\u1EDDi mong mu\u1ED1n. C\u00F3 th\u1EC3 th\u00EAm nhi\u1EC1u \u0111\u00E1p \u00E1n n\u1EBFu c\u00F3 nhi\u1EC1u c\u00E1ch tr\u1EA3 l\u1EDDi \u0111\u00FAng." }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "\u2022 Ch\u1EA5m th\u1EE7 c\u00F4ng:" }), " Gi\u00E1o vi\u00EAn d\u00F9ng c\u00E1c \u0111\u00E1p \u00E1n n\u00E0y l\u00E0m tham kh\u1EA3o \u0111\u1EC3 ch\u1EA5m \u0111i\u1EC3m."] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "\u2022 Ch\u1EA5m t\u1EF1 \u0111\u1ED9ng (AI):" }), " H\u1EC7 th\u1ED1ng d\u00F9ng AI so s\u00E1nh gi\u1ECDng n\u00F3i c\u1EE7a h\u1ECDc sinh v\u1EDBi c\u00E1c \u0111\u00E1p \u00E1n \u0111\u1EC3 t\u1EF1 \u0111\u1ED9ng ch\u1EA5m \u0111i\u1EC3m."] })] })] }), _jsxs("div", { className: "space-y-3", children: [watchedExpectedAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-start gap-3 group/answer", children: [_jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg bg-green-100 text-green-700 font-semibold shadow-sm text-sm", children: index + 1 }), _jsxs("div", { className: "flex-1", children: [_jsx(Input, { value: answer || '', onChange: (e) => updateExpectedAnswer(index, e.target.value), placeholder: `Ví dụ: ${index === 0 ? 'A kite' : 'It is a kite'}`, className: "border-gray-200 focus:border-green-300 focus:ring-green-200" }), form.formState.errors?.expectedAnswers?.[index]?.message && (_jsx("p", { className: "mt-1 text-sm text-red-500", children: form.formState.errors.expectedAnswers[index]?.message }))] }), watchedExpectedAnswers.length > 1 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => removeExpectedAnswer(index), 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 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, { value: watchedExplanation, onChange: (e) => form.setValue('explanation', e.target.value, { shouldValidate: true }), 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=ListenAndSpeakImageGroupCreator.js.map

package/dist/components/questions/types/listen-and-speak-image-group/register.d.ts

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