@hexar/biometric-identity-sdk-react-native 1.0.10 → 1.0.12

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,EAA2B,MAAM,oCAAoC,CAAC;AAGlI,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;AA+CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8vBtD,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,EAA2B,MAAM,oCAAoC,CAAC;AAGlI,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;AA+CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA80BtD,CAAC;AA4OF,eAAe,aAAa,CAAC"}

package/dist/components/VideoRecorder.js

@@ -116,6 +116,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
     const frameCaptureInterval = (0, react_1.useRef)(null);
     const videoRecordingRef = (0, react_1.useRef)(null);
     const isRecordingRef = (0, react_1.useRef)(false);
+    const recordingTimeoutRef = (0, react_1.useRef)(null);
     const minDurationMs = 8000;
     const totalDuration = duration || Math.max(minDurationMs, challenges.reduce((sum, c) => sum + c.duration_ms, 0) + 2000);
     // Check camera permissions
@@ -274,12 +275,14 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         react_native_1.Alert.alert('Recording Error', 'Failed to record video. Please try again.', [{ text: 'OK', onPress: onCancel }]);
     }, [onCancel]);
     const handleVideoComplete = (0, react_1.useCallback)(async (video) => {
-        console.log('handleVideoComplete called with video:', video?.path);
-        if (!isRecordingRef.current && phase !== 'processing') {
-            console.log('Video already processed, ignoring duplicate callback');
+        console.log('handleVideoComplete called with video:', video?.path, 'current phase:', phase, 'isRecording:', isRecordingRef.current);
+        // Don't process if we're already done (result screen or error)
+        if (phase === 'loading' && !video) {
+            console.log('Video completion in loading phase with no video, ignoring');
             return;
         }
         try {
+            console.log('Setting phase to processing');
             setPhase('processing');
             setOverallProgress(100);
             const actualDuration = Date.now() - recordingStartTime.current;
@@ -369,24 +372,36 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         }
     }, [device]);
     const stopRecording = (0, react_1.useCallback)(async () => {
-        console.log('Stopping recording...');
+        console.log('stopRecording called, isRecording:', isRecordingRef.current, 'hasVideoRef:', !!videoRecordingRef.current);
+        // Clear any pending timeouts
+        if (recordingTimeoutRef.current) {
+            clearTimeout(recordingTimeoutRef.current);
+            recordingTimeoutRef.current = null;
+        }
         if (frameCaptureInterval.current) {
             clearInterval(frameCaptureInterval.current);
             frameCaptureInterval.current = null;
         }
+        // Prevent multiple calls
+        if (!isRecordingRef.current) {
+            console.log('Recording already stopped, ignoring');
+            return;
+        }
+        // Mark as not recording first to prevent re-entry
+        isRecordingRef.current = false;
         if (videoRecordingRef.current) {
             try {
-                console.log('Stopping video recording');
+                console.log('Stopping video recording, current ref exists');
                 const recording = videoRecordingRef.current;
                 videoRecordingRef.current = null;
-                isRecordingRef.current = false;
                 await recording.stop();
                 console.log('Video recording stopped - waiting for onRecordingFinished callback');
+                // onRecordingFinished callback will handle completion
             }
             catch (error) {
                 console.error('Error stopping video recording:', error);
-                isRecordingRef.current = false;
                 const actualDuration = Date.now() - recordingStartTime.current;
+                console.log('Error duration check:', actualDuration, 'minDurationMs:', minDurationMs, 'frames:', frames.length);
                 if (actualDuration >= minDurationMs && frames.length > 0) {
                     console.log('Video stopped with error, using captured frames');
                     const result = {
@@ -399,32 +414,76 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                     };
                     onComplete(result);
                 }
+                else {
+                    // Even if we don't have enough frames, try to complete with what we have
+                    console.log('Completing with available data despite error');
+                    const result = {
+                        frames: frames.length > 0 ? frames : [],
+                        duration: actualDuration,
+                        instructionsFollowed: completedChallenges.length === challenges.length,
+                        qualityScore: frames.length > 0 ? Math.min(100, (frames.length / 30) * 100) : 0,
+                        challengesCompleted: completedChallenges,
+                        sessionId,
+                    };
+                    onComplete(result);
+                }
             }
         }
         else {
-            isRecordingRef.current = false;
+            console.log('No video recording ref - completing with captured frames');
+            const actualDuration = Date.now() - recordingStartTime.current;
+            // Set phase to processing immediately
+            setPhase('processing');
+            setOverallProgress(100);
+            // Complete with frames we have
+            const result = {
+                frames: frames.length > 0 ? frames : [],
+                duration: actualDuration,
+                instructionsFollowed: completedChallenges.length === challenges.length,
+                qualityScore: frames.length > 0 ? Math.min(100, (frames.length / 30) * 100) : 0,
+                challengesCompleted: completedChallenges,
+                sessionId,
+            };
+            console.log('Completing without video ref:', {
+                frames: result.frames.length,
+                duration: (actualDuration / 1000).toFixed(1) + 's',
+                challenges: completedChallenges.length
+            });
+            // Small delay to ensure UI updates
+            setTimeout(() => {
+                onComplete(result);
+            }, 100);
         }
     }, [frames, completedChallenges, challenges, sessionId, onComplete, minDurationMs]);
     const runChallenge = (0, react_1.useCallback)((index) => {
         if (index >= challenges.length) {
-            console.log('All challenges completed, stopping recording');
+            console.log('All challenges completed, checking duration');
             setOverallProgress(100);
+            // Clear the totalDuration timeout since we're handling it manually
+            if (recordingTimeoutRef.current) {
+                clearTimeout(recordingTimeoutRef.current);
+                recordingTimeoutRef.current = null;
+                console.log('Cleared totalDuration timeout');
+            }
             if (isRecordingRef.current) {
                 const elapsed = Date.now() - recordingStartTime.current;
                 console.log('Checking duration - Elapsed:', (elapsed / 1000).toFixed(1), 's, Min required:', (minDurationMs / 1000).toFixed(1), 's');
                 if (elapsed < minDurationMs) {
                     const remaining = minDurationMs - elapsed;
                     console.log('Waiting additional', (remaining / 1000).toFixed(1), 's to meet minimum duration');
-                    setTimeout(() => {
+                    recordingTimeoutRef.current = setTimeout(() => {
+                        console.log('Minimum duration wait completed, stopping recording');
                         if (isRecordingRef.current) {
                             stopRecording();
                         }
                     }, remaining);
                     return;
                 }
+                console.log('Duration requirement met, stopping immediately');
                 stopRecording();
             }
             else {
+                console.log('Recording already stopped, checking if we can complete');
                 const actualDuration = Date.now() - recordingStartTime.current;
                 if (actualDuration >= minDurationMs && frames.length > 0) {
                     console.log('Recording already stopped, completing with frames');
@@ -489,8 +548,15 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                 videoRecordingRef.current = await cameraRef.current.startRecording({
                     flash: 'off',
                     onRecordingFinished: (video) => {
-                        console.log('Video recording finished callback called, path:', video?.path || 'N/A');
-                        handleVideoComplete(video);
+                        console.log('Video recording finished callback called, path:', video?.path || 'N/A', 'phase:', phase);
+                        // Ensure we're in the right state to process
+                        if (phase === 'recording' || phase === 'processing') {
+                            handleVideoComplete(video);
+                        }
+                        else {
+                            console.warn('Received onRecordingFinished but phase is', phase, '- calling handleVideoComplete anyway');
+                            handleVideoComplete(video);
+                        }
                     },
                     onRecordingError: (error) => {
                         console.error('Recording error:', error);
@@ -509,16 +575,24 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
             startFrameCapture();
         }
         runChallenge(0);
-        const timeoutId = setTimeout(() => {
-            console.log('Recording timeout reached, stopping recording');
+        // Set a safety timeout that's longer than totalDuration to ensure we stop eventually
+        // This will be cleared if challenges complete early
+        const maxDuration = Math.max(totalDuration, minDurationMs + 2000); // Add 2s buffer
+        recordingTimeoutRef.current = setTimeout(() => {
+            console.log('Safety timeout reached (max duration), stopping recording');
             if (isRecordingRef.current) {
                 stopRecording().catch(err => {
-                    console.error('Error stopping recording on timeout:', err);
+                    console.error('Error stopping recording on safety timeout:', err);
                 });
             }
-        }, totalDuration);
-        return () => clearTimeout(timeoutId);
-    }, [device, totalDuration, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture]);
+        }, maxDuration);
+        return () => {
+            if (recordingTimeoutRef.current) {
+                clearTimeout(recordingTimeoutRef.current);
+                recordingTimeoutRef.current = null;
+            }
+        };
+    }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture]);
     // Current challenge
     const currentChallenge = challenges[currentChallengeIndex];
     // Get direction arrow for the current challenge

package/package.json

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

package/src/components/VideoRecorder.tsx

@@ -147,6 +147,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
   const frameCaptureInterval = useRef<NodeJS.Timeout | null>(null);
   const videoRecordingRef = useRef<any>(null);
   const isRecordingRef = useRef<boolean>(false);
+  const recordingTimeoutRef = useRef<NodeJS.Timeout | null>(null);
   const minDurationMs = 8000;
   const totalDuration = duration || Math.max(
     minDurationMs,
@@ -328,14 +329,16 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
   }, [onCancel]);
 
   const handleVideoComplete = useCallback(async (video: any) => {
-    console.log('handleVideoComplete called with video:', video?.path);
+    console.log('handleVideoComplete called with video:', video?.path, 'current phase:', phase, 'isRecording:', isRecordingRef.current);
     
-    if (!isRecordingRef.current && phase !== 'processing') {
-      console.log('Video already processed, ignoring duplicate callback');
+    // Don't process if we're already done (result screen or error)
+    if (phase === 'loading' && !video) {
+      console.log('Video completion in loading phase with no video, ignoring');
       return;
     }
     
     try {
+      console.log('Setting phase to processing');
       setPhase('processing');
       setOverallProgress(100);
       
@@ -436,27 +439,42 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
   }, [device]);
 
   const stopRecording = useCallback(async () => {
-    console.log('Stopping recording...');
+    console.log('stopRecording called, isRecording:', isRecordingRef.current, 'hasVideoRef:', !!videoRecordingRef.current);
+    
+    // Clear any pending timeouts
+    if (recordingTimeoutRef.current) {
+      clearTimeout(recordingTimeoutRef.current);
+      recordingTimeoutRef.current = null;
+    }
     
     if (frameCaptureInterval.current) {
       clearInterval(frameCaptureInterval.current);
       frameCaptureInterval.current = null;
     }
     
+    // Prevent multiple calls
+    if (!isRecordingRef.current) {
+      console.log('Recording already stopped, ignoring');
+      return;
+    }
+    
+    // Mark as not recording first to prevent re-entry
+    isRecordingRef.current = false;
+    
     if (videoRecordingRef.current) {
       try {
-        console.log('Stopping video recording');
+        console.log('Stopping video recording, current ref exists');
         const recording = videoRecordingRef.current;
         videoRecordingRef.current = null;
-        isRecordingRef.current = false;
         
         await recording.stop();
         console.log('Video recording stopped - waiting for onRecordingFinished callback');
+        // onRecordingFinished callback will handle completion
       } catch (error) {
         console.error('Error stopping video recording:', error);
-        isRecordingRef.current = false;
         
         const actualDuration = Date.now() - recordingStartTime.current;
+        console.log('Error duration check:', actualDuration, 'minDurationMs:', minDurationMs, 'frames:', frames.length);
         if (actualDuration >= minDurationMs && frames.length > 0) {
           console.log('Video stopped with error, using captured frames');
           const result: VideoRecordingResult = {
@@ -468,18 +486,63 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
             sessionId,
           };
           onComplete(result);
+        } else {
+          // Even if we don't have enough frames, try to complete with what we have
+          console.log('Completing with available data despite error');
+          const result: VideoRecordingResult = {
+            frames: frames.length > 0 ? frames : [],
+            duration: actualDuration,
+            instructionsFollowed: completedChallenges.length === challenges.length,
+            qualityScore: frames.length > 0 ? Math.min(100, (frames.length / 30) * 100) : 0,
+            challengesCompleted: completedChallenges,
+            sessionId,
+          };
+          onComplete(result);
         }
       }
     } else {
-      isRecordingRef.current = false;
+      console.log('No video recording ref - completing with captured frames');
+      const actualDuration = Date.now() - recordingStartTime.current;
+      
+      // Set phase to processing immediately
+      setPhase('processing');
+      setOverallProgress(100);
+      
+      // Complete with frames we have
+      const result: VideoRecordingResult = {
+        frames: frames.length > 0 ? frames : [],
+        duration: actualDuration,
+        instructionsFollowed: completedChallenges.length === challenges.length,
+        qualityScore: frames.length > 0 ? Math.min(100, (frames.length / 30) * 100) : 0,
+        challengesCompleted: completedChallenges,
+        sessionId,
+      };
+      
+      console.log('Completing without video ref:', {
+        frames: result.frames.length,
+        duration: (actualDuration / 1000).toFixed(1) + 's',
+        challenges: completedChallenges.length
+      });
+      
+      // Small delay to ensure UI updates
+      setTimeout(() => {
+        onComplete(result);
+      }, 100);
     }
   }, [frames, completedChallenges, challenges, sessionId, onComplete, minDurationMs]);
 
   const runChallenge = useCallback((index: number) => {
     if (index >= challenges.length) {
-      console.log('All challenges completed, stopping recording');
+      console.log('All challenges completed, checking duration');
       setOverallProgress(100);
       
+      // Clear the totalDuration timeout since we're handling it manually
+      if (recordingTimeoutRef.current) {
+        clearTimeout(recordingTimeoutRef.current);
+        recordingTimeoutRef.current = null;
+        console.log('Cleared totalDuration timeout');
+      }
+      
       if (isRecordingRef.current) {
         const elapsed = Date.now() - recordingStartTime.current;
         console.log('Checking duration - Elapsed:', (elapsed / 1000).toFixed(1), 's, Min required:', (minDurationMs / 1000).toFixed(1), 's');
@@ -487,7 +550,8 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
         if (elapsed < minDurationMs) {
           const remaining = minDurationMs - elapsed;
           console.log('Waiting additional', (remaining / 1000).toFixed(1), 's to meet minimum duration');
-          setTimeout(() => {
+          recordingTimeoutRef.current = setTimeout(() => {
+            console.log('Minimum duration wait completed, stopping recording');
             if (isRecordingRef.current) {
               stopRecording();
             }
@@ -495,8 +559,10 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
           return;
         }
         
+        console.log('Duration requirement met, stopping immediately');
         stopRecording();
       } else {
+        console.log('Recording already stopped, checking if we can complete');
         const actualDuration = Date.now() - recordingStartTime.current;
         if (actualDuration >= minDurationMs && frames.length > 0) {
           console.log('Recording already stopped, completing with frames');
@@ -573,8 +639,14 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
         videoRecordingRef.current = await cameraRef.current.startRecording({
           flash: 'off',
           onRecordingFinished: (video: any) => {
-            console.log('Video recording finished callback called, path:', video?.path || 'N/A');
-            handleVideoComplete(video);
+            console.log('Video recording finished callback called, path:', video?.path || 'N/A', 'phase:', phase);
+            // Ensure we're in the right state to process
+            if (phase === 'recording' || phase === 'processing') {
+              handleVideoComplete(video);
+            } else {
+              console.warn('Received onRecordingFinished but phase is', phase, '- calling handleVideoComplete anyway');
+              handleVideoComplete(video);
+            }
           },
           onRecordingError: (error: any) => {
             console.error('Recording error:', error);
@@ -593,17 +665,25 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
 
     runChallenge(0);
     
-    const timeoutId = setTimeout(() => {
-      console.log('Recording timeout reached, stopping recording');
+    // Set a safety timeout that's longer than totalDuration to ensure we stop eventually
+    // This will be cleared if challenges complete early
+    const maxDuration = Math.max(totalDuration, minDurationMs + 2000); // Add 2s buffer
+    recordingTimeoutRef.current = setTimeout(() => {
+      console.log('Safety timeout reached (max duration), stopping recording');
       if (isRecordingRef.current) {
         stopRecording().catch(err => {
-          console.error('Error stopping recording on timeout:', err);
+          console.error('Error stopping recording on safety timeout:', err);
         });
       }
-    }, totalDuration);
+    }, maxDuration);
     
-    return () => clearTimeout(timeoutId);
-  }, [device, totalDuration, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture]);
+    return () => {
+      if (recordingTimeoutRef.current) {
+        clearTimeout(recordingTimeoutRef.current);
+        recordingTimeoutRef.current = null;
+      }
+    };
+  }, [device, totalDuration, minDurationMs, handleVideoComplete, handleRecordingError, runChallenge, stopRecording, startFrameCapture]);
 
   // Current challenge
   const currentChallenge = challenges[currentChallengeIndex];