@tinyweb_dev/oe-exam-sdk 1.0.6 → 1.0.7

package/dist/components/exams/take/components/speaking/renderers/SpeakingGNInterviewRenderer.js

@@ -1,212 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * SpeakingGNInterviewRenderer
- *
- * Renderer for GN_SPEAKING_INTERVIEW (GN Speaking Part 1 & Part 2).
- * Simulates 2 candidates: virtual (pre-recorded) + real (student records).
- *
- * Flow per question:
- *   - If targetCandidate === 'VIRTUAL' -> auto-play virtual answer, no mic
- *   - If targetCandidate === 'REAL' -> show mic, student records
- *
- * Part 2 extension: When content.imageUrl exists, displays a booklet
- * image (collage) above the question text for Discussion with Pictures.
- *
- * UI: Summer Sky theme with two game-style candidate avatars at bottom,
- * question text shown inside a teal card with hide/show question toggle badge,
- * audio player for examiner question.
- */
-import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import Image from 'next/image';
-import { usePresignedFileUrl } from '../../../../../../shared/lib/hooks';
-import { useSpeakingRendererSetup } from '../../../hooks/useSpeakingRendererSetup';
-import { getSpeakingLayout } from '../../../../../../components/themes';
-// Summer Sky theme assets (shared GN/KFS badges)
-import questionBadge from '../../../../../../components/themes/summer-sky/assets/images/question-badge-sunset.png';
-import redBadge from '../../../../../../components/themes/summer-sky/assets/images/red-badge-sunset.png';
-import blueBadge from '../../../../../../components/themes/summer-sky/assets/images/blue-badge-sunset.png';
-import redWrapper from '../../../../../../components/themes/summer-sky/assets/images/red-wrapper-sunset.png';
-import blueWrapper from '../../../../../../components/themes/summer-sky/assets/images/blue-wrapper-sunset.png';
-import bingoAvatar from '../../../../../../components/themes/summer-sky/assets/images/robot-avatar.png';
-import userAvatar from '../../../../../../components/themes/summer-sky/assets/images/student-avatar.png';
-import icPlay from '../../../../../../components/themes/summer-sky/assets/images/ic-play-sunset.png';
-import icPlayViolet from '../../../../../../components/themes/summer-sky/assets/images/ic-play-violet.webp';
-import nextSmall from '../../../../../../components/themes/summer-sky/assets/images/next-small.webp';
-function ProgressDots({ total, currentIndex, answeredIds, questionIds, virtualIndices }) {
-    return (_jsx("div", { className: "flex items-center gap-1.5 flex-wrap justify-center", children: Array.from({ length: total }, (_, i) => {
-            const isCurrent = i === currentIndex;
-            const isAnswered = answeredIds.has(questionIds[i]);
-            const isVirtual = virtualIndices.has(i);
-            return (_jsx("div", { className: `h-2.5 w-2.5 rounded-full border-2 transition-all ${isCurrent
-                    ? 'scale-125 border-yellow-300 bg-yellow-400 shadow-lg'
-                    : isAnswered
-                        ? 'border-green-400 bg-green-400'
-                        : isVirtual
-                            ? 'border-white/30 bg-white/10'
-                            : 'border-white/50 bg-white/20'}`, title: isVirtual ? 'Câu HS ảo' : `Câu ${i + 1}` }, i));
-        }) }));
-}
-// ============================================
-// Main component
-// ============================================
-export function SpeakingGNInterviewRenderer(props) {
-    const [isQuestionVisible, setIsQuestionVisible] = useState(true);
-    const [isVirtualPlaying, setIsVirtualPlaying] = useState(false);
-    const virtualAudioRef = useRef(null);
-    // Get group payload for virtual candidate config
-    const groupPayload = props.part.groupPayload;
-    const virtualName = groupPayload?.virtualStudentName || 'Học sinh AI';
-    // Determine which questions are virtual
-    const virtualIndices = useMemo(() => {
-        const indices = new Set();
-        props.part.questions.forEach((q, i) => {
-            const content = q.content;
-            if (content?.targetCandidate === 'VIRTUAL') {
-                indices.add(i);
-            }
-        });
-        return indices;
-    }, [props.part.questions]);
-    // Setup with mic always enabled - we'll conditionally show/hide based on virtual/real
-    const setup = useSpeakingRendererSetup({
-        ...props,
-        maxDurationMs: 60000, // 60 seconds
-        hasMic: true,
-    });
-    const Layout = getSpeakingLayout('SUMMER_SKY');
-    const content = setup.currentQuestion?.content;
-    const isVirtualTurn = content?.targetCandidate === 'VIRTUAL';
-    const isRealTurn = !isVirtualTurn;
-    // Resolve presigned URLs
-    const { previewUrl: virtualAnswerAudioUrl } = usePresignedFileUrl(content?.virtualAnswer?.audioUrl ?? '');
-    const { previewUrl: bookletImageUrl } = usePresignedFileUrl(content?.imageUrl ?? '');
-    const hasBookletImage = !!content?.imageUrl && !!bookletImageUrl;
-    // Stop virtual audio when navigating to a different question
-    useEffect(() => {
-        if (virtualAudioRef.current) {
-            virtualAudioRef.current.pause();
-            virtualAudioRef.current.currentTime = 0;
-        }
-        setIsVirtualPlaying(false);
-    }, [setup.currentQuestion?.id]);
-    // Play virtual answer audio
-    const handlePlayVirtualAnswer = useCallback(() => {
-        if (!virtualAnswerAudioUrl)
-            return;
-        if (isVirtualPlaying && virtualAudioRef.current) {
-            virtualAudioRef.current.pause();
-            setIsVirtualPlaying(false);
-            return;
-        }
-        if (!virtualAudioRef.current) {
-            virtualAudioRef.current = new Audio(virtualAnswerAudioUrl);
-            virtualAudioRef.current.onended = () => setIsVirtualPlaying(false);
-            virtualAudioRef.current.onerror = () => setIsVirtualPlaying(false);
-        }
-        else {
-            virtualAudioRef.current.src = virtualAnswerAudioUrl;
-        }
-        virtualAudioRef.current.play();
-        setIsVirtualPlaying(true);
-    }, [virtualAnswerAudioUrl, isVirtualPlaying]);
-    // Cleanup audio on unmount
-    useEffect(() => {
-        return () => {
-            if (virtualAudioRef.current) {
-                virtualAudioRef.current.pause();
-                virtualAudioRef.current = null;
-            }
-        };
-    }, []);
-    // Auto-play virtual answer after teacher audio ends (1s delay)
-    const handleTeacherAudioEnded = useCallback(() => {
-        if (!isVirtualTurn || !virtualAnswerAudioUrl)
-            return;
-        const timer = setTimeout(() => {
-            handlePlayVirtualAnswer();
-        }, 1000);
-        return () => clearTimeout(timer);
-    }, [isVirtualTurn, virtualAnswerAudioUrl, handlePlayVirtualAnswer]);
-    if (!setup.currentQuestion || !content)
-        return null;
-    // Progress tracking
-    const answeredIds = new Set(props.part.questions.map((q) => q.id).filter((id) => !!props.answers[id]));
-    const questionIds = props.part.questions.map((q) => q.id);
-    const headerRight = (_jsx(ProgressDots, { total: props.part.questions.length, currentIndex: setup.nav.currentIndex, answeredIds: answeredIds, questionIds: questionIds, virtualIndices: virtualIndices }));
-    return (_jsxs(Layout, { onExit: props.onExit, partName: props.part.name || `Part ${props.part.partNo}`, instruction: props.part.instructions || 'LISTEN AND ANSWER', audioUrl: content.audioUrl ?? '', questionNumber: setup.nav.questionNumberInPart, onPrev: setup.handlePrev, onNext: setup.handleNext, showPrev: setup.nav.showPrev, showNext: setup.nav.showNext, canGoPrev: setup.nav.canGoPrev, canGoNext: setup.nav.canGoNext, onAudioPlayingChange: setup.onAudioPlayingChange, recorder: props.isReviewMode || isVirtualTurn ? null : setup.recorder, showExistingBadge: isRealTurn && setup.showExistingBadge, teacherVideoUrl: props.teacherVideoUrl, onTeacherVideoEnded: props.onTeacherIntroPlayed, skipTeacherVideo: props.skipTeacherVideo, headerRight: headerRight, onAudioEnded: handleTeacherAudioEnded, children: [_jsxs("div", { className: "w-full h-full flex flex-col items-center relative", children: [_jsx("div", { className: "w-full flex-1", style: { minHeight: 0 }, children: _jsx("div", { className: "mx-auto", style: { width: '850px', maxWidth: '90%', height: hasBookletImage ? 'auto' : 'calc(100% - 100px)' }, children: _jsxs("div", { className: `w-full ${hasBookletImage ? '' : 'h-full'} flex flex-col items-center`, style: hasBookletImage ? {} : { paddingTop: '30px' }, children: [isQuestionVisible && content.questionText && (_jsxs("div", { className: "relative flex flex-col justify-center items-center", style: {
-                                            width: '882px',
-                                            maxWidth: '90%',
-                                            maxHeight: '80%',
-                                            paddingLeft: '77px',
-                                            paddingRight: '77px',
-                                            paddingTop: '26px',
-                                            paddingBottom: '26px',
-                                            backgroundColor: 'rgba(232, 136, 154, 0.15)',
-                                            borderRadius: '20px',
-                                        }, children: [_jsxs("div", { className: "absolute cursor-pointer", style: { top: '-19px' }, onClick: () => setIsQuestionVisible(false), children: [_jsx(Image, { src: questionBadge, alt: "", style: { width: '169px', height: '38px' } }), _jsx("div", { className: "absolute inset-0 flex justify-center items-center select-none", children: _jsx("span", { className: "font-normal text-center leading-5 text-white", style: { fontSize: '18px' }, children: "\u00E1\u00BA\u00A8n c\u00C3\u00A2u h\u00E1\u00BB\u008Fi" }) })] }), _jsx("div", { className: "max-w-full", children: _jsx("div", { className: "text-black font-bold leading-[26px] text-center max-w-full", style: { fontSize: '18px', fontFamily: '"Open Sans", sans-serif' }, children: _jsx("p", { children: content.questionText }) }) })] })), !isQuestionVisible && (_jsxs("div", { className: "cursor-pointer", onClick: () => setIsQuestionVisible(true), children: [_jsx(Image, { src: questionBadge, alt: "", style: { width: '169px', height: '38px' } }), _jsx("div", { className: "absolute inset-0 flex justify-center items-center select-none", style: { position: 'relative', top: '-30px' }, children: _jsx("span", { className: "font-normal text-center leading-5 text-white", style: { fontSize: '18px' }, children: "Hi\u00E1\u00BB\u2021n c\u00C3\u00A2u h\u00E1\u00BB\u008Fi" }) })] })), hasBookletImage && (_jsx("div", { className: "flex justify-center", style: { marginTop: '12px' }, children: _jsx("div", { className: "relative overflow-hidden", style: {
-                                                maxWidth: '100%',
-                                                borderRadius: '16px',
-                                                border: '3px solid rgba(230, 99, 93, 0.3)',
-                                                boxShadow: '0 4px 15px rgba(0,0,0,0.08)',
-                                            }, children: _jsx("img", { src: bookletImageUrl, alt: "Booklet", style: {
-                                                    width: '100%',
-                                                    height: '100%',
-                                                    objectFit: 'cover',
-                                                } }) }) }))] }) }) }), _jsxs("div", { className: "flex justify-between select-none items-end", style: { width: '990px', maxWidth: '95%', paddingBottom: '40px', paddingLeft: '20px', paddingRight: '20px' }, children: [_jsxs("div", { className: `relative select-none transition-opacity duration-300 ${isVirtualTurn ? 'opacity-100' : 'opacity-50 grayscale'}`, children: [_jsx("div", { children: _jsxs("div", { className: "relative flex", children: [_jsx(Image, { src: redBadge, alt: "", style: { height: '57px', width: '258px' } }), _jsx("div", { className: "absolute inset-0 flex justify-center items-center", style: { paddingTop: '12px' }, children: _jsx("div", { className: "text-white leading-5 font-normal text-center m-0 w-full select-none", children: _jsx("p", { className: "m-0 truncate select-none", style: { fontSize: '18px', paddingLeft: '60px', paddingRight: '60px' }, children: virtualName }) }) })] }) }), _jsxs("div", { className: "absolute", style: { top: '7px', right: '-58px' }, children: [_jsx(Image, { src: redWrapper, alt: "", className: "relative", style: { width: '115px', height: '84px', zIndex: 0 } }), _jsx("div", { className: "absolute inset-0 flex justify-center items-center w-full h-full", children: _jsxs("div", { className: "relative", style: { width: '68px', height: '68px' }, children: [_jsx(Image, { src: bingoAvatar, alt: virtualName, width: 68, height: 68, className: "object-cover rounded-full select-none", style: { width: '68px', height: '68px' }, draggable: false }), _jsx("div", { className: "flex items-center justify-center absolute w-full h-full top-0 rounded-full text-white cursor-pointer", onClick: isVirtualTurn ? handlePlayVirtualAnswer : undefined, children: _jsx(Image, { src: icPlay, alt: "play", width: 16, height: 16, className: "opacity-80" }) })] }) })] }), isVirtualPlaying && (_jsx("div", { className: "absolute pointer-events-none", style: { top: '0px', right: '-130px', width: '70px', height: '84px', display: 'flex', alignItems: 'center' }, children: _jsxs("div", { className: "relative", style: { width: '70px', height: '70px' }, children: [_jsx("div", { style: {
-                                                        position: 'absolute',
-                                                        left: '0px',
-                                                        top: '50%',
-                                                        transform: 'translateY(-50%)',
-                                                        width: '20px',
-                                                        height: '34px',
-                                                        borderRight: '3px solid rgba(30, 64, 175, 0.95)',
-                                                        borderRadius: '0 50% 50% 0',
-                                                        animation: 'soundWavePulse 1s ease-in-out infinite',
-                                                        animationDelay: '0s',
-                                                    } }), _jsx("div", { style: {
-                                                        position: 'absolute',
-                                                        left: '12px',
-                                                        top: '50%',
-                                                        transform: 'translateY(-50%)',
-                                                        width: '28px',
-                                                        height: '50px',
-                                                        borderRight: '3px solid rgba(30, 64, 175, 0.7)',
-                                                        borderRadius: '0 50% 50% 0',
-                                                        animation: 'soundWavePulse 1s ease-in-out infinite',
-                                                        animationDelay: '0.2s',
-                                                    } }), _jsx("div", { style: {
-                                                        position: 'absolute',
-                                                        left: '24px',
-                                                        top: '50%',
-                                                        transform: 'translateY(-50%)',
-                                                        width: '36px',
-                                                        height: '66px',
-                                                        borderRight: '3px solid rgba(30, 64, 175, 0.45)',
-                                                        borderRadius: '0 50% 50% 0',
-                                                        animation: 'soundWavePulse 1s ease-in-out infinite',
-                                                        animationDelay: '0.4s',
-                                                    } })] }) }))] }), isVirtualPlaying && (_jsx("div", { className: "flex-1 flex justify-center items-center text-center", style: { paddingLeft: '40px', paddingRight: '40px', paddingBottom: '40px' }, children: _jsxs("p", { className: "m-0 select-none", style: {
-                                        fontSize: '16px',
-                                        fontWeight: 700,
-                                        fontStyle: 'italic',
-                                        color: '#1a1a2e',
-                                        lineHeight: '1.5',
-                                        fontFamily: '"Open Sans", sans-serif',
-                                    }, children: ["Ng\u00C6\u00B0\u00E1\u00BB\u009Di ch\u00C6\u00A1i kh\u00C3\u00A1c \u00C4\u2018ang tr\u00E1\u00BA\u00A3 l\u00E1\u00BB\u009Di.", _jsx("br", {}), "Vui l\u00C3\u00B2ng nghe xong \u0111\u1EC3 ti\u1EBFp t\u1EE5c."] }) })), isVirtualTurn && !isVirtualPlaying && (_jsxs("div", { className: "flex-1 flex flex-col justify-center items-center text-center", style: { paddingLeft: '40px', paddingRight: '40px', paddingBottom: '40px' }, children: [_jsxs("p", { className: "m-0 whitespace-nowrap", style: { color: '#1a1a2e', fontSize: '16px', fontWeight: 700, fontStyle: 'italic', fontFamily: '"Open Sans", sans-serif' }, children: ["\u00E1\u00BA\u00A4n bi\u00E1\u00BB\u0192u t\u00C6\u00B0\u00E1\u00BB\u00A3ng", ' ', _jsx(Image, { src: icPlayViolet, alt: "", width: 20, height: 20, className: "inline-block" }), ' ', "tr\u00EAn avatar \u0111\u1EC3 nghe l\u1EA1i."] }), _jsxs("div", { className: "flex items-center", style: { gap: '4px' }, children: [_jsx("p", { className: "m-0", style: { color: '#1a1a2e', fontSize: '16px', fontWeight: 700, fontStyle: 'italic', fontFamily: '"Open Sans", sans-serif' }, children: "\u1EA4n n\u00FAt" }), _jsx(Image, { src: nextSmall, alt: "next", width: 34, height: 34 }), _jsx("p", { className: "m-0", style: { color: '#1a1a2e', fontSize: '16px', fontWeight: 700, fontStyle: 'italic', fontFamily: '"Open Sans", sans-serif' }, children: "\u0111\u1EC3 ti\u1EBFp t\u1EE5c." })] })] })), _jsxs("div", { className: `relative select-none transition-opacity duration-300 ${isRealTurn ? 'opacity-100' : 'opacity-50 grayscale'}`, children: [_jsx("div", { children: _jsxs("div", { className: "relative flex", children: [_jsx(Image, { src: blueBadge, alt: "", style: { height: '57px', width: '258px' } }), _jsx("div", { className: "absolute inset-0 flex justify-center items-center", style: { paddingTop: '12px' }, children: _jsx("div", { className: "text-white leading-5 font-normal text-center m-0 w-full select-none", children: _jsx("p", { className: "m-0 truncate select-none", style: { fontSize: '18px', paddingLeft: '60px', paddingRight: '60px' }, children: "B\u1EA1n" }) }) })] }) }), _jsxs("div", { className: "absolute", style: { top: '7px', left: '-58px' }, children: [_jsx(Image, { src: blueWrapper, alt: "", className: "relative", style: { width: '115px', height: '84px', zIndex: 0 } }), _jsx("div", { className: "absolute inset-0 flex justify-center items-center w-full h-full", children: _jsx("div", { className: "relative", style: { width: '68px', height: '68px' }, children: _jsx(Image, { src: userAvatar, alt: "B\u1EA1n", width: 68, height: 68, className: "object-cover rounded-full select-none", style: { width: '68px', height: '68px' }, draggable: false }) }) })] })] })] })] }), _jsx("style", { jsx: true, children: `
-        @keyframes soundWavePulse {
-          0% {
-            opacity: 0.2;
-            transform: translateY(-50%) scaleX(0.7);
-          }
-          50% {
-            opacity: 1;
-            transform: translateY(-50%) scaleX(1);
-          }
-          100% {
-            opacity: 0.2;
-            transform: translateY(-50%) scaleX(0.7);
-          }
-        }
-      ` })] }));
-}

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

