@hexar/biometric-identity-sdk-react-native 1.22.0 → 1.23.0

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;AAexE,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;AA2CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwhCtD,CAAC;AA4PF,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;AAexE,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;AA2CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqiCtD,CAAC;AA4PF,eAAe,aAAa,CAAC"}

package/dist/components/VideoRecorder.js

@@ -102,12 +102,20 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
     const [guidanceText, setGuidanceText] = (0, react_1.useState)(null);
     const [hasPermission, setHasPermission] = (0, react_1.useState)(false);
     const [isCameraReady, setIsCameraReady] = (0, react_1.useState)(false);
+    // Controlled via stopRecording — set to false before calling onComplete so
+    // VisionCamera tears down the native session and any in-flight takePhoto()
+    // calls fail gracefully instead of crashing with IllegalViewOperationException
+    // when the parent unmounts the <Camera> view underneath them.
+    const [isCameraActive, setIsCameraActive] = (0, react_1.useState)(true);
     const cameraRef = (0, react_1.useRef)(null);
     const { hasPermission: cameraPermission, requestPermission } = (0, react_native_vision_camera_1.useCameraPermission)();
     // Prefer wide-angle (main) front camera — some Android devices expose
     // multiple front sensors and the default may lack autofocus.
+    // Only request wide-angle — ultra-wide opens a multi-physical-camera session
+    // that is slow to release, causing CameraViewModule.findCameraView to throw
+    // IllegalViewOperationException when the component unmounts after recording.
     const device = (0, react_native_vision_camera_1.useCameraDevice)('front', {
-        physicalDevices: ['wide-angle-camera', 'ultra-wide-angle-camera'],
+        physicalDevices: ['wide-angle-camera'],
     });
     const [deviceReady, setDeviceReady] = (0, react_1.useState)(!!device);
     const fadeAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
@@ -307,6 +315,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
         setChallengeProgress(0);
         setOverallProgress(0);
         recordingStartTime.current = 0;
+        setIsCameraActive(true);
         setPhase('countdown');
         setCountdown(3);
     }, []);
@@ -380,11 +389,11 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
             };
             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;
-            // Delay onComplete so Vision Camera's native session (especially
-            // multi-physical-camera sessions opened via physicalDevices) has time
-            // to fully close before the parent unmounts the <Camera> view.
-            // Without this delay, CameraViewModule.findCameraView throws
-            // IllegalViewOperationException on Android 13 (SDK 33).
+            // Deactivate the camera first so VisionCamera tears down its native
+            // session. Any in-flight takePhoto() calls will then fail gracefully
+            // rather than crashing with IllegalViewOperationException when the
+            // parent unmounts the <Camera> view underneath them.
+            setIsCameraActive(false);
             setTimeout(() => onComplete(result), 250);
         }
         catch (error) {
@@ -536,6 +545,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                         sessionId,
                     };
                     setPhase('processing');
+                    setIsCameraActive(false);
                     setTimeout(() => onComplete(result), 250);
                 }
                 else {
@@ -549,6 +559,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                         sessionId,
                     };
                     setPhase('processing');
+                    setIsCameraActive(false);
                     setTimeout(() => onComplete(result), 250);
                 }
             }
@@ -580,6 +591,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                 challengesCompleted: currentCompletedChallenges,
                 sessionId,
             };
+            setIsCameraActive(false);
             setTimeout(() => {
                 onComplete(result);
             }, 250);
@@ -626,6 +638,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
                         sessionId,
                     };
                     setPhase('processing');
+                    setIsCameraActive(false);
                     setTimeout(() => onComplete(result), 250);
                 }
             }
