@sage-rsc/talking-head-react 1.0.47 → 1.0.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.0.47",
+  "version": "1.0.49",
   "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

@@ -106,7 +106,7 @@ const CurriculumLearning = forwardRef(({
     ttsApiKey: avatarConfig.ttsApiKey || null,
     bodyMovement: avatarConfig.bodyMovement || "gesturing",
     movementIntensity: avatarConfig.movementIntensity || 0.7,
-    showFullAvatar: avatarConfig.showFullAvatar !== undefined ? avatarConfig.showFullAvatar : true,
+    showFullAvatar: avatarConfig.showFullAvatar !== undefined ? avatarConfig.showFullAvatar : false,
     animations: animations,
     lipsyncLang: 'en'
   });
@@ -141,7 +141,7 @@ const CurriculumLearning = forwardRef(({
       ttsApiKey: avatarConfig.ttsApiKey || null,
       bodyMovement: avatarConfig.bodyMovement || "gesturing",
       movementIntensity: avatarConfig.movementIntensity || 0.7,
-      showFullAvatar: avatarConfig.showFullAvatar !== undefined ? avatarConfig.showFullAvatar : true,
+      showFullAvatar: avatarConfig.showFullAvatar !== undefined ? avatarConfig.showFullAvatar : false,
       animations: animations,
       lipsyncLang: 'en'
     };
@@ -186,7 +186,7 @@ const CurriculumLearning = forwardRef(({
     let feedbackMessage = `Congratulations! You've completed this lesson`;
     if (stateRef.current.totalQuestions > 0) {
       feedbackMessage += ` with a score of ${stateRef.current.score} out of ${stateRef.current.totalQuestions} (${percentage}%). `;
-    } else {
+        } else {
       feedbackMessage += `! `;
     }
     
@@ -321,7 +321,7 @@ const CurriculumLearning = forwardRef(({
         avatarRef.current.speakText(`Now let me ask you some questions. Here's the first one: ${firstQuestion.question}`, { lipsyncLang: config.lipsyncLang });
       } else if (firstQuestion.type === 'true_false') {
         avatarRef.current.speakText(`Let's start with some true or false questions. First question: ${firstQuestion.question}`, { lipsyncLang: config.lipsyncLang });
-      } else {
+        } else {
         avatarRef.current.speakText(`Now let me ask you some questions. Here's the first one: ${firstQuestion.question}`, { lipsyncLang: config.lipsyncLang });
       }
     } else if (avatarRef.current && avatarRef.current.isReady) {
@@ -358,7 +358,7 @@ const CurriculumLearning = forwardRef(({
       }
     
       if (avatarRef.current && nextQuestionObj) {
-        avatarRef.current.setMood("happy");
+      avatarRef.current.setMood("happy");
         avatarRef.current.setBodyMovement("idle");
       
         // Play custom animation if available
@@ -435,9 +435,9 @@ const CurriculumLearning = forwardRef(({
         lessonIndex: stateRef.current.currentLessonIndex,
         lesson: getCurrentLesson()
       });
-      
-      if (avatarRef.current) {
-        avatarRef.current.setMood("happy");
+    
+    if (avatarRef.current) {
+      avatarRef.current.setMood("happy");
         avatarRef.current.setBodyMovement("idle");
       }
     } else {
@@ -468,11 +468,11 @@ const CurriculumLearning = forwardRef(({
           lessonIndex: stateRef.current.currentLessonIndex,
           lesson: getCurrentLesson()
         });
-    
-        if (avatarRef.current) {
+      
+      if (avatarRef.current) {
           avatarRef.current.setMood("happy");
           avatarRef.current.setBodyMovement("idle");
-        }
+      }
     } else {
         // No more modules or lessons - complete curriculum
         if (completeCurriculumRef.current) {
@@ -823,7 +823,7 @@ const CurriculumLearning = forwardRef(({
     ttsApiKey: null,
     bodyMovement: "gesturing",
     movementIntensity: 0.7,
-    showFullAvatar: true,
+    showFullAvatar: false,
     animations: animations,
     lipsyncLang: 'en'
   };

package/src/components/TalkingHeadAvatar.jsx

@@ -49,9 +49,15 @@ const TalkingHeadAvatar = forwardRef(({
 }, ref) => {
   const containerRef = useRef(null);
   const talkingHeadRef = useRef(null);
+  const showFullAvatarRef = useRef(showFullAvatar);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const [isReady, setIsReady] = useState(false);
+  
+  // Update ref when prop changes
+  useEffect(() => {
+    showFullAvatarRef.current = showFullAvatar;
+  }, [showFullAvatar]);
 
   // Get TTS configuration
   const ttsConfig = getActiveTTSConfig();
@@ -450,9 +456,10 @@ const TalkingHeadAvatar = forwardRef(({
         animationName = animations[animationName];
       }
       
+      // Respect the showFullAvatar prop value instead of forcing true
       if (talkingHeadRef.current.setShowFullAvatar) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
         } catch (error) {
           console.warn('Error setting full body mode:', error);
         }
@@ -517,7 +524,8 @@ const TalkingHeadAvatar = forwardRef(({
     setBodyMovement: (movement) => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar && talkingHeadRef.current.setBodyMovement) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          // Respect the showFullAvatar prop value instead of forcing true
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
           talkingHeadRef.current.setBodyMovement(movement);
         } catch (error) {
           console.warn('Error setting body movement:', error);
@@ -528,7 +536,8 @@ const TalkingHeadAvatar = forwardRef(({
     playRandomDance: () => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar && talkingHeadRef.current.playRandomDance) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          // Respect the showFullAvatar prop value instead of forcing true
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
           talkingHeadRef.current.playRandomDance();
         } catch (error) {
           console.warn('Error playing random dance:', error);
@@ -538,7 +547,8 @@ const TalkingHeadAvatar = forwardRef(({
     playReaction: (reactionType) => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar && talkingHeadRef.current.playReaction) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          // Respect the showFullAvatar prop value instead of forcing true
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
           talkingHeadRef.current.playReaction(reactionType);
         } catch (error) {
           console.warn('Error playing reaction:', error);
@@ -548,7 +558,8 @@ const TalkingHeadAvatar = forwardRef(({
     playCelebration: () => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar && talkingHeadRef.current.playCelebration) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          // Respect the showFullAvatar prop value instead of forcing true
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
           talkingHeadRef.current.playCelebration();
         } catch (error) {
           console.warn('Error playing celebration:', error);
@@ -558,6 +569,8 @@ const TalkingHeadAvatar = forwardRef(({
     setShowFullAvatar: (show) => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar) {
         try {
+          // Update ref so other methods use the new value
+          showFullAvatarRef.current = show;
           talkingHeadRef.current.setShowFullAvatar(show);
         } catch (error) {
           console.warn('Error setting showFullAvatar:', error);