@@ -1,32 +0,0 @@
-import type { ValidationRef } from './look-and-choose-answer.type';
-export interface GNSpeakingInterviewData {
-    /** How admin provides the question prompt */
-    inputType: 'AUDIO' | 'TEXT';
-    /** Audio file URL — required when inputType is 'AUDIO' */
-    audioUrl?: string;
-    /** Question text — required when inputType is 'TEXT', backend converts via TTS */
-    questionText?: string;
-    /** Which candidate this question targets */
-    targetCandidate: 'A' | 'B';
-    /** Virtual student's pre-recorded answer text */
-    virtualAnswerText?: string;
-    /** Virtual student's pre-recorded answer audio URL */
-    virtualAnswerAudioUrl?: string;
-    /** Whether this is an Extended Response question */
-    isExtendedResponse?: boolean;
-    /** Optional sample answers for AI grading reference (for real candidate questions) */
-    sampleAnswers?: string[];
-    /** Explanation for review */
-    explanation?: string;
-    /** Points per question (0 for virtual) */
-    points?: number;
-}
-export interface GNSpeakingInterviewCreatorProps {
-    initialData?: GNSpeakingInterviewData;
-    onSave?: (data: GNSpeakingInterviewData) => void;
-    onCancel?: () => void;
-    onChange?: (data: GNSpeakingInterviewData) => void;
-    externalErrors?: string[];
-    onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void;
-    validationRef?: React.MutableRefObject<ValidationRef | null>;
-}

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

