@trustchex/react-native-sdk 1.464.0 → 1.472.0

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

@@ -5,6 +5,8 @@ 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';
@@ -107,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';
 
@@ -320,120 +331,82 @@ const EIDScanner = ({
         children: t('eidScannerScreen.startScanning')
       })]
     }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [isScanned && /*#__PURE__*/_jsxs(View, {
-        style: styles.resultCard,
+      children: [isScanned && documentMRZInfo && /*#__PURE__*/_jsxs(View, {
+        style: styles.idCardWrapper,
         children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.resultHeader,
-          children: [documentFaceImage && (documentFaceImageMimeType === 'image/jpeg' || documentFaceImageMimeType === 'image/png') ? /*#__PURE__*/_jsx(Image, {
-            source: {
-              uri: `data:${documentFaceImageMimeType};base64,${documentFaceImage}`
-            },
-            style: styles.faceImage,
-            resizeMode: "cover"
-          }) : /*#__PURE__*/_jsx(View, {
-            style: styles.faceImagePlaceholder,
+          style: styles.idCard,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.idCardStrip, {
+              backgroundColor: appContext.branding.primaryColor
+            }],
             children: /*#__PURE__*/_jsx(Text, {
-              style: styles.faceImagePlaceholderText,
-              children: "?"
-            })
-          }), documentMRZInfo && /*#__PURE__*/_jsxs(View, {
-            style: styles.resultHeaderInfo,
-            children: [/*#__PURE__*/_jsxs(Text, {
-              style: styles.fullName,
-              numberOfLines: 2,
-              children: [documentMRZInfo.getSecondaryIdentifier(), ' ', documentMRZInfo.getPrimaryIdentifier()]
-            }), /*#__PURE__*/_jsxs(Text, {
-              style: styles.subInfo,
-              children: [formatNationality(documentMRZInfo.getNationality()), " \xB7", ' ', formatDocumentType(documentMRZInfo.getDocumentCode())]
-            }), /*#__PURE__*/_jsxs(Text, {
-              style: styles.subInfo,
-              children: [formatGender(documentMRZInfo.getGender().getStrCode()), " \xB7", ' ', formatDate(documentMRZInfo.getDateOfBirth())]
-            })]
-          })]
-        }), documentMRZInfo && /*#__PURE__*/_jsxs(View, {
-          style: styles.mrzInfo,
-          children: [/*#__PURE__*/_jsxs(View, {
-            style: styles.mrzInfoItem,
-            children: [/*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsx(Text, {
-              style: styles.mrzInfoLabel,
-              children: t('eidScannerScreen.documentCode')
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.mrzInfoText,
+              style: styles.idCardStripDocType,
               children: formatDocumentType(documentMRZInfo.getDocumentCode())
-            })]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.mrzInfoItem,
-            children: [/*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsx(Text, {
-              style: styles.mrzInfoLabel,
-              children: t('eidScannerScreen.nationality')
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.mrzInfoText,
-              children: formatNationality(documentMRZInfo.getNationality())
-            })]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.mrzInfoItem,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.mrzInfoLabel,
-              children: t('eidScannerScreen.gender')
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.mrzInfoText,
-              children: formatGender(documentMRZInfo.getGender().getStrCode())
-            })]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.mrzInfoItem,
-            children: [/*#__PURE__*/_jsx(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__*/_jsx(Text, {
-              style: styles.mrzInfoLabel,
-              children: t('eidScannerScreen.expirationDate')
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.mrzInfoText,
-              children: formatDate(documentMRZInfo.getDateOfExpiry())
+            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,
@@ -472,7 +445,7 @@ const EIDScanner = ({
           onPress: readNFC,
           children: t('eidScannerScreen.startScanning')
         })
-      }), hasNfc && isEnabled && isScanned && /*#__PURE__*/_jsx(View, {
+      }), hasNfc && isEnabled && isScanned && !documentMRZInfo && /*#__PURE__*/_jsx(View, {
         style: styles.buttonsContainer,
         children: /*#__PURE__*/_jsx(StyledButton, {
           mode: "contained",
@@ -557,86 +530,102 @@ const styles = StyleSheet.create({
     color: 'black',
     textAlign: 'center'
   },
-  resultCard: {
+  // ── ID Card result layout ──────────────────────────────────────────────
+  idCardWrapper: {
+    gap: 10
+  },
+  idCard: {
     backgroundColor: '#fff',
-    borderRadius: 16,
-    padding: 16,
-    gap: 16,
+    borderRadius: 14,
+    overflow: 'hidden',
     shadowColor: '#000',
     shadowOffset: {
       width: 0,
-      height: 2
+      height: 3
     },
-    shadowOpacity: 0.08,
-    shadowRadius: 8,
-    elevation: 3,
+    shadowOpacity: 0.12,
+    shadowRadius: 10,
+    elevation: 4,
     borderWidth: 1,
-    borderColor: '#f0f0f0'
+    borderColor: '#e8e8e8'
   },
-  resultHeader: {
+  idCardStrip: {
     flexDirection: 'row',
-    gap: 14,
-    alignItems: 'flex-start'
-  },
-  resultHeaderInfo: {
-    flex: 1,
-    gap: 4,
-    justifyContent: 'center'
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 12,
+    paddingVertical: 6
   },
-  fullName: {
-    fontSize: 17,
+  idCardStripDocType: {
+    color: '#fff',
+    fontSize: 12,
     fontWeight: '700',
-    color: '#111',
-    letterSpacing: 0.2
+    letterSpacing: 0.5,
+    textTransform: 'uppercase'
   },
-  subInfo: {
-    fontSize: 13,
-    color: '#666',
-    fontWeight: '500'
+  idCardStripIssuer: {
+    color: 'rgba(255,255,255,0.85)',
+    fontSize: 12,
+    fontWeight: '600',
+    letterSpacing: 0.3
   },
-  faceImage: {
-    width: 90,
-    height: 115,
+  idCardBody: {
+    flexDirection: 'row',
+    alignItems: 'stretch'
+  },
+  idCardPhotoContainer: {
+    width: 110,
+    padding: 8,
+    alignSelf: 'stretch'
+  },
+  idCardPhotoFrame: {
+    flex: 1,
     borderRadius: 10,
-    overflow: 'hidden'
+    overflow: 'hidden',
+    borderWidth: 1,
+    borderColor: 'rgba(0,0,0,0.12)'
+  },
+  idCardPhoto: {
+    flex: 1
   },
-  faceImagePlaceholder: {
-    width: 90,
-    height: 115,
+  idCardPhotoPlaceholder: {
+    flex: 1,
     borderRadius: 10,
     backgroundColor: '#f5f5f5',
     alignItems: 'center',
     justifyContent: 'center'
   },
-  faceImagePlaceholderText: {
-    fontSize: 32,
+  idCardPhotoPlaceholderText: {
+    fontSize: 30,
     color: '#ccc'
   },
-  mrzInfo: {
-    flexDirection: 'column',
-    width: '100%',
-    gap: 2
-  },
-  mrzInfoItem: {
+  idCardFields: {
+    flex: 1,
     flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    paddingVertical: 8,
-    borderBottomColor: '#f0f0f0',
-    borderBottomWidth: 1
+    flexWrap: 'wrap',
+    gap: 6,
+    alignContent: 'flex-start',
+    padding: 10
   },
-  mrzInfoLabel: {
-    color: '#888',
-    fontSize: 13,
-    fontWeight: '500'
+  idCardFieldItem: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: '45%',
+    minWidth: 0
   },
-  mrzInfoText: {
-    color: '#111',
-    fontSize: 13,
+  idCardFieldLabel: {
+    fontSize: 8,
     fontWeight: '600',
-    textAlign: 'right',
+    color: '#999',
+    letterSpacing: 0.3,
+    marginBottom: 1
+  },
+  idCardFieldValue: {
+    fontSize: 11,
+    fontWeight: '600',
+    color: '#111',
     flexShrink: 1,
-    marginLeft: 8
+    flexWrap: 'wrap'
   },
   guide: {
     flex: 1,
@@ -667,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.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);
     };