@hexar/biometric-identity-sdk-react-native 1.0.18 → 1.0.20

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;AA8CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2xBtD,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;AA8CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqzBtD,CAAC;AA4OF,eAAe,aAAa,CAAC"}

package/dist/components/VideoRecorder.js

@@ -100,6 +100,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
     const [overallProgress, setOverallProgress] = (0, react_1.useState)(0);
     const [completedChallenges, setCompletedChallenges] = (0, react_1.useState)([]);
     const [frames, setFrames] = (0, react_1.useState)([]);
+    const framesRef = (0, react_1.useRef)([]);
     const [hasPermission, setHasPermission] = (0, react_1.useState)(false);
     const cameraRef = (0, react_1.useRef)(null);
     const { hasPermission: cameraPermission, requestPermission } = (0, react_native_vision_camera_1.useCameraPermission)();
@@ -257,6 +258,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
     }, [arrowAnim]);
     const resetAndRetry = (0, react_1.useCallback)(() => {
         setFrames([]);
+        framesRef.current = [];
         setCompletedChallenges([]);
         setCurrentChallengeIndex(0);
         setChallengeProgress(0);
@@ -293,16 +295,18 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                     biometric_identity_sdk_core_1.logger.warn('Could not read video file, using captured frames');
                 }
             }
-            let finalFrames = frames.length > 0 ? frames : [];
+            const currentFrames = framesRef.current.length > 0 ? framesRef.current : frames;
+            let finalFrames = currentFrames.length > 0 ? currentFrames : [];
             if (finalFrames.length === 0 && videoBase64) {
                 finalFrames = [videoBase64];
             }
             if (finalFrames.length === 0) {
-                biometric_identity_sdk_core_1.logger.error('No frames or video available, cannot complete');
+                biometric_identity_sdk_core_1.logger.error('No frames or video available, cannot complete. Frames ref:', framesRef.current.length, 'Frames state:', frames.length);
                 setPhase('recording');
                 handleRecordingError(new Error('No video frames captured'));
                 return;
             }
