@sage-rsc/talking-head-react 1.0.64 → 1.0.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.0.64",
+  "version": "1.0.66",
   "description": "A reusable React component for 3D talking avatars with lip-sync and text-to-speech",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/src/components/CurriculumLearning.jsx

@@ -402,21 +402,38 @@ const CurriculumLearning = forwardRef(({
         
         const config = defaultAvatarConfigRef.current || { lipsyncLang: 'en' };
         
-        // Speak the question text with proper introduction
+        // Check if this is the last question to adjust the introduction
+        const currentLesson = getCurrentLesson();
+        const totalQuestionsInLesson = currentLesson?.questions?.length || 0;
+        const isLastQuestion = stateRef.current.currentQuestionIndex >= totalQuestionsInLesson - 1;
+        
+        // Speak the question text with proper introduction (no "next" if it's the last question)
         if (nextQuestionObj.type === 'code_test') {
-          avatarRef.current.speakText(`Great! Now let's move on to your next coding challenge: ${nextQuestionObj.question}`, { 
+          const intro = isLastQuestion 
+            ? `Great! Here's your final coding challenge: ${nextQuestionObj.question}`
+            : `Great! Now let's move on to your next coding challenge: ${nextQuestionObj.question}`;
+          avatarRef.current.speakText(intro, { 
             lipsyncLang: config.lipsyncLang 
           });
         } else if (nextQuestionObj.type === 'multiple_choice') {
-          avatarRef.current.speakText(`Alright! Here's your next question: ${nextQuestionObj.question}`, { 
+          const intro = isLastQuestion
+            ? `Alright! Here's your final question: ${nextQuestionObj.question}`
+            : `Alright! Here's your next question: ${nextQuestionObj.question}`;
+          avatarRef.current.speakText(intro, { 
             lipsyncLang: config.lipsyncLang 
           });
         } else if (nextQuestionObj.type === 'true_false') {
-          avatarRef.current.speakText(`Now let's try this one: ${nextQuestionObj.question}`, { 
+          const intro = isLastQuestion
+            ? `Now let's try this final one: ${nextQuestionObj.question}`
+            : `Now let's try this one: ${nextQuestionObj.question}`;
+          avatarRef.current.speakText(intro, { 
             lipsyncLang: config.lipsyncLang 
           });
     } else {
-          avatarRef.current.speakText(`Here's the next question: ${nextQuestionObj.question}`, { 
+          const intro = isLastQuestion
+            ? `Here's your final question: ${nextQuestionObj.question}`
+            : `Here's the next question: ${nextQuestionObj.question}`;
+          avatarRef.current.speakText(intro, { 
             lipsyncLang: config.lipsyncLang 
           });
         }
@@ -649,6 +666,12 @@ const CurriculumLearning = forwardRef(({
           }
         }
         avatarRef.current.setBodyMovement("gesturing");
+        
+        // Check if this is the last question
+        const currentLesson = getCurrentLesson();
+        const totalQuestionsInLesson = currentLesson?.questions?.length || 0;
+        const isLastQuestion = stateRef.current.currentQuestionIndex >= totalQuestionsInLesson - 1;
+        
         const successMessage = currentQuestion.type === "code_test" 
           ? `Great job! Your code passed all the tests! ${currentQuestion.explanation || ''}`
           : `Excellent! That's correct! ${currentQuestion.explanation || ''}`;
@@ -660,8 +683,6 @@ const CurriculumLearning = forwardRef(({
           lipsyncLang: config.lipsyncLang,
           onSpeechEnd: () => {
             // Notify parent that feedback is complete - parent decides next action
-            const currentLesson = getCurrentLesson();
-            const totalQuestionsInLesson = currentLesson?.questions?.length || 0;
             callbacksRef.current.onCustomAction({
               type: 'answerFeedbackComplete',
               moduleIndex: stateRef.current.currentModuleIndex,
@@ -684,9 +705,15 @@ const CurriculumLearning = forwardRef(({
           }
         }
         avatarRef.current.setBodyMovement("gesturing");
+        
+        // Check if this is the last question
+        const currentLesson = getCurrentLesson();
+        const totalQuestionsInLesson = currentLesson?.questions?.length || 0;
+        const isLastQuestion = stateRef.current.currentQuestionIndex >= totalQuestionsInLesson - 1;
+        
         const failureMessage = currentQuestion.type === "code_test"
           ? `Your code didn't pass all the tests. ${currentQuestion.explanation || 'Try again!'}`
-          : `Not quite right, but don't worry! ${currentQuestion.explanation || ''} Let's move on to the next question.`;
+          : `Not quite right, but don't worry! ${currentQuestion.explanation || ''}${isLastQuestion ? '' : " Let's move on to the next question."}`;
         
         const config = defaultAvatarConfigRef.current || { lipsyncLang: 'en' };
         
@@ -695,8 +722,6 @@ const CurriculumLearning = forwardRef(({
           lipsyncLang: config.lipsyncLang,
           onSpeechEnd: () => {
             // Notify parent that feedback is complete - parent decides next action
-            const currentLesson = getCurrentLesson();
-            const totalQuestionsInLesson = currentLesson?.questions?.length || 0;
             callbacksRef.current.onCustomAction({
               type: 'answerFeedbackComplete',
               moduleIndex: stateRef.current.currentModuleIndex,

package/src/components/TalkingHeadAvatar.jsx

@@ -444,9 +444,17 @@ const TalkingHeadAvatar = forwardRef(({
         let remainingText = '';
         if (talkingHead.speechQueue && talkingHead.speechQueue.length > 0 && pausedSpeechRef.current) {
           // Extract text from remaining queue items
+          // Note: item.text is an array of objects like [{mark: 0, word: "Hello"}, {mark: 1, word: "world"}]
           const remainingParts = talkingHead.speechQueue
-            .filter(item => item && item.text) // Only get items with text
-            .map(item => item.text)
+            .filter(item => item && item.text && Array.isArray(item.text) && item.text.length > 0)
+            .map(item => {
+              // Extract words from the text array
+              return item.text
+                .map(wordObj => wordObj.word || '')
+                .filter(word => word.length > 0)
+                .join(' ');
+            })
+            .filter(text => text.length > 0)
             .join(' ');
           
           if (remainingParts && remainingParts.trim()) {