@trustchex/react-native-sdk 1.381.0 → 1.464.0

package/src/Screens/Static/OTPVerificationScreen.tsx

@@ -38,12 +38,15 @@ import {
   trackError,
   useScreenTracking,
 } from '../../Shared/Libs/analytics.utils';
+import { useKeepAwake } from '../../Shared/Libs/native-keep-awake.utils';
+import { useStatusBarWhiteBackground } from '../../Shared/Libs/status-bar.utils';
 
 type OTPVerificationScreenParams = {
   sessionId: string;
 };
 
 const OTPVerificationScreen = () => {
+  useKeepAwake();
   const route =
     useRoute<RouteProp<{ params: OTPVerificationScreenParams }, 'params'>>();
   const sessionId = route.params?.sessionId;
@@ -60,6 +63,9 @@ const OTPVerificationScreen = () => {
 
   useScreenTracking('otp_verification');
 
+  // Configure status bar for white background
+  useStatusBarWhiteBackground();
+
   // Guard: If sessionId is not provided, show error
   if (!sessionId) {
     return (

package/src/Screens/Static/QrCodeScanningScreen.tsx

@@ -5,11 +5,17 @@ import AppContext from '../../Shared/Contexts/AppContext';
 import QrCodeScannerCamera from '../../Shared/Components/QrCodeScannerCamera';
 import { useNavigation } from '@react-navigation/native';
 import { handleDeepLink } from '../../Shared/Libs/deeplink.utils';
+import { useKeepAwake } from '../../Shared/Libs/native-keep-awake.utils';
+import { useStatusBarWhiteBackground } from '../../Shared/Libs/status-bar.utils';
 
 const QrCodeScanningScreen = () => {
+  useKeepAwake();
   const appContext = React.useContext(AppContext);
   const navigation = useNavigation();
 
+  // Configure status bar for white background
+  useStatusBarWhiteBackground();
+
   const onQrCodeScanned = (data: string) => {
     const [bUrl, sId] = handleDeepLink({ url: data });
 
@@ -26,7 +32,7 @@ const QrCodeScanningScreen = () => {
         appContext.identificationInfo.sessionId = sId;
       }
 
-      navigation.navigate('VerificationSessionCheckScreen' as never);
+      navigation.goBack();
     }
   };
 

package/src/Screens/Static/ResultScreen.tsx

@@ -25,11 +25,14 @@ import type {
   IdentificationInfo,
   LivenessDetection,
   ScannedIdentityDocument,
+  VerbalConsentVideo,
 } from '../../Shared/Types/identificationInfo';
 import { runWithRetry } from '../../Shared/Libs/promise.utils';
+import { useStatusBarWhiteBackground } from '../../Shared/Libs/status-bar.utils';
 import NavigationManager, {
   type NavigationManagerRef,
 } from '../../Shared/Components/NavigationManager';
+import { getLocalizedCountryName } from '../../Shared/Libs/country-display.utils';
 import mrzUtils from '../../Shared/Libs/mrz.utils';
 import { useTranslation } from 'react-i18next';
 import { Video as VideoCompressor } from 'react-native-compressor';
@@ -53,14 +56,18 @@ const ResultScreen = () => {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [progress, setProgress] = useState(0);
   const navigationManagerRef = React.useRef<NavigationManagerRef>(null);
+  const hasSubmittedRef = React.useRef(false);
   const [shouldShowDemoData, setShouldShowDemoData] = useState(false);
   const [deviceIdentifier, setDeviceIdentifier] = useState<string>('');
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
   const insets = useSafeAreaInsets();
 
   // Track screen view and exit
   useScreenTracking('result_screen');
 
+  // Configure status bar for white background
+  useStatusBarWhiteBackground();
+
   const formatDate = useCallback((dateStr?: string | null) => {
     if (!dateStr) return '';
 
@@ -72,7 +79,7 @@ const ResultScreen = () => {
         const dd = dateStr.substring(4, 6);
 
         // Assume 19xx if YY >= 50, else 20xx
-        const year = parseInt(yy) >= 50 ? `19${yy}` : `20${yy}`;
+        const year = parseInt(yy, 10) >= 50 ? `19${yy}` : `20${yy}`;
         return `${dd}/${mm}/${year}`;
       }
 
@@ -91,13 +98,47 @@ const ResultScreen = () => {
     }
   }, []);
 
+  const formatGender = useCallback(
+    (code?: string | null) => {
+      switch (code?.toUpperCase()) {
+        case 'M':
+          return t('eidScannerScreen.genderMale');
+        case 'F':
+          return t('eidScannerScreen.genderFemale');
+        default:
+          return t('eidScannerScreen.genderUnspecified');
+      }
+    },
+    [t]
+  );
+
+  const formatDocumentType = useCallback(
+    (code?: string | null) => {
+      if (!code) return '';
+      const upper = code.toUpperCase();
+      if (upper.startsWith('P')) return t('eidScannerScreen.docTypePassport');
+      if (upper.startsWith('I')) return t('eidScannerScreen.docTypeID');
+      if (upper.startsWith('A')) return t('eidScannerScreen.docTypeResidence');
+      if (upper.startsWith('V')) return t('eidScannerScreen.docTypeVisa');
+      return code;
+    },
+    [t]
+  );
+
+  const formatNationality = useCallback(
+    (code?: string | null) => {
+      return getLocalizedCountryName(code, i18n.language);
+    },
+    [i18n.language]
+  );
+
   const apiUrl = useMemo(
     () => `${appContext.baseUrl}/api/app/mobile`,
     [appContext.baseUrl]
   );
 
   useEffect(() => {
-    if (appContext.isDemoSession) {
+    if (appContext.isDemoSession || appContext.isTestVideoSession) {
       setShouldShowDemoData(true);
       // Generate device identifier for demo
       NativeDeviceInfo.generateHumanReadableIdentifier().then(
@@ -107,6 +148,7 @@ const ResultScreen = () => {
   }, [
     appContext.identificationInfo.identificationId,
     appContext.isDemoSession,
+    appContext.isTestVideoSession,
   ]);
 
   const createIdentification = useCallback(
@@ -187,22 +229,22 @@ const ResultScreen = () => {
         throw new Error('MRZ fields not found');
       }
 
+      // Backend payload must contain raw MRZ data only.
+      // Human-friendly formatting is strictly for UI rendering paths.
+      const rawMrzFields = scannedDocument.mrzFields;
+
       const identificationDocument = {
-        type: scannedDocument.mrzFields.documentCode,
-        name: scannedDocument.mrzFields.firstName,
-        surname: scannedDocument.mrzFields.lastName,
-        gender: getGenderEnumType(scannedDocument.mrzFields.sex),
-        number: scannedDocument.mrzFields.documentNumber,
-        country: scannedDocument.mrzFields.issuingState,
+        type: rawMrzFields.documentCode,
+        name: rawMrzFields.firstName,
+        surname: rawMrzFields.lastName,
+        gender: getGenderEnumType(rawMrzFields.sex),
+        number: rawMrzFields.documentNumber,
+        country: rawMrzFields.issuingState,
         barcodeValue: scannedDocument.barcodeValue,
-        personalNumber:
-          scannedDocument.mrzFields.personalNumber ||
-          scannedDocument.mrzFields.optional1,
-        birthDate: mrzUtils.convertMRZDateToISODate(
-          scannedDocument.mrzFields.birthDate
-        ),
+        personalNumber: rawMrzFields.personalNumber || rawMrzFields.optional1,
+        birthDate: mrzUtils.convertMRZDateToISODate(rawMrzFields.birthDate),
         expiryDate: mrzUtils.convertMRZDateToISODate(
-          scannedDocument.mrzFields.expirationDate
+          rawMrzFields.expirationDate
         ),
         dataSource: scannedDocument.dataSource,
         mrzText: scannedDocument.mrzText,
@@ -227,8 +269,17 @@ const ResultScreen = () => {
     async (
       identificationId: string,
       scannedIdentityDocument?: ScannedIdentityDocument,
-      livenessDetection?: LivenessDetection
+      livenessDetection?: LivenessDetection,
+      skipIfAlreadyUploaded?: boolean
     ) => {
+      // Skip media upload if already uploaded during video call
+      if (skipIfAlreadyUploaded) {
+        console.log(
+          '[ResultScreen] Media already uploaded during video call, skipping'
+        );
+        return;
+      }
+
       const uploadFileOptions: RNFS.UploadFileOptions = {
         toUrl: `${apiUrl}/identifications/${identificationId}/media`,
         method: 'POST',
@@ -287,7 +338,9 @@ const ResultScreen = () => {
         const extension =
           scannedIdentityDocument.faceImageMimeType === 'image/jp2'
             ? 'jp2'
-            : 'jpg';
+            : scannedIdentityDocument.faceImageMimeType === 'image/png'
+              ? 'png'
+              : 'jpg';
         await RNFS.writeFile(
           decodeURIComponent(
             `${RNFS.TemporaryDirectoryPath}/FACE_IMAGE.${extension}`
@@ -378,10 +431,9 @@ const ResultScreen = () => {
         if (livenessVideoPath) {
           let videoFilePath: string;
           if (Platform.OS === 'ios') {
-            await RNFS.mkdir(
-              `${RNFS.TemporaryDirectoryPath}/${new Date().getTime()}`
-            );
-            videoFilePath = `${RNFS.TemporaryDirectoryPath}/${new Date().getTime()}/LIVENESS_VIDEO.mp4`;
+            const tmpTimestamp = new Date().getTime();
+            await RNFS.mkdir(`${RNFS.TemporaryDirectoryPath}/${tmpTimestamp}`);
+            videoFilePath = `${RNFS.TemporaryDirectoryPath}/${tmpTimestamp}/LIVENESS_VIDEO.mp4`;
           } else {
             videoFilePath = `${RNFS.TemporaryDirectoryPath}/LIVENESS_VIDEO.mp4`;
           }
@@ -414,6 +466,10 @@ const ResultScreen = () => {
         }
       }
 
+      if (uploadFileOptions.files.length === 0) {
+        return;
+      }
+
       const response = await RNFS.uploadFiles(uploadFileOptions).promise;
 
       if (![200, 201, 204].includes(response.statusCode)) {
@@ -423,6 +479,68 @@ const ResultScreen = () => {
     [apiUrl]
   );
 
+  const uploadVerbalConsentVideos = useCallback(
+    async (
+      identificationId: string,
+      verbalConsentVideos?: VerbalConsentVideo[]
+    ) => {
+      if (!verbalConsentVideos?.length) {
+        return;
+      }
+
+      for (const consentVideo of verbalConsentVideos) {
+        const normalizedPath = consentVideo.videoPath.replace('file://', '');
+        let targetPath: string;
+        if (Platform.OS === 'ios') {
+          const tmpTimestamp = new Date().getTime();
+          await RNFS.mkdir(`${RNFS.TemporaryDirectoryPath}/${tmpTimestamp}`);
+          targetPath = `${RNFS.TemporaryDirectoryPath}/${tmpTimestamp}/VERBAL_CONSENT_VIDEO.mp4`;
+        } else {
+          targetPath = `${RNFS.TemporaryDirectoryPath}/VERBAL_CONSENT_VIDEO.mp4`;
+        }
+
+        await RNFS.copyFile(normalizedPath, targetPath);
+
+        const compressedVideoPath = await VideoCompressor.compress(targetPath, {
+          compressionMethod: 'manual',
+          bitrate: 500000, // 500 kbps
+          maxSize: 1280, // HD 720p
+          minimumFileSizeForCompress: 0, // Always compress
+        });
+
+        const compressedNormalizedPath = compressedVideoPath.replace(
+          'file://',
+          ''
+        );
+
+        const response = await RNFS.uploadFiles({
+          toUrl: `${apiUrl}/identifications/${identificationId}/media`,
+          method: 'POST',
+          headers: {
+            Accept: 'application/json',
+          },
+          fields: {
+            consentTitle: consentVideo.title,
+            consentText: consentVideo.text,
+          },
+          files: [
+            {
+              name: 'files',
+              filename: 'VERBAL_CONSENT_VIDEO.mp4',
+              filepath: compressedNormalizedPath,
+              filetype: 'video/mp4',
+            },
+          ],
+        }).promise;
+
+        if (![200, 201, 204].includes(response.statusCode)) {
+          throw new Error('Verbal consent video upload failed');
+        }
+      }
+    },
+    [apiUrl]
+  );
+
   const submit = useCallback(
     async (identificationInfo: IdentificationInfo) => {
       try {
@@ -432,11 +550,16 @@ const ResultScreen = () => {
           throw new Error('IdentificationId not found');
         }
 
+        const alreadyUploaded =
+          !!identificationInfo.mediaUploadedDuringVideoCall;
+
         const sessionKey = await runWithRetry(() =>
           getSessionKey(apiUrl, appContext.identificationInfo.sessionId)
         );
 
-        await runWithRetry(() => createIdentification(identificationId));
+        if (!alreadyUploaded) {
+          await runWithRetry(() => createIdentification(identificationId));
+        }
         setProgress(20);
 
         await runWithRetry(() =>
@@ -444,27 +567,37 @@ const ResultScreen = () => {
         );
         setProgress(30);
 
-        const scannedIdentityDocument = identificationInfo.scannedDocument;
-        if (
-          scannedIdentityDocument &&
-          scannedIdentityDocument.documentType !== 'UNKNOWN'
-        ) {
+        if (!alreadyUploaded) {
+          const scannedIdentityDocument = identificationInfo.scannedDocument;
+          if (
+            scannedIdentityDocument &&
+            scannedIdentityDocument.documentType !== 'UNKNOWN'
+          ) {
+            await runWithRetry(() =>
+              submitIdentificationDocument(
+                identificationId,
+                scannedIdentityDocument,
+                sessionKey
+              )
+            );
+          }
+          setProgress(40);
+
+          const livenessDetection = identificationInfo.livenessDetection;
           await runWithRetry(() =>
-            submitIdentificationDocument(
+            uploadIdentificationMedia(
               identificationId,
               scannedIdentityDocument,
-              sessionKey
+              livenessDetection,
+              false
             )
           );
         }
-        setProgress(40);
 
-        const livenessDetection = identificationInfo.livenessDetection;
         await runWithRetry(() =>
-          uploadIdentificationMedia(
+          uploadVerbalConsentVideos(
             identificationId,
-            scannedIdentityDocument,
-            livenessDetection
+            identificationInfo.verbalConsentVideos
           )
         );
         setProgress(90);
@@ -524,6 +657,7 @@ const ResultScreen = () => {
       createIdentification,
       apiUrl,
       uploadIdentificationMedia,
+      uploadVerbalConsentVideos,
       finishIdentification,
       submitIdentificationDocument,
       submitIdentificationConsent,
@@ -533,13 +667,28 @@ const ResultScreen = () => {
   );
 
   useEffect(() => {
-    if (appContext.identificationInfo && !appContext.isDemoSession) {
+    if (
+      appContext.identificationInfo &&
+      !appContext.isDemoSession &&
+      !appContext.isTestVideoSession &&
+      !hasSubmittedRef.current
+    ) {
+      hasSubmittedRef.current = true;
       submit(appContext.identificationInfo);
     }
-  }, [appContext.identificationInfo, appContext.isDemoSession, submit]);
+  }, [
+    appContext.identificationInfo,
+    appContext.isDemoSession,
+    appContext.isTestVideoSession,
+    submit,
+  ]);
 
   useEffect(() => {
-    if (progress === 100 && !appContext.isDemoSession) {
+    if (
+      progress === 100 &&
+      !appContext.isDemoSession &&
+      !appContext.isTestVideoSession
+    ) {
       setTimeout(() => {
         appContext.onCompleted?.();
         navigationManagerRef.current?.reset();
@@ -601,10 +750,10 @@ const ResultScreen = () => {
                           {t('eidScannerScreen.documentCode')}:
                         </Text>
                         <Text style={styles.mrzInfoText}>
-                          {
+                          {formatDocumentType(
                             appContext.identificationInfo.scannedDocument
                               .mrzFields?.documentCode
-                          }
+                          )}
                         </Text>
                       </View>
                       <View style={styles.mrzInfoItem}>
@@ -612,10 +761,12 @@ const ResultScreen = () => {
                           {t('eidScannerScreen.nationality')}:
                         </Text>
                         <Text style={styles.mrzInfoText}>
-                          {
+                          {formatNationality(
                             appContext.identificationInfo.scannedDocument
-                              .mrzFields?.issuingState
-                          }
+                              .mrzFields?.nationality ||
+                              appContext.identificationInfo.scannedDocument
+                                .mrzFields?.issuingState
+                          )}
                         </Text>
                       </View>
                       <View style={styles.mrzInfoItem}>
@@ -678,10 +829,10 @@ const ResultScreen = () => {
                           {t('eidScannerScreen.gender')}:
                         </Text>
                         <Text style={styles.mrzInfoText}>
-                          {
+                          {formatGender(
                             appContext.identificationInfo.scannedDocument
                               .mrzFields?.sex
-                          }
+                          )}
                         </Text>
                       </View>
                       <View style={styles.mrzInfoItem}>
@@ -883,6 +1034,41 @@ const ResultScreen = () => {
                     </ScrollView>
                   </>
                 )}
+
+                {!!appContext.identificationInfo.verbalConsentVideos
+                  ?.length && (
+                  <>
+                    <Text style={styles.sectionHeader}>
+                      {t('resultScreen.demoVerbalConsent')}
+                    </Text>
+                    {appContext.identificationInfo.verbalConsentVideos.map(
+                      (consentVideo, index) => (
+                        <View key={`${consentVideo.videoPath}-${index}`}>
+                          <Text style={styles.sectionText}>
+                            {t('resultScreen.demoVerbalConsentTitle')}:{' '}
+                            {consentVideo.title}
+                          </Text>
+                          <Text style={styles.sectionText}>
+                            {t('resultScreen.demoVerbalConsentText')}:{' '}
+                            {consentVideo.text}
+                          </Text>
+                          <Text style={styles.sectionText}>
+                            {t('resultScreen.demoVideo')}
+                          </Text>
+                          <Video
+                            source={{
+                              uri: consentVideo.videoPath,
+                            }}
+                            resizeMode="contain"
+                            style={styles.video}
+                            controls={true}
+                            muted={false}
+                          />
+                        </View>
+                      )
+                    )}
+                  </>
+                )}
               </View>
             </ScrollView>
             <View style={{ paddingBottom: insets.bottom }}>
@@ -973,9 +1159,10 @@ const styles = StyleSheet.create({
   },
   image: {
     width: 100,
-    height: 100,
-    objectFit: 'contain',
-    borderRadius: 8,
+    height: 140,
+    objectFit: 'cover',
+    borderRadius: 12,
+    overflow: 'hidden',
   },
   imageItem: {
     display: 'flex',