+            biometric_identity_sdk_core_1.logger.info('Using frames for completion:', finalFrames.length, 'frames');
             const result = {
                 frames: finalFrames,
                 duration: actualDuration,
@@ -324,7 +328,16 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
     }, [frames, completedChallenges, challenges, sessionId, onComplete, resetAndRetry, handleRecordingError, strings, minDurationMs, phase]);
     const startFrameCapture = (0, react_1.useCallback)(() => {
         if (cameraRef.current && device) {
+            biometric_identity_sdk_core_1.logger.info('Starting frame capture');
+            framesRef.current = [];
             frameCaptureInterval.current = setInterval(async () => {
+                if (!isRecordingRef.current) {
+                    if (frameCaptureInterval.current) {
+                        clearInterval(frameCaptureInterval.current);
+                        frameCaptureInterval.current = null;
+                    }
+                    return;
+                }
                 try {
                     const photo = await cameraRef.current?.takePhoto({
                         flash: 'off',
@@ -334,26 +347,32 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                             const RNFS = require('react-native-fs');
                             const base64 = await RNFS.readFile(photo.path, 'base64');
                             setFrames(prev => {
-                                if (prev.length < 100) {
-                                    return [...prev, base64];
+                                const newFrames = prev.length < 100 ? [...prev, base64] : prev;
+                                framesRef.current = newFrames;
+                                if (newFrames.length % 10 === 0) {
+                                    biometric_identity_sdk_core_1.logger.info('Captured frames:', newFrames.length);
                                 }
-                                return prev;
+                                return newFrames;
                             });
                         }
                         catch (fsError) {
+                            biometric_identity_sdk_core_1.logger.warn('Could not read photo file, using path:', fsError);
                             setFrames(prev => {
-                                if (prev.length < 100) {
-                                    return [...prev, photo.path];
-                                }
-                                return prev;
+                                const newFrames = prev.length < 100 ? [...prev, photo.path] : prev;
+                                framesRef.current = newFrames;
+                                return newFrames;
                             });
                         }
                     }
                 }
                 catch (error) {
+                    biometric_identity_sdk_core_1.logger.warn('Frame capture error:', error);
                 }
             }, 100);
         }
+        else {
+            biometric_identity_sdk_core_1.logger.warn('Cannot start frame capture: camera or device not available');
+        }
     }, [device]);
     const stopRecording = (0, react_1.useCallback)(async () => {
         if (recordingTimeoutRef.current) {
@@ -377,23 +396,26 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
             catch (error) {
                 biometric_identity_sdk_core_1.logger.error('Error stopping video recording:', error);
                 const actualDuration = Date.now() - recordingStartTime.current;
-                if (actualDuration >= minDurationMs && frames.length > 0) {
+                const currentFrames = framesRef.current.length > 0 ? framesRef.current : frames;
+                if (actualDuration >= minDurationMs && currentFrames.length > 0) {
+                    biometric_identity_sdk_core_1.logger.info('Stopping recording with frames:', currentFrames.length);
                     const result = {
-                        frames,
+                        frames: currentFrames,
                         duration: actualDuration,
                         instructionsFollowed: completedChallenges.length === challenges.length,
-                        qualityScore: Math.min(100, (frames.length / 30) * 100),
+                        qualityScore: Math.min(100, (currentFrames.length / 30) * 100),
                         challengesCompleted: completedChallenges,
                         sessionId,
                     };
                     onComplete(result);
                 }
                 else {
+                    biometric_identity_sdk_core_1.logger.info('Stopping recording with frames (fallback):', currentFrames.length);
                     const result = {
-                        frames: frames.length > 0 ? frames : [],
+                        frames: currentFrames.length > 0 ? currentFrames : [],
                         duration: actualDuration,
                         instructionsFollowed: completedChallenges.length === challenges.length,
-                        qualityScore: frames.length > 0 ? Math.min(100, (frames.length / 30) * 100) : 0,
+                        qualityScore: currentFrames.length > 0 ? Math.min(100, (currentFrames.length / 30) * 100) : 0,
                         challengesCompleted: completedChallenges,
                         sessionId,
                     };
@@ -403,19 +425,21 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         }
         else {
             const actualDuration = Date.now() - recordingStartTime.current;
-            if (frames.length === 0 && actualDuration < minDurationMs) {
-                biometric_identity_sdk_core_1.logger.error('No frames and duration too short, cannot complete');
+            const currentFrames = framesRef.current.length > 0 ? framesRef.current : frames;
+            if (currentFrames.length === 0 && actualDuration < minDurationMs) {
+                biometric_identity_sdk_core_1.logger.error('No frames and duration too short, cannot complete. Frames ref:', framesRef.current.length, 'Frames state:', frames.length);
                 setPhase('recording');
                 react_native_1.Alert.alert(strings.errors.videoTooShort?.title || 'Recording Too Short', strings.errors.videoTooShort?.message || `Video must be at least ${minDurationMs / 1000} seconds. Please try again.`, [{ text: strings.common.retry || 'OK', onPress: resetAndRetry }]);
                 return;
             }
             setPhase('processing');
             setOverallProgress(100);
+            biometric_identity_sdk_core_1.logger.info('Completing recording with frames:', currentFrames.length);
             const result = {
-                frames: frames.length > 0 ? frames : [],
+                frames: currentFrames.length > 0 ? currentFrames : [],
                 duration: actualDuration,
                 instructionsFollowed: completedChallenges.length === challenges.length,
-                qualityScore: frames.length > 0 ? Math.min(100, (frames.length / 30) * 100) : 0,
+                qualityScore: currentFrames.length > 0 ? Math.min(100, (currentFrames.length / 30) * 100) : 0,
                 challengesCompleted: completedChallenges,
                 sessionId,
             };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexar/biometric-identity-sdk-react-native",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "React Native wrapper for Biometric Identity SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
     "clean": "rm -rf dist"
   },
   "peerDependencies": {
-    "@hexar/biometric-identity-sdk-core": ">=1.0.0",
+    "@hexar/biometric-identity-sdk-core": ">=1.0.11",
     "react": ">=18.0.0",
     "react-native": ">=0.70.0",
     "react-native-permissions": ">=4.0.0",

package/src/components/VideoRecorder.tsx

@@ -127,6 +127,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
   const [overallProgress, setOverallProgress] = useState(0);
   const [completedChallenges, setCompletedChallenges] = useState<string[]>([]);
   const [frames, setFrames] = useState<string[]>([]);
+  const framesRef = useRef<string[]>([]);
   const [hasPermission, setHasPermission] = useState(false);
   
   const cameraRef = useRef<Camera>(null);
@@ -304,6 +305,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
 
   const resetAndRetry = useCallback(() => {
     setFrames([]);
+    framesRef.current = [];
     setCompletedChallenges([]);
     setCurrentChallengeIndex(0);
     setChallengeProgress(0);
@@ -354,19 +356,22 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
         }
       }
       
-      let finalFrames = frames.length > 0 ? frames : [];
+      const currentFrames = framesRef.current.length > 0 ? framesRef.current : frames;
+      let finalFrames = currentFrames.length > 0 ? currentFrames : [];
       
       if (finalFrames.length === 0 && videoBase64) {
         finalFrames = [videoBase64];
       }
       
       if (finalFrames.length === 0) {
-        logger.error('No frames or video available, cannot complete');
+        logger.error('No frames or video available, cannot complete. Frames ref:', framesRef.current.length, 'Frames state:', frames.length);
         setPhase('recording');
         handleRecordingError(new Error('No video frames captured'));
         return;
       }
       
+      logger.info('Using frames for completion:', finalFrames.length, 'frames');
+      
       const result: VideoRecordingResult = {
         frames: finalFrames,
         duration: actualDuration,
@@ -390,7 +395,17 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
 
   const startFrameCapture = useCallback(() => {
     if (cameraRef.current && device) {
+      logger.info('Starting frame capture');
+      framesRef.current = [];
       frameCaptureInterval.current = setInterval(async () => {
+        if (!isRecordingRef.current) {
+          if (frameCaptureInterval.current) {
+            clearInterval(frameCaptureInterval.current);
+            frameCaptureInterval.current = null;
+          }
+          return;
+        }
+        
         try {
           const photo = await cameraRef.current?.takePhoto({
             flash: 'off',
@@ -401,23 +416,28 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
               const RNFS = require('react-native-fs');
               const base64 = await RNFS.readFile(photo.path, 'base64');
               setFrames(prev => {
-                if (prev.length < 100) {
-                  return [...prev, base64];
+                const newFrames = prev.length < 100 ? [...prev, base64] : prev;
+                framesRef.current = newFrames;
+                if (newFrames.length % 10 === 0) {
+                  logger.info('Captured frames:', newFrames.length);
                 }
-                return prev;
+                return newFrames;
               });
             } catch (fsError) {
+              logger.warn('Could not read photo file, using path:', fsError);
               setFrames(prev => {
-                if (prev.length < 100) {
-                  return [...prev, photo.path];
-                }
-                return prev;
+                const newFrames = prev.length < 100 ? [...prev, photo.path] : prev;
+                framesRef.current = newFrames;
+                return newFrames;
               });
             }
           }
         } catch (error) {
+          logger.warn('Frame capture error:', error);
         }
       }, 100);
+    } else {
+      logger.warn('Cannot start frame capture: camera or device not available');
     }
   }, [device]);
 
@@ -447,22 +467,26 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
         logger.error('Error stopping video recording:', error);
         
         const actualDuration = Date.now() - recordingStartTime.current;
-        if (actualDuration >= minDurationMs && frames.length > 0) {
+        const currentFrames = framesRef.current.length > 0 ? framesRef.current : frames;
+        
+        if (actualDuration >= minDurationMs && currentFrames.length > 0) {
+          logger.info('Stopping recording with frames:', currentFrames.length);
           const result: VideoRecordingResult = {
-            frames,
+            frames: currentFrames,
             duration: actualDuration,
             instructionsFollowed: completedChallenges.length === challenges.length,
-            qualityScore: Math.min(100, (frames.length / 30) * 100),
+            qualityScore: Math.min(100, (currentFrames.length / 30) * 100),
             challengesCompleted: completedChallenges,
             sessionId,
           };
           onComplete(result);
         } else {
+          logger.info('Stopping recording with frames (fallback):', currentFrames.length);
           const result: VideoRecordingResult = {
-            frames: frames.length > 0 ? frames : [],
+            frames: currentFrames.length > 0 ? currentFrames : [],
             duration: actualDuration,
             instructionsFollowed: completedChallenges.length === challenges.length,
-            qualityScore: frames.length > 0 ? Math.min(100, (frames.length / 30) * 100) : 0,
+            qualityScore: currentFrames.length > 0 ? Math.min(100, (currentFrames.length / 30) * 100) : 0,
             challengesCompleted: completedChallenges,
             sessionId,
           };
@@ -471,9 +495,10 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
       }
     } else {
       const actualDuration = Date.now() - recordingStartTime.current;
+      const currentFrames = framesRef.current.length > 0 ? framesRef.current : frames;
       
-      if (frames.length === 0 && actualDuration < minDurationMs) {
-        logger.error('No frames and duration too short, cannot complete');
+      if (currentFrames.length === 0 && actualDuration < minDurationMs) {
+        logger.error('No frames and duration too short, cannot complete. Frames ref:', framesRef.current.length, 'Frames state:', frames.length);
         setPhase('recording');
         Alert.alert(
           strings.errors.videoTooShort?.title || 'Recording Too Short',
@@ -486,11 +511,12 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
       setPhase('processing');
       setOverallProgress(100);
       
+      logger.info('Completing recording with frames:', currentFrames.length);
       const result: VideoRecordingResult = {
-        frames: frames.length > 0 ? frames : [],
+        frames: currentFrames.length > 0 ? currentFrames : [],
         duration: actualDuration,
         instructionsFollowed: completedChallenges.length === challenges.length,
-        qualityScore: frames.length > 0 ? Math.min(100, (frames.length / 30) * 100) : 0,
+        qualityScore: currentFrames.length > 0 ? Math.min(100, (currentFrames.length / 30) * 100) : 0,
         challengesCompleted: completedChallenges,
         sessionId,
       };