@tinyweb_dev/oe-exam-sdk 0.1.0

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

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Mic, Volume2, CheckCircle2, Play, Pause, MessageCircle, Users } from 'lucide-react';
+import { Button } from '../../../../components/ui/button';
+import { usePresignedFileUrl, useAudioPreview } from '../../../../shared/lib/hooks';
+// ─── Sub-component: Audio Player ─────────────────────────────────────────────
+function ConversationAudioPlayer({ audioUrl, label }) {
+    const { previewUrl } = usePresignedFileUrl(audioUrl);
+    const { isPlaying, currentTime, duration, progressPercentage, handlePlayPause, handleProgressClick, formatTime } = useAudioPreview(previewUrl);
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-xs font-medium text-gray-500", children: label }), _jsxs("div", { className: "flex items-center gap-3 rounded-lg bg-gradient-to-r from-indigo-50 to-purple-50 border border-indigo-200 px-4 py-2.5", children: [_jsx(Button, { variant: "outline", size: "icon", onClick: handlePlayPause, disabled: !previewUrl, className: "h-8 w-8 border-indigo-300 text-indigo-600 hover:bg-indigo-100", children: isPlaying ? _jsx(Pause, { className: "h-3.5 w-3.5" }) : _jsx(Play, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "text-muted-foreground min-w-[70px] text-xs", children: [formatTime(currentTime), " / ", formatTime(duration)] }), _jsx("div", { className: "bg-indigo-200 relative h-1.5 flex-1 cursor-pointer rounded-full", onClick: handleProgressClick, children: _jsx("div", { className: "bg-indigo-500 absolute top-0 left-0 h-full rounded-full transition-all", style: { width: `${progressPercentage}%` } }) }), _jsx(Volume2, { className: "h-4 w-4 text-indigo-400" })] })] }));
+}
+// ─── Sub-component: Partner Avatar ───────────────────────────────────────────
+function PartnerAvatar({ avatarUrl, name }) {
+    const { previewUrl } = usePresignedFileUrl(avatarUrl || '');
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [previewUrl ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            _jsx("img", { src: previewUrl, alt: name || 'Partner', className: "h-10 w-10 rounded-full object-cover border-2 border-indigo-200" })) : (_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-indigo-100 border-2 border-indigo-200", children: _jsx(Users, { className: "h-5 w-5 text-indigo-500" }) })), name && _jsx("span", { className: "text-sm font-medium text-gray-700", children: name })] }));
+}
+// ─── Sub-component: Image Grid ────────────────────────────────────────────────
+function PreviewImageItem({ url, label }) {
+    const { previewUrl } = usePresignedFileUrl(url);
+    return (_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx("div", { className: "relative w-full aspect-square rounded-lg overflow-hidden border border-gray-200 bg-gray-50", children: previewUrl ? (
+                // eslint-disable-next-line @next/next/no-img-element
+                _jsx("img", { src: previewUrl, alt: label || 'Image', className: "w-full h-full object-cover" })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center text-gray-300 text-xs", children: "\u0110ang t\u1EA3i..." })) }), label && _jsx("span", { className: "text-xs text-center text-gray-600 font-medium", children: label })] }));
+}
+export function SpeakingConversationPreviewClient({ questionData, isReviewMode = true, }) {
+    const isPartnerQuestion = questionData.responder === 'PARTNER';
+    const hasImages = questionData.images && questionData.images.length > 0;
+    const gridCols = !hasImages || questionData.images.length <= 2
+        ? 'grid-cols-2'
+        : questionData.images.length === 3
+            ? 'grid-cols-3'
+            : questionData.images.length === 4
+                ? 'grid-cols-4'
+                : 'grid-cols-3';
+    return (_jsxs("div", { className: "space-y-4", children: [questionData.isBackup && (_jsxs("div", { className: "inline-flex 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: [_jsxs("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(MessageCircle, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "H\u1ED9i tho\u1EA1i Speaking (KFS)" })] }), _jsxs("div", { className: `inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold ${isPartnerQuestion
+                                    ? 'bg-orange-100 text-orange-700 border border-orange-200'
+                                    : 'bg-green-100 text-green-700 border border-green-200'}`, children: [_jsx(Mic, { className: "h-3 w-3" }), isPartnerQuestion ? 'Bạn thi (ví dụ)' : 'Học sinh trả lời'] })] }), _jsxs("div", { className: "p-5 space-y-5", children: [(questionData.partnerName || questionData.partnerAvatarUrl) && (_jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-orange-50 border border-orange-100 px-4 py-2.5", children: [_jsx("span", { className: "text-xs font-medium text-orange-600", children: "Nh\u00E2n v\u1EADt b\u1EA1n thi:" }), _jsx(PartnerAvatar, { avatarUrl: questionData.partnerAvatarUrl, name: questionData.partnerName })] })), questionData.questionText && (_jsxs("div", { className: "rounded-lg bg-blue-50 border border-blue-200 px-4 py-3", children: [_jsx("p", { className: "text-xs font-medium text-blue-600 mb-1", children: "N\u1ED9i dung c\u00E2u h\u1ECFi:" }), _jsx("p", { className: "text-sm font-semibold text-gray-800", children: questionData.questionText })] })), _jsxs("div", { className: "space-y-3", children: [questionData.interlocutorAudioUrl && (_jsx(ConversationAudioPlayer, { audioUrl: questionData.interlocutorAudioUrl, label: "Audio ng\u01B0\u1EDDi h\u1ECFi (Interlocutor)" })), questionData.partnerAudioUrl && (_jsx(ConversationAudioPlayer, { audioUrl: questionData.partnerAudioUrl, label: "Audio b\u1EA1n thi (Partner)" }))] }), hasImages && (_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-gray-500 mb-2", children: "H\u00ECnh \u1EA3nh th\u1EA3o lu\u1EADn:" }), _jsx("div", { className: `grid ${gridCols} gap-3`, style: { maxWidth: '500px' }, children: questionData.images.map((img) => (_jsx(PreviewImageItem, { url: img.url, label: img.label }, img.id))) })] })), _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: isPartnerQuestion
+                                            ? 'Câu hỏi ví dụ — Bạn thi sẽ trả lời, học sinh lắng nghe'
+                                            : 'Học sinh sẽ nhấn nút ghi âm và nói câu trả lời tại đây' })] }), isReviewMode && questionData.expectedAnswers && questionData.expectedAnswers.length > 0 && (_jsxs("div", { className: "rounded-xl border border-green-200 bg-green-50/80 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsx("h4", { className: "text-sm font-semibold text-green-800", children: "C\u00E1c \u0111\u00E1p \u00E1n mong mu\u1ED1n" })] }), _jsx("div", { className: "space-y-2", children: questionData.expectedAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-center gap-2.5 rounded-lg bg-white/70 border border-green-100 px-3 py-2", children: [_jsx("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-green-100 text-green-700 text-xs font-bold", children: index + 1 }), _jsx("span", { className: "text-sm text-green-800", children: answer })] }, index))) })] }))] })] })] }));
+}
+//# sourceMappingURL=SpeakingConversationPreviewClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpeakingConversationPreviewClient.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-conversation/SpeakingConversationPreviewClient.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-conversation/register.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAGrF,eAAO,MAAM,gCAAgC,EAAE,wBAyI9C,CAAC"}

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