@@ -1 +0,0 @@
-export {};

package/dist/components/questions/_shared/types/look-picture-fill-word-hint.type.d.ts

@@ -1,47 +0,0 @@
-import { ValidationRef } from './look-and-choose-answer.type';
-export type { ValidationRef };
-export interface LookPictureFillWordHintSubQuestion {
-    id: string;
-    imageUrl: string;
-    word: string;
-    correctAnswer: string;
-    points?: number;
-    groupNumber?: number;
-}
-export interface LookPictureFillWordHintGroup {
-    number: number;
-    questionCount: number;
-}
-export interface LookPictureFillWordHintData {
-    subQuestions: LookPictureFillWordHintSubQuestion[];
-    hintLetters?: string[];
-    hintLettersByGroup?: Record<number, string[]>;
-    caseSensitive?: boolean;
-    groups?: LookPictureFillWordHintGroup[];
-}
-export interface LookPictureFillWordHintCreatorProps {
-    initialData?: LookPictureFillWordHintData;
-    onSave?: (data: LookPictureFillWordHintData) => void;
-    onSaveToQuestionBank?: (data: LookPictureFillWordHintData) => void;
-    onCancel?: () => void;
-    onChange?: (data: LookPictureFillWordHintData) => void;
-    onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void;
-    externalErrors?: string[];
-    groups?: LookPictureFillWordHintGroup[];
-    questionIndexInPart?: number;
-    partId?: string;
-    validationRef?: React.MutableRefObject<ValidationRef | null>;
-}
-export interface LookPictureFillWordHintQuestionData {
-    subQuestions: LookPictureFillWordHintSubQuestion[];
-    hintLetters?: string[];
-    hintLettersByGroup?: Record<number, string[]>;
-    caseSensitive?: boolean;
-    groups?: LookPictureFillWordHintGroup[];
-}
-export interface LookPictureFillWordHintClientProps {
-    questionData: LookPictureFillWordHintQuestionData;
-    onSubmit?: (answers: Record<string, string>) => void;
-    isReviewMode?: boolean;
-    userAnswer?: Record<string, string>;
-}

