@sage-rsc/talking-head-react 1.0.31 → 1.0.33

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-WXvj5jje.cjs");exports.CurriculumLearning=i.CurriculumLearning;exports.TalkingHeadAvatar=i.TalkingHeadAvatar;exports.TalkingHeadComponent=i.TalkingHeadComponent;exports.animations=i.animations;exports.getActiveTTSConfig=i.getActiveTTSConfig;exports.getAnimation=i.getAnimation;exports.getVoiceOptions=i.getVoiceOptions;exports.hasAnimation=i.hasAnimation;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CdCA-KAp.cjs");exports.CurriculumLearning=i.CurriculumLearning;exports.TalkingHeadAvatar=i.TalkingHeadAvatar;exports.TalkingHeadComponent=i.TalkingHeadComponent;exports.animations=i.animations;exports.getActiveTTSConfig=i.getActiveTTSConfig;exports.getAnimation=i.getAnimation;exports.getVoiceOptions=i.getVoiceOptions;exports.hasAnimation=i.hasAnimation;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { C as n, T as s, a as t, d as e, b as o, g, c as m, h as r } from "./index-iUfJQ70v.js";
+import { C as n, T as s, a as t, d as e, b as o, g, c as m, h as r } from "./index-Dd7BPF7g.js";
 export {
   n as CurriculumLearning,
   s as TalkingHeadAvatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "A reusable React component for 3D talking avatars with lip-sync and text-to-speech",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -55,15 +55,15 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
-    "@types/react": "^19.1.16",
-    "@types/react-dom": "^19.1.9",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^5.0.4",
     "eslint": "^9.36.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.22",
     "globals": "^16.4.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
     "vite": "^7.1.7"
   }
 }

package/src/components/CurriculumLearning.jsx

