@sage-rsc/talking-head-react 1.0.61 → 1.0.62

package/package.json

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

@@ -52,11 +52,17 @@ const TalkingHeadAvatar = forwardRef(({
   const showFullAvatarRef = useRef(showFullAvatar);
   const pausedSpeechRef = useRef(null); // Track paused speech for resume
   const speechEndIntervalRef = useRef(null); // Track onSpeechEnd polling interval
+  const isPausedRef = useRef(false); // Track pause state for interval checks
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const [isReady, setIsReady] = useState(false);
   const [isPaused, setIsPaused] = useState(false);
   
+  // Keep ref in sync with state
+  useEffect(() => {
+    isPausedRef.current = isPaused;
+  }, [isPaused]);
+  
   // Update ref when prop changes
   useEffect(() => {
     showFullAvatarRef.current = showFullAvatar;
@@ -311,8 +317,8 @@ const TalkingHeadAvatar = forwardRef(({
           checkInterval = setInterval(() => {
             checkCount++;
             
-            // Don't fire callback if paused
-            if (isPaused) {
+            // Don't fire callback if paused (check ref for current value)
+            if (isPausedRef.current) {
               return;
             }
             
@@ -323,7 +329,7 @@ const TalkingHeadAvatar = forwardRef(({
                 checkInterval = null;
                 speechEndIntervalRef.current = null;
               }
-              if (!callbackFired && !isPaused) {
+              if (!callbackFired && !isPausedRef.current) {
                 callbackFired = true;
                 try {
                   options.onSpeechEnd();
@@ -348,18 +354,18 @@ const TalkingHeadAvatar = forwardRef(({
               audioPlaylistEmpty &&
               talkingHead.isAudioPlaying === false;
             
-            if (isFinished && !callbackFired && !isPaused) {
+            if (isFinished && !callbackFired && !isPausedRef.current) {
               // Double-check after a small delay to ensure it's really finished
               setTimeout(() => {
                 // Re-check one more time to be sure, and make sure we're still not paused
                 const finalCheck = talkingHead && 
-                  !isPaused &&
+                  !isPausedRef.current &&
                   talkingHead.isSpeaking === false && 
                   (!talkingHead.speechQueue || talkingHead.speechQueue.length === 0) &&
                   (!talkingHead.audioPlaylist || talkingHead.audioPlaylist.length === 0) &&
                   talkingHead.isAudioPlaying === false;
                 
-                if (finalCheck && !callbackFired && !isPaused) {
+                if (finalCheck && !callbackFired && !isPausedRef.current) {
                   callbackFired = true;
                   if (checkInterval) {
                     clearInterval(checkInterval);
@@ -437,6 +443,7 @@ const TalkingHeadAvatar = forwardRef(({
         
         // Pause the speaking
         talkingHeadRef.current.pauseSpeaking();
+        isPausedRef.current = true;
         setIsPaused(true);
       }
     }