@@ -0,0 +1,111 @@
+import { SpeakingConversationCreator } from './SpeakingConversationCreator';
+export const speakingConversationRegistration = {
+    component: SpeakingConversationCreator,
+    transformInitialData: (initialData) => {
+        const content = initialData?.content;
+        const answer = initialData?.answer || initialData?.correctAnswer || initialData?.correct_answer;
+        const groupPayload = initialData?.questionGroup?.payload || initialData?.groupPayload || {};
+        const points = initialData?.total_points
+            ? parseFloat(initialData.total_points)
+            : initialData?.points ?? content?.points ?? answer?.points ?? 5;
+        const explanation = initialData?.explanation || content?.explanation || answer?.explanation || '';
+        const expectedAnswers = (() => {
+            const arr = answer?.expectedAnswers;
+            if (Array.isArray(arr) && arr.length > 0)
+                return arr;
+            return [''];
+        })();
+        return {
+            // Per-question content
+            responder: content?.responder ?? 'STUDENT',
+            interlocutorAudioUrl: content?.interlocutorAudioUrl ?? '',
+            partnerAudioUrl: content?.partnerAudioUrl ?? '',
+            questionText: content?.questionText ?? '',
+            isBackup: content?.isBackup ?? false,
+            // Expected answers
+            expectedAnswers,
+            // Explanation & points
+            explanation,
+            points,
+            // Group payload (shared across questions in group).
+            // Prefer groupPayload.images when non-empty; fall back to answer.images which is
+            // always written by wrapOnChange/wrapOnSave. This covers the case where the store
+            // retains a stale questionGroup.payload.images=[] from the initial API load before
+            // an image was first saved (Fix for phase image not persisting after save).
+            partnerName: groupPayload?.partnerName ?? '',
+            partnerAvatarUrl: groupPayload?.partnerAvatarUrl ?? '',
+            images: groupPayload?.images?.length > 0 ? groupPayload.images : (answer?.images ?? []),
+        };
+    },
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+        groups: ctx.groups,
+        questionIndexInPart: ctx.questionIndexInPart,
+        partId: ctx.partId,
+    }),
+    wrapOnSave: (data, ctx) => {
+        const isPartner = data.responder === 'PARTNER';
+        // Filter empty expected answers
+        const expectedAnswers = (data.expectedAnswers || []).filter((s) => s && s.trim() !== '');
+        return {
+            type: ctx.questionType,
+            content: {
+                ...(typeof ctx.state.content === 'object' && ctx.state.content !== null
+                    ? ctx.state.content
+                    : {}),
+                responder: data.responder,
+                interlocutorAudioUrl: data.interlocutorAudioUrl || undefined,
+                partnerAudioUrl: data.partnerAudioUrl || undefined,
+                questionText: data.questionText || undefined,
+                isBackup: data.isBackup || false,
+            },
+            // CRITICAL: auto-set is_example and points for PARTNER questions
+            is_example: isPartner ? true : false,
+            points: isPartner ? 0 : (data.points ?? ctx.state.points ?? 5),
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: {
+                expectedAnswers,
+                // Group data stored in answer so transform handler can access it
+                partnerName: data.partnerName || undefined,
+                partnerAvatarUrl: data.partnerAvatarUrl || undefined,
+                images: (data.images || []).filter((img) => img.url && img.url.trim() !== ''),
+                groupNumber: data.groupNumber,
+            },
+            explanation: data.explanation || '',
+        };
+    },
+    wrapOnChange: (data, ctx) => {
+        const isPartner = data.responder === 'PARTNER';
+        const expectedAnswers = data.expectedAnswers || [''];
+        return {
+            type: ctx.questionType,
+            content: {
+                ...(typeof ctx.state.content === 'object' && ctx.state.content !== null
+                    ? ctx.state.content
+                    : {}),
+                responder: data.responder,
+                interlocutorAudioUrl: data.interlocutorAudioUrl || undefined,
+                partnerAudioUrl: data.partnerAudioUrl || undefined,
+                questionText: data.questionText || undefined,
+                isBackup: data.isBackup || false,
+            },
+            is_example: isPartner ? true : false,
+            points: isPartner ? 0 : (data.points ?? ctx.state.points ?? 5),
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: {
+                expectedAnswers,
+                partnerName: data.partnerName || undefined,
+                partnerAvatarUrl: data.partnerAvatarUrl || undefined,
+                images: (data.images || []).filter((img) => img.url && img.url.trim() !== ''),
+                groupNumber: data.groupNumber,
+            },
+            explanation: data.explanation || '',
+        };
+    },
+};
+//# sourceMappingURL=register.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-conversation/register.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-conversation/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,eAAO,MAAM,6BAA6B,EAAE,gBAqC3C,CAAC"}

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