@@ -194,15 +194,17 @@ const CurriculumLearning = forwardRef(({
       if (animations.lessonComplete) {
         try {
           avatarRef.current.playAnimation(animations.lessonComplete, true);
-        } catch (error) {
+      } catch (error) {
           avatarRef.current.playCelebration();
         }
       }
       
-      // Check if there's a next lesson available
+      // Check if there's a next lesson available (either in current module or next module)
       const curriculum = curriculumRef.current || { modules: [] };
       const currentModule = curriculum.modules[stateRef.current.currentModuleIndex];
-      const hasNextLesson = stateRef.current.currentLessonIndex < (currentModule?.lessons?.length || 0) - 1;
+      const hasNextLessonInModule = stateRef.current.currentLessonIndex < (currentModule?.lessons?.length || 0) - 1;
+      const hasNextModule = stateRef.current.currentModuleIndex < (curriculum.modules?.length || 0) - 1;
+      const hasNextLesson = hasNextLessonInModule || hasNextModule;
       
       const config = defaultAvatarConfigRef.current || { lipsyncLang: 'en' };
       
@@ -212,7 +214,7 @@ const CurriculumLearning = forwardRef(({
           lipsyncLang: config.lipsyncLang,
           onSpeechEnd: () => {
             // Add a small delay after speech ends for natural flow
-            setTimeout(() => {
+      setTimeout(() => {
               // Use ref to avoid circular dependency
               if (nextLessonRef.current) {
                 nextLessonRef.current();
@@ -220,8 +222,8 @@ const CurriculumLearning = forwardRef(({
             }, 1000);
           }
         });
-      } else {
-        // This is the last lesson, complete curriculum instead
+    } else {
+        // This is the last lesson in the last module, complete curriculum instead
         avatarRef.current.speakText(feedbackMessage, { 
           lipsyncLang: config.lipsyncLang,
           onSpeechEnd: () => {
@@ -340,7 +342,7 @@ const CurriculumLearning = forwardRef(({
         if (animations.nextQuestion) {
           try {
             avatarRef.current.playAnimation(animations.nextQuestion, true);
-          } catch (error) {
+        } catch (error) {
             console.warn('Failed to play nextQuestion animation:', error);
           }
         }
@@ -378,7 +380,12 @@ const CurriculumLearning = forwardRef(({
   const nextLesson = useCallback(() => {
     const curriculum = curriculumRef.current || { modules: [] };
     const currentModule = curriculum.modules[stateRef.current.currentModuleIndex];
-    if (stateRef.current.currentLessonIndex < (currentModule?.lessons?.length || 0) - 1) {
+    
+    // Check if there's a next lesson in the current module
+    const hasNextLessonInModule = stateRef.current.currentLessonIndex < (currentModule?.lessons?.length || 0) - 1;
+    
+    if (hasNextLessonInModule) {
+      // Move to next lesson in current module
       stateRef.current.currentLessonIndex += 1;
       stateRef.current.currentQuestionIndex = 0;
       stateRef.current.lessonCompleted = false;
@@ -395,7 +402,7 @@ const CurriculumLearning = forwardRef(({
       });
       
       if (avatarRef.current) {
-        avatarRef.current.setMood("happy");
+      avatarRef.current.setMood("happy");
         avatarRef.current.setBodyMovement("idle");
         
         // Automatically start teaching the next lesson after a brief pause
@@ -406,8 +413,43 @@ const CurriculumLearning = forwardRef(({
         }, 500);
       }
     } else {
-      if (completeCurriculumRef.current) {
-        completeCurriculumRef.current();
+      // No more lessons in current module - check if there's a next module
+      const hasNextModule = stateRef.current.currentModuleIndex < (curriculum.modules?.length || 0) - 1;
+      
+      if (hasNextModule) {
+        // Move to first lesson of next module
+        stateRef.current.currentModuleIndex += 1;
+        stateRef.current.currentLessonIndex = 0;
+        stateRef.current.currentQuestionIndex = 0;
+        stateRef.current.lessonCompleted = false;
+        stateRef.current.isQuestionMode = false;
+        stateRef.current.isTeaching = false;
+        stateRef.current.score = 0;
+        stateRef.current.totalQuestions = 0;
+        
+        // Clear current question in UI
+        callbacksRef.current.onCustomAction({
+          type: 'lessonStart',
+          moduleIndex: stateRef.current.currentModuleIndex,
+          lessonIndex: stateRef.current.currentLessonIndex
+        });
+    
+    if (avatarRef.current) {
+          avatarRef.current.setMood("happy");
+      avatarRef.current.setBodyMovement("idle");
+          
+          // Automatically start teaching the next lesson after a brief pause
+          setTimeout(() => {
+            if (startTeachingRef.current) {
+              startTeachingRef.current();
+            }
+          }, 500);
+        }
+    } else {
+        // No more modules or lessons - complete curriculum
+        if (completeCurriculumRef.current) {
+          completeCurriculumRef.current();
+        }
       }
     }
   }, []);
@@ -424,10 +466,10 @@ const CurriculumLearning = forwardRef(({
       // Play animation if available (can be overridden via custom action)
       let animationPlayed = false;
       if (animations.teaching) {
-        try {
+      try {
           avatarRef.current.playAnimation(animations.teaching, true);
           animationPlayed = true;
-        } catch (error) {
+      } catch (error) {
           console.warn('Failed to play teaching animation:', error);
         }
       }
@@ -437,7 +479,6 @@ const CurriculumLearning = forwardRef(({
       }
       
       const config = defaultAvatarConfigRef.current || { lipsyncLang: 'en' };
-      avatarRef.current.speakText(currentLesson.avatar_script, { lipsyncLang: config.lipsyncLang });
       
       callbacksRef.current.onLessonStart({
         moduleIndex: stateRef.current.currentModuleIndex,
@@ -453,21 +494,27 @@ const CurriculumLearning = forwardRef(({
         lesson: currentLesson
       });
       
-      // After speaking, move to question mode
-      setTimeout(() => {
-        stateRef.current.isTeaching = false;
-        if (currentLesson.questions && currentLesson.questions.length > 0) {
-          // Use ref to avoid circular dependency
-          if (startQuestionsRef.current) {
-            startQuestionsRef.current();
-          }
-        } else {
-          // No questions, complete the lesson using ref to avoid circular dependency
-          if (completeLessonRef.current) {
-            completeLessonRef.current();
-          }
+      // Wait for avatar to finish speaking before moving to questions
+      avatarRef.current.speakText(currentLesson.avatar_script, { 
+        lipsyncLang: config.lipsyncLang,
+        onSpeechEnd: () => {
+          stateRef.current.isTeaching = false;
+          // Add a small delay after speech ends for natural flow
+          setTimeout(() => {
+            if (currentLesson.questions && currentLesson.questions.length > 0) {
+              // Use ref to avoid circular dependency
+              if (startQuestionsRef.current) {
+                startQuestionsRef.current();
+      }
+    } else {
+              // No questions, complete the lesson using ref to avoid circular dependency
+              if (completeLessonRef.current) {
+                completeLessonRef.current();
+              }
+            }
+          }, 500);
         }
-      }, 8000);
+      });
     }
   }, [animations.teaching, getCurrentLesson]);
 
@@ -495,7 +542,7 @@ const CurriculumLearning = forwardRef(({
         if (animations.correct) {
           try {
             avatarRef.current.playReaction("happy");
-          } catch (error) {
+      } catch (error) {
             avatarRef.current.setBodyMovement("happy");
           }
         }