@sanctum-key/react-native-sdk 1.0.14 → 1.0.15

package/build/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sanctum-key/react-native-sdk",
-    "version": "1.0.14",
+    "version": "1.0.15",
     "description": "Sanctum Key React Native SDK",
     "main": "build/src/index.js",
     "types": "build/src/index.d.ts",

package/build/src/components/EnhancedCameraView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnhancedCameraView.d.ts","sourceRoot":"","sources":["../../../src/components/EnhancedCameraView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAGzD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqJhE,CAAC"}
+{"version":3,"file":"EnhancedCameraView.d.ts","sourceRoot":"","sources":["../../../src/components/EnhancedCameraView.tsx"],"names":[],"mappings":"AAuKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAGzD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2IhE,CAAC"}

package/build/src/components/EnhancedCameraView.js

@@ -1,3 +1,146 @@
+// import React, { useCallback, useEffect, useRef, useState } from 'react';
+// import { View, StyleSheet, Text, AppState } from 'react-native';
+// import { Camera, useCameraDevice, useCameraFormat } from 'react-native-vision-camera'; 
+// import VisionCameraModule from '../modules/camera/VisionCameraModule';
+// import { useI18n } from '../hooks/useI18n';
+// import { EnhancedCameraViewProps } from './OverLay/type';
+// import { Button } from './ui/Button';
+// export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
+//   showCamera,
+//   cameraType: initialCameraType = 'front',
+//   style,
+//   onError,
+//   onSilentCapture,
+//   silentCaptureResult,
+//   isProcessing = false,
+//   overlayComponent,
+// }) => {
+//   const { t } = useI18n();
+//   const camera = useRef<Camera>(null);
+//   const isCapturingRef = useRef(false);
+//   const isProcessingRef = useRef(isProcessing);
+//   const [cameraType] = useState<'front' | 'back'>(initialCameraType);
+//   const [hasPermission, setHasPermission] = useState<boolean | null>(null);
+//   const [isInitialized, setIsInitialized] = useState(false);
+//   const [refreshCamera, setRefreshCamera] = useState(false);
+//   const [layout, setLayout] = useState({ width: 0, height: 0 });
+//   const device = useCameraDevice(cameraType, {
+//     physicalDevices: [
+//       'wide-angle-camera' // Explicitly request standard 1x lens
+//     ]
+//   });
+//   const targetRatio = layout.width > 0 ? layout.height / layout.width : 16 / 9;
+//   const format = useCameraFormat(device, [
+//     { photoAspectRatio: targetRatio },
+//     { photoResolution: 'max' } 
+//   ]);
+//   useEffect(() => {
+//     isProcessingRef.current = isProcessing;
+//   }, [isProcessing]);
+//   const checkPermissions = async () => {
+//     try {
+//       const hasAllPermissions = await VisionCameraModule.hasAllPermissions();
+//       if (!hasAllPermissions) {
+//         const granted = await VisionCameraModule.requestAllPermissions();
+//         if (!granted) {
+//           setHasPermission(false);
+//           onError?.({ message: t('camera.permissionRequired') });
+//           return;
+//         }
+//       }
+//       setHasPermission(true);
+//     } catch (error) {
+//       setHasPermission(false);
+//       onError?.({ message: t('camera.errorOccurred') });
+//     }
+//   };
+//   useEffect(() => {
+//     if (showCamera) checkPermissions();
+//   }, [showCamera, refreshCamera]);
+//   useEffect(() => {
+//     const subscription = AppState.addEventListener('change', nextAppState => {
+//       if (nextAppState === 'active' && showCamera && hasPermission === false) {
+//         checkPermissions();
+//       }
+//     });
+//     return () => subscription.remove();
+//   }, [showCamera, hasPermission]);
+//   const onInitialized = useCallback(() => setIsInitialized(true), []);
+//   const onCameraError = useCallback((error: any) => {
+//     onError?.({ message: error.message || t('camera.errorOccurred') });
+//   }, [onError, t]);
+//   const captureSilentPhoto = useCallback(async () => {
+//     if (!camera.current || !isInitialized || isProcessingRef.current || isCapturingRef.current) return;
+//     if (silentCaptureResult?.isAnalyzing) return;
+//     try {
+//       isCapturingRef.current = true;
+//       const photo = await camera.current.takePhoto({
+//         enableShutterSound: false,
+//         flash: 'off',
+//       });
+//       const result = await VisionCameraModule.processPhotoResult(photo);
+//       onSilentCapture?.({
+//         ...result,
+//         path: result.path || photo.path,
+//       });
+//     } catch (error) {
+//       // Silent background fail
+//     } finally {
+//       isCapturingRef.current = false;
+//     }
+//   }, [isInitialized, onSilentCapture, silentCaptureResult]);
+//   useEffect(() => {
+//     if (!showCamera || !isInitialized || isProcessing) return;
+//     let isActive = true;
+//     let intervalId: ReturnType<typeof setInterval>;
+//     const warmupTimer = setTimeout(() => {
+//       if (!isActive) return;
+//       intervalId = setInterval(() => {
+//         captureSilentPhoto();
+//       }, 1500);
+//     }, 1000);
+//     return () => {
+//       isActive = false;
+//       clearTimeout(warmupTimer);
+//       if (intervalId) clearInterval(intervalId);
+//     };
+//   }, [showCamera, isInitialized, isProcessing, captureSilentPhoto]);
+//   if (hasPermission === null) return <View style={[styles.container, style]} />;
+//   if (hasPermission === false) {
+//     return (
+//       <View style={[styles.container, style, { justifyContent: 'center', alignItems: 'center' }]}>
+//         <Text style={styles.permissionMessage}>{t('camera.permissionRequired')}</Text>
+//         <Button title="Refresh Camera" onPress={() => setRefreshCamera(prev => !prev)} variant="primary" />
+//       </View>
+//     );
+//   }
+//   if (!device || !showCamera) return <View style={[styles.container, style]} />;
+//   return (
+//     <View 
+//       style={[styles.container, style]}
+//       onLayout={(e) => setLayout({ width: e.nativeEvent.layout.width, height: e.nativeEvent.layout.height })}
+//     >
+//       <Camera
+//         ref={camera}
+//         style={StyleSheet.absoluteFill}
+//         device={device}
+//         format={format}           
+//         resizeMode="cover"        
+//         isActive={showCamera && !isProcessing}
+//         photo={true}
+//         video={false}
+//         audio={false}
+//         onInitialized={onInitialized}
+//         onError={onCameraError}
+//       />
+//       {overlayComponent}
+//     </View>
+//   );
+// };
+// const styles = StyleSheet.create({
+//   container: { flex: 1, backgroundColor: 'black' },
+//   permissionMessage: { color: 'white', textAlign: 'center', margin: 20, fontSize: 16 },
+// });
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { View, StyleSheet, Text, AppState } from 'react-native';
 import { Camera, useCameraDevice } from 'react-native-vision-camera';
