@trustchex/react-native-sdk 1.250.0 → 1.266.0

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EACL,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,qBAAqB,EACrB,YAAY,EACZ,sBAAsB,EACtB,yBAAyB,EACzB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,GACd,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,YAAY,EACZ,kBAAkB,GACnB,MAAM,gCAAgC,CAAC;AAExC,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trustchex/react-native-sdk",
-  "version": "1.250.0",
+  "version": "1.266.0",
   "description": "Trustchex mobile app react native SDK for android or ios devices",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -98,7 +98,6 @@
     "react-native-gesture-handler": "^2.27.1",
     "react-native-get-random-values": "^1.11.0",
     "react-native-nfc-manager": "^3.16.2",
-    "react-native-paper": "^5.14.5",
     "react-native-safe-area-context": "^5.5.2",
     "react-native-screens": "^4.13.1",
     "react-native-svg": "^15.12.0",
@@ -118,7 +117,8 @@
     "crypto-js": "^4.2.0",
     "i18next": "^25.3.2",
     "mrz": "^4.2.1",
-    "react-i18next": "^15.6.0"
+    "react-i18next": "^15.6.0",
+    "uuid": "^11.0.3"
   },
   "peerDependencies": {
     "@react-native-community/image-editor": ">=4.3.0",
@@ -135,7 +135,6 @@
     "react-native-gesture-handler": ">=2.27.1",
     "react-native-get-random-values": ">=1.11.0",
     "react-native-nfc-manager": ">=3.16.2",
-    "react-native-paper": ">=5.14.5",
     "react-native-safe-area-context": ">=5.5.2",
     "react-native-screens": ">=4.13.1",
     "react-native-svg": ">=15.12.0",
@@ -188,9 +187,6 @@
     "react-native-nfc-manager": {
       "optional": false
     },
-    "react-native-paper": {
-      "optional": false
-    },
     "react-native-safe-area-context": {
       "optional": false
     },
@@ -225,6 +221,9 @@
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
       "<rootDir>/lib/"
+    ],
+    "transformIgnorePatterns": [
+      "node_modules/(?!(uuid|react-native|@react-native|react-native-device-info|react-native-get-random-values|react-native-fs)/)"
     ]
   },
   "commitlint": {

package/src/Screens/Dynamic/ContractAcceptanceScreen.tsx

@@ -15,6 +15,14 @@ import { getI18n, useTranslation } from 'react-i18next';
 import StyledButton from '../../Shared/Components/StyledButton';
 import NativeDeviceInfo from '../../Shared/Libs/native-device-info.utils';
 import { speakWithDebounce } from '../../Shared/Libs/tts.utils';
+import {
+  trackFunnelStep,
+  useScreenTracking,
+  trackConsentGiven,
+  trackVerificationStart,
+  trackVerificationComplete,
+  trackError,
+} from '../../Shared/Libs/analytics.utils';
 
 const ContractAcceptanceScreen = () => {
   const [isEnabled, setIsEnabled] = useState(false);
@@ -26,6 +34,9 @@ const ContractAcceptanceScreen = () => {
   const atTheEnd = useRef(false);
   const { t } = useTranslation();
 
+  // Track screen view and exit
+  useScreenTracking('contract_acceptance');
+
   useEffect(() => {
     const contracts = appContext.currentWorkflowStep?.data?.contracts;
     if (!contracts) {
@@ -56,7 +67,7 @@ const ContractAcceptanceScreen = () => {
       const paddingToBottom = 10;
       if (
         layoutMeasurement.height + contentOffset.y >=
-          contentSize.height - paddingToBottom &&
+        contentSize.height - paddingToBottom &&
         isReady
       ) {
         setIsEnabled(true);
@@ -91,9 +102,23 @@ const ContractAcceptanceScreen = () => {
         scalesPageToFit={false}
         scrollEnabled={true}
         style={styles.webView}
+        onError={(syntheticEvent) => {
+          const { nativeEvent } = syntheticEvent;
+          trackError(
+            'CONTRACT_WEBVIEW_ERROR',
+            nativeEvent.description || 'Failed to load contract',
+            'contract_acceptance',
+            'medium',
+            { recoverable: true, userAction: 'load_contract' }
+          );
+        }}
         onLoadEnd={(event) => {
           if (event.nativeEvent.url === contractUrl) {
             setIsReady(true);
+
+            // Track contract acceptance started
+            trackVerificationStart('CONTRACT_ACCEPTANCE');
+
             if (appContext.currentWorkflowStep?.data?.voiceGuidanceActive) {
               speakWithDebounce(t('termsOfUseAndDataPrivacyScreen.footerText'));
             }
@@ -128,6 +153,15 @@ const ContractAcceptanceScreen = () => {
               appContext.identificationInfo.consent = consent;
             }
 
+            // Track contract acceptance completed
+            trackVerificationComplete('CONTRACT_ACCEPTANCE', true, 1);
+
+            // Track contract acceptance as funnel event
+            trackConsentGiven(consent.contractIds, 'contract_acceptance');
+
+            // Track contract acceptance as funnel step
+            trackFunnelStep('Contract Accepted', 1, 5, 'session_start', true);
+
             navigationManagerRef.current?.navigateToNextStep();
           }}
         >

package/src/Screens/Dynamic/IdentityDocumentEIDScanningScreen.tsx

@@ -10,6 +10,12 @@ import IdentityDocumentCamera, {
   type DocumentScannedData,
 } from '../../Shared/Components/IdentityDocumentCamera';
 import { useTranslation } from 'react-i18next';
+import {
+  trackFunnelStep,
+  useScreenTracking,
+  trackVerificationStart,
+  trackVerificationComplete,
+} from '../../Shared/Libs/analytics.utils';
 
 const IdentityDocumentEIDScanningScreen = () => {
   const appContext = useContext(AppContext);
@@ -33,6 +39,14 @@ const IdentityDocumentEIDScanningScreen = () => {
     null
   );
 
+  // Track screen view and exit
+  useScreenTracking('nfc_scanning');
+
+  // Track EID scan step started when component mounts
+  useEffect(() => {
+    trackVerificationStart('IDENTITY_DOCUMENT_EID_SCAN');
+  }, []);
+
   useEffect(() => {
     if (appContext.identificationInfo.scannedDocument?.mrzFields) {
       const {
@@ -105,6 +119,8 @@ const IdentityDocumentEIDScanningScreen = () => {
                 if (allowedCountries && allowedCountries.length > 0) {
                   const countryCode = mrzFields.issuingState;
                   if (!allowedCountries.includes(countryCode as 'TUR')) {
+                    // Workflow validation - user's document country not in allowed list
+                    // Expected behavior, not a bug
                     Alert.alert(
                       t('general.error'),
                       t('general.countryNotAllowed')
@@ -120,6 +136,8 @@ const IdentityDocumentEIDScanningScreen = () => {
                   if (
                     !allowedDocumentTypes.includes(documentCode as 'I' | 'P')
                   ) {
+                    // Workflow validation - user's document type not in allowed list
+                    // Expected behavior, not a bug
                     Alert.alert(
                       t('general.error'),
                       t('general.documentTypeNotAllowed')
@@ -130,6 +148,18 @@ const IdentityDocumentEIDScanningScreen = () => {
                   }
                 }
 
+                // Track successful EID step completion
+                trackVerificationComplete('IDENTITY_DOCUMENT_EID_SCAN', true, 1);
+
+                // Track successful NFC completion as funnel step
+                trackFunnelStep(
+                  'NFC Scan Completed',
+                  4,
+                  5,
+                  'liveness_detection',
+                  true
+                );
+
                 navigationManagerRef.current?.navigateToNextStep();
               }
             }}

package/src/Screens/Dynamic/IdentityDocumentScanningScreen.tsx

@@ -10,6 +10,12 @@ import NavigationManager, {
   type NavigationManagerRef,
 } from '../../Shared/Components/NavigationManager';
 import { useTranslation } from 'react-i18next';
+import {
+  trackFunnelStep,
+  useScreenTracking,
+  trackVerificationStart,
+  trackVerificationComplete,
+} from '../../Shared/Libs/analytics.utils';
 
 const IdentityDocumentScanningScreen = () => {
   const [idFrontSideData, setIDFrontSideData] =
@@ -28,6 +34,14 @@ const IdentityDocumentScanningScreen = () => {
     null
   );
 
+  // Track screen view and exit
+  useScreenTracking('document_scanning');
+
+  // Track document scan started when component mounts
+  useEffect(() => {
+    trackVerificationStart('IDENTITY_DOCUMENT_SCAN');
+  }, []);
+
   useEffect(() => {
     if (
       ((idFrontSideData && idBackSideData) || passportData) &&
@@ -71,6 +85,8 @@ const IdentityDocumentScanningScreen = () => {
       if (allowedCountries && allowedCountries.length > 0) {
         const countryCode = mrzFields.issuingState;
         if (!allowedCountries.includes(countryCode as 'TUR')) {
+          // Workflow validation - user's document country not in allowed list
+          // Expected behavior, not a bug
           Alert.alert(t('general.error'), t('general.countryNotAllowed'));
           appContext.onError?.(t('general.countryNotAllowed'));
           navigationManagerRef.current?.reset();
@@ -81,6 +97,8 @@ const IdentityDocumentScanningScreen = () => {
       if (allowedDocumentTypes && allowedDocumentTypes.length > 0) {
         const documentCode = mrzFields.documentCode;
         if (!allowedDocumentTypes.includes(documentCode as 'I' | 'P')) {
+          // Workflow validation - user's document type not in allowed list
+          // Expected behavior, not a bug
           Alert.alert(t('general.error'), t('general.documentTypeNotAllowed'));
           appContext.onError?.(t('general.documentTypeNotAllowed'));
           navigationManagerRef.current?.reset();
@@ -88,6 +106,18 @@ const IdentityDocumentScanningScreen = () => {
         }
       }
 
+      // Track successful document scan completion
+      trackVerificationComplete('IDENTITY_DOCUMENT_SCAN', true, 1);
+
+      // Track successful document scan completion as funnel step
+      trackFunnelStep(
+        'Document Scan Completed',
+        2,
+        5,
+        'contract_acceptance',
+        true
+      );
+
       setTimeout(
         () => navigationManagerRef.current?.navigateToNextStep(),
         1000

package/src/Screens/Dynamic/LivenessDetectionScreen.tsx

@@ -28,6 +28,12 @@ import { useTranslation } from 'react-i18next';
 import StyledButton from '../../Shared/Components/StyledButton';
 import LottieView from 'lottie-react-native';
 import { speakWithDebounce } from '../../Shared/Libs/tts.utils';
+import {
+  trackFunnelStep,
+  useScreenTracking,
+  trackVerificationStart,
+  trackVerificationComplete,
+} from '../../Shared/Libs/analytics.utils';
 
 const { width: windowWidth, height: windowHeight } = Dimensions.get('window');
 
@@ -80,6 +86,9 @@ const LivenessDetectionScreen = () => {
   const navigationManagerRef = React.useRef<NavigationManagerRef>(null);
   const { t } = useTranslation();
   const [isRecording, setIsRecording] = useState(false);
+
+  // Track screen view and exit
+  useScreenTracking('liveness_detection');
   const [initialState, setInitialState] = useState<StateType>({
     brightnessLow: false,
     faceDetected: false,
@@ -170,20 +179,35 @@ const LivenessDetectionScreen = () => {
       try {
         await camera?.cancelRecording();
         setIsRecording(false);
-      } catch (e) {
-        // Ignore error
+      } catch (error) {
+        // User cancelled recording - expected behavior, no need to track
       }
     }
     setTimeout(() => {
+      // Track liveness check started
+      trackVerificationStart('LIVENESS_CHECK');
+
       camera?.startRecording({
         fileType: 'mp4',
         videoCodec: 'h265',
         onRecordingError() {
+          // Recording errors are retried automatically, no need to track them
           setIsRecording(false);
         },
         onRecordingFinished(video) {
           setTimeout(() => {
             dispatch({ type: 'VIDEO_RECORDED', payload: video.path });
+
+            // Track liveness check completion
+            trackVerificationComplete('LIVENESS_CHECK', true, 1);
+
+            trackFunnelStep(
+              'Liveness Check Completed',
+              3,
+              5,
+              'document_scanning',
+              true
+            );
             setIsRecording(false);
           }, 500);
         },
@@ -196,8 +220,9 @@ const LivenessDetectionScreen = () => {
     try {
       await camera?.stopRecording();
       setIsRecording(false);
-    } catch (e) {
-      // Ignore error
+    } catch (error) {
+      // Stop recording can fail due to race conditions when user navigates away
+      // This is expected behavior and not actionable
     }
   }, [camera]);
 
@@ -528,6 +553,7 @@ const LivenessDetectionScreen = () => {
           <FaceCamera
             onFacesDetected={onFacesDetected}
             onCameraInitialized={setCamera}
+            previewRect={PREVIEW_RECT}
           />
           <NativeCircularProgress
             style={styles.circularProgress}

package/src/Screens/Static/QrCodeScanningScreen.tsx

@@ -14,8 +14,18 @@ const QrCodeScanningScreen = () => {
     const [bUrl, sId] = handleDeepLink({ url: data });
 
     if (bUrl && sId) {
-      appContext.baseUrl = bUrl;
-      appContext.identificationInfo.sessionId = sId;
+      if (appContext.setBaseUrl) {
+        appContext.setBaseUrl(bUrl);
+      } else {
+        appContext.baseUrl = bUrl;
+      }
+
+      if (appContext.setSessionId) {
+        appContext.setSessionId(sId);
+      } else {
+        appContext.identificationInfo.sessionId = sId;
+      }
+
       navigation.navigate('VerificationSessionCheckScreen' as never);
     }
   };

package/src/Screens/Static/ResultScreen.tsx

@@ -36,6 +36,16 @@ import { encryptWithAes, getSessionKey } from '../../Shared/Libs/crypto.utils';
 import Video from 'react-native-video';
 import StyledButton from '../../Shared/Components/StyledButton';
 import NativeDeviceInfo from '../../Shared/Libs/native-device-info.utils';
+import {
+  trackError,
+  trackFunnelStep,
+  useScreenTracking,
+} from '../../Shared/Libs/analytics.utils';
+import { analyticsService } from '../../Shared/Services/AnalyticsService';
+import {
+  AnalyticsEventName,
+  AnalyticsEventCategory,
+} from '../../Shared/Types/analytics.types';
 
 const ResultScreen = () => {
   const appContext = useContext(AppContext);
@@ -46,6 +56,9 @@ const ResultScreen = () => {
   const [deviceIdentifier, setDeviceIdentifier] = useState<string>('');
   const { t } = useTranslation();
 
+  // Track screen view and exit
+  useScreenTracking('result_screen');
+
   const apiUrl = useMemo(
     () => `${appContext.baseUrl}/api/app/mobile`,
     [appContext.baseUrl]
@@ -197,7 +210,7 @@ const ResultScreen = () => {
         files: [],
         progress: (res) => {
           setProgress(
-            40 + (res.totalBytesSent / res.totalBytesExpectedToSend) * 50
+            60 + (res.totalBytesSent / res.totalBytesExpectedToSend) * 30
           );
         },
       } satisfies RNFS.UploadFileOptions;
@@ -335,7 +348,7 @@ const ResultScreen = () => {
 
         const livenessVideoPath = livenessDetection.videoPath;
         if (livenessVideoPath) {
-          let videoFilePath;
+          let videoFilePath: string;
           if (Platform.OS === 'ios') {
             await RNFS.mkdir(
               `${RNFS.TemporaryDirectoryPath}/${new Date().getTime()}`
@@ -345,11 +358,44 @@ const ResultScreen = () => {
             videoFilePath = `${RNFS.TemporaryDirectoryPath}/LIVENESS_VIDEO.mp4`;
           }
           await RNFS.copyFile(livenessVideoPath, videoFilePath);
-          await VideoCompressor.compress(videoFilePath);
+
+          // Get original file size
+          const originalStats = await RNFS.stat(videoFilePath);
+          const originalSize = originalStats.size;
+
+          // Compress video with maximum compression settings
+          const compressedVideoPath = await VideoCompressor.compress(
+            videoFilePath,
+            {
+              compressionMethod: 'manual',
+              bitrate: 500000, // 500 kbps
+              maxSize: 1280, // HD 720p
+              minimumFileSizeForCompress: 0, // Always compress
+            },
+            (compressionProgress) => {
+              // Map compression progress (0-1) to main progress (40-60%)
+              setProgress(40 + compressionProgress * 20);
+            }
+          );
+
+          // Convert file:// URI to regular path for RNFS upload
+          const normalizedPath = compressedVideoPath.replace('file://', '');
+
+          // Get compressed file size and log difference
+          const compressedStats = await RNFS.stat(normalizedPath);
+          const compressedSize = compressedStats.size;
+          const compressionRatio = (
+            ((originalSize - compressedSize) / originalSize) *
+            100
+          ).toFixed(2);
+          console.log(
+            `Video compression: ${(originalSize / 1024 / 1024).toFixed(2)}MB -> ${(compressedSize / 1024 / 1024).toFixed(2)}MB (${compressionRatio}% reduction)`
+          );
+
           uploadFileOptions.files.push({
             name: 'files',
             filename: 'LIVENESS_VIDEO.mp4',
-            filepath: videoFilePath,
+            filepath: normalizedPath,
             filetype: 'video/mp4',
           });
         }
@@ -408,15 +454,44 @@ const ResultScreen = () => {
             livenessDetection
           )
         );
+        setProgress(90);
 
         await runWithRetry(() =>
           finishIdentification(identificationId, sessionKey)
         );
         setProgress(100);
         setIsSubmitting(false);
+
+        // Track successful verification completion as final funnel step
+        trackFunnelStep('Verification Completed', 5, 5, 'nfc_scanning', true).catch(() => {});
+        analyticsService.trackEvent(
+          AnalyticsEventName.VERIFICATION_SUCCESS,
+          AnalyticsEventCategory.VERIFICATION,
+          { sessionId: appContext.identificationInfo.sessionId || '' }
+        ).catch(() => {});
       } catch (error) {
         setIsSubmitting(false);
         setProgress(0);
+
+        // Track verification failure
+        const errorMessage =
+          error instanceof Error ? error.message : 'Unknown error';
+        trackError(
+          'VERIFICATION_SUBMISSION_FAILED',
+          errorMessage,
+          'result_screen',
+          'critical',
+          { recoverable: false, userAction: 'submit_verification' }
+        ).catch(() => {});
+        analyticsService.trackEvent(
+          AnalyticsEventName.VERIFICATION_FAILED,
+          AnalyticsEventCategory.VERIFICATION,
+          {
+            sessionId: appContext.identificationInfo.sessionId || '',
+            errorMessage,
+          }
+        ).catch(() => {});
+
         Alert.alert(t('general.error'), t('resultScreen.submissionFailed'));
         appContext.onError?.(t('resultScreen.submissionFailed'));
         navigationManagerRef.current?.reset();