@sage-rsc/talking-head-react 1.0.28 → 1.0.29

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-Dx7mDKJm.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-C3A1_CcE.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-zMY6cyU2.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-BvDk1TRw.js";
 export {
   n as CurriculumLearning,
   s as TalkingHeadAvatar,

package/package.json

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

@@ -199,6 +199,9 @@ const CurriculumLearning = forwardRef(({
       }
     }
   }, [animations.lessonComplete, curriculum, completeCurriculum, defaultAvatarConfig]);
+  
+  // Assign ref immediately after function is defined
+  completeLessonRef.current = completeLesson;
 
   // Complete entire curriculum
   const completeCurriculum = useCallback(() => {
@@ -323,9 +326,12 @@ const CurriculumLearning = forwardRef(({
         }
       }
     } else {
-      completeLesson();
+      // Use ref to avoid circular dependency
+      if (completeLessonRef.current) {
+        completeLessonRef.current();
+      }
     }
-  }, [animations.nextQuestion, getCurrentLesson, completeLesson, getCurrentQuestion, defaultAvatarConfig]);
+  }, [animations.nextQuestion, getCurrentLesson, getCurrentQuestion, defaultAvatarConfig]);
 
   // Move to next lesson
   const nextLesson = useCallback(() => {
@@ -361,6 +367,9 @@ const CurriculumLearning = forwardRef(({
       completeCurriculum();
     }
   }, [curriculum, completeCurriculum]);
+  
+  // Assign ref immediately after function is defined
+  nextLessonRef.current = nextLesson;
 
   // Start teaching the lesson
   const startTeaching = useCallback(() => {
@@ -416,6 +425,9 @@ const CurriculumLearning = forwardRef(({
       }, 8000);
     }
   }, [animations.teaching, getCurrentLesson, startQuestions, defaultAvatarConfig]);
+  
+  // Assign ref immediately after function is defined
+  startTeachingRef.current = startTeaching;
 
   // Handle answer selection
   const handleAnswerSelect = useCallback((answer) => {
@@ -546,23 +558,18 @@ const CurriculumLearning = forwardRef(({
     stateRef.current.totalQuestions = 0;
   }, []);
 
-  // Handle avatar ready callback
+  // Handle avatar ready callback - use ref to avoid circular dependency
   const handleAvatarReady = useCallback((talkingHead) => {
     console.log('Avatar is ready!', talkingHead);
     const currentLesson = getCurrentLesson();
     if (autoStart && currentLesson?.avatar_script) {
       setTimeout(() => {
-        startTeaching();
+        if (startTeachingRef.current) {
+          startTeachingRef.current();
+        }
       }, 1000);
     }
-  }, [autoStart, getCurrentLesson, startTeaching]);
-
-  // Update refs after all functions are defined to avoid circular dependency issues
-  useEffect(() => {
-    startTeachingRef.current = startTeaching;
-    nextLessonRef.current = nextLesson;
-    completeLessonRef.current = completeLesson;
-  }, [startTeaching, nextLesson, completeLesson]);
+  }, [autoStart, getCurrentLesson]);
 
   // Expose methods via ref (for external control)
   useImperativeHandle(ref, () => ({