@hexar/biometric-identity-sdk-react-native 1.1.17 → 1.1.19

package/dist/components/VideoRecorder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoRecorder.d.ts","sourceRoot":"","sources":["../../src/components/VideoRecorder.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,iBAAiB,EAAmC,MAAM,oCAAoC,CAAC;AAE1I,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,UAAU,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiDD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAi2BtD,CAAC;AA4OF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"VideoRecorder.d.ts","sourceRoot":"","sources":["../../src/components/VideoRecorder.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,iBAAiB,EAAmC,MAAM,oCAAoC,CAAC;AAE1I,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,UAAU,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiDD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAw6BtD,CAAC;AA4OF,eAAe,aAAa,CAAC"}

package/dist/components/VideoRecorder.js

@@ -102,6 +102,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
     const [challengeProgress, setChallengeProgress] = (0, react_1.useState)(0);
     const [overallProgress, setOverallProgress] = (0, react_1.useState)(0);
     const [completedChallenges, setCompletedChallenges] = (0, react_1.useState)([]);
+    const completedChallengesRef = (0, react_1.useRef)([]);
     const [frames, setFrames] = (0, react_1.useState)([]);
     const framesRef = (0, react_1.useRef)([]);
     const [hasPermission, setHasPermission] = (0, react_1.useState)(false);
@@ -200,6 +201,13 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                         },
                     ];
                 }
+                biometric_identity_sdk_core_1.logger.info('VideoRecorder: Challenges initialized', {
+                    challengeCount: challengeList.length,
+                    challengeActions: challengeList.map(c => c.action),
+                    source: propChallenges && propChallenges.length > 0 ? 'propChallenges' :
+                        onFetchChallenges ? 'onFetchChallenges' :
+                            instructions && instructions.length > 0 ? 'instructions' : 'default'
+                });
                 setChallenges(challengeList);
                 setPhase('countdown');
             }
@@ -273,6 +281,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         setFrames([]);
         framesRef.current = [];
         setCompletedChallenges([]);
+        completedChallengesRef.current = [];
         setCurrentChallengeIndex(0);
         setChallengeProgress(0);
         setOverallProgress(0);
@@ -320,15 +329,22 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                 return;
             }
             biometric_identity_sdk_core_1.logger.info('Using frames for completion:', finalFrames.length, 'frames');
+            const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
+            biometric_identity_sdk_core_1.logger.info('VideoRecorder: handleVideoComplete - completed challenges', {
+                refCount: completedChallengesRef.current.length,
+                stateCount: completedChallenges.length,
+                usingRef: completedChallengesRef.current.length > 0,
+                challengesCompleted: currentCompletedChallenges
+            });
             const result = {
                 frames: finalFrames,
                 duration: actualDuration,
-                instructionsFollowed: completedChallenges.length === challenges.length,
+                instructionsFollowed: currentCompletedChallenges.length === challenges.length,
                 qualityScore: finalFrames.length > 0 ? Math.min(100, (finalFrames.length / 30) * 100) : 85,
-                challengesCompleted: completedChallenges,
+                challengesCompleted: currentCompletedChallenges,
                 sessionId,
             };
-            biometric_identity_sdk_core_1.logger.info('Video recording completed:', result.frames.length, 'frames,', (actualDuration / 1000).toFixed(1) + 's');
+            biometric_identity_sdk_core_1.logger.info('Video recording completed:', result.frames.length, 'frames,', (actualDuration / 1000).toFixed(1) + 's', 'challenges:', currentCompletedChallenges.length);
             isRecordingRef.current = false;
             onComplete(result);
         }
@@ -442,14 +458,15 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                 biometric_identity_sdk_core_1.logger.error('Error stopping video recording:', error);
                 const actualDuration = Date.now() - recordingStartTime.current;
                 const currentFrames = framesRef.current.length > 0 ? framesRef.current : frames;
+                const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
                 if (actualDuration >= minDurationMs && currentFrames.length > 0) {
                     biometric_identity_sdk_core_1.logger.info('Stopping recording with frames:', currentFrames.length);
                     const result = {
                         frames: currentFrames,
                         duration: actualDuration,
-                        instructionsFollowed: completedChallenges.length === challenges.length,
+                        instructionsFollowed: currentCompletedChallenges.length === challenges.length,
                         qualityScore: Math.min(100, (currentFrames.length / 30) * 100),
-                        challengesCompleted: completedChallenges,
+                        challengesCompleted: currentCompletedChallenges,
                         sessionId,
                     };
                     onComplete(result);
@@ -459,9 +476,9 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                     const result = {
                         frames: currentFrames.length > 0 ? currentFrames : [],
                         duration: actualDuration,
-                        instructionsFollowed: completedChallenges.length === challenges.length,
+                        instructionsFollowed: currentCompletedChallenges.length === challenges.length,
                         qualityScore: currentFrames.length > 0 ? Math.min(100, (currentFrames.length / 30) * 100) : 0,
-                        challengesCompleted: completedChallenges,
+                        challengesCompleted: currentCompletedChallenges,
                         sessionId,
                     };
                     onComplete(result);
@@ -479,13 +496,20 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
             }
             setPhase('processing');
             setOverallProgress(100);