package/dist/components/questions/_shared/types/look-picture-fill-word-hint.type.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,2 +0,0 @@
-import type { GNSpeakingInterviewCreatorProps } from '../../_shared/types/gn-speaking-interview.type';
-export declare function GNSpeakingInterviewCreator({ initialData, onSave, onChange, externalErrors, validationRef, }: GNSpeakingInterviewCreatorProps): import("react").JSX.Element;

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

@@ -1,262 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useEffect, useState } from 'react';
-import { useParams } from 'next/navigation';
-import { Button } from '../../../../components/ui/button';
-import { Label } from '../../../../components/ui/label';
-import { Input } from '../../../../components/ui/input';
-import { Textarea } from '../../../../components/ui/textarea';
-import { PointsInput } from '../../../../components/ui/points-input';
-import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
-import { useDebouncedCallback } from '../../../../shared/lib/hooks';
-import { useReactHookForm } from '../../../../shared/lib/hooks/useReactHookForm';
-import { usePresignedFileUrl } from '../../../../shared/lib/hooks/usePresignedFileUrl';
-import { Mic, Type, Volume2, BookOpen, MessageSquareText, Info, Plus, Trash2, Loader2, Users, UserCheck, } from 'lucide-react';
-import { toast } from 'sonner';
-import { FileUpload } from '../../../../components/ui/file-upload';
-import { CreatorGuide } from '../../components/CreatorGuide';
-import { z } from 'zod';
-// ─── Validation Schema ─────────────────────────────────────────────────────
-const gnSpeakingInterviewFormSchema = z.object({
-    inputType: z.enum(['AUDIO', 'TEXT']),
-    audioUrl: z.string().optional(),
-    imageUrl: z.string().optional(),
-    questionText: z.string().optional(),
-    targetCandidate: z.enum(['VIRTUAL', 'REAL']),
-    virtualAnswerText: z.string().optional(),
-    virtualAnswerAudioUrl: z.string().optional(),
-    isExtendedResponse: z.boolean().optional(),
-    sampleAnswers: z.array(z.string()).optional(),
-    explanation: z.string().optional(),
-    points: z.number().min(0).default(1),
-});
-// ─── Main Creator Component ─────────────────────────────────────────────────
-export function GNSpeakingInterviewCreator({ initialData, onSave, onChange, externalErrors, validationRef, }) {
-    const apiData = initialData;
-    const params = useParams();
-    const examRouteId = params?.examId || params?.id;
-    const initSampleAnswers = (() => {
-        const newArr = apiData?.expectedAnswers || apiData?.correctAnswer?.expectedAnswers;
-        if (Array.isArray(newArr) && newArr.length > 0)
-            return newArr;
-        const arr = apiData?.sampleAnswers || apiData?.content?.sampleAnswers;
-        if (Array.isArray(arr) && arr.length > 0)
-            return arr;
-        const single = apiData?.sampleAnswer || apiData?.correctAnswer?.sampleAnswer;
-        if (single)
-            return [single];
-        return [''];
-    })();
-    const form = useReactHookForm({
-        defaultValues: {
-            inputType: apiData?.inputType || apiData?.content?.inputType || 'TEXT',
-            audioUrl: apiData?.audioUrl || apiData?.content?.audioUrl || '',
-            imageUrl: apiData?.imageUrl || apiData?.content?.imageUrl || '',
-            questionText: apiData?.questionText || apiData?.content?.questionText || '',
-            targetCandidate: apiData?.targetCandidate || apiData?.content?.targetCandidate || 'REAL',
-            virtualAnswerText: apiData?.virtualAnswerText ||
-                apiData?.content?.virtualAnswer?.answerText ||
-                '',
-            virtualAnswerAudioUrl: apiData?.virtualAnswerAudioUrl ||
-                apiData?.content?.virtualAnswer?.audioUrl ||
-                '',
-            isExtendedResponse: apiData?.isExtendedResponse || apiData?.content?.isExtendedResponse || false,
-            sampleAnswers: initSampleAnswers,
-            explanation: apiData?.explanation || '',
-            points: apiData?.points ?? 1,
-        },
-        zodSchema: gnSpeakingInterviewFormSchema,
-        mode: 'onBlur',
-    });
-    const previousInitialDataRef = useRef(initialData);
-    const isInitializingRef = useRef(false);
-    const onChangeRef = useRef(onChange);
-    const previousPayloadRef = useRef('');
-    const [isGeneratingAudio, setIsGeneratingAudio] = useState(false);
-    const [isGeneratingVirtualAudio, setIsGeneratingVirtualAudio] = useState(false);
-    const [previewAudioUrl, setPreviewAudioUrl] = useState(null);
-    const [virtualPreviewAudioUrl, setVirtualPreviewAudioUrl] = useState(null);
-    useEffect(() => {
-        onChangeRef.current = onChange;
-    }, [onChange]);
-    const debouncedOnChange = useDebouncedCallback((data) => {
-        onChangeRef.current?.(data);
-    }, 300);
-    const watchedInputType = form.watch('inputType');
-    const watchedAudioUrl = form.watch('audioUrl');
-    const watchedImageUrl = form.watch('imageUrl');
-    const { previewUrl: imagePreviewUrl, isLoading: isImagePreviewLoading } = usePresignedFileUrl(watchedImageUrl);
-    const watchedQuestionText = form.watch('questionText');
-    const watchedTargetCandidate = form.watch('targetCandidate');
-    const watchedVirtualAnswerText = form.watch('virtualAnswerText');
-    const watchedVirtualAnswerAudioUrl = form.watch('virtualAnswerAudioUrl');
-    const watchedIsExtendedResponse = form.watch('isExtendedResponse');
-    const watchedSampleAnswers = form.watch('sampleAnswers') || [''];
-    const watchedExplanation = form.watch('explanation');
-    const watchedPoints = form.watch('points');
-    // For the demo, we'll treat 'A' as virtual by default
-    // The actual virtualCandidate is set at group level, but in the creator we show
-    // conditional UI based on targetCandidate
-    const isVirtualQuestion = watchedTargetCandidate === 'VIRTUAL'; // VIRTUAL = virtual by default
-    // Auto-set points for Virtual candidate to 0, and revert to 1 if changed back
-    useEffect(() => {
-        if (isInitializingRef.current)
-            return;
-        if (isVirtualQuestion) {
-            if (watchedPoints !== 0) {
-                form.setValue('points', 0, { shouldValidate: true });
-            }
-        }
-        else {
-            if (watchedPoints === 0) {
-                form.setValue('points', 1, { shouldValidate: true });
-            }
-        }
-    }, [isVirtualQuestion, watchedPoints, form]);
-    // Expose validation ref
-    useEffect(() => {
-        if (validationRef) {
-            validationRef.current = {
-                triggerValidation: async () => await form.trigger(),
-                getFormData: () => form.getValues(),
-            };
-        }
-    }, [validationRef, form]);
-    // Reset form when initialData changes externally
-    useEffect(() => {
-        const apiD = initialData;
-        const initialDataChanged = JSON.stringify(previousInitialDataRef.current) !== JSON.stringify(initialData);
-        if (!initialDataChanged)
-            return;
-        previousInitialDataRef.current = initialData;
-        const resetSampleAnswers = (() => {
-            const newArr = apiD?.expectedAnswers || apiD?.correctAnswer?.expectedAnswers;
-            if (Array.isArray(newArr) && newArr.length > 0)
-                return newArr;
-            const arr = apiD?.sampleAnswers || apiD?.content?.sampleAnswers;
-            if (Array.isArray(arr) && arr.length > 0)
-                return arr;
-            return [''];
-        })();
-        isInitializingRef.current = true;
-        form.reset({
-            inputType: apiD?.inputType || apiD?.content?.inputType || 'TEXT',
-            audioUrl: apiD?.audioUrl || apiD?.content?.audioUrl || '',
-            imageUrl: apiD?.imageUrl || apiD?.content?.imageUrl || '',
-            questionText: apiD?.questionText || apiD?.content?.questionText || '',
-            targetCandidate: apiD?.targetCandidate || apiD?.content?.targetCandidate || 'REAL',
-            virtualAnswerText: apiD?.virtualAnswerText || apiD?.content?.virtualAnswer?.answerText || '',
-            virtualAnswerAudioUrl: apiD?.virtualAnswerAudioUrl || apiD?.content?.virtualAnswer?.audioUrl || '',
-            isExtendedResponse: apiD?.isExtendedResponse || apiD?.content?.isExtendedResponse || false,
-            sampleAnswers: resetSampleAnswers,
-            explanation: apiD?.explanation || '',
-            points: apiD?.points ?? 1,
-        });
-        setTimeout(() => {
-            isInitializingRef.current = false;
-        }, 150);
-    }, [initialData, form]);
-    // Debounced onChange
-    useEffect(() => {
-        if (isInitializingRef.current)
-            return;
-        const payload = {
-            inputType: watchedInputType,
-            audioUrl: watchedAudioUrl,
-            imageUrl: watchedImageUrl,
-            questionText: watchedQuestionText,
-            targetCandidate: watchedTargetCandidate,
-            virtualAnswerText: watchedVirtualAnswerText,
-            virtualAnswerAudioUrl: watchedVirtualAnswerAudioUrl,
-            isExtendedResponse: watchedIsExtendedResponse,
-            sampleAnswers: watchedSampleAnswers,
-            explanation: watchedExplanation,
-            points: watchedPoints,
-        };
-        const payloadString = JSON.stringify(payload);
-        if (previousPayloadRef.current !== payloadString) {
-            previousPayloadRef.current = payloadString;
-            debouncedOnChange(payload);
-        }
-    }, [
-        watchedInputType, watchedAudioUrl, watchedImageUrl, watchedQuestionText, watchedTargetCandidate,
-        watchedVirtualAnswerText, watchedVirtualAnswerAudioUrl, watchedIsExtendedResponse,
-        watchedSampleAnswers, watchedExplanation, watchedPoints, debouncedOnChange,
-    ]);
-    // TTS handlers
-    const handleGenerateAudio = async () => {
-        const text = form.getValues('questionText');
-        if (!text?.trim()) {
-            toast.error('Vui lòng nhập nội dung câu hỏi trước khi tạo audio!');
-            return;
-        }
-        try {
-            setIsGeneratingAudio(true);
-            toast.error('TTS chưa được tích hợp trong component SDK');
-            return;
-        }
-        catch (error) {
-            toast.error(error?.response?.data?.message || 'Lỗi khi tạo audio');
-        }
-        finally {
-            setIsGeneratingAudio(false);
-        }
-    };
-    const handleGenerateVirtualAudio = async () => {
-        const text = form.getValues('virtualAnswerText');
-        if (!text?.trim()) {
-            toast.error('Vui lòng nhập câu trả lời HS ảo trước khi tạo audio!');
-            return;
-        }
-        try {
-            setIsGeneratingVirtualAudio(true);
-            toast.error('TTS chưa được tích hợp trong component SDK');
-            return;
-        }
-        catch (error) {
-            toast.error(error?.response?.data?.message || 'Lỗi khi tạo audio');
-        }
-        finally {
-            setIsGeneratingVirtualAudio(false);
-        }
-    };
-    // Dynamic expected answers
-    const handleAddSampleAnswer = () => {
-        form.setValue('sampleAnswers', [...watchedSampleAnswers, ''], { shouldValidate: false });
-    };
-    const handleRemoveSampleAnswer = (index) => {
-        const current = [...watchedSampleAnswers];
-        current.splice(index, 1);
-        if (current.length === 0)
-            current.push('');
-        form.setValue('sampleAnswers', current, { shouldValidate: true });
-    };
-    const handleSampleAnswerChange = (index, value) => {
-        const current = [...watchedSampleAnswers];
-        current[index] = value;
-        form.setValue('sampleAnswers', current, { shouldValidate: true });
-    };
-    return (_jsxs("div", { className: "space-y-6", children: [_jsx(CreatorGuide, { colorScheme: "blue", steps: [
-                    { text: 'Chọn đối tượng trả lời (Thí sinh ảo / Thí sinh thật).' },
-                    { text: 'Nhập câu hỏi của Giám khảo (Examiner Prompt) bằng Audio hoặc Text.', highlight: true },
-                    { text: 'Đối với Thí sinh ảo: cung cấp câu trả lời mô phỏng.' },
-                    { text: 'Đối với Thí sinh thật: thêm các đáp án mẫu (Sample Answers) để AI tham chiếu chấm điểm.' },
-                ], tips: [
-                    'Câu của Thí sinh ảo sẽ tự động phát và điểm số bằng 0.',
-                    'Nên sử dụng TTS (Text-to-Speech) để tiết kiệm thời gian chuẩn bị audio.',
-                ] }), _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-blue-100 text-blue-700", children: _jsx(Users, { className: "h-4 w-4" }) }), _jsx(CardTitle, { className: "text-lg font-semibold text-slate-800", children: "C\u1EA5u h\u00ECnh C\u00E2u h\u1ECFi & \u0110\u1ED1i t\u01B0\u1EE3ng" })] }) }), _jsxs(CardContent, { className: "p-0", children: [_jsxs("div", { className: "p-6 space-y-8", children: [_jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsx("div", { className: "space-y-1", children: _jsx("div", { className: "w-full xl:w-2/3 animate-in fade-in zoom-in-95 duration-200", children: _jsx(PointsInput, { ...form.register('points', { valueAsNumber: true }), error: form.hasError('points') ? form.getFieldError('points') : undefined, disabled: isVirtualQuestion, allowZero: true }) }) }), _jsxs("div", { className: "space-y-3", children: [_jsxs(Label, { className: "text-sm font-semibold text-slate-700 flex items-center gap-2", children: [_jsx(UserCheck, { className: "h-4 w-4" }), "\u0110\u1ED1i t\u01B0\u1EE3ng tr\u1EA3 l\u1EDDi"] }), _jsxs("div", { className: "flex w-fit rounded-lg border border-slate-200 bg-slate-100 p-1", children: [_jsx("button", { type: "button", onClick: () => form.setValue('targetCandidate', 'VIRTUAL', { shouldValidate: true }), className: `flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all ${isVirtualQuestion
-                                                                    ? 'bg-white text-blue-700 shadow-sm'
-                                                                    : 'text-slate-500 hover:bg-slate-200/50 hover:text-slate-700'}`, children: "\uD83E\uDD16 Th\u00ED sinh \u1EA3o (Virtual)" }), _jsx("button", { type: "button", onClick: () => form.setValue('targetCandidate', 'REAL', { shouldValidate: true }), className: `flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all ${!isVirtualQuestion
-                                                                    ? 'bg-white text-emerald-700 shadow-sm'
-                                                                    : 'text-slate-500 hover:bg-slate-200/50 hover:text-slate-700'}`, children: "\uD83D\uDC66 Th\u00ED sinh th\u1EADt (Real)" })] })] })] }), _jsxs("div", { className: `flex items-start gap-3 rounded-lg border px-4 py-3 text-sm transition-colors duration-300 ${isVirtualQuestion
-                                            ? 'border-blue-100 bg-blue-50/50 text-blue-800'
-                                            : 'border-emerald-100 bg-emerald-50/50 text-emerald-800'}`, children: [_jsx(Info, { className: `mt-0.5 h-4 w-4 shrink-0 ${isVirtualQuestion ? 'text-blue-500' : 'text-emerald-500'}` }), _jsx("p", { children: isVirtualQuestion ? (_jsxs("span", { children: [_jsx("strong", { children: "C\u1EA3nh b\u00E1o:" }), " C\u00E2u n\u00E0y d\u00E0nh cho ", _jsx("strong", { children: "Th\u00ED sinh \u1EA3o" }), ". H\u1EC7 th\u1ED1ng s\u1EBD b\u1ECF qua b\u01B0\u1EDBc thu \u00E2m v\u00E0 t\u1EF1 \u0111\u1ED9ng ph\u00E1t audio m\u00F4 ph\u1ECFng. Khi th\u00ED sinh thi, c\u00E2u n\u00E0y mang t\u00EDnh ch\u1EA5t giao ti\u1EBFp (\u0110i\u1EC3m m\u1EB7c \u0111\u1ECBnh = 0)."] })) : (_jsxs("span", { children: [_jsx("strong", { children: "L\u01B0u \u00FD:" }), " C\u00E2u n\u00E0y d\u00E0nh cho ", _jsx("strong", { children: "Th\u00ED sinh th\u1EADt" }), " l\u00E0m b\u00E0i. AI s\u1EBD thu \u00E2m v\u00E0 t\u1EF1 \u0111\u1ED9ng ch\u1EA5m \u0111i\u1EC3m d\u1EF1a b\u1EB1ng c\u00E1ch so s\u00E1nh v\u1EDBi c\u00E1c ", _jsx("strong", { children: "\u0110\u00E1p \u00E1n m\u1EABu" }), " b\u00EAn d\u01B0\u1EDBi."] })) })] }), _jsx("hr", { className: "border-slate-100" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Label, { className: "block text-sm font-semibold text-slate-700", children: "C\u00E2u h\u1ECFi c\u1EE7a Gi\u00E1m kh\u1EA3o (Examiner Prompt)" }), _jsxs("div", { className: "flex w-fit rounded-lg border border-slate-200 bg-slate-100 p-1 mb-4", children: [_jsxs("button", { type: "button", onClick: () => form.setValue('inputType', 'AUDIO', { shouldValidate: true }), className: `flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all ${watchedInputType === 'AUDIO'
-                                                            ? 'bg-white text-slate-800 shadow-sm'
-                                                            : 'text-slate-500 hover:bg-slate-200/50 hover:text-slate-700'}`, children: [_jsx(Mic, { className: "h-3.5 w-3.5" }), " Upload Audio"] }), _jsxs("button", { type: "button", onClick: () => form.setValue('inputType', 'TEXT', { shouldValidate: true }), className: `flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all ${watchedInputType === 'TEXT'
-                                                            ? 'bg-white text-slate-800 shadow-sm'
-                                                            : 'text-slate-500 hover:bg-slate-200/50 hover:text-slate-700'}`, children: [_jsx(Type, { className: "h-3.5 w-3.5" }), " Nh\u1EADp v\u0103n b\u1EA3n (TTS)"] })] }), _jsx("div", { className: "max-w-3xl", children: watchedInputType === 'AUDIO' ? (_jsx(FileUpload, { id: "audioUrl", label: "", accept: "audio/*", value: watchedAudioUrl || '', onChange: (url) => form.setValue('audioUrl', url, { shouldValidate: true }), maxSize: 20, placeholder: "T\u1EA3i l\u00EAn file audio c\u00E2u h\u1ECFi (MP3, WAV...)", autoUpload: true, prefix: "speaking/gn-interview" })) : (_jsxs("div", { className: "space-y-3", children: [_jsx(Input, { ...form.register('questionText'), placeholder: "VD: Do you work or are you a student?", className: "border-slate-200 focus:border-blue-400 focus:ring-blue-100" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs(Button, { type: "button", variant: "default", size: "sm", onClick: handleGenerateAudio, disabled: isGeneratingAudio || !watchedQuestionText, 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", 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"] }), previewAudioUrl && (_jsx("audio", { controls: true, src: previewAudioUrl, className: "h-8 max-w-[250px]" }))] })] })) })] }), _jsx("hr", { className: "border-slate-100" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Label, { className: "block text-sm font-semibold text-slate-700", children: "H\u00ECnh \u1EA3nh (Tu\u1EF3 ch\u1ECDn)" }), _jsxs("div", { className: "max-w-3xl", children: [_jsx(FileUpload, { id: "imageUrl", label: "", accept: "image/*", value: watchedImageUrl || '', onChange: (url) => form.setValue('imageUrl', url, { shouldValidate: true }), maxSize: 5, placeholder: "T\u1EA3i l\u00EAn h\u00ECnh \u1EA3nh tham kh\u1EA3o (JPG, PNG...)", autoUpload: true, prefix: "speaking/gn-interview" }), watchedImageUrl && (_jsx("div", { className: "mt-4", children: isImagePreviewLoading ? (_jsx("div", { className: "flex h-32 w-full max-w-[240px] items-center justify-center rounded-lg border border-slate-200 bg-slate-50", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-slate-400" }) })) : imagePreviewUrl ? (_jsx("div", { className: "relative inline-block overflow-hidden rounded-lg border border-slate-200 shadow-sm bg-slate-50 p-1", children: _jsx("img", { src: imagePreviewUrl, alt: "Preview", className: "max-h-48 object-contain rounded" }) })) : null }))] })] })] }), _jsx("div", { className: `border-t transition-colors duration-500 ${isVirtualQuestion ? 'border-blue-100 bg-blue-50/40' : 'border-emerald-100 bg-emerald-50/40'}`, children: _jsx("div", { className: "p-6", children: isVirtualQuestion ? (
-                                    /* Virtual Candidate Settings */
-                                    _jsxs("div", { className: "space-y-5 animate-in fade-in slide-in-from-bottom-2 duration-300", children: [_jsxs("h4", { className: "flex items-center gap-2 text-sm font-semibold text-blue-900", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded bg-blue-200/50 text-xs text-blue-700", children: "\uD83E\uDD16" }), "C\u1EA5u h\u00ECnh c\u00E2u tr\u1EA3 l\u1EDDi m\u00F4 ph\u1ECFng"] }), _jsxs("div", { className: "space-y-4 max-w-3xl", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-sm font-medium text-slate-700", children: "N\u1ED9i dung c\u00E2u tr\u1EA3 l\u1EDDi (Text)" }), _jsx(Textarea, { value: watchedVirtualAnswerText || '', onChange: (e) => form.setValue('virtualAnswerText', e.target.value, { shouldValidate: true }), placeholder: "VD: My name is Lan. I am a student.", rows: 2, className: "resize-none border-slate-200 focus:border-blue-400 focus:ring-blue-100" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-sm font-medium text-slate-700", children: "Audio c\u00E2u tr\u1EA3 l\u1EDDi" }), _jsx(FileUpload, { id: "virtualAnswerAudioUrl", label: "", accept: "audio/*", value: watchedVirtualAnswerAudioUrl || '', onChange: (url) => form.setValue('virtualAnswerAudioUrl', url, { shouldValidate: true }), maxSize: 20, placeholder: "C\u00F3 th\u1EC3 upload audio ho\u1EB7c t\u1EA1o t\u1EF1 \u0111\u1ED9ng b\u1EB1ng TTS", autoUpload: true, prefix: "speaking/gn-interview/virtual" }), _jsxs("div", { className: "flex items-center gap-4 mt-2", children: [_jsxs(Button, { type: "button", variant: "default", size: "sm", onClick: handleGenerateVirtualAudio, disabled: isGeneratingVirtualAudio || !watchedVirtualAnswerText, 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", children: [isGeneratingVirtualAudio ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(Volume2, { className: "h-3.5 w-3.5" })), "T\u1EA1o Audio t\u1EEB Text"] }), virtualPreviewAudioUrl && (_jsx("audio", { controls: true, src: virtualPreviewAudioUrl, className: "h-8 max-w-[250px]" }))] })] })] })] })) : (
-                                    /* 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" }) })] })] }));
-}

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

@@ -1,2 +0,0 @@
-import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
-export declare const gnSpeakingInterviewRegistration: QuestionTypeRegistration;