@transfergratis/react-native-sdk 0.1.29 → 0.1.31

package/src/components/KYCElements/IDCardCapture.tsx

@@ -44,8 +44,7 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
   const [showCamera, setShowCamera] = useState(false);
   const [capturedImages, setCapturedImages] = useState<Record<string, IIDCardPayload>>(value || {});
   // const [cropImageUri, setCropImageUri] = useState<string>('');
-  const [currentSide, setCurrentSide] = useState<string>('front');
-  // Stocker les bbox par côté pour pouvoir restaurer les images croppées
+  const [currentSide, setCurrentSide] = useState<'front' | 'back'>('front');
   const [bboxBySide, setBboxBySide] = useState<Record<string, IBbox>>({});
   const [silentCaptureResult, setSilentCaptureResult] = useState<ISilentCaptureResult>({ success: false, isAnalyzing: false });
   const [showQRModal, setShowQRModal] = useState(false);
@@ -169,24 +168,34 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
     };
   }, [selectedDocumentType, locale, component.instructions]);
 
-  const retakePicture = (currentSide: string) => {
+  const retakePicture = (sideToRetake: 'front' | 'back') => {
+    // 1. Turn the camera back on and hide the stepper
     setShowCamera(true);
     actions.showCustomStepper(false);
-    setCapturedImages({ ...capturedImages, [currentSide]: { dir: '', file: '', mrz: '' } });
-    
-    setSilentCaptureResult((prev) => ({ 
-        ...prev, 
-        path: '', 
-        success: false, 
-        isAnalyzing: false, 
-        error: '',
-        templatePath: '', 
-        bbox: undefined,  
-        mrz: ''           
-    }));
+
+    // 2. WIPE LOCAL STATE: Use functional update to prevent stale closures
+    setCapturedImages((prev) => {
+      const newState = { ...prev };
+      delete newState[sideToRetake]; 
+      return newState;
+    });
+
+    setSilentCaptureResult({
+      path: '',
+      success: false,
+      isAnalyzing: false,
+      error: '',
+      templatePath: '',
+      mrz: '',
+      bbox: undefined,
+    });
+
     
-    // setCropImageUri('');
-    onValueChange({ ...value, [currentSide]: { dir: '', file: '', mrz: '' } });
+    if (value) {
+      const newValue = { ...value };
+      delete newValue[sideToRetake]; 
+      onValueChange(newValue);
+    }
   };
 
 
@@ -315,26 +324,33 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
           };
           console.log("frontVerification params", verificationParams);
           console.log("About to call frontVerification function");
+
           const promise = frontVerification(verificationParams, env);
           console.log("frontVerification promise created", promise);
-          promise.then((mrz) => {
-            logger.log("front verification result", truncateFields(mrz));
-            const bbox = (mrz as any)?.bbox || templateBbox;
+          
+          promise.then((res: any) => {
+            logger.log("front verification result", truncateFields(res));
+            const bbox = res?.bbox || templateBbox;
+            
             setSilentCaptureResult((prev) => ({
               ...prev,
               path: result.path,
               templatePath: templatePath,
-              bbox: bbox, success: true,
-              mrz: JSON.stringify(mrz), isAnalyzing: false,
+              bbox: bbox, 
+              success: true,
+              mrz: res?.mrz ? JSON.stringify(res.mrz) : "", 
+              isAnalyzing: false,
               country: countryData?.code,
               documentType: selectedDocumentType.type,
-            }),
-            );
+            }));
+            
             // Stocker le bbox pour ce côté
             if (bbox && typeof bbox === 'object') {
               setBboxBySide((prev) => ({ ...prev, [currentSide]: bbox }));
             }
 
+          }).catch((e: any) => {
+
           }).catch((e: any) => {
             console.log("error front verification", e);
             logger.log("error front verification", truncateFields(e));
@@ -354,6 +370,7 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
       } else {
         const backRegionMappings = getCurrentSideVerification(currentSide);
         logger.log("Calling backVerification", { templatePath, selectedDocumentType: selectedDocumentType.type, backRegionMappings });
+        
         backVerification({
           path: result.path,
           regionMapping: {
@@ -365,16 +382,21 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
           currentSide: currentSide,
           templatePath: templatePath,
           mrzType: getCorrespondingMrzType(templatePath, backRegionMappings.regionMapping, backRegionMappings.key || '') || '',
-        }, env).then((mrz) => {
-          logger.log("back verification result", truncateFields(mrz));
-          const bbox = (mrz as any)?.bbox || templateBbox;
+        }, env).then((res: any) => { 
+          logger.log("back verification result", truncateFields(res));
+          const bbox = res?.bbox || templateBbox;
+          
           setSilentCaptureResult((prev) => ({
-            ...prev, path: result.path, bbox: bbox,
-            success: true, mrz: JSON.stringify(mrz), isAnalyzing: false,
+            ...prev, 
+            path: result.path, 
+            bbox: bbox,
+            success: true, 
+            mrz: res?.mrz ? JSON.stringify(res.mrz) : "", 
+            isAnalyzing: false,
             country: countryData?.code,
             documentType: selectedDocumentType.type,
-
           }));
+          
           // Stocker le bbox pour ce côté
           if (bbox && typeof bbox === 'object') {
             setBboxBySide((prev) => ({ ...prev, [currentSide]: bbox }));
@@ -389,7 +411,7 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
             ? t('kyc.idCardCapture.cardNotFullyInFrame')
             : (e?.message || 'Erreur de détection du MRZ');
           setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, templatePath: templatePath, success: false, error: errorMessage }));
-        })
+        });
       }
 
     }
