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

package/package.json

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