@sage-rsc/talking-head-react 1.7.2 → 1.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "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/SimpleTalkingAvatar.jsx

@@ -474,14 +474,26 @@ const SimpleTalkingAvatar = forwardRef(({
         
         // Create callback that will play next animation if still speaking
         const animationFinishedCallback = () => {
-          // If still speaking and same group, play next animation from queue
-          if (isSpeakingRef.current && currentAnimationGroupRef.current === groupName) {
+          // Check if avatar is still speaking (check both ref and TalkingHead's internal state)
+          const isStillSpeaking = isSpeakingRef.current && 
+                                  currentAnimationGroupRef.current === groupName &&
+                                  talkingHeadRef.current &&
+                                  (talkingHeadRef.current.isSpeaking || 
+                                   (talkingHeadRef.current.audioPlaylist && talkingHeadRef.current.audioPlaylist.length > 0) ||
+                                   (talkingHeadRef.current.speechQueue && talkingHeadRef.current.speechQueue.length > 0));
+          
+          if (isStillSpeaking) {
             // Small delay for smooth transition
             setTimeout(() => {
               playRandomAnimation(groupName, disablePositionLock, onFinished);
             }, 100);
-          } else if (onFinished) {
-            onFinished();
+          } else {
+            // Speech has ended, stop animations
+            isSpeakingRef.current = false;
+            currentAnimationGroupRef.current = null;
+            if (onFinished) {
+              onFinished();
+            }
           }
         };
         
@@ -493,6 +505,23 @@ const SimpleTalkingAvatar = forwardRef(({
         console.error(`Failed to play animation:`, error);
         return null;
       }
+    } else {
+      // No more animations in queue, but check if we should reshuffle and continue
+      const isStillSpeaking = isSpeakingRef.current && 
+                              currentAnimationGroupRef.current === groupName &&
+                              talkingHeadRef.current &&
+                              (talkingHeadRef.current.isSpeaking || 
+                               (talkingHeadRef.current.audioPlaylist && talkingHeadRef.current.audioPlaylist.length > 0) ||
+                               (talkingHeadRef.current.speechQueue && talkingHeadRef.current.speechQueue.length > 0));
+      
+      if (isStillSpeaking) {
+        // Queue is empty but still speaking, reshuffle and continue
+        animationQueueRef.current = [];
+        playedAnimationsRef.current = [];
+        setTimeout(() => {
+          playRandomAnimation(groupName, disablePositionLock, onFinished);
+        }, 100);
+      }
     }
     return null;
   }, [getNextAnimation, getAnimationName]);