@tinyweb_dev/oe-exam-sdk 1.0.4 → 1.0.6

package/dist/components/exams/take/ExamTakingPageContainer.js

@@ -23,7 +23,8 @@ import { SummerSkySubmitModal } from '../../../components/themes/summer-sky/Summ
 import { SummerSkyExitModal } from '../../../components/themes/summer-sky/SummerSkyExitModal';
 import { EnglishCertificationExamLayout, EnglishCertificationQuestionRenderer, scrollToEnglishCertQuestion, } from '../../../components/themes/english-certification';
 import { groupQuestionsByPart, } from './utils/question-transformers';
-import { findSidebarQuestionForPart, getCambridgeYlePartQuestionCount, getPartInitialQuestionIndex, isCambridgeYleInlineSpeakingType, listSpontaneousQaGroupChildIds, } from './utils/cambridge-yle-inline-speaking';
+import { findSidebarQuestionForPart, getCambridgeYlePartQuestionCount, getPartInitialQuestionIndex, isCambridgeYleInlineSpeakingType, isTextOnlySpontaneousQaGroupContent, listSpontaneousQaGroupChildIds, } from './utils/cambridge-yle-inline-speaking';
+import { hasFilledSpontaneousQaGroupTextAnswer } from '../../questions/types/spontaneous-qa-group/flatten';
 import { unwrap, unwrapAttempt } from './exam-taking.utils';
 import { ExamTakingApiProvider } from './ExamTakingApiContext';
 function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (attemptId) => `/student/results/${attemptId}`, fallbackPath = '/student/contests/discover', proctoringEnabled = false, achieversExamTitle, onSubmitted, }) {
@@ -665,9 +666,14 @@ function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (a
             if (part.questionType === 'SPONTANEOUS_QA_GROUP') {
                 const parent = part.questions[0];
                 if (parent && !parent.is_example) {
-                    listSpontaneousQaGroupChildIds(parent.id, parent.content).forEach((id) => {
-                        countableQuestionIds.add(id);
-                    });
+                    if (isTextOnlySpontaneousQaGroupContent(parent.content)) {
+                        countableQuestionIds.add(parent.id);
+                    }
+                    else {
+                        listSpontaneousQaGroupChildIds(parent.id, parent.content).forEach((id) => {
+                            countableQuestionIds.add(id);
+                        });
+                    }
                 }
                 return;
             }
@@ -681,6 +687,12 @@ function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (a
             const answer = store.answers[key];
             if (answer === undefined || answer === '')
                 return;
+            if (typeof answer === 'object' &&
+                answer !== null &&
+                'items' in answer &&
+                !hasFilledSpontaneousQaGroupTextAnswer(answer)) {
+                return;
+            }
             // Direct question ID match
             if (countableQuestionIds.has(key)) {
                 answeredQuestions.add(key);
@@ -713,7 +725,8 @@ function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (a
             const parent = part.questions[0];
             const shouldFlattenGroup = examTheme === 'CAMBRIDGE_YLE' &&
                 part.questionType === 'SPONTANEOUS_QA_GROUP' &&
-                !!parent;
+                !!parent &&
+                !isTextOnlySpontaneousQaGroupContent(parent.content);
             const questionsToList = shouldFlattenGroup
                 ? listSpontaneousQaGroupChildIds(parent.id, parent.content).map((childId, childIndex) => ({
                     id: childId,

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

@@ -14,6 +14,8 @@ import { SpeakingInfoExchangeRenderer } from './SpeakingInfoExchangeRenderer';
 import { SpeakingReadDisplayedContentRenderer } from './SpeakingReadDisplayedContentRenderer';
 import { SpeakingSpontaneousQARenderer } from './SpeakingSpontaneousQARenderer';
 import { SpeakingSpontaneousQaGroupRenderer } from './SpeakingSpontaneousQaGroupRenderer';
+import { SpeakingSpontaneousQaGroupTextList } from './SpeakingSpontaneousQaGroupTextList';
+import { isTextOnlySpontaneousQaGroupContent } from '../../../../../questions/types/spontaneous-qa-group/flatten';
 import { SpeakingConversationRenderer } from './SpeakingConversationRenderer';
 import { SpeakingGNInterviewRenderer } from './SpeakingGNInterviewRenderer';
 import { SpeakingCueCardRenderer } from './SpeakingCueCardRenderer';
@@ -23,6 +25,10 @@ import { SpeakingCueCardRenderer } from './SpeakingCueCardRenderer';
 export function SpeakingQuestionRenderer({ part, answers, onAnswerChange, isReviewMode = false, onExit, onPartComplete, onPartBack, speakingTheme, initialQuestionIndex, skipTeacherVideo, onTeacherIntroPlayed, currentQuestionIndex, }) {
     const handleExit = onExit ?? (() => { if (typeof window !== 'undefined')
         window.history.back(); });
+    if (part.questionType === 'SPONTANEOUS_QA_GROUP' &&
+        isTextOnlySpontaneousQaGroupContent(part.questions[0]?.content)) {
+        return (_jsx(SpeakingSpontaneousQaGroupTextList, { part: part, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
+    }
     // Determine if teacher video should play:
     // Only play on first visit to this part (skipTeacherVideo=false).
     const shouldPlayVideo = !skipTeacherVideo && shouldWaitForTeacherVideo(part.questionType);

package/dist/components/exams/take/components/speaking/renderers/SpeakingSpontaneousQaGroupTextList.d.ts

@@ -0,0 +1,9 @@
+import type { QuestionPart } from '../../../utils/question-transformers';
+interface SpeakingSpontaneousQaGroupTextListProps {
+    part: QuestionPart;
+    answers: Record<string, unknown>;
+    onAnswerChange: (questionId: string, value: unknown) => void;
+    isReviewMode?: boolean;
+}
+export declare function SpeakingSpontaneousQaGroupTextList({ part, answers, onAnswerChange, isReviewMode, }: SpeakingSpontaneousQaGroupTextListProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Lightbulb } from 'lucide-react';
+import { Textarea } from '../../../../../../components/ui/textarea';
+import { flattenSpontaneousQaGroupContent, getSpontaneousQaGroupInstructionFromContent, } from '../../../../../questions/types/spontaneous-qa-group/flatten';
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function readItemAnswers(parentId, answers, childCount) {
+    const parent = answers[parentId];
+    const out = {};
+    if (isRecord(parent)) {
+        const nested = parent.items;
+        const source = isRecord(nested) ? nested : parent;
+        for (const [key, value] of Object.entries(source)) {
+            if (key === 'items')
+                continue;
+            if (typeof value === 'string')
+                out[key] = value;
+        }
+    }
+    for (let index = 0; index < childCount; index += 1) {
+        const key = String(index + 1);
+        if (out[key]?.trim())
+            continue;
+        const synthetic = answers[`${parentId}-item-${index}`];
+        if (typeof synthetic === 'string')
+            out[key] = synthetic;
+    }
+    return out;
+}
+export function SpeakingSpontaneousQaGroupTextList({ part, answers, onAnswerChange, isReviewMode = false, }) {
+    const parent = part.questions[0];
+    if (!parent)
+        return null;
+    const children = flattenSpontaneousQaGroupContent(parent.content);
+    const instruction = getSpontaneousQaGroupInstructionFromContent(parent.content, part.instructions ?? '');
+    const itemAnswers = readItemAnswers(parent.id, answers, children.length);
+    const handleItemChange = (key, next) => {
+        if (isReviewMode)
+            return;
+        onAnswerChange(parent.id, { items: { ...itemAnswers, [key]: next } });
+    };
+    if (children.length === 0) {
+        return _jsx("p", { className: "text-sm text-slate-500", children: "C\u00E2u h\u1ECFi n\u00E0y ch\u01B0a c\u00F3 c\u1EE5m \u0111\u1EC3 l\u00E0m." });
+    }
+    return (_jsxs("div", { className: "space-y-4", children: [instruction ? (_jsxs("div", { className: "flex items-start gap-2 rounded-2xl border-2 border-amber-200 bg-amber-50 px-3 py-2.5", children: [_jsx(Lightbulb, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), _jsx("p", { className: "text-sm font-semibold text-amber-900", children: instruction })] })) : null, _jsx("ol", { className: "space-y-3", children: children.map((child, index) => {
+                    const key = String(index + 1);
+                    const sectionTitle = child.partTitle || child.topic || '';
+                    const prev = children[index - 1];
+                    const prevSection = prev ? prev.partTitle || prev.topic || '' : '';
+                    const showSection = Boolean(sectionTitle) && sectionTitle !== prevSection;
+                    return (_jsxs("li", { className: "space-y-2", children: [showSection ? (_jsx("p", { className: "text-[11px] font-bold uppercase tracking-wide text-sky-700", children: sectionTitle })) : null, _jsxs("div", { className: "rounded-2xl border-2 border-slate-100 bg-white p-3", children: [_jsxs("p", { className: "text-sm font-extrabold text-[#2C38B6]", children: [_jsxs("span", { className: "mr-2 text-xs font-bold text-slate-400", children: [index + 1, "."] }), child.questionText || '—'] }), _jsx(Textarea, { className: "mt-2 min-h-[80px] rounded-xl border-slate-200", value: itemAnswers[key] ?? '', onChange: (event) => handleItemChange(key, event.target.value), placeholder: "Nh\u1EADp c\u00E2u tr\u1EA3 l\u1EDDi\u2026", readOnly: isReviewMode, disabled: isReviewMode, "aria-label": `Câu ${index + 1}` })] })] }, `${index}-${key}`));
+                }) })] }));
+}

package/dist/components/exams/take/components/speaking/renderers/index.d.ts

@@ -11,4 +11,5 @@ export { SpeakingInfoExchangeRenderer } from './SpeakingInfoExchangeRenderer';
 export { SpeakingReadDisplayedContentRenderer } from './SpeakingReadDisplayedContentRenderer';
 export { SpeakingSpontaneousQARenderer } from './SpeakingSpontaneousQARenderer';
 export { SpeakingSpontaneousQaGroupRenderer } from './SpeakingSpontaneousQaGroupRenderer';
+export { SpeakingSpontaneousQaGroupTextList } from './SpeakingSpontaneousQaGroupTextList';
 export { SpeakingQuestionRenderer } from './SpeakingQuestionRenderer';

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

@@ -11,4 +11,5 @@ export { SpeakingInfoExchangeRenderer } from './SpeakingInfoExchangeRenderer';
 export { SpeakingReadDisplayedContentRenderer } from './SpeakingReadDisplayedContentRenderer';
 export { SpeakingSpontaneousQARenderer } from './SpeakingSpontaneousQARenderer';
 export { SpeakingSpontaneousQaGroupRenderer } from './SpeakingSpontaneousQaGroupRenderer';
+export { SpeakingSpontaneousQaGroupTextList } from './SpeakingSpontaneousQaGroupTextList';
 export { SpeakingQuestionRenderer } from './SpeakingQuestionRenderer';

package/dist/components/exams/take/utils/cambridge-yle-inline-speaking.d.ts

@@ -1,3 +1,4 @@
+export { isTextOnlySpontaneousQaGroupContent } from '../../../questions/types/spontaneous-qa-group/flatten';
 export declare const CAMBRIDGE_YLE_INLINE_SPEAKING_TYPES: readonly ["SPEAKING_DESCRIBE_IMAGE", "SPONTANEOUS_QA", "SPONTANEOUS_QA_GROUP", "SPEAKING_CUE_CARD", "READ_DISPLAYED_CONTENT"];
 export type CambridgeYleInlineSpeakingType = (typeof CAMBRIDGE_YLE_INLINE_SPEAKING_TYPES)[number];
 export declare function isCambridgeYleInlineSpeakingType(questionType: string | undefined): questionType is CambridgeYleInlineSpeakingType;

package/dist/components/exams/take/utils/cambridge-yle-inline-speaking.js

@@ -1,4 +1,5 @@
-import { flattenSpontaneousQaGroupContent } from '../../../questions/types/spontaneous-qa-group/flatten';
+import { flattenSpontaneousQaGroupContent, isTextOnlySpontaneousQaGroupContent, } from '../../../questions/types/spontaneous-qa-group/flatten';
+export { isTextOnlySpontaneousQaGroupContent } from '../../../questions/types/spontaneous-qa-group/flatten';
 export const CAMBRIDGE_YLE_INLINE_SPEAKING_TYPES = [
     'SPEAKING_DESCRIBE_IMAGE',
     'SPONTANEOUS_QA',
@@ -22,6 +23,9 @@ export function listSpontaneousQaGroupChildIds(parentId, content) {
 }
 export function getCambridgeYlePartQuestionCount(part) {
     if (part.questionType === 'SPONTANEOUS_QA_GROUP') {
+        if (isTextOnlySpontaneousQaGroupContent(part.questions[0]?.content)) {
+            return Math.max(part.questions.length, 1);
+        }
         return getSpontaneousQaGroupChildCount(part.questions[0]?.content);
     }
     return part.questions.length;

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

@@ -12,3 +12,7 @@ export interface SpontaneousQaGroupFlatChild {
     points: number;
 }
 export declare function flattenSpontaneousQaGroupContent(content: unknown): SpontaneousQaGroupFlatChild[];
+/** Speaking Bank / translate lists — no teacher video or one-at-a-time mic. */
+export declare function isTextOnlySpontaneousQaGroupContent(content: unknown): boolean;
+export declare function getSpontaneousQaGroupInstructionFromContent(content: unknown, fallback?: string): string;
+export declare function hasFilledSpontaneousQaGroupTextAnswer(value: unknown): boolean;

package/dist/components/questions/types/spontaneous-qa-group/flatten.js

@@ -67,3 +67,22 @@ export function flattenSpontaneousQaGroupContent(content) {
     });
     return flattened;
 }
+/** Speaking Bank / translate lists — no teacher video or one-at-a-time mic. */
+export function isTextOnlySpontaneousQaGroupContent(content) {
+    const children = flattenSpontaneousQaGroupContent(content);
+    return (children.length > 0 &&
+        children.every((child) => child.inputType !== 'AUDIO'));
+}
+export function getSpontaneousQaGroupInstructionFromContent(content, fallback = '') {
+    const root = asRecord(content);
+    const meta = asRecord(root.meta);
+    const instruction = asString(root.instruction) || asString(meta.instruction);
+    return instruction.trim() || fallback;
+}
+export function hasFilledSpontaneousQaGroupTextAnswer(value) {
+    if (!isRecord(value))
+        return false;
+    const nested = value.items;
+    const source = isRecord(nested) ? nested : value;
+    return Object.entries(source).some(([key, entry]) => key !== 'items' && typeof entry === 'string' && entry.trim().length > 0);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinyweb_dev/oe-exam-sdk",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Reusable OceanEdu question components.",
   "type": "module",
   "main": "./dist/index.js",