@@ -0,0 +1,35 @@
+export const transformSpeakingConversation = (question) => {
+    const contentData = question.content;
+    const answerData = question.answer;
+    const apiContent = {
+        responder: contentData?.responder || 'STUDENT',
+        ...(contentData?.interlocutorAudioUrl && { interlocutorAudioUrl: contentData.interlocutorAudioUrl }),
+        ...(contentData?.partnerAudioUrl && { partnerAudioUrl: contentData.partnerAudioUrl }),
+        ...(contentData?.questionText && { questionText: contentData.questionText }),
+        isBackup: contentData?.isBackup || false,
+    };
+    const expectedAnswers = (() => {
+        const arr = answerData?.expectedAnswers;
+        if (Array.isArray(arr))
+            return arr.filter((s) => s && s.trim() !== '');
+        return [];
+    })();
+    const apiCorrectAnswer = {
+        expectedAnswers,
+    };
+    const isPartner = contentData?.responder === 'PARTNER';
+    return {
+        apiContent,
+        apiCorrectAnswer,
+        isExample: isPartner,
+        ...(isPartner && { totalPoints: 0 }),
+        groupNumber: answerData?.groupNumber || 1,
+        // Always emit group data — SPEAKING_CONVERSATION questions are always grouped
+        conversationGroupData: {
+            partnerName: answerData?.partnerName,
+            partnerAvatarUrl: answerData?.partnerAvatarUrl,
+            images: answerData?.images || [],
+        },
+    };
+};
+//# sourceMappingURL=transform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-conversation/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,6BAA6B,GAAqB,CAAC,QAAQ,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAc,CAAC;IAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAa,CAAC;IAE1C,MAAM,UAAU,GAA4B;QAC1C,SAAS,EAAE,WAAW,EAAE,SAAS,IAAI,SAAS;QAC9C,GAAG,CAAC,WAAW,EAAE,oBAAoB,IAAI,EAAE,oBAAoB,EAAE,WAAW,CAAC,oBAAoB,EAAE,CAAC;QACpG,GAAG,CAAC,WAAW,EAAE,eAAe,IAAI,EAAE,eAAe,EAAE,WAAW,CAAC,eAAe,EAAE,CAAC;QACrF,GAAG,CAAC,WAAW,EAAE,YAAY,IAAI,EAAE,YAAY,EAAE,WAAW,CAAC,YAAY,EAAE,CAAC;QAC5E,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,KAAK;KACzC,CAAC;IAEF,MAAM,eAAe,GAAa,CAAC,GAAG,EAAE;QACtC,MAAM,GAAG,GAAG,UAAU,EAAE,eAAe,CAAC;QACxC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAAE,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC/E,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,gBAAgB,GAA4B;QAChD,eAAe;KAChB,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,EAAE,SAAS,KAAK,SAAS,CAAC;IAEvD,OAAO;QACL,UAAU;QACV,gBAAgB;QAChB,SAAS,EAAE,SAAS;QACpB,GAAG,CAAC,SAAS,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;QACpC,WAAW,EAAE,UAAU,EAAE,WAAW,IAAI,CAAC;QACzC,8EAA8E;QAC9E,qBAAqB,EAAE;YACrB,WAAW,EAAE,UAAU,EAAE,WAAW;YACpC,gBAAgB,EAAE,UAAU,EAAE,gBAAgB;YAC9C,MAAM,EAAE,UAAU,EAAE,MAAM,IAAI,EAAE;SACjC;KACF,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface SpeakingCueCardCreatorProps {
+    initialData?: any;
+    onSave?: (data: any) => void;
+    onChange?: (data: any) => void;
+    onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void;
+    externalErrors?: string[];
+    validationRef?: React.MutableRefObject<any>;
+}
+export declare function SpeakingCueCardCreator({ initialData, onChange, onUnsavedChangesChange, externalErrors, validationRef, }: SpeakingCueCardCreatorProps): React.JSX.Element;
+//# sourceMappingURL=SpeakingCueCardCreator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpeakingCueCardCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-cue-card/SpeakingCueCardCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,MAAM,WAAW,2BAA2B;IAC1C,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,sBAAsB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;CAC7C;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,QAAQ,EACR,sBAAsB,EACtB,cAAc,EACd,aAAa,GACd,EAAE,2BAA2B,qBAwJ7B"}

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