@@ -807,7 +820,7 @@ const VideoRecorder = ({ theme, language, duration, instructions, challenges: pr
     }
     return (react_1.default.createElement(react_native_1.View, { style: styles.container },
         react_1.default.createElement(react_native_1.View, { style: styles.cameraContainer },
-            react_1.default.createElement(react_native_vision_camera_1.Camera, { ref: cameraRef, style: react_native_1.StyleSheet.absoluteFill, device: device, isActive: true, video: true, photo: true, audio: false, onInitialized: () => setIsCameraReady(true), onError: (error) => {
+            react_1.default.createElement(react_native_vision_camera_1.Camera, { ref: cameraRef, style: react_native_1.StyleSheet.absoluteFill, device: device, isActive: isCameraActive, video: true, photo: true, audio: false, onInitialized: () => setIsCameraReady(true), onError: (error) => {
                     biometric_identity_sdk_core_1.logger.error('Camera hardware error:', error);
                     handleRecordingError(error);
                 } }),

package/package.json

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

package/src/components/VideoRecorder.tsx

@@ -131,12 +131,20 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
   const [guidanceText, setGuidanceText] = useState<string | null>(null);
   const [hasPermission, setHasPermission] = useState(false);
   const [isCameraReady, setIsCameraReady] = useState(false);
+  // Controlled via stopRecording — set to false before calling onComplete so
+  // VisionCamera tears down the native session and any in-flight takePhoto()
+  // calls fail gracefully instead of crashing with IllegalViewOperationException
+  // when the parent unmounts the <Camera> view underneath them.
+  const [isCameraActive, setIsCameraActive] = useState(true);
   const cameraRef = useRef<Camera>(null);
   const { hasPermission: cameraPermission, requestPermission } = useCameraPermission();
   // Prefer wide-angle (main) front camera — some Android devices expose
   // multiple front sensors and the default may lack autofocus.
+  // Only request wide-angle — ultra-wide opens a multi-physical-camera session
+  // that is slow to release, causing CameraViewModule.findCameraView to throw
+  // IllegalViewOperationException when the component unmounts after recording.
   const device = useCameraDevice('front', {
-    physicalDevices: ['wide-angle-camera', 'ultra-wide-angle-camera'],
+    physicalDevices: ['wide-angle-camera'],
   });
   const [deviceReady, setDeviceReady] = useState(!!device);
   
@@ -356,6 +364,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
     setChallengeProgress(0);
     setOverallProgress(0);
     recordingStartTime.current = 0;
+    setIsCameraActive(true);
     setPhase('countdown');
     setCountdown(3);
   }, []);
@@ -450,11 +459,11 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
       logger.info('Video recording completed:', result.frames.length, 'frames,', (actualDuration / 1000).toFixed(1) + 's', 'challenges:', currentCompletedChallenges.length);
 
       isRecordingRef.current = false;
-      // Delay onComplete so Vision Camera's native session (especially
-      // multi-physical-camera sessions opened via physicalDevices) has time
-      // to fully close before the parent unmounts the <Camera> view.
-      // Without this delay, CameraViewModule.findCameraView throws
-      // IllegalViewOperationException on Android 13 (SDK 33).
+      // Deactivate the camera first so VisionCamera tears down its native
+      // session. Any in-flight takePhoto() calls will then fail gracefully
+      // rather than crashing with IllegalViewOperationException when the
+      // parent unmounts the <Camera> view underneath them.
+      setIsCameraActive(false);
       setTimeout(() => onComplete(result), 250);
     } catch (error) {
       logger.error('Error processing video:', error);
@@ -622,6 +631,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
             sessionId,
           };
           setPhase('processing');
+          setIsCameraActive(false);
           setTimeout(() => onComplete(result), 250);
         } else {
           logger.info('Stopping recording with frames (fallback):', currentFrames.length);
@@ -634,6 +644,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
             sessionId,
           };
           setPhase('processing');
+          setIsCameraActive(false);
           setTimeout(() => onComplete(result), 250);
         }
       }
@@ -672,6 +683,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
         sessionId,
       };
       
+      setIsCameraActive(false);
       setTimeout(() => {
         onComplete(result);
       }, 250);
@@ -723,6 +735,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
             sessionId,
           };
           setPhase('processing');
+          setIsCameraActive(false);
           setTimeout(() => onComplete(result), 250);
         }
       }
@@ -978,7 +991,7 @@ export const VideoRecorder: React.FC<VideoRecorderProps> = ({
           ref={cameraRef}
           style={StyleSheet.absoluteFill}
           device={device}
-          isActive={true}
+          isActive={isCameraActive}
           video={true}
           photo={true}
           audio={false}