@trustchex/react-native-sdk 1.409.0 → 1.472.0

package/lib/module/Shared/Components/EIDScanner.js

@@ -5,12 +5,15 @@ import { Alert, View, Text, Image, StyleSheet, Animated } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import NFCManager from 'react-native-nfc-manager';
 import DeviceInfo from 'react-native-device-info';
+import PermissionManager from "../Libs/permissions.utils.js";
+import { debugError } from "../Libs/debug.utils.js";
 import { eidReader } from "../EIDReader/eidReader.js";
 import NativeProgressBar from "./NativeProgressBar.js";
 import { useTranslation } from 'react-i18next';
 import AppContext from "../Contexts/AppContext.js";
 import StyledButton from "./StyledButton.js";
 import LottieView from 'lottie-react-native';
+import { getLocalizedCountryName } from "../Libs/country-display.utils.js";
 import { useKeepAwake } from "../Libs/native-keep-awake.utils.js";
 import { speak, resetLastMessage } from "../Libs/tts.utils.js";
 import { trackEIDScanStart, trackEIDScanComplete, trackEIDScanFailed } from "../Libs/analytics.utils.js";
@@ -68,9 +71,32 @@ const EIDScanner = ({
   const [isScanned, setIsScanned] = React.useState(false);
   const [hasGuideShown, setHasGuideShown] = React.useState(false);
   const {
-    t
+    t,
+    i18n
   } = useTranslation();
   const appContext = React.useContext(AppContext);
+  const formatGender = useCallback(code => {
+    switch (code?.toUpperCase()) {
+      case 'M':
+        return t('eidScannerScreen.genderMale', 'Male');
+      case 'F':
+        return t('eidScannerScreen.genderFemale', 'Female');
+      default:
+        return t('eidScannerScreen.genderUnspecified', 'Unspecified');
+    }
+  }, [t]);
+  const formatDocumentType = useCallback(code => {
+    if (!code) return '';
+    const upper = code.toUpperCase();
+    if (upper.startsWith('P')) return t('eidScannerScreen.docTypePassport', 'Passport');
+    if (upper.startsWith('I')) return t('eidScannerScreen.docTypeID', 'ID Card');
+    if (upper.startsWith('A')) return t('eidScannerScreen.docTypeResidence', 'Residence Permit');
+    if (upper.startsWith('V')) return t('eidScannerScreen.docTypeVisa', 'Visa');
+    return code;
+  }, [t]);
+  const formatNationality = useCallback(code => {
+    return getLocalizedCountryName(code, i18n.language);
+  }, [i18n.language]);
   const [voiceGuidanceMessage, setVoiceGuidanceMessage] = useState();
   const [attemptNumber, setAttemptNumber] = useState(0);
   const readNFC = useCallback(async () => {
@@ -83,6 +109,15 @@ const EIDScanner = ({
     setProgressStage('');
     resetLastMessage();
 
+    // Check NFC permissions before attempting to scan
+    const hasNFCPermission = await PermissionManager.requestPermission('nfc');
+    if (!hasNFCPermission) {
+      debugError('EIDScanner', 'NFC permission denied');
+      setIsScanning(false);
+      Alert.alert(t('eidScannerScreen.error'), t('eidScannerScreen.nfcPermissionDenied', 'NFC permission is required to scan your document'));
+      return;
+    }
+
     // Track EID scan start using analytics helper
     const docType = documentType || 'UNKNOWN';
 
@@ -296,102 +331,82 @@ const EIDScanner = ({
         children: t('eidScannerScreen.startScanning')
       })]
     }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [isScanned && documentFaceImage && documentFaceImageMimeType === 'image/jpeg' && /*#__PURE__*/_jsx(Image, {
-        source: {
-          uri: `data:${documentFaceImageMimeType};base64,${documentFaceImage}`
-        },
-        style: styles.faceImage
-      }), isScanned && documentFaceImage &&
-      // TODO Add support for jp2 images
-      documentFaceImageMimeType === 'image/jp2' && /*#__PURE__*/_jsx(Text, {
-        style: styles.mainText,
-        children: t('eidScannerScreen.imageCannotBeShown')
-      }), isScanned && !documentFaceImage && /*#__PURE__*/_jsx(Text, {
-        style: styles.mainText,
-        children: t('eidScannerScreen.faceImageNotFound')
-      }), isScanned && documentMRZInfo && /*#__PURE__*/_jsxs(View, {
-        style: styles.mrzInfo,
+      children: [isScanned && documentMRZInfo && /*#__PURE__*/_jsxs(View, {
+        style: styles.idCardWrapper,
         children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfoItem,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.mrzInfoLabel,
-            children: [t('eidScannerScreen.documentCode'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.mrzInfoText,
-            children: documentMRZInfo.getDocumentCode()
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfoItem,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.mrzInfoLabel,
-            children: [t('eidScannerScreen.nationality'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.mrzInfoText,
-            children: documentMRZInfo.getNationality()
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfoItem,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.mrzInfoLabel,
-            children: [t('eidScannerScreen.personalNumber'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.mrzInfoText,
-            children: documentMRZInfo.getOptionalData1()
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfoItem,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.mrzInfoLabel,
-            children: [t('eidScannerScreen.documentNumber'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.mrzInfoText,
-            children: documentMRZInfo.getDocumentNumber()
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfoItem,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.mrzInfoLabel,
-            children: [t('eidScannerScreen.name'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.mrzInfoText,
-            children: documentMRZInfo.getSecondaryIdentifier()
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfoItem,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.mrzInfoLabel,
-            children: [t('eidScannerScreen.surname'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.mrzInfoText,
-            children: documentMRZInfo.getPrimaryIdentifier()
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfoItem,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.mrzInfoLabel,
-            children: [t('eidScannerScreen.birthDate'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.mrzInfoText,
-            children: formatDate(documentMRZInfo.getDateOfBirth())
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfoItem,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.mrzInfoLabel,
-            children: [t('eidScannerScreen.gender'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.mrzInfoText,
-            children: documentMRZInfo.getGender().getStrCode()
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfoItem,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.mrzInfoLabel,
-            children: [t('eidScannerScreen.expirationDate'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.mrzInfoText,
-            children: formatDate(documentMRZInfo.getDateOfExpiry())
+          style: styles.idCard,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.idCardStrip, {
+              backgroundColor: appContext.branding.primaryColor
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.idCardStripDocType,
+              children: formatDocumentType(documentMRZInfo.getDocumentCode())
+            })
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.idCardBody,
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles.idCardPhotoContainer,
+              children: /*#__PURE__*/_jsx(View, {
+                style: styles.idCardPhotoFrame,
+                children: documentFaceImage && (documentFaceImageMimeType === 'image/jpeg' || documentFaceImageMimeType === 'image/png') ? /*#__PURE__*/_jsx(Image, {
+                  source: {
+                    uri: `data:${documentFaceImageMimeType};base64,${documentFaceImage}`
+                  },
+                  style: styles.idCardPhoto,
+                  resizeMode: "cover"
+                }) : /*#__PURE__*/_jsx(View, {
+                  style: styles.idCardPhotoPlaceholder,
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: styles.idCardPhotoPlaceholderText,
+                    children: "?"
+                  })
+                })
+              })
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.idCardFields,
+              children: [/*#__PURE__*/_jsx(IDCardField, {
+                label: t('eidScannerScreen.surname'),
+                value: documentMRZInfo.getPrimaryIdentifier()
+              }), /*#__PURE__*/_jsx(IDCardField, {
+                label: t('eidScannerScreen.name'),
+                value: documentMRZInfo.getSecondaryIdentifier()
+              }), /*#__PURE__*/_jsx(IDCardField, {
+                label: t('eidScannerScreen.documentNumber'),
+                value: documentMRZInfo.getDocumentNumber()
+              }), /*#__PURE__*/_jsx(IDCardField, {
+                label: t('eidScannerScreen.birthDate'),
+                value: formatDate(documentMRZInfo.getDateOfBirth())
+              }), /*#__PURE__*/_jsx(IDCardField, {
+                label: t('eidScannerScreen.expirationDate'),
+                value: formatDate(documentMRZInfo.getDateOfExpiry())
+              }), /*#__PURE__*/_jsx(IDCardField, {
+                label: t('eidScannerScreen.gender'),
+                value: formatGender(documentMRZInfo.getGender().getStrCode())
+              }), /*#__PURE__*/_jsx(IDCardField, {
+                label: t('eidScannerScreen.nationality'),
+                value: formatNationality(documentMRZInfo.getNationality())
+              }), /*#__PURE__*/_jsx(IDCardField, {
+                label: t('eidScannerScreen.issuingState'),
+                value: formatNationality(documentMRZInfo.getIssuingState())
+              }), !!(documentMRZInfo.getPersonalNumber() || documentMRZInfo.getOptionalData1()) && /*#__PURE__*/_jsx(IDCardField, {
+                label: t('eidScannerScreen.personalNumber'),
+                value: documentMRZInfo.getPersonalNumber() || documentMRZInfo.getOptionalData1() || ''
+              })]
+            })]
           })]
+        }), hasNfc && isEnabled && isScanned && /*#__PURE__*/_jsx(View, {
+          style: styles.buttonsContainer,
+          children: /*#__PURE__*/_jsx(StyledButton, {
+            mode: "contained",
+            disabled: !documentFaceImage || !documentMRZInfo,
+            onPress: () => {
+              if (onScanSuccess && documentMRZInfo && documentFaceImage && documentFaceImageMimeType) {
+                onScanSuccess(getFieldsFromMRZ(documentMRZInfo), documentFaceImage, documentFaceImageMimeType);
+              }
+            },
+            children: t('eidScannerScreen.approveAndContinue')
+          })
         })]
       }), !hasNfc && /*#__PURE__*/_jsx(Text, {
         style: styles.mainText,
@@ -423,7 +438,14 @@ const EIDScanner = ({
       }) || documentType === 'UNKNOWN' && /*#__PURE__*/_jsx(Text, {
         style: styles.mainText,
         children: t('eidScannerScreen.placeDocumentOnNFC')
-      })), hasNfc && isEnabled && isScanned && /*#__PURE__*/_jsx(View, {
+      })), hasNfc && isEnabled && !isScanning && !isScanned && /*#__PURE__*/_jsx(View, {
+        style: styles.buttonsContainer,
+        children: /*#__PURE__*/_jsx(StyledButton, {
+          mode: "contained",
+          onPress: readNFC,
+          children: t('eidScannerScreen.startScanning')
+        })
+      }), hasNfc && isEnabled && isScanned && !documentMRZInfo && /*#__PURE__*/_jsx(View, {
         style: styles.buttonsContainer,
         children: /*#__PURE__*/_jsx(StyledButton, {
           mode: "contained",
@@ -508,31 +530,102 @@ const styles = StyleSheet.create({
     color: 'black',
     textAlign: 'center'
   },
-  faceImage: {
-    width: 150,
-    height: 150,
-    borderRadius: 150,
-    borderColor: 'lightgray',
-    borderWidth: 1,
-    alignSelf: 'center'
+  // ── ID Card result layout ──────────────────────────────────────────────
+  idCardWrapper: {
+    gap: 10
   },
-  mrzInfo: {
-    flexDirection: 'column',
-    width: '100%'
+  idCard: {
+    backgroundColor: '#fff',
+    borderRadius: 14,
+    overflow: 'hidden',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 3
+    },
+    shadowOpacity: 0.12,
+    shadowRadius: 10,
+    elevation: 4,
+    borderWidth: 1,
+    borderColor: '#e8e8e8'
   },
-  mrzInfoItem: {
+  idCardStrip: {
     flexDirection: 'row',
     justifyContent: 'space-between',
-    borderBottomColor: 'lightgray',
-    borderBottomWidth: 1,
-    paddingVertical: 5
+    alignItems: 'center',
+    paddingHorizontal: 12,
+    paddingVertical: 6
   },
-  mrzInfoLabel: {
-    color: 'black',
-    fontWeight: 'bold'
+  idCardStripDocType: {
+    color: '#fff',
+    fontSize: 12,
+    fontWeight: '700',
+    letterSpacing: 0.5,
+    textTransform: 'uppercase'
+  },
+  idCardStripIssuer: {
+    color: 'rgba(255,255,255,0.85)',
+    fontSize: 12,
+    fontWeight: '600',
+    letterSpacing: 0.3
   },
-  mrzInfoText: {
-    color: 'black'
+  idCardBody: {
+    flexDirection: 'row',
+    alignItems: 'stretch'
+  },
+  idCardPhotoContainer: {
+    width: 110,
+    padding: 8,
+    alignSelf: 'stretch'
+  },
+  idCardPhotoFrame: {
+    flex: 1,
+    borderRadius: 10,
+    overflow: 'hidden',
+    borderWidth: 1,
+    borderColor: 'rgba(0,0,0,0.12)'
+  },
+  idCardPhoto: {
+    flex: 1
+  },
+  idCardPhotoPlaceholder: {
+    flex: 1,
+    borderRadius: 10,
+    backgroundColor: '#f5f5f5',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  idCardPhotoPlaceholderText: {
+    fontSize: 30,
+    color: '#ccc'
+  },
+  idCardFields: {
+    flex: 1,
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 6,
+    alignContent: 'flex-start',
+    padding: 10
+  },
+  idCardFieldItem: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: '45%',
+    minWidth: 0
+  },
+  idCardFieldLabel: {
+    fontSize: 8,
+    fontWeight: '600',
+    color: '#999',
+    letterSpacing: 0.3,
+    marginBottom: 1
+  },
+  idCardFieldValue: {
+    fontSize: 11,
+    fontWeight: '600',
+    color: '#111',
+    flexShrink: 1,
+    flexWrap: 'wrap'
   },
   guide: {
     flex: 1,
@@ -563,4 +656,18 @@ const styles = StyleSheet.create({
     fontSize: 14
   }
 });
+const IDCardField = ({
+  label,
+  value
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.idCardFieldItem,
+  children: [/*#__PURE__*/_jsx(Text, {
+    style: styles.idCardFieldLabel,
+    numberOfLines: 1,
+    children: label
+  }), /*#__PURE__*/_jsx(Text, {
+    style: styles.idCardFieldValue,
+    children: value || '—'
+  })]
+});
 export default EIDScanner;

package/lib/module/Shared/Components/FaceCamera.js

@@ -3,8 +3,9 @@
 import { useIsFocused } from '@react-navigation/native';
 import { useKeepAwake } from "../Libs/native-keep-awake.utils.js";
 import { debugLog, debugWarn, debugError, logError } from "../Libs/debug.utils.js";
+import PermissionManager from "../Libs/permissions.utils.js";
 import React, { useEffect, useState, useRef, useCallback } from 'react';
-import { StyleSheet, Text, View, Platform, Linking, ActivityIndicator, NativeModules, PermissionsAndroid } from 'react-native';
+import { StyleSheet, Text, View, Linking, ActivityIndicator, NativeModules } from 'react-native';
 import { TrustchexCamera } from "./TrustchexCamera.js";
 import { useTranslation } from 'react-i18next';
 import StyledButton from "./StyledButton.js";
@@ -41,13 +42,18 @@ const FaceCamera = ({
   } = useTranslation();
   useEffect(() => {
     const requestPermissions = async () => {
-      if (Platform.OS === 'android') {
-        const cameraGranted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.CAMERA);
-        const audioGranted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.RECORD_AUDIO);
-        setHasPermission(cameraGranted === PermissionsAndroid.RESULTS.GRANTED && audioGranted === PermissionsAndroid.RESULTS.GRANTED);
-      } else {
-        // iOS permissions handled by native camera
-        setHasPermission(true);
+      try {
+        const permissions = await PermissionManager.requestPermissions(['camera', 'microphone']);
+        const hasCamera = permissions.get('camera') ?? false;
+        const hasMicrophone = permissions.get('microphone') ?? false;
+        debugLog('FaceCamera', 'Permissions requested:', {
+          camera: hasCamera,
+          microphone: hasMicrophone
+        });
+        setHasPermission(hasCamera && hasMicrophone);
+      } catch (error) {
+        debugError('FaceCamera', 'Permission request failed:', error);
+        setHasPermission(false);
       }
       setPermissionsRequested(true);
     };

package/lib/module/Shared/Components/IdentityDocumentCamera.flows.js

@@ -8,7 +8,7 @@
  * KEY DISTINGUISHING FEATURES:
  * =============================
  * PASSPORT: Has MRZ on FRONT with pattern P<XXX (e.g., P<TUR, P<USA)
- * ID CARD:  Has NO MRZ on front; MRZ only on BACK with code 'I'
+ * ID CARD:  Has NO MRZ on front; MRZ only on BACK with code starting with I, A, or C
  *
  * IMPORTANT: Both passports and ID cards have signature sections!
  * Signature presence is NOT a distinguishing feature between document types.
@@ -31,6 +31,8 @@
  */
 
 import { PASSPORT_MRZ_PATTERN } from "./IdentityDocumentCamera.constants.js";
+import { isIDCardDocumentCode } from "./IdentityDocumentCamera.utils.js";
+
 /**
  * After this many retry attempts for ID_FRONT flow, proceed with face detection alone
  * even if signature text OCR fails. This prevents blocking users due to OCR limitations.
@@ -178,10 +180,10 @@ export function handleIDFrontFlow(faces, text, mrzText, mrzFields, retryCount) {
   }
 
   // ============================================================================
-  // STEP 4: Final MRZ code check (if present, must be 'I' not 'P')
+  // STEP 4: Final MRZ code check (if present, must be an ID card code, not P)
   // ============================================================================
   // ID cards should NOT have MRZ on front, but if detected, verify it's not passport
-  if (mrzFields?.documentCode && mrzFields.documentCode !== 'I') {
+  if (mrzFields?.documentCode && !isIDCardDocumentCode(mrzFields.documentCode)) {
     return {
       shouldProceed: false,
       reason: `MRZ shows unexpected document code: ${mrzFields.documentCode}`,

package/lib/module/Shared/Components/IdentityDocumentCamera.js

@@ -2,10 +2,11 @@
 
 /* eslint-disable react-native/no-inline-styles */
 import React, { useEffect, useState, useRef, useCallback } from 'react';
-import { View, StyleSheet, Text as TextView, Platform, StatusBar, Vibration, Linking, ActivityIndicator, PermissionsAndroid, Animated } from 'react-native';
+import { View, StyleSheet, Text as TextView, Platform, StatusBar, Vibration, Linking, ActivityIndicator, Animated } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { TrustchexCamera } from "./TrustchexCamera.js";
 import { NativeModules } from 'react-native';
+import PermissionManager from "../Libs/permissions.utils.js";
 import mrzUtils from "../Libs/mrz.utils.js";
 import { useKeepAwake } from "../Libs/native-keep-awake.utils.js";
 import { useIsFocused } from '@react-navigation/native';
@@ -120,11 +121,11 @@ const IdentityDocumentCamera = ({
   } = useTranslation();
   useEffect(() => {
     const requestPermissions = async () => {
-      if (Platform.OS === 'android') {
-        const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.CAMERA);
-        setHasPermission(granted === PermissionsAndroid.RESULTS.GRANTED);
-      } else {
-        setHasPermission(true);
+      try {
+        const hasCameraPermission = await PermissionManager.requestPermission('camera');
+        setHasPermission(hasCameraPermission);
+      } catch (error) {
+        setHasPermission(false);
       }
       setPermissionsRequested(true);
     };
@@ -224,7 +225,9 @@ const IdentityDocumentCamera = ({
     } else {
       // Guide screen with white background - use dark icons
       StatusBar.setBarStyle('dark-content', true);
-      StatusBar.setBackgroundColor('#ffffff', true);
+      if (Platform.OS === 'android') {
+        StatusBar.setBackgroundColor('#ffffff', true);
+      }
     }
   }, [hasGuideShown]);
 
@@ -1483,6 +1486,53 @@ const IdentityDocumentCamera = ({
   const handleCameraError = useCallback(event => {
     console.error('Camera error:', event.nativeEvent.error);
   }, []);
+
+  // Show the guide immediately — the guide is pure UI and does not need
+  // camera access. Permission is requested in the background (useEffect) so
+  // it will usually be resolved by the time the user taps "Let's Go".
+  // This avoids a white/blank screen while the async permission check runs.
+  if (!hasGuideShown) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: StyleSheet.absoluteFill,
+      children: [/*#__PURE__*/_jsx(StatusBar, {
+        barStyle: "dark-content",
+        backgroundColor: "#ffffff",
+        translucent: true
+      }), /*#__PURE__*/_jsxs(SafeAreaView, {
+        style: styles.guide,
+        children: [/*#__PURE__*/_jsx(LottieView, {
+          source: require('../../Shared/Animations/id-or-passport.json'),
+          style: styles.guideAnimation,
+          loop: true,
+          autoPlay: true
+        }), /*#__PURE__*/_jsx(TextView, {
+          style: styles.guideHeader,
+          children: t('identityDocumentCamera.guideHeader')
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.guidePoints,
+          children: [/*#__PURE__*/_jsx(TextView, {
+            style: styles.guideText,
+            children: t('identityDocumentCamera.guideText')
+          }), /*#__PURE__*/_jsxs(TextView, {
+            style: styles.guideText,
+            children: ["\u2022 ", t('identityDocumentCamera.guidePoint1')]
+          }), /*#__PURE__*/_jsxs(TextView, {
+            style: styles.guideText,
+            children: ["\u2022 ", t('identityDocumentCamera.guidePoint2')]
+          }), /*#__PURE__*/_jsxs(TextView, {
+            style: styles.guideText,
+            children: ["\u2022 ", t('identityDocumentCamera.guidePoint3')]
+          })]
+        }), /*#__PURE__*/_jsx(StyledButton, {
+          mode: "contained",
+          onPress: () => {
+            setHasGuideShown(true);
+          },
+          children: t('general.letsGo')
+        })]
+      })]
+    });
+  }
   if (!permissionsRequested) {
     return /*#__PURE__*/_jsxs(SafeAreaView, {
       style: styles.permissionContainer,
@@ -1514,42 +1564,10 @@ const IdentityDocumentCamera = ({
   return /*#__PURE__*/_jsxs(View, {
     style: StyleSheet.absoluteFill,
     children: [/*#__PURE__*/_jsx(StatusBar, {
-      barStyle: hasGuideShown ? 'light-content' : 'dark-content',
-      backgroundColor: hasGuideShown ? 'transparent' : '#ffffff',
+      barStyle: "light-content",
+      backgroundColor: "transparent",
       translucent: true
-    }), !hasGuideShown ? /*#__PURE__*/_jsxs(SafeAreaView, {
-      style: styles.guide,
-      children: [/*#__PURE__*/_jsx(LottieView, {
-        source: require('../../Shared/Animations/id-or-passport.json'),
-        style: styles.guideAnimation,
-        loop: true,
-        autoPlay: true
-      }), /*#__PURE__*/_jsx(TextView, {
-        style: styles.guideHeader,
-        children: t('identityDocumentCamera.guideHeader')
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.guidePoints,
-        children: [/*#__PURE__*/_jsx(TextView, {
-          style: styles.guideText,
-          children: t('identityDocumentCamera.guideText')
-        }), /*#__PURE__*/_jsxs(TextView, {
-          style: styles.guideText,
-          children: ["\u2022 ", t('identityDocumentCamera.guidePoint1')]
-        }), /*#__PURE__*/_jsxs(TextView, {
-          style: styles.guideText,
-          children: ["\u2022 ", t('identityDocumentCamera.guidePoint2')]
-        }), /*#__PURE__*/_jsxs(TextView, {
-          style: styles.guideText,
-          children: ["\u2022 ", t('identityDocumentCamera.guidePoint3')]
-        })]
-      }), /*#__PURE__*/_jsx(StyledButton, {
-        mode: "contained",
-        onPress: () => {
-          setHasGuideShown(true);
-        },
-        children: t('general.letsGo')
-      })]
-    }) : /*#__PURE__*/_jsxs(_Fragment, {
+    }), /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(TrustchexCamera, {
         ref: cameraRef,
         style: StyleSheet.absoluteFill,

package/lib/module/Shared/Components/IdentityDocumentCamera.utils.js

@@ -4,6 +4,15 @@ import { Dimensions } from 'react-native';
 import { SIGNATURE_REGEX, PASSPORT_MRZ_PATTERN } from "./IdentityDocumentCamera.constants.js";
 import { debugLog, isDebugEnabled } from "../Libs/debug.utils.js";
 
+/**
+ * Checks if a document code represents an ID card (TD1/TD2).
+ * Per ICAO 9303, valid ID card codes start with 'I', 'A', or 'C'.
+ */
+export function isIDCardDocumentCode(code) {
+  if (!code) return false;
+  return code.startsWith('I') || code.startsWith('A') || code.startsWith('C');
+}
+
 /**
  * Frame-to-screen coordinate transform using FILL_CENTER scaling
  */
@@ -175,8 +184,8 @@ export function detectDocumentType(faces, ocrText, mrzFields, frameWidth, mrzTex
     });
   }
 
-  // ID Back: no face + ID MRZ
-  if (faces.length === 0 && mrzFields?.documentCode === 'I') {
+  // ID Back: no face + ID MRZ (codes starting with I, A, or C per ICAO 9303)
+  if (faces.length === 0 && isIDCardDocumentCode(mrzFields?.documentCode)) {
     return 'ID_BACK';
   }
 
@@ -205,8 +214,8 @@ export function detectDocumentType(faces, ocrText, mrzFields, frameWidth, mrzTex
     // Filter to card-sized faces only (min 5% of frame width to exclude tiny background faces)
     const cardSizedFaces = frameWidth ? faces.filter(face => face.bounds.width >= frameWidth * 0.05 && face.bounds.height >= frameWidth * 0.05) : faces;
     if (cardSizedFaces.length > 0) {
-      // If we have MRZ code 'I', it's definitely an ID card
-      if (mrzFields?.documentCode === 'I') {
+      // If we have an ID card MRZ code (I, A, or C), it's definitely an ID card
+      if (isIDCardDocumentCode(mrzFields?.documentCode)) {
         return 'ID_FRONT';
       }