@@ -10,10 +153,11 @@ export const EnhancedCameraView = ({ showCamera, cameraType: initialCameraType =
     const isCapturingRef = useRef(false);
     const isProcessingRef = useRef(isProcessing);
     const [cameraType] = useState(initialCameraType);
-    // 🚨 BUG FIX: Initialize to null to prevent the "Flicker" on retake
     const [hasPermission, setHasPermission] = useState(null);
     const [isInitialized, setIsInitialized] = useState(false);
     const [refreshCamera, setRefreshCamera] = useState(false);
+    // 🚨 THE FIX: Removed the strict physical device filtering and custom format.
+    // This allows Android to select its own supported, stable hardware stream, preventing crashes.
     const device = useCameraDevice(cameraType);
     useEffect(() => {
         isProcessingRef.current = isProcessing;
@@ -76,7 +220,6 @@ export const EnhancedCameraView = ({ showCamera, cameraType: initialCameraType =
             isCapturingRef.current = false;
         }
     }, [isInitialized, onSilentCapture, silentCaptureResult]);
-    // 🚨 BUG FIX: The Warm-up Timer (Fixes Blurry Images)
     useEffect(() => {
         if (!showCamera || !isInitialized || isProcessing)
             return;
@@ -87,7 +230,7 @@ export const EnhancedCameraView = ({ showCamera, cameraType: initialCameraType =
                 return;
             intervalId = setInterval(() => {
                 captureSilentPhoto();
-            }, 1500); // 1.5s gives the hardware more time to stabilize between shots
+            }, 1500);
         }, 1000);
         return () => {
             isActive = false;
@@ -96,11 +239,8 @@ export const EnhancedCameraView = ({ showCamera, cameraType: initialCameraType =
                 clearInterval(intervalId);
         };
     }, [showCamera, isInitialized, isProcessing, captureSilentPhoto]);
-    // --- RENDERERS ---
-    // 🚨 BUG FIX: Show nothing while checking permissions (Stops flicker)
-    if (hasPermission === null) {
+    if (hasPermission === null)
         return <View style={[styles.container, style]}/>;
-    }
     if (hasPermission === false) {
         return (<View style={[styles.container, style, { justifyContent: 'center', alignItems: 'center' }]}>
         <Text style={styles.permissionMessage}>{t('camera.permissionRequired')}</Text>
@@ -110,7 +250,7 @@ export const EnhancedCameraView = ({ showCamera, cameraType: initialCameraType =
     if (!device || !showCamera)
         return <View style={[styles.container, style]}/>;
     return (<View style={[styles.container, style]}>
-      <Camera ref={camera} style={StyleSheet.absoluteFill} device={device} isActive={showCamera && !isProcessing} photo={true} video={false} audio={false} onInitialized={onInitialized} onError={onCameraError}/>
+      <Camera ref={camera} style={StyleSheet.absoluteFill} device={device} resizeMode="cover" isActive={showCamera && !isProcessing} photo={true} video={false} audio={false} onInitialized={onInitialized} onError={onCameraError}/>
       {overlayComponent}
     </View>);
 };

package/build/src/components/EnhancedCameraView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnhancedCameraView.js","sourceRoot":"","sources":["../../../src/components/EnhancedCameraView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { View, StyleSheet, Text, AppState } from 'react-native';\nimport { Camera, useCameraDevice } from 'react-native-vision-camera';\nimport VisionCameraModule from '../modules/camera/VisionCameraModule';\nimport { useI18n } from '../hooks/useI18n';\nimport { EnhancedCameraViewProps } from './OverLay/type';\nimport { Button } from './ui/Button';\n\nexport const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({ \n  showCamera,\n  cameraType: initialCameraType = 'front',\n  style,\n  onError,\n  onSilentCapture, \n  silentCaptureResult,\n  isProcessing = false, \n  overlayComponent,\n}) => {\n  const { t } = useI18n();\n  const camera = useRef<Camera>(null);\n  \n  const isCapturingRef = useRef(false);\n  const isProcessingRef = useRef(isProcessing);\n\n  const [cameraType] = useState<'front' | 'back'>(initialCameraType);\n  \n  // 🚨 BUG FIX: Initialize to null to prevent the \"Flicker\" on retake\n  const [hasPermission, setHasPermission] = useState<boolean | null>(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [refreshCamera, setRefreshCamera] = useState(false);\n\n  const device = useCameraDevice(cameraType);\n\n  useEffect(() => {\n    isProcessingRef.current = isProcessing;\n  }, [isProcessing]);\n\n  const checkPermissions = async () => {\n    try {\n      const hasAllPermissions = await VisionCameraModule.hasAllPermissions();\n      if (!hasAllPermissions) {\n        const granted = await VisionCameraModule.requestAllPermissions();\n        if (!granted) {\n          setHasPermission(false);\n          onError?.({ message: t('camera.permissionRequired') });\n          return;\n        }\n      }\n      setHasPermission(true);\n    } catch (error) {\n      setHasPermission(false);\n      onError?.({ message: t('camera.errorOccurred') });\n    }\n  };\n\n  useEffect(() => {\n    if (showCamera) checkPermissions();\n  }, [showCamera, refreshCamera]);\n\n  useEffect(() => {\n    const subscription = AppState.addEventListener('change', nextAppState => {\n      if (nextAppState === 'active' && showCamera && hasPermission === false) {\n        checkPermissions();\n      }\n    });\n    return () => subscription.remove();\n  }, [showCamera, hasPermission]);\n\n  const onInitialized = useCallback(() => setIsInitialized(true), []);\n  const onCameraError = useCallback((error: any) => {\n    onError?.({ message: error.message || t('camera.errorOccurred') });\n  }, [onError, t]);\n\n  const captureSilentPhoto = useCallback(async () => {\n    if (!camera.current || !isInitialized || isProcessingRef.current || isCapturingRef.current) return;\n    if (silentCaptureResult?.isAnalyzing) return;\n\n    try {\n      isCapturingRef.current = true; \n      const photo = await camera.current.takePhoto({\n        enableShutterSound: false, \n        flash: 'off', \n      });\n\n      const result = await VisionCameraModule.processPhotoResult(photo);\n      \n      onSilentCapture?.({\n          ...result,\n          path: result.path || photo.path, \n      });\n\n    } catch (error) {\n      // Silent background fail\n    } finally {\n      isCapturingRef.current = false; \n    }\n  }, [isInitialized, onSilentCapture, silentCaptureResult]);\n\n  // 🚨 BUG FIX: The Warm-up Timer (Fixes Blurry Images)\n  useEffect(() => {\n    if (!showCamera || !isInitialized || isProcessing) return;\n    \n    let isActive = true;\n    let intervalId: ReturnType<typeof setInterval>;\n\n    const warmupTimer = setTimeout(() => {\n      if (!isActive) return;\n      intervalId = setInterval(() => {\n        captureSilentPhoto();\n      }, 1500); // 1.5s gives the hardware more time to stabilize between shots\n    }, 1000); \n    \n    return () => {\n      isActive = false;\n      clearTimeout(warmupTimer);\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [showCamera, isInitialized, isProcessing, captureSilentPhoto]);\n\n  // --- RENDERERS ---\n  \n  // 🚨 BUG FIX: Show nothing while checking permissions (Stops flicker)\n  if (hasPermission === null) {\n    return <View style={[styles.container, style]} />;\n  }\n\n  if (hasPermission === false) {\n    return (\n      <View style={[styles.container, style, { justifyContent: 'center', alignItems: 'center' }]}>\n        <Text style={styles.permissionMessage}>{t('camera.permissionRequired')}</Text>\n        <Button \n           title=\"Refresh Camera\" \n           onPress={() => setRefreshCamera(prev => !prev)} \n           variant=\"primary\"\n        />\n      </View>\n    );\n  }\n\n  if (!device || !showCamera) return <View style={[styles.container, style]} />;\n\n  return (\n    <View style={[styles.container, style]}>\n      <Camera\n        ref={camera}\n        style={StyleSheet.absoluteFill}\n        device={device}\n        isActive={showCamera && !isProcessing}\n        photo={true}\n        video={false} \n        audio={false} \n        onInitialized={onInitialized}\n        onError={onCameraError}\n      />\n      {overlayComponent}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, backgroundColor: 'black' },\n  permissionMessage: { color: 'white', textAlign: 'center', margin: 20, fontSize: 16 },\n});"]}
+{"version":3,"file":"EnhancedCameraView.js","sourceRoot":"","sources":["../../../src/components/EnhancedCameraView.tsx"],"names":[],"mappings":"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","sourcesContent":["// import React, { useCallback, useEffect, useRef, useState } from 'react';\n// import { View, StyleSheet, Text, AppState } from 'react-native';\n// import { Camera, useCameraDevice, useCameraFormat } from 'react-native-vision-camera'; \n// import VisionCameraModule from '../modules/camera/VisionCameraModule';\n// import { useI18n } from '../hooks/useI18n';\n// import { EnhancedCameraViewProps } from './OverLay/type';\n// import { Button } from './ui/Button';\n\n// export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({\n//   showCamera,\n//   cameraType: initialCameraType = 'front',\n//   style,\n//   onError,\n//   onSilentCapture,\n//   silentCaptureResult,\n//   isProcessing = false,\n//   overlayComponent,\n// }) => {\n//   const { t } = useI18n();\n//   const camera = useRef<Camera>(null);\n\n//   const isCapturingRef = useRef(false);\n//   const isProcessingRef = useRef(isProcessing);\n\n//   const [cameraType] = useState<'front' | 'back'>(initialCameraType);\n//   const [hasPermission, setHasPermission] = useState<boolean | null>(null);\n//   const [isInitialized, setIsInitialized] = useState(false);\n//   const [refreshCamera, setRefreshCamera] = useState(false);\n//   const [layout, setLayout] = useState({ width: 0, height: 0 });\n\n\n//   const device = useCameraDevice(cameraType, {\n//     physicalDevices: [\n//       'wide-angle-camera' // Explicitly request standard 1x lens\n//     ]\n//   });\n\n//   const targetRatio = layout.width > 0 ? layout.height / layout.width : 16 / 9;\n\n//   const format = useCameraFormat(device, [\n//     { photoAspectRatio: targetRatio },\n//     { photoResolution: 'max' } \n//   ]);\n\n//   useEffect(() => {\n//     isProcessingRef.current = isProcessing;\n//   }, [isProcessing]);\n\n//   const checkPermissions = async () => {\n//     try {\n//       const hasAllPermissions = await VisionCameraModule.hasAllPermissions();\n//       if (!hasAllPermissions) {\n//         const granted = await VisionCameraModule.requestAllPermissions();\n//         if (!granted) {\n//           setHasPermission(false);\n//           onError?.({ message: t('camera.permissionRequired') });\n//           return;\n//         }\n//       }\n//       setHasPermission(true);\n//     } catch (error) {\n//       setHasPermission(false);\n//       onError?.({ message: t('camera.errorOccurred') });\n//     }\n//   };\n\n//   useEffect(() => {\n//     if (showCamera) checkPermissions();\n//   }, [showCamera, refreshCamera]);\n\n//   useEffect(() => {\n//     const subscription = AppState.addEventListener('change', nextAppState => {\n//       if (nextAppState === 'active' && showCamera && hasPermission === false) {\n//         checkPermissions();\n//       }\n//     });\n//     return () => subscription.remove();\n//   }, [showCamera, hasPermission]);\n\n//   const onInitialized = useCallback(() => setIsInitialized(true), []);\n//   const onCameraError = useCallback((error: any) => {\n//     onError?.({ message: error.message || t('camera.errorOccurred') });\n//   }, [onError, t]);\n\n//   const captureSilentPhoto = useCallback(async () => {\n//     if (!camera.current || !isInitialized || isProcessingRef.current || isCapturingRef.current) return;\n//     if (silentCaptureResult?.isAnalyzing) return;\n\n//     try {\n//       isCapturingRef.current = true;\n//       const photo = await camera.current.takePhoto({\n//         enableShutterSound: false,\n//         flash: 'off',\n//       });\n//       const result = await VisionCameraModule.processPhotoResult(photo);\n\n//       onSilentCapture?.({\n//         ...result,\n//         path: result.path || photo.path,\n//       });\n//     } catch (error) {\n//       // Silent background fail\n//     } finally {\n//       isCapturingRef.current = false;\n//     }\n//   }, [isInitialized, onSilentCapture, silentCaptureResult]);\n\n//   useEffect(() => {\n//     if (!showCamera || !isInitialized || isProcessing) return;\n//     let isActive = true;\n//     let intervalId: ReturnType<typeof setInterval>;\n\n//     const warmupTimer = setTimeout(() => {\n//       if (!isActive) return;\n//       intervalId = setInterval(() => {\n//         captureSilentPhoto();\n//       }, 1500);\n//     }, 1000);\n\n//     return () => {\n//       isActive = false;\n//       clearTimeout(warmupTimer);\n//       if (intervalId) clearInterval(intervalId);\n//     };\n//   }, [showCamera, isInitialized, isProcessing, captureSilentPhoto]);\n\n//   if (hasPermission === null) return <View style={[styles.container, style]} />;\n\n//   if (hasPermission === false) {\n//     return (\n//       <View style={[styles.container, style, { justifyContent: 'center', alignItems: 'center' }]}>\n//         <Text style={styles.permissionMessage}>{t('camera.permissionRequired')}</Text>\n//         <Button title=\"Refresh Camera\" onPress={() => setRefreshCamera(prev => !prev)} variant=\"primary\" />\n//       </View>\n//     );\n//   }\n\n//   if (!device || !showCamera) return <View style={[styles.container, style]} />;\n\n//   return (\n//     <View \n//       style={[styles.container, style]}\n//       onLayout={(e) => setLayout({ width: e.nativeEvent.layout.width, height: e.nativeEvent.layout.height })}\n//     >\n//       <Camera\n//         ref={camera}\n//         style={StyleSheet.absoluteFill}\n//         device={device}\n//         format={format}           \n//         resizeMode=\"cover\"        \n//         isActive={showCamera && !isProcessing}\n//         photo={true}\n//         video={false}\n//         audio={false}\n//         onInitialized={onInitialized}\n//         onError={onCameraError}\n//       />\n//       {overlayComponent}\n//     </View>\n//   );\n// };\n\n// const styles = StyleSheet.create({\n//   container: { flex: 1, backgroundColor: 'black' },\n//   permissionMessage: { color: 'white', textAlign: 'center', margin: 20, fontSize: 16 },\n// });\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { View, StyleSheet, Text, AppState } from 'react-native';\nimport { Camera, useCameraDevice } from 'react-native-vision-camera'; \nimport VisionCameraModule from '../modules/camera/VisionCameraModule';\nimport { useI18n } from '../hooks/useI18n';\nimport { EnhancedCameraViewProps } from './OverLay/type';\nimport { Button } from './ui/Button';\n\nexport const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({\n  showCamera,\n  cameraType: initialCameraType = 'front',\n  style,\n  onError,\n  onSilentCapture,\n  silentCaptureResult,\n  isProcessing = false,\n  overlayComponent,\n}) => {\n  const { t } = useI18n();\n  const camera = useRef<Camera>(null);\n\n  const isCapturingRef = useRef(false);\n  const isProcessingRef = useRef(isProcessing);\n\n  const [cameraType] = useState<'front' | 'back'>(initialCameraType);\n  const [hasPermission, setHasPermission] = useState<boolean | null>(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [refreshCamera, setRefreshCamera] = useState(false);\n\n  // 🚨 THE FIX: Removed the strict physical device filtering and custom format.\n  // This allows Android to select its own supported, stable hardware stream, preventing crashes.\n  const device = useCameraDevice(cameraType);\n\n  useEffect(() => {\n    isProcessingRef.current = isProcessing;\n  }, [isProcessing]);\n\n  const checkPermissions = async () => {\n    try {\n      const hasAllPermissions = await VisionCameraModule.hasAllPermissions();\n      if (!hasAllPermissions) {\n        const granted = await VisionCameraModule.requestAllPermissions();\n        if (!granted) {\n          setHasPermission(false);\n          onError?.({ message: t('camera.permissionRequired') });\n          return;\n        }\n      }\n      setHasPermission(true);\n    } catch (error) {\n      setHasPermission(false);\n      onError?.({ message: t('camera.errorOccurred') });\n    }\n  };\n\n  useEffect(() => {\n    if (showCamera) checkPermissions();\n  }, [showCamera, refreshCamera]);\n\n  useEffect(() => {\n    const subscription = AppState.addEventListener('change', nextAppState => {\n      if (nextAppState === 'active' && showCamera && hasPermission === false) {\n        checkPermissions();\n      }\n    });\n    return () => subscription.remove();\n  }, [showCamera, hasPermission]);\n\n  const onInitialized = useCallback(() => setIsInitialized(true), []);\n  const onCameraError = useCallback((error: any) => {\n    onError?.({ message: error.message || t('camera.errorOccurred') });\n  }, [onError, t]);\n\n  const captureSilentPhoto = useCallback(async () => {\n    if (!camera.current || !isInitialized || isProcessingRef.current || isCapturingRef.current) return;\n    if (silentCaptureResult?.isAnalyzing) return;\n\n    try {\n      isCapturingRef.current = true;\n      const photo = await camera.current.takePhoto({\n        enableShutterSound: false,\n        flash: 'off',\n      });\n      \n      const result = await VisionCameraModule.processPhotoResult(photo);\n\n      onSilentCapture?.({\n        ...result,\n        path: result.path || photo.path,\n      });\n    } catch (error) {\n      // Silent background fail\n    } finally {\n      isCapturingRef.current = false;\n    }\n  }, [isInitialized, onSilentCapture, silentCaptureResult]);\n\n  useEffect(() => {\n    if (!showCamera || !isInitialized || isProcessing) return;\n    \n    let isActive = true;\n    let intervalId: ReturnType<typeof setInterval>;\n\n    const warmupTimer = setTimeout(() => {\n      if (!isActive) return;\n      intervalId = setInterval(() => {\n        captureSilentPhoto();\n      }, 1500);\n    }, 1000);\n\n    return () => {\n      isActive = false;\n      clearTimeout(warmupTimer);\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [showCamera, isInitialized, isProcessing, captureSilentPhoto]);\n\n  if (hasPermission === null) return <View style={[styles.container, style]} />;\n\n  if (hasPermission === false) {\n    return (\n      <View style={[styles.container, style, { justifyContent: 'center', alignItems: 'center' }]}>\n        <Text style={styles.permissionMessage}>{t('camera.permissionRequired')}</Text>\n        <Button title=\"Refresh Camera\" onPress={() => setRefreshCamera(prev => !prev)} variant=\"primary\" />\n      </View>\n    );\n  }\n\n  if (!device || !showCamera) return <View style={[styles.container, style]} />;\n\n  return (\n    <View style={[styles.container, style]}>\n      <Camera\n        ref={camera}\n        style={StyleSheet.absoluteFill}\n        device={device}\n        resizeMode=\"cover\"        \n        isActive={showCamera && !isProcessing}\n        photo={true}\n        video={false}\n        audio={false}\n        onInitialized={onInitialized}\n        onError={onCameraError}\n      />\n      {overlayComponent}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, backgroundColor: 'black' },\n  permissionMessage: { color: 'white', textAlign: 'center', margin: 20, fontSize: 16 },\n});"]}

package/build/src/components/KYCElements/IDCardCapture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IDCardCapture.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/IDCardCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,iBAAiB,EAAoI,MAAM,uBAAuB,CAAC;AAc5L,UAAU,cAAc;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAAE;AAC3F,UAAU,kBAAkB;IAAG,SAAS,EAAE,iBAAiB,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAAE;AAExO,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAudtD,CAAC"}
+{"version":3,"file":"IDCardCapture.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/IDCardCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,iBAAiB,EAAoI,MAAM,uBAAuB,CAAC;AAc5L,UAAU,cAAc;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAAE;AAC3F,UAAU,kBAAkB;IAAG,SAAS,EAAE,iBAAiB,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAAE;AAExO,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyftD,CAAC"}

package/build/src/components/KYCElements/IDCardCapture.js

@@ -74,9 +74,12 @@ export const IDCardCapture = ({ component, value = {}, onValueChange, error, lan
     const cameraConfig = useMemo(() => {
         const instructions = selectedDocumentType ? (locale === 'en' ? getDocumentTypeInfo(selectedDocumentType.type).instructions.en : getDocumentTypeInfo(selectedDocumentType.type).instructions.fr) : getLocalizedText(component.instructions);
         return {
-            cameraType: Platform.OS === 'web' ? cameraType : 'back', // Keep strictly 'back' on mobile
+            cameraType: Platform.OS === 'web' ? cameraType : 'back',
             flashMode: 'auto',
-            overlay: { guideText: instructions, bbox: { xMin: 15, yMin: 20, xMax: 85, yMax: 70, borderColor: '#2DBD60', borderWidth: 3, cornerRadius: 8 } }
+            overlay: {
+                guideText: instructions,
+                bbox: { xMin: 5, yMin: 15, xMax: 95, yMax: 85, borderColor: '#2DBD60', borderWidth: 3, cornerRadius: 8 }
+            }
         };
     }, [selectedDocumentType, locale, component.instructions, cameraType]);
     const retakePicture = (sideToRetake) => {
@@ -154,13 +157,22 @@ export const IDCardCapture = ({ component, value = {}, onValueChange, error, lan
         setProcessingImagePath(capturePath);
         try {
             let imagePathForUpload = capturePath;
-            if (verified.bbox) {
-                try {
-                    imagePathForUpload = await cropImageWithBBoxWithTolerance(capturePath, verified.bbox, 0.15);
-                }
-                catch {
-                    imagePathForUpload = capturePath;
-                }
+            // 🚨 THE FIX: Ignore the backend's broken absolute pixels. 
+            // Calculate the crop using the Green UI Frame percentages (0.0 to 1.0)
+            const overlayBbox = cameraConfig.overlay.bbox;
+            const uiCropBbox = {
+                minX: overlayBbox.xMin / 100,
+                minY: overlayBbox.yMin / 100,
+                width: (overlayBbox.xMax - overlayBbox.xMin) / 100,
+                height: (overlayBbox.yMax - overlayBbox.yMin) / 100,
+            };
+            try {
+                // Apply the crop using the UI percentages and a tight 2% tolerance
+                imagePathForUpload = await cropImageWithBBoxWithTolerance(capturePath, uiCropBbox, 0.02);
+            }
+            catch (e) {
+                console.warn("Crop failed, falling back to original image", e);
+                imagePathForUpload = capturePath; // Fallback to raw image if crop fails
             }
             const base64 = await pathToBase64(imagePathForUpload);
             const newImages = {
@@ -248,12 +260,27 @@ export const IDCardCapture = ({ component, value = {}, onValueChange, error, lan
                 await autoCapture(result.path, verifiedResult);
             }
             catch (error) {
-                console.error("Backend Error:", error);
-                const isCardNotFullyInFrame = error?.message === 'CARD_NOT_FULLY_IN_FRAME' || error?.message?.includes('entirement');
-                const errorMessage = isCardNotFullyInFrame
-                    ? t('kyc.idCardCapture.cardNotFullyInFrame')
-                    : (t('errors.genericVerificationFailed') || 'Verification failed. Please ensure the document is clear and try again.');
-                setSilentCaptureResult(prev => ({ ...prev, isAnalyzing: false, success: false, error: errorMessage }));
+                // 1. Keep the technical log for your debugging console
+                console.error("Backend Verification Error:", error);
+                // 2. Define a map of technical keywords to user-friendly messages
+                const rawMessage = (error?.message || '').toLowerCase();
+                let userFriendlyMessage = 'Verification failed. Please try again.';
+                if (rawMessage.includes('impossible') || rawMessage.includes('unreadable')) {
+                    userFriendlyMessage = 'Document unreadable. Please hold the camera steady in good light.';
+                }
+                else if (rawMessage.includes('country mismatch') || rawMessage.includes('pays sélectionné')) {
+                    userFriendlyMessage = 'The document does not match your selected country.';
+                }
+                else if (rawMessage.includes('too far') || rawMessage.includes('card_not_fully_in_frame')) {
+                    userFriendlyMessage = 'Move closer to the document and ensure all corners are visible.';
+                }
+                // 3. Set ONLY the friendly message to the UI state
+                setSilentCaptureResult(prev => ({
+                    ...prev,
+                    isAnalyzing: false,
+                    success: false,
+                    error: userFriendlyMessage
+                }));
             }
         }
     };