@@ -633,6 +655,26 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
             </Text>
 
             <View style={{ alignItems: 'center', justifyContent: 'center', flexDirection: "column", gap: 16 }}>
+              {silentCaptureResult?.error === 'TOO_FAR_AWAY' && (
+              <View style={{ 
+                backgroundColor: '#FF9500', 
+                padding: 12, 
+                borderRadius: 8, 
+                width: '100%',
+                shadowColor: '#000',
+                shadowOffset: { width: 0, height: 2 },
+                shadowOpacity: 0.2,
+                shadowRadius: 4,
+                elevation: 4
+              }}>
+                <Text style={{ color: 'white', fontWeight: 'bold', textAlign: 'center', fontSize: 16 }}>
+                  {state.currentLanguage === "en" 
+                    ? "Move the document closer to the camera." 
+                    : "Veuillez rapprocher le document de la caméra."}
+                </Text>
+              </View>
+            )}
+
             <View
                 style={{
                   width: '100%',
@@ -645,18 +687,17 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
                   shadowOpacity: 0.18,
                   shadowRadius: 8,
                   elevation: 8,
-                  backgroundColor: '#fff', 
+                  backgroundColor: '#000', 
                 }}
               >
-                {/* Simplified logic: Always show the saved, pre-cropped capture! */}
                 {capturedImages[currentSide]?.dir ? (
                   <Image
                     source={{ uri: capturedImages[currentSide].dir }}
                     style={{
                       width: '100%',
-                      height: 200,
+                      height: '100%', 
                       borderRadius: 12,
-                      resizeMode: 'cover',
+                      resizeMode: 'contain', 
                     }}
                   />
                 ) : silentCaptureResult.path ? (
@@ -664,9 +705,9 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
                     source={{ uri: silentCaptureResult.path }}
                     style={{
                       width: '100%',
-                      height: 200,
+                      height: '100%',
                       borderRadius: 12,
-                      resizeMode: 'cover',
+                      resizeMode: 'contain', 
                     }}
                   />
                 ) : null}

package/src/config/region_mapping.json

@@ -73,7 +73,7 @@
         "identity_card": {
             "root": [
                 {
-                    "py_file": "cameroon_id_back_1_1.py",
+                    "py_file": "cameroon_id_back_1_1_new.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
@@ -96,11 +96,7 @@
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "cameroon_id_front_1_1.py",
-                    "keys_found": null
-                },
-                {
-                    "py_file": "cameroon_id_front_2_1.py",
+                    "py_file": "cameroon_id_front_1_1_new.py",
                     "keys_found": null
                 },
                 {
@@ -599,30 +595,26 @@
         "identity_card": {
             "root": [
                 {
-                    "py_file": "back_1.py",
+                    "py_file": "back_2.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "back_2.py",
-                    "back": "MRZ",
-                    "mrz_type": "TD1"
+                    "py_file": "front_3.py",
+                    "keys_found": null
                 },
                 {
-                    "py_file": "back_3.py",
+                    "py_file": "kenya_back_1.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "front_1.py",
-                    "keys_found": null
-                },
-                {
-                    "py_file": "front_2.py",
-                    "keys_found": null
+                    "py_file": "kenya_back_3.py",
+                    "back": "MRZ",
+                    "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "front_3.py",
+                    "py_file": "kenya_front_2.py",
                     "keys_found": null
                 }
             ]

package/src/config/region_mapping.ts

@@ -75,7 +75,7 @@ export const countryMapping: Record<string, Record<string, Record<string, ICount
         "identity_card": {
             "root": [
                 {
-                    "py_file": "cameroon_id_back_1_1.py",
+                    "py_file": "cameroon_id_back_1_1_new.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
@@ -98,11 +98,7 @@ export const countryMapping: Record<string, Record<string, Record<string, ICount
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "cameroon_id_front_1_1.py",
-                    "keys_found": null
-                },
-                {
-                    "py_file": "cameroon_id_front_2_1.py",
+                    "py_file": "cameroon_id_front_1_1_new.py",
                     "keys_found": null
                 },
                 {
@@ -601,30 +597,26 @@ export const countryMapping: Record<string, Record<string, Record<string, ICount
         "identity_card": {
             "root": [
                 {
-                    "py_file": "back_1.py",
+                    "py_file": "back_2.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "back_2.py",
-                    "back": "MRZ",
-                    "mrz_type": "TD1"
+                    "py_file": "front_3.py",
+                    "keys_found": null
                 },
                 {
-                    "py_file": "back_3.py",
+                    "py_file": "kenya_back_1.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "front_1.py",
-                    "keys_found": null
-                },
-                {
-                    "py_file": "front_2.py",
-                    "keys_found": null
+                    "py_file": "kenya_back_3.py",
+                    "back": "MRZ",
+                    "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "front_3.py",
+                    "py_file": "kenya_front_2.py",
                     "keys_found": null
                 }
             ]