+            const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
+            biometric_identity_sdk_core_1.logger.info('VideoRecorder: stopRecording - completed challenges', {
+                refCount: completedChallengesRef.current.length,
+                stateCount: completedChallenges.length,
+                usingRef: completedChallengesRef.current.length > 0,
+                challengesCompleted: currentCompletedChallenges
+            });
             biometric_identity_sdk_core_1.logger.info('Completing recording with frames:', currentFrames.length);
             const result = {
                 frames: currentFrames.length > 0 ? currentFrames : [],
                 duration: actualDuration,
-                instructionsFollowed: completedChallenges.length === challenges.length,
+                instructionsFollowed: currentCompletedChallenges.length === challenges.length,
                 qualityScore: currentFrames.length > 0 ? Math.min(100, (currentFrames.length / 30) * 100) : 0,
-                challengesCompleted: completedChallenges,
+                challengesCompleted: currentCompletedChallenges,
                 sessionId,
             };
             setTimeout(() => {
@@ -494,6 +518,13 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         }
     }, [frames, completedChallenges, challenges, sessionId, onComplete, minDurationMs, resetAndRetry, strings]);
     const runChallenge = (0, react_1.useCallback)((index) => {
+        const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
+        biometric_identity_sdk_core_1.logger.info('VideoRecorder: runChallenge called', {
+            index,
+            challengesLength: challenges.length,
+            challengeActions: challenges.map(c => c.action),
+            completedChallengesCount: currentCompletedChallenges.length
+        });
         if (index >= challenges.length) {
             setOverallProgress(100);
             if (recordingTimeoutRef.current) {
@@ -515,13 +546,14 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
             }
             else {
                 const actualDuration = Date.now() - recordingStartTime.current;
+                const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
                 if (actualDuration >= minDurationMs && frames.length > 0) {
                     const result = {
                         frames,
                         duration: actualDuration,
-                        instructionsFollowed: completedChallenges.length === challenges.length,
+                        instructionsFollowed: currentCompletedChallenges.length === challenges.length,
                         qualityScore: Math.min(100, (frames.length / 30) * 100),
-                        challengesCompleted: completedChallenges,
+                        challengesCompleted: currentCompletedChallenges,
                         sessionId,
                     };
                     onComplete(result);
@@ -556,7 +588,17 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         }, 100);
         setTimeout(() => {
             clearInterval(progressInterval);
-            setCompletedChallenges(prev => [...prev, challenge.action]);
+            setCompletedChallenges(prev => {
+                const updated = [...prev, challenge.action];
+                completedChallengesRef.current = updated; // Keep ref in sync
+                biometric_identity_sdk_core_1.logger.info('VideoRecorder: Challenge completed', {
+                    action: challenge.action,
+                    index,
+                    completedCount: updated.length,
+                    completedActions: updated
+                });
+                return updated;
+            });
             react_native_1.Animated.timing(fadeAnim, {
                 toValue: 0,
                 duration: 200,
@@ -571,6 +613,9 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         setPhase('recording');
         recordingStartTime.current = Date.now();
         isRecordingRef.current = true;
+        // Reset completed challenges ref when starting new recording
+        completedChallengesRef.current = [];
+        setCompletedChallenges([]);
         if (cameraRef.current && device) {
             try {
                 videoRecordingRef.current = await cameraRef.current.startRecording({
@@ -593,7 +638,32 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         else {
             startFrameCapture();
         }
-        runChallenge(0);
+        /**
+         * If challenges are not available, set default challenges and run challenge
+         * This should not happen if ProfilePictureCapture properly waits for challenges
+         * But as a fallback, set defaults and retry after state update
+         * Schedule runChallenge to execute after state update completes
+         * This ensures the updated challenges are available when runChallenge executes
+         * Check again after state update - runChallenge callback should have latest challenges
+         */
+        if (challenges.length === 0) {
+            biometric_identity_sdk_core_1.logger.warn('VideoRecorder: No challenges available when starting recording - challenges should have been loaded by initChallenges');
+            const defaultChallenges = smartMode ? getDefaultChallenges((0, biometric_identity_sdk_core_1.getStrings)()) : [
+                {
+                    action: 'stay_still',
+                    instruction: (0, biometric_identity_sdk_core_1.getStrings)().liveness.instructions.stayStill || 'Look at the camera and stay still',
+                    duration_ms: duration || 5000,
+                    order: 1,
+                },
+            ];
+            setChallenges(defaultChallenges);
+            Promise.resolve().then(() => {
+                runChallenge(0);
+            });
+        }
+        else {
+            runChallenge(0);
+        }
         const maxDuration = Math.max(totalDuration, minDurationMs + 2000);
         recordingTimeoutRef.current = setTimeout(() => {
             if (isRecordingRef.current) {
@@ -608,7 +678,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                 recordingTimeoutRef.current = null;
             }
         };
-    }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture]);
+    }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture, challenges, smartMode, duration]);
     const currentChallenge = challenges[currentChallengeIndex];
     const getDirectionIndicator = () => {
         if (!currentChallenge)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexar/biometric-identity-sdk-react-native",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "description": "React Native wrapper for Biometric Identity SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/VideoRecorder.tsx

@@ -129,6 +129,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
   const [challengeProgress, setChallengeProgress] = useState(0);
   const [overallProgress, setOverallProgress] = useState(0);
   const [completedChallenges, setCompletedChallenges] = useState<string[]>([]);
+  const completedChallengesRef = useRef<string[]>([]);
   const [frames, setFrames] = useState<string[]>([]);
   const framesRef = useRef<string[]>([]);
   const [hasPermission, setHasPermission] = useState(false);
@@ -238,6 +239,13 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
                   ];
                 }
         
+        logger.info('VideoRecorder: Challenges initialized', {
+          challengeCount: challengeList.length,
+          challengeActions: challengeList.map(c => c.action),
+          source: propChallenges && propChallenges.length > 0 ? 'propChallenges' : 
+                  onFetchChallenges ? 'onFetchChallenges' : 
+                  instructions && instructions.length > 0 ? 'instructions' : 'default'
+        });
         setChallenges(challengeList);
         setPhase('countdown');
       } catch (error) {
@@ -320,6 +328,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
     setFrames([]);
     framesRef.current = [];
     setCompletedChallenges([]);
+    completedChallengesRef.current = [];
     setCurrentChallengeIndex(0);
     setChallengeProgress(0);
     setOverallProgress(0);
@@ -385,16 +394,24 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
       
       logger.info('Using frames for completion:', finalFrames.length, 'frames');
       
+      const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
+      logger.info('VideoRecorder: handleVideoComplete - completed challenges', {
+        refCount: completedChallengesRef.current.length,
+        stateCount: completedChallenges.length,
+        usingRef: completedChallengesRef.current.length > 0,
+        challengesCompleted: currentCompletedChallenges
+      });
+      
       const result: VideoRecordingResult = {
         frames: finalFrames,
         duration: actualDuration,
-        instructionsFollowed: completedChallenges.length === challenges.length,
+        instructionsFollowed: currentCompletedChallenges.length === challenges.length,
         qualityScore: finalFrames.length > 0 ? Math.min(100, (finalFrames.length / 30) * 100) : 85,
-        challengesCompleted: completedChallenges,
+        challengesCompleted: currentCompletedChallenges,
         sessionId,
       };
 
-      logger.info('Video recording completed:', result.frames.length, 'frames,', (actualDuration / 1000).toFixed(1) + 's');
+      logger.info('Video recording completed:', result.frames.length, 'frames,', (actualDuration / 1000).toFixed(1) + 's', 'challenges:', currentCompletedChallenges.length);
 
       isRecordingRef.current = false;
       onComplete(result);
@@ -515,14 +532,15 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
         const actualDuration = Date.now() - recordingStartTime.current;
         const currentFrames = framesRef.current.length > 0 ? framesRef.current : frames;
         
+        const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
         if (actualDuration >= minDurationMs && currentFrames.length > 0) {
           logger.info('Stopping recording with frames:', currentFrames.length);
           const result: VideoRecordingResult = {
             frames: currentFrames,
             duration: actualDuration,
-            instructionsFollowed: completedChallenges.length === challenges.length,
+            instructionsFollowed: currentCompletedChallenges.length === challenges.length,
             qualityScore: Math.min(100, (currentFrames.length / 30) * 100),
-            challengesCompleted: completedChallenges,
+            challengesCompleted: currentCompletedChallenges,
             sessionId,
           };
           onComplete(result);
@@ -531,9 +549,9 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
           const result: VideoRecordingResult = {
             frames: currentFrames.length > 0 ? currentFrames : [],
             duration: actualDuration,
-            instructionsFollowed: completedChallenges.length === challenges.length,
+            instructionsFollowed: currentCompletedChallenges.length === challenges.length,
             qualityScore: currentFrames.length > 0 ? Math.min(100, (currentFrames.length / 30) * 100) : 0,
-            challengesCompleted: completedChallenges,
+            challengesCompleted: currentCompletedChallenges,
             sessionId,
           };
           onComplete(result);
@@ -557,13 +575,20 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
       setPhase('processing');
       setOverallProgress(100);
       
+      const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
+      logger.info('VideoRecorder: stopRecording - completed challenges', {
+        refCount: completedChallengesRef.current.length,
+        stateCount: completedChallenges.length,
+        usingRef: completedChallengesRef.current.length > 0,
+        challengesCompleted: currentCompletedChallenges
+      });
       logger.info('Completing recording with frames:', currentFrames.length);
       const result: VideoRecordingResult = {
         frames: currentFrames.length > 0 ? currentFrames : [],
         duration: actualDuration,
-        instructionsFollowed: completedChallenges.length === challenges.length,
+        instructionsFollowed: currentCompletedChallenges.length === challenges.length,
         qualityScore: currentFrames.length > 0 ? Math.min(100, (currentFrames.length / 30) * 100) : 0,
-        challengesCompleted: completedChallenges,
+        challengesCompleted: currentCompletedChallenges,
         sessionId,
       };
       
@@ -574,6 +599,14 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
   }, [frames, completedChallenges, challenges, sessionId, onComplete, minDurationMs, resetAndRetry, strings]);
 
   const runChallenge = useCallback((index: number) => {
+    const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
+    logger.info('VideoRecorder: runChallenge called', {
+      index,
+      challengesLength: challenges.length,
+      challengeActions: challenges.map(c => c.action),
+      completedChallengesCount: currentCompletedChallenges.length
+    });
+    
     if (index >= challenges.length) {
       setOverallProgress(100);
       
@@ -598,13 +631,14 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
         stopRecording();
       } else {
         const actualDuration = Date.now() - recordingStartTime.current;
+        const currentCompletedChallenges = completedChallengesRef.current.length > 0 ? completedChallengesRef.current : completedChallenges;
         if (actualDuration >= minDurationMs && frames.length > 0) {
           const result: VideoRecordingResult = {
             frames,
             duration: actualDuration,
-            instructionsFollowed: completedChallenges.length === challenges.length,
+            instructionsFollowed: currentCompletedChallenges.length === challenges.length,
             qualityScore: Math.min(100, (frames.length / 30) * 100),
-            challengesCompleted: completedChallenges,
+            challengesCompleted: currentCompletedChallenges,
             sessionId,
           };
           onComplete(result);
@@ -647,7 +681,17 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
     setTimeout(() => {
       clearInterval(progressInterval);
       
-      setCompletedChallenges(prev => [...prev, challenge.action]);
+      setCompletedChallenges(prev => {
+        const updated = [...prev, challenge.action];
+        completedChallengesRef.current = updated; // Keep ref in sync
+        logger.info('VideoRecorder: Challenge completed', {
+          action: challenge.action,
+          index,
+          completedCount: updated.length,
+          completedActions: updated
+        });
+        return updated;
+      });
       
       Animated.timing(fadeAnim, {
         toValue: 0,
@@ -664,6 +708,9 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
     setPhase('recording');
     recordingStartTime.current = Date.now();
     isRecordingRef.current = true;
+    // Reset completed challenges ref when starting new recording
+    completedChallengesRef.current = [];
+    setCompletedChallenges([]);
     
     if (cameraRef.current && device) {
       try {
@@ -687,7 +734,31 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
       startFrameCapture();
     }
 
-    runChallenge(0);
+    /**
+     * If challenges are not available, set default challenges and run challenge
+     * This should not happen if ProfilePictureCapture properly waits for challenges
+     * But as a fallback, set defaults and retry after state update
+     * Schedule runChallenge to execute after state update completes
+     * This ensures the updated challenges are available when runChallenge executes
+     * Check again after state update - runChallenge callback should have latest challenges
+     */
+    if (challenges.length === 0) {
+      logger.warn('VideoRecorder: No challenges available when starting recording - challenges should have been loaded by initChallenges');
+      const defaultChallenges = smartMode ? getDefaultChallenges(getStrings()) : [
+        {
+          action: 'stay_still',
+          instruction: getStrings().liveness.instructions.stayStill || 'Look at the camera and stay still',
+          duration_ms: duration || 5000,
+          order: 1,
+        },
+      ];
+      setChallenges(defaultChallenges);
+      Promise.resolve().then(() => {
+        runChallenge(0);
+      });
+    } else {
+      runChallenge(0);
+    }
     
     const maxDuration = Math.max(totalDuration, minDurationMs + 2000);
     recordingTimeoutRef.current = setTimeout(() => {
@@ -704,7 +775,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
         recordingTimeoutRef.current = null;
       }
     };
-  }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture]);
+  }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture, challenges, smartMode, duration]);
 
   const currentChallenge = challenges[currentChallengeIndex];