@@ -0,0 +1,75 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { Input } from '../../../../components/ui/input';
+import { Label } from '../../../../components/ui/label';
+import { CueCardEditor } from '../../../../components/CueCardEditor';
+import { CreatorGuide } from '../../components/CreatorGuide';
+import { CreditCard } from 'lucide-react';
+export function SpeakingCueCardCreator({ initialData, onChange, onUnsavedChangesChange, externalErrors, validationRef, }) {
+    const [htmlContent, setHtmlContent] = useState(initialData?.cueCardHtml || '');
+    const [points, setPoints] = useState(initialData?.points ?? 5);
+    const isInitializingRef = useRef(true);
+    const previousInitialDataRef = useRef(initialData);
+    const previousPayloadRef = useRef(null);
+    const onChangeRef = useRef(onChange);
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    // Set initializing to false after first mount
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            isInitializingRef.current = false;
+        }, 150);
+        return () => clearTimeout(timer);
+    }, []);
+    // Reset form when initialData changes externally
+    useEffect(() => {
+        const initialDataChanged = JSON.stringify(previousInitialDataRef.current) !== JSON.stringify(initialData);
+        if (!initialDataChanged)
+            return;
+        previousInitialDataRef.current = initialData;
+        isInitializingRef.current = true;
+        setHtmlContent(initialData?.cueCardHtml || '');
+        setPoints(initialData?.points ?? 5);
+        setTimeout(() => {
+            isInitializingRef.current = false;
+        }, 150);
+    }, [initialData]);
+    const buildPayload = useCallback(() => ({
+        cueCardHtml: htmlContent,
+        points,
+    }), [htmlContent, points]);
+    useEffect(() => {
+        if (isInitializingRef.current)
+            return;
+        const payload = buildPayload();
+        const payloadString = JSON.stringify(payload);
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            onChangeRef.current?.(payload);
+            onUnsavedChangesChange?.(true);
+        }
+    }, [buildPayload, onUnsavedChangesChange]);
+    // Handle validation from parent
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => {
+                    if (!htmlContent || htmlContent.trim() === '') {
+                        return false;
+                    }
+                    return true;
+                },
+                getFormData: () => buildPayload(),
+            };
+        }
+    }, [validationRef, htmlContent, points, buildPayload]);
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(CreatorGuide, { colorScheme: "purple", steps: [
+                    { text: 'Nhập nội dung Cue Card bao gồm chủ đề và các gợi ý (bullet points)', highlight: true },
+                ], tips: [
+                    'Cue Card nên có 1 chủ đề chính và 3-4 gợi ý (bullet points) theo format IELTS Part 2.',
+                ] }), _jsxs(Card, { className: "overflow-hidden border border-slate-200 bg-white shadow-sm", children: [_jsx(CardHeader, { className: "border-b border-slate-100 bg-slate-50/50 pb-4", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-purple-100 text-purple-700", children: _jsx(CreditCard, { className: "h-4 w-4" }) }), _jsx(CardTitle, { className: "text-lg font-semibold text-slate-800", children: "C\u00E2u h\u1ECFi Th\u1EBB g\u1EE3i \u00FD (Cue Card)" })] }) }), _jsxs(CardContent, { className: "p-0", children: [_jsxs("div", { className: "p-6 space-y-8", children: [_jsxs("div", { className: "w-full xl:w-1/3 space-y-1.5 animate-in fade-in zoom-in-95 duration-200", children: [_jsxs(Label, { htmlFor: "points", className: "text-sm font-semibold text-slate-700", children: ["\u0110i\u1EC3m s\u1ED1 ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(Input, { id: "points", type: "number", step: "1", min: "1", value: points, onChange: (e) => setPoints(parseInt(e.target.value) || 0), className: "w-24 border-slate-200 focus:border-blue-400 focus:ring-blue-100" })] }), _jsx("hr", { className: "border-slate-100" }), _jsx("div", { className: "space-y-3", children: _jsx(CueCardEditor, { value: htmlContent, onChange: setHtmlContent, label: _jsxs(Label, { className: "text-sm font-semibold text-slate-700", children: ["N\u1ED9i dung Cue Card ", _jsx("span", { className: "text-red-500", children: "*" })] }) }) })] }), externalErrors && externalErrors.length > 0 && (_jsx("div", { className: "border-t border-red-100 bg-red-50 p-6", children: _jsx("div", { className: "flex items-start gap-3", children: _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-semibold text-red-800", children: "C\u1EA7n ph\u1EA3i s\u1EEDa c\u00E1c l\u1ED7i sau:" }), _jsx("ul", { className: "mt-1 list-inside list-disc text-red-700", children: externalErrors.map((error, index) => (_jsx("li", { children: error }, index))) })] }) }) }))] })] })] }));
+}
+//# sourceMappingURL=SpeakingCueCardCreator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpeakingCueCardCreator.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-cue-card/SpeakingCueCardCreator.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-cue-card/register.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAGrF,eAAO,MAAM,2BAA2B,EAAE,wBAmDzC,CAAC"}

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

@@ -0,0 +1,53 @@
+import { SpeakingCueCardCreator } from './SpeakingCueCardCreator';
+export const speakingCueCardRegistration = {
+    component: SpeakingCueCardCreator,
+    transformInitialData: (initialData) => {
+        const creatorData = initialData?.answer || {};
+        const content = initialData?.content;
+        const points = initialData?.total_points
+            ? parseFloat(initialData.total_points)
+            : (initialData?.points || content?.points || creatorData?.points || 5);
+        return {
+            ...creatorData,
+            cueCardHtml: content?.cueCardHtml || '',
+            points,
+        };
+    },
+    getExtraProps: (ctx) => ({
+        validationRef: ctx.validationRef,
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+    }),
+    wrapOnSave: (data, ctx) => {
+        const existingContent = typeof ctx.state.content === 'object' && ctx.state.content !== null ? ctx.state.content : {};
+        return {
+            type: ctx.questionType,
+            content: {
+                ...existingContent,
+                cueCardHtml: data.cueCardHtml,
+            },
+            points: data.points ?? ctx.state.points ?? 5,
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: {},
+            explanation: '',
+        };
+    },
+    wrapOnChange: (data, ctx) => {
+        const existingContent = typeof ctx.state.content === 'object' && ctx.state.content !== null ? ctx.state.content : {};
+        return {
+            type: ctx.questionType,
+            content: {
+                ...existingContent,
+                cueCardHtml: data.cueCardHtml,
+            },
+            points: data.points ?? ctx.state.points ?? 5,
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: {},
+            explanation: '',
+        };
+    },
+};
+//# sourceMappingURL=register.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-cue-card/register.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,2BAA2B,GAA6B;IACnE,SAAS,EAAE,sBAAsB;IACjC,oBAAoB,EAAE,CAAC,WAAW,EAAE,EAAE;QACpC,MAAM,WAAW,GAAG,WAAW,EAAE,MAAM,IAAI,EAAE,CAAC;QAC9C,MAAM,OAAO,GAAG,WAAW,EAAE,OAAO,CAAC;QACrC,MAAM,MAAM,GAAG,WAAW,EAAE,YAAY;YACtC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC;YACtC,CAAC,CAAC,CAAC,WAAW,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;QAEzE,OAAO;YACL,GAAG,WAAW;YACd,WAAW,EAAE,OAAO,EAAE,WAAW,IAAI,EAAE;YACvC,MAAM;SACP,CAAC;IACJ,CAAC;IACD,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACvB,aAAa,EAAE,GAAG,CAAC,aAAa;QAChC,sBAAsB,EAAE,GAAG,CAAC,sBAAsB;KACnD,CAAC;IACF,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;QACxB,MAAM,eAAe,GAAG,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACrH,OAAO;YACL,IAAI,EAAE,GAAG,CAAC,YAAY;YACtB,OAAO,EAAE;gBACP,GAAG,eAAe;gBAClB,WAAW,EAAE,IAAI,CAAC,WAAW;aAC9B;YACD,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC;YAC5C,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;YACtB,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;YACtB,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,EAAE;SAChB,CAAC;IACJ,CAAC;IACD,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;QAC1B,MAAM,eAAe,GAAG,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACrH,OAAO;YACL,IAAI,EAAE,GAAG,CAAC,YAAY;YACtB,OAAO,EAAE;gBACP,GAAG,eAAe;gBAClB,WAAW,EAAE,IAAI,CAAC,WAAW;aAC9B;YACD,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC;YAC5C,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;YACtB,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;YACtB,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,EAAE;SAChB,CAAC;IACJ,CAAC;CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-cue-card/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,eAAO,MAAM,wBAAwB,EAAE,gBActC,CAAC"}

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

@@ -0,0 +1,13 @@
+export const transformSpeakingCueCard = (question) => {
+    const contentData = question.content;
+    const apiContent = {
+        cueCardHtml: contentData?.cueCardHtml || '',
+    };
+    // SPEAKING_CUE_CARD has no correct answer — it's evaluated by examiner
+    const apiCorrectAnswer = {};
+    return {
+        apiContent,
+        apiCorrectAnswer,
+    };
+};
+//# sourceMappingURL=transform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-cue-card/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,wBAAwB,GAAqB,CAAC,QAAQ,EAAE,EAAE;IACrE,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAc,CAAC;IAE5C,MAAM,UAAU,GAA4B;QAC1C,WAAW,EAAE,WAAW,EAAE,WAAW,IAAI,EAAE;KAC5C,CAAC;IAEF,uEAAuE;IACvE,MAAM,gBAAgB,GAA4B,EAAE,CAAC;IAErD,OAAO;QACL,UAAU;QACV,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { SpeakingDescribeImageData } from '../../_shared/types/speaking-describe-image.type';
+export interface SpeakingDescribeImageClientProps {
+    questionData: SpeakingDescribeImageData & {
+        isBackup?: boolean;
+        audioUrl?: string;
+        expectedAnswers?: string[];
+    };
+    isReviewMode?: boolean;
+}
+export declare function SpeakingDescribeImageClient({ questionData, isReviewMode, }: SpeakingDescribeImageClientProps): import("react").JSX.Element;
+//# sourceMappingURL=SpeakingDescribeImageClient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpeakingDescribeImageClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-describe-image/SpeakingDescribeImageClient.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mEAAmE,CAAC;AAEnH,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,yBAAyB,GAAG;QACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;KAC5B,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,YAAY,EACZ,YAAoB,GACrB,EAAE,gCAAgC,+BA0FlC"}

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

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Mic, CheckCircle2, Info, ImageIcon, FileQuestion } from 'lucide-react';
+import { usePresignedFileUrl } from '../../../../shared/lib/hooks';
+export function SpeakingDescribeImageClient({ questionData, isReviewMode = false, }) {
+    const { previewUrl: imageUrl } = usePresignedFileUrl(questionData.imageUrl || '');
+    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(Mic, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "M\u00F4 t\u1EA3 h\u00ECnh \u1EA3nh (Speaking)" })] }) }), _jsxs("div", { className: "p-5 space-y-5", children: [questionData.question && (_jsxs("div", { className: "flex gap-3", children: [_jsx(FileQuestion, { className: "h-5 w-5 text-indigo-500 shrink-0 mt-0.5" }), _jsx("div", { className: "text-base font-semibold text-gray-800", children: questionData.question })] })), imageUrl ? (_jsx("div", { className: "w-full max-w-3xl mx-auto rounded-xl overflow-hidden shadow-sm border border-gray-200 bg-gray-50 flex justify-center", children: _jsx("img", { src: imageUrl, alt: "Scene", className: "w-[80%] max-h-[400px] object-contain flex-shrink-0" }) })) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-10 rounded-xl border border-dashed border-gray-300 bg-gray-50", children: [_jsx(ImageIcon, { className: "h-8 w-8 text-gray-400 mb-2" }), _jsx("span", { className: "text-sm text-gray-500", children: "Ch\u01B0a t\u1EA3i h\u00ECnh \u1EA3nh m\u00F4 t\u1EA3" })] })), _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: isReviewMode && questionData.audioUrl
+                                            ? "Audio ghi âm của học sinh (đã lưu)"
+                                            : "Học sinh sẽ nhìn hình ảnh và nhấn nút micro để mô tả" })] }), isReviewMode && questionData.expectedAnswers && questionData.expectedAnswers.length > 0 && (_jsxs("div", { className: "rounded-xl border border-green-200 bg-green-50/80 p-4 mt-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsx("h4", { className: "text-sm font-semibold text-green-800", children: "C\u00E1c \u0111\u00E1p \u00E1n t\u1EF1 \u0111\u1ED9ng (Tham chi\u1EBFu AI)" })] }), _jsx("div", { className: "space-y-2", children: questionData.expectedAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-center gap-2.5 rounded-lg bg-white/70 border border-green-100 px-3 py-2", children: [_jsx("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-green-100 text-green-700 text-xs font-bold", children: index + 1 }), _jsx("span", { className: "text-sm text-green-800", children: answer })] }, index))) })] })), isReviewMode && questionData.explanation && (_jsxs("div", { className: "rounded-xl border border-amber-200 bg-amber-50 p-4 mt-2", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Info, { className: "h-4 w-4 text-amber-600" }), _jsx("p", { className: "text-sm font-semibold text-amber-800", children: "Gi\u1EA3i th\u00EDch gi\u00E1o vi\u00EAn" })] }), _jsx("p", { className: "text-sm text-amber-700 leading-relaxed whitespace-pre-wrap", children: questionData.explanation })] }))] })] })] }));
+}
+//# sourceMappingURL=SpeakingDescribeImageClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpeakingDescribeImageClient.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-describe-image/SpeakingDescribeImageClient.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpeakingDescribeImageCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/speaking-describe-image/SpeakingDescribeImageCreator.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,iCAAiC,EAAE,MAAM,mEAAmE,CAAC;AAMtH,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,MAAM,EACN,QAAQ,EACR,cAAc,EACd,aAAa,GACd,EAAE,iCAAiC,+BAoXnC"}