@trustchex/react-native-sdk 1.250.0 → 1.266.0

package/lib/module/Screens/Static/VerificationSessionCheckScreen.js

@@ -4,16 +4,19 @@ import React, { useCallback, useContext, useEffect, useMemo, useRef, useState }
 import { SafeAreaView, Text, StyleSheet, Alert, View, Image, Dimensions, KeyboardAvoidingView, Platform, ScrollView } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import AppContext from "../../Shared/Contexts/AppContext.js";
-import httpClient, { NotFoundError } from "../../Shared/Libs/http-client.js";
+import httpClient, { BadRequestError, NotFoundError } from "../../Shared/Libs/http-client.js";
 import { useTranslation } from 'react-i18next';
 import LanguageSelector from "../../Shared/Components/LanguageSelector.js";
 import NavigationManager from "../../Shared/Components/NavigationManager.js";
-import { TextInput, useTheme } from 'react-native-paper';
 import StyledButton from "../../Shared/Components/StyledButton.js";
+import StyledTextInput from "../../Shared/Components/StyledTextInput.js";
+import { analyticsService } from "../../Shared/Services/AnalyticsService.js";
+import { useTheme } from "../../Shared/Contexts/ThemeContext.js";
 import LottieView from 'lottie-react-native';
 import { getSimulatedDemoData, isDemoSession } from "../../Shared/Libs/demo.utils.js";
 import { useNavigation } from '@react-navigation/native';
 import { SESSION_CODE_CHARSET_PATTERN, SESSION_CODE_VALIDATION_PATTERN } from "../../Shared/Constants/validation.constants.js";
+import { trackError, trackFunnelStep, useScreenTracking } from "../../Shared/Libs/analytics.utils.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const VerificationSessionCheckScreen = () => {
   const [sessionCode, setSessionCode] = useState('');
@@ -28,9 +31,13 @@ const VerificationSessionCheckScreen = () => {
   } = useTranslation();
   const navigationManagerRef = React.useRef(null);
   const navigation = useNavigation();
-  const theme = useTheme();
   const initialized = useRef(false);
   const insets = useSafeAreaInsets();
+  const theme = useTheme();
+  const primaryColor = theme.colors.primary;
+
+  // Track screen view and exit
+  useScreenTracking('verification_session_check');
   const apiUrl = useMemo(() => `${appContext.baseUrl}/api/app/mobile`, [appContext.baseUrl]);
   const validateSessionCode = useCallback(value => {
     return SESSION_CODE_VALIDATION_PATTERN.test(value.toUpperCase());
@@ -41,21 +48,37 @@ const VerificationSessionCheckScreen = () => {
       return response;
     } catch (error) {
       if (error instanceof NotFoundError) {
+        // User entered invalid session ID - expected user behavior, not actionable
         Alert.alert(t('general.error'), t('verificationSessionCheckScreen.noVerificationSessionFound'));
+      } else {
+        trackError('SESSION_CHECK_ERROR', error instanceof Error ? error.message : 'Unknown error', 'verification_session_check', 'high', {
+          recoverable: false,
+          userAction: 'check_session'
+        });
       }
     }
   }, [apiUrl, appContext.isDemoSession, t]);
   const getSessionByCode = useCallback(async inputCode => {
     try {
       appContext.isDemoSession = isDemoSession(inputCode);
+      analyticsService.setDemoSession(appContext.isDemoSession);
       const response = await httpClient.get(`${apiUrl}/verification-sessions?sessionCode=${inputCode.toUpperCase()}`, appContext.isDemoSession ? getSimulatedDemoData('GET_SESSION_BY_CODE') : undefined);
       if (!response || !response.id) {
         throw new NotFoundError();
       }
+
+      // Track successful session start as funnel step
+      trackFunnelStep('Session Started', 1, 5, undefined, true);
       return response;
     } catch (error) {
       if (error instanceof NotFoundError) {
+        // User entered invalid session code - expected user behavior, not actionable
         Alert.alert(t('general.error'), t('verificationSessionCheckScreen.noVerificationSessionFound'));
+      } else {
+        trackError('SESSION_CODE_CHECK_ERROR', error instanceof Error ? error.message : 'Unknown error', 'verification_session_check', 'high', {
+          recoverable: false,
+          userAction: 'check_session_code'
+        });
       }
     }
   }, [apiUrl, appContext, t]);
@@ -65,8 +88,13 @@ const VerificationSessionCheckScreen = () => {
       return true;
     } catch (error) {
       if (error instanceof NotFoundError) {
+        // Session expired or invalid - expected behavior, not actionable
         Alert.alert(t('general.error'), t('verificationSessionCheckScreen.noVerificationSessionFound'));
       } else {
+        trackError('VERIFICATION_CODE_SEND_FAILED', 'Failed to send verification code', 'verification_session_check', 'high', {
+          recoverable: true,
+          userAction: 'send_verification_code'
+        });
         Alert.alert(t('general.error'), t('verificationSessionCheckScreen.cannotSendVerificationCode'));
       }
     }
@@ -82,7 +110,15 @@ const VerificationSessionCheckScreen = () => {
       return response;
     } catch (error) {
       if (error instanceof NotFoundError) {
+        // Session expired or invalid - expected behavior, not actionable
         Alert.alert(t('general.error'), t('verificationSessionCheckScreen.noVerificationSessionFound'));
+      } else if (error instanceof BadRequestError) {
+        // Wrong OTP code - expected user behavior, not actionable
+      } else {
+        trackError('VERIFIED_SESSION_CHECK_ERROR', error instanceof Error ? error.message : 'Unknown error', 'verification_session_check', 'high', {
+          recoverable: false,
+          userAction: 'check_verified_session'
+        });
       }
     }
   }, [apiUrl, appContext.isDemoSession, t]);
@@ -109,9 +145,6 @@ const VerificationSessionCheckScreen = () => {
         appContext.workflowSteps = session?.workflowSteps;
         if (session?.branding) {
           appContext.branding = appContext.branding || session.branding;
-          theme.colors.primary = appContext.branding.primaryColor;
-          theme.colors.secondary = appContext.branding.secondaryColor;
-          theme.colors.tertiary = appContext.branding.tertiaryColor;
         }
         if (session?.sendOTP) {
           return sendOTPCode(session.id);
@@ -125,7 +158,7 @@ const VerificationSessionCheckScreen = () => {
         }, 1000);
       });
     }
-  }, [appContext, appContext.identificationInfo.sessionId, getSession, sendOTPCode, theme.colors, theme.colors.primary, theme.colors.secondary, theme.colors.tertiary]);
+  }, [appContext, appContext.identificationInfo.sessionId, getSession, sendOTPCode]);
   return /*#__PURE__*/_jsx(SafeAreaView, {
     style: styles.safeAreaContainer,
     children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
@@ -160,57 +193,54 @@ const VerificationSessionCheckScreen = () => {
             children: [/*#__PURE__*/_jsx(Text, {
               style: styles.mainText,
               children: t('verificationSessionCheckScreen.mainText')
-            }), /*#__PURE__*/_jsxs(View, {
-              style: styles.inputContainer,
-              children: [/*#__PURE__*/_jsx(TextInput, {
-                mode: "outlined",
-                autoCapitalize: "characters",
-                placeholder: "",
-                outlineColor: theme.colors.primary,
-                activeOutlineColor: theme.colors.primary,
-                style: styles.sessionCodeTextInput,
-                contentStyle: styles.sessionCodeInputWithText,
-                onChangeText: async text => {
-                  const alphanumericText = text.toUpperCase().replace(SESSION_CODE_CHARSET_PATTERN, '');
-                  if (alphanumericText.length <= 8) {
-                    setSessionCode(alphanumericText);
-                    if (validateSessionCode(alphanumericText) && alphanumericText.length === 8) {
-                      try {
-                        setIsCheckingSession(true);
-                        const session = await getSessionByCode(alphanumericText);
-                        if (session?.id) {
-                          appContext.identificationInfo.sessionId = session.id;
+            }), /*#__PURE__*/_jsx(StyledTextInput, {
+              autoCapitalize: "characters",
+              placeholder: t('verificationSessionCheckScreen.enterSessionCode'),
+              borderColor: primaryColor,
+              focusedBorderColor: primaryColor,
+              inputStyle: styles.sessionCodeTextInput,
+              placeholderStyle: styles.sessionCodeTextInputPlaceholder,
+              value: sessionCode.toUpperCase(),
+              onChangeText: async text => {
+                const alphanumericText = text.toUpperCase().replace(SESSION_CODE_CHARSET_PATTERN, '');
+                if (alphanumericText.length <= 8) {
+                  setSessionCode(alphanumericText);
+                  if (validateSessionCode(alphanumericText) && alphanumericText.length === 8) {
+                    try {
+                      setIsCheckingSession(true);
+                      const session = await getSessionByCode(alphanumericText);
+                      if (session?.id) {
+                        if (appContext.setSessionId) {
+                          appContext.setSessionId(session.id);
                         } else {
-                          setSessionCode('');
+                          appContext.identificationInfo.sessionId = session.id;
                         }
-                      } catch {
+                      } else {
                         setSessionCode('');
-                      } finally {
-                        setTimeout(() => {
-                          setIsCheckingSession(false);
-                        }, 1000);
                       }
+                    } catch {
+                      setSessionCode('');
+                    } finally {
+                      setTimeout(() => {
+                        setIsCheckingSession(false);
+                      }, 1000);
                     }
                   }
-                },
-                value: sessionCode.toUpperCase(),
-                maxLength: 8
-              }), !sessionCode && /*#__PURE__*/_jsx(Text, {
-                style: styles.placeholderText,
-                children: t('verificationSessionCheckScreen.enterSessionCode')
-              })]
+                }
+              },
+              maxLength: 8
             }), /*#__PURE__*/_jsxs(View, {
               style: styles.horizontalLineContainer,
               children: [/*#__PURE__*/_jsx(View, {
                 style: [styles.horizontalLine, {
-                  backgroundColor: theme.colors.primary
+                  backgroundColor: primaryColor
                 }]
               }), /*#__PURE__*/_jsx(Text, {
                 style: styles.mainText,
                 children: t('verificationSessionCheckScreen.or')
               }), /*#__PURE__*/_jsx(View, {
                 style: [styles.horizontalLine, {
-                  backgroundColor: theme.colors.primary
+                  backgroundColor: primaryColor
                 }]
               })]
             }), /*#__PURE__*/_jsx(StyledButton, {
@@ -224,14 +254,12 @@ const VerificationSessionCheckScreen = () => {
             children: [/*#__PURE__*/_jsx(Text, {
               style: styles.mainText,
               children: t('verificationSessionCheckScreen.codeText')
-            }), /*#__PURE__*/_jsx(TextInput, {
-              mode: "outlined",
+            }), /*#__PURE__*/_jsx(StyledTextInput, {
               autoFocus: true,
               placeholder: "",
-              outlineColor: theme.colors.primary,
-              activeOutlineColor: theme.colors.primary,
-              style: styles.otpCodeTextInput,
-              contentStyle: styles.otpCodeInputWithText,
+              borderColor: primaryColor,
+              focusedBorderColor: primaryColor,
+              inputStyle: styles.otpCodeTextInput,
               keyboardType: "number-pad",
               textContentType: "oneTimeCode",
               autoComplete: "sms-otp",
@@ -250,6 +278,7 @@ const VerificationSessionCheckScreen = () => {
                         setIsCodeSent(false);
                         navigationManagerRef.current?.navigateToNextStep();
                       } else {
+                        // User entered wrong OTP code - expected behavior, not actionable
                         appContext.onError?.('Invalid OTP code');
                         Alert.alert(t('general.error'), t('verificationSessionCheckScreen.codeError'));
                         setCode('');
@@ -313,7 +342,7 @@ const styles = StyleSheet.create({
   },
   horizontalLine: {
     flex: 1,
-    height: 2
+    height: 1
   },
   loadingAnimation: {
     width: '100%',
@@ -382,40 +411,21 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     position: 'absolute'
   },
-  inputContainer: {
-    position: 'relative',
-    width: '100%'
-  },
   sessionCodeTextInput: {
-    backgroundColor: 'white'
-  },
-  sessionCodeInputWithText: {
     textTransform: 'uppercase',
     fontWeight: '800',
     fontSize: 28,
     textAlign: 'center',
     letterSpacing: 8
   },
-  placeholderText: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    height: '100%',
-    lineHeight: 56,
+  sessionCodeTextInputPlaceholder: {
     fontSize: 16,
-    color: '#666',
+    fontWeight: '400',
+    letterSpacing: 0,
     textAlign: 'center',
-    pointerEvents: 'none'
-  },
-  sessionCodeInputPlaceholder: {
-    fontSize: 16,
-    textAlign: 'center'
+    textTransform: 'none'
   },
   otpCodeTextInput: {
-    backgroundColor: 'white'
-  },
-  otpCodeInputWithText: {
     fontWeight: '800',
     fontSize: 28,
     textAlign: 'center',

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

@@ -3,6 +3,7 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { Alert, View, Text, Image, StyleSheet } from 'react-native';
 import NFCManager from 'react-native-nfc-manager';
+import DeviceInfo from 'react-native-device-info';
 import { eidReader } from "../EIDReader/eidReader.js";
 import NativeProgressBar from "./NativeProgressBar.js";
 import { useTranslation } from 'react-i18next';
@@ -11,6 +12,7 @@ import StyledButton from "./StyledButton.js";
 import LottieView from 'lottie-react-native';
 import { useKeepAwake } from "../Libs/native-keep-awake.utils.js";
 import { speakWithDebounce } from "../Libs/tts.utils.js";
+import { trackEIDScanStart, trackEIDScanComplete, trackEIDScanFailed } from "../Libs/analytics.utils.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const EIDScanner = ({
   documentNumber,
@@ -35,33 +37,85 @@ const EIDScanner = ({
   } = useTranslation();
   const appContext = React.useContext(AppContext);
   const [voiceGuidanceMessage, setVoiceGuidanceMessage] = useState();
+  const [attemptNumber, setAttemptNumber] = useState(0);
   const readNFC = useCallback(async () => {
+    const startTime = Date.now();
+    const currentAttempt = attemptNumber + 1;
+    setAttemptNumber(currentAttempt);
     setIsScanning(true);
     setIsScanned(false);
     setProgress(0);
+
+    // Track EID scan start using analytics helper
+    const docType = documentType || 'UNKNOWN';
+
+    // If device doesn't support NFC or NFC is disabled, track and abort early
+    if (!hasNfc) {
+      await trackEIDScanFailed(docType, 'device_unsupported', 'Device does not support NFC', 0, currentAttempt, DeviceInfo.getModel(), DeviceInfo.getSystemVersion()).catch(() => {});
+
+      // Stop scanning - user will see the not-supported UI
+      setIsScanning(false);
+      setProgress(0);
+      return;
+    }
+    if (!isEnabled) {
+      await trackEIDScanFailed(docType, 'not_enabled', 'NFC is disabled on device', 0, currentAttempt, DeviceInfo.getModel(), DeviceInfo.getSystemVersion()).catch(() => {});
+
+      // Stop scanning - allow the UI to prompt user to enable NFC
+      setIsScanning(false);
+      setProgress(0);
+      return;
+    }
+    await trackEIDScanStart(docType, hasNfc, isEnabled, currentAttempt).catch(() => {});
     try {
       if (documentNumber && dateOfBirth && dateOfExpiry) {
         const passportData = await eidReader(documentNumber, dateOfBirth, dateOfExpiry, progressValue => {
           setProgress(progressValue);
         });
         if (passportData) {
+          const scanDuration = Date.now() - startTime;
           setDocumentFaceImage(passportData.faceImage);
           setDocumentMRZInfo(passportData.mrz);
           setDocumentFaceImageMimeType(passportData.mimeType);
           setIsScanned(true);
+
+          // Track successful EID scan
+          await trackEIDScanComplete(docType, scanDuration, currentAttempt).catch(() => {});
         }
       } else {
+        const scanDuration = Date.now() - startTime;
+        // MRZ input issue — track as NFC scan failure (unknown error type for NFC-specific stream)
+        await trackEIDScanFailed(docType, 'unknown', 'Invalid MRZ fields', scanDuration, currentAttempt, DeviceInfo.getModel(), DeviceInfo.getSystemVersion()).catch(() => {});
         Alert.alert(t('general.error'), t('eidScannerScreen.invalidMRZFields'));
       }
     } catch (error) {
-      console.debug(error);
-      // Ignore error
+      const scanDuration = Date.now() - startTime;
+      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+
+      // Determine error type
+      let errorType = 'unknown';
+      if (errorMessage.includes('cancelled') || errorMessage.includes('cancel')) {
+        errorType = 'user_cancelled';
+      } else if (errorMessage.includes('timeout') || errorMessage.includes('time out')) {
+        errorType = 'timeout';
+      } else if (errorMessage.includes('not supported')) {
+        errorType = 'device_unsupported';
+      } else if (errorMessage.includes('not enabled') || errorMessage.includes('disabled')) {
+        errorType = 'not_enabled';
+      } else if (errorMessage.includes('read') || errorMessage.includes('communication')) {
+        errorType = 'reading_error';
+      }
+
+      // Track EID scan failure with detailed metadata
+      await trackEIDScanFailed(docType, errorType, errorMessage, scanDuration, currentAttempt, DeviceInfo.getModel(), DeviceInfo.getSystemVersion()).catch(() => {});
+      console.debug('NFC scan error:', error);
+      // Ignore error - let user retry
     } finally {
       setIsScanning(false);
       setProgress(0);
       setHasGuideShown(false);
     }
-  }, [documentNumber, dateOfBirth, dateOfExpiry, t]);
+  }, [documentNumber, dateOfBirth, dateOfExpiry, documentType, hasNfc, isEnabled, attemptNumber, t]);
   const getFieldsFromMRZ = useCallback(mrz => {
     return {
       documentCode: mrz.getDocumentCode(),
@@ -81,8 +135,14 @@ const EIDScanner = ({
       const deviceIsSupported = await NFCManager.isSupported();
       setHasNFC(deviceIsSupported);
       isNFCSupported && isNFCSupported(deviceIsSupported);
+
+      // NFC not supported is a device limitation - not actionable by developers
+
       const deviceIsEnabled = await NFCManager.isEnabled();
       setIsEnabled(deviceIsEnabled);
+
+      // NFC disabled is a user setting - they can enable it in settings
+      // Not tracking as it's user-controllable
     };
     checkIsSupported();
   }, [isNFCSupported, isScanning]);

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

@@ -3,16 +3,16 @@
 import { useIsFocused } from '@react-navigation/native';
 import { useKeepAwake } from "../Libs/native-keep-awake.utils.js";
 import React, { useEffect, useState } from 'react';
-import { StyleSheet, Text, View, Platform, Linking, Dimensions } from 'react-native';
+import { StyleSheet, Text, View, Platform, Linking, Dimensions, ActivityIndicator, NativeModules } from 'react-native';
 import { useCameraDevice, useCameraPermission, Camera, useFrameProcessor, useCameraFormat, runAtTargetFps, useMicrophonePermission } from 'react-native-vision-camera';
 import { runAsync } from "../Libs/worklet.utils.js";
 import { useFaceDetector } from "../VisionCameraPlugins/FaceDetector/index.js";
 import { Worklets, useSharedValue } from 'react-native-worklets-core';
 import { crop } from "../VisionCameraPlugins/Cropper/index.js";
-import { isFrameBright } from "../Libs/camera.utils.js";
+import { isCircularRegionBright } from "../Libs/camera.utils.js";
 import { useTranslation } from 'react-i18next';
-import { ActivityIndicator } from 'react-native-paper';
 import StyledButton from "./StyledButton.js";
+import { useTheme } from "../Contexts/ThemeContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const VIDEO_WIDTH = 1280;
 const VIDEO_HEIGHT = 720;
@@ -20,9 +20,11 @@ const windowWidth = Dimensions.get('window').width;
 const windowHeight = Dimensions.get('window').height;
 const FaceCamera = ({
   onFacesDetected,
-  onCameraInitialized
+  onCameraInitialized,
+  previewRect
 }) => {
   useKeepAwake();
+  const theme = useTheme();
   const cameraPermission = useCameraPermission();
   const microphonePermission = useMicrophonePermission();
   const [permissionsRequested, setPermissionsRequested] = useState(false);
@@ -83,11 +85,72 @@ const FaceCamera = ({
       setIsActive(false);
     };
   }, [device, format, isFocused]);
+
+  // Set screen brightness to maximum when camera is active
+  useEffect(() => {
+    const {
+      DeviceBrightness
+    } = NativeModules;
+    if (!DeviceBrightness) return;
+    let originalBrightness = -1;
+    const setBrightness = async () => {
+      if (isActive) {
+        try {
+          originalBrightness = await DeviceBrightness.getBrightness();
+          await DeviceBrightness.setBrightness(1.0);
+        } catch (error) {
+          console.log('Failed to set brightness:', error);
+        }
+      }
+    };
+    setBrightness();
+    return () => {
+      if (originalBrightness >= 0) {
+        DeviceBrightness.setBrightness(originalBrightness).catch(() => {});
+      }
+    };
+  }, [isActive]);
   const handleWorklet = frame => {
     'worklet';
 
     try {
-      const isBright = isFrameBright(frame);
+      // Calculate brightness based on the circular preview area if provided
+      // Otherwise fall back to entire frame brightness
+      let isBright = false;
+      if (previewRect) {
+        // Convert preview rect from screen coordinates to frame coordinates
+        const scaleX = frame.width / windowWidth;
+        const scaleY = frame.height / windowHeight;
+        const frameCircleRect = {
+          minX: Math.floor(previewRect.minX * scaleX),
+          minY: Math.floor(previewRect.minY * scaleY),
+          width: Math.floor(previewRect.width * scaleX),
+          height: Math.floor(previewRect.height * scaleY)
+        };
+        isBright = isCircularRegionBright(frame, frameCircleRect, 60);
+      } else {
+        // Fallback: check entire frame brightness (use legacy method)
+        const buffer = frame.toArrayBuffer();
+        const data = new Uint8Array(buffer);
+        const width = frame.width;
+        const height = frame.height;
+        let luminanceSum = 0;
+        let pixelCount = 0;
+        const centerX = Math.floor(width / 2);
+        const centerY = Math.floor(height / 2);
+        const halfSizeX = Math.floor(width / 2);
+        const halfSizeY = Math.floor(height / 2);
+        for (let y = centerY - halfSizeY; y < centerY + halfSizeY; y++) {
+          for (let x = centerX - halfSizeX; x < centerX + halfSizeX; x++) {
+            const index = y * width + x;
+            if (data[index] !== undefined) {
+              luminanceSum += data[index];
+              pixelCount++;
+            }
+          }
+        }
+        isBright = luminanceSum / pixelCount > 60;
+      }
       const image = crop(frame, {
         cropRegion: {
           top: 0,
@@ -132,11 +195,13 @@ const FaceCamera = ({
     return /*#__PURE__*/_jsx(View, {
       style: styles.permissionContainer,
       children: /*#__PURE__*/_jsx(ActivityIndicator, {
-        size: "large"
+        size: "large",
+        color: theme.colors.primary
       })
     });
   }
   if (!cameraPermission.hasPermission) {
+    // Camera permission denied by user - their choice, not actionable
     return /*#__PURE__*/_jsxs(View, {
       style: styles.permissionContainer,
       children: [/*#__PURE__*/_jsx(Text, {
@@ -152,6 +217,7 @@ const FaceCamera = ({
     });
   }
   if (!microphonePermission.hasPermission) {
+    // Microphone permission denied by user - their choice, not actionable
     return /*#__PURE__*/_jsxs(View, {
       style: styles.permissionContainer,
       children: [/*#__PURE__*/_jsx(Text, {
@@ -167,6 +233,7 @@ const FaceCamera = ({
     });
   }
   if (device == null) {
+    // No camera device - device limitation, not actionable
     return /*#__PURE__*/_jsx(View, {
       style: styles.permissionContainer,
       children: /*#__PURE__*/_jsx(Text, {

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

@@ -2,7 +2,7 @@
 
 /* eslint-disable react-native/no-inline-styles */
 import React, { useEffect, useState } from 'react';
-import { View, StyleSheet, Text as TextView, Platform, Vibration, TouchableOpacity, Text, Linking, Image } from 'react-native';
+import { View, StyleSheet, Text as TextView, Platform, Vibration, TouchableOpacity, Text, Linking, Image, ActivityIndicator } from 'react-native';
 import { Camera, runAtTargetFps, useCameraDevice, useCameraFormat, useCameraPermission, useFrameProcessor } from 'react-native-vision-camera';
 import { runAsync } from "../Libs/worklet.utils.js";
 import { useRunOnJS, useSharedValue } from 'react-native-worklets-core';
@@ -17,11 +17,11 @@ import { AdaptiveThresholdTypes, ColorConversionCodes, DataTypes, ObjectType, Op
 import { getAverageBrightness } from "../Libs/camera.utils.js";
 import { useTranslation } from 'react-i18next';
 import LottieView from 'lottie-react-native';
-import { ActivityIndicator } from 'react-native-paper';
 import StyledButton from "./StyledButton.js";
 import { scanCodes } from "../VisionCameraPlugins/BarcodeScanner/index.js";
 import { speakWithDebounce } from "../Libs/tts.utils.js";
 import AppContext from "../Contexts/AppContext.js";
+import { useTheme } from "../Contexts/ThemeContext.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // const windowWidth = Dimensions.get('window').width;
 // const windowHeight = Dimensions.get('window').height;
@@ -38,6 +38,7 @@ const IdentityDocumentCamera = ({
   showDebugImages = false
 }) => {
   useKeepAwake();
+  const theme = useTheme();
   const appContext = React.useContext(AppContext);
   const cameraRef = React.useRef(null);
   const cameraPermission = useCameraPermission();
@@ -298,7 +299,10 @@ const IdentityDocumentCamera = ({
 
         // Add validation for face bounds to prevent invalid crop operations
         if (face.bounds.x < 0 || face.bounds.y < 0 || face.bounds.width <= 0 || face.bounds.height <= 0 || face.bounds.x >= width || face.bounds.y >= height) {
-          console.warn('Invalid face bounds detected, skipping face:', face.bounds);
+          // console.warn(
+          //   'Invalid face bounds detected, skipping face:',
+          //   face.bounds
+          // );
           continue;
         }
 
@@ -622,7 +626,8 @@ const IdentityDocumentCamera = ({
     return /*#__PURE__*/_jsx(View, {
       style: styles.permissionContainer,
       children: /*#__PURE__*/_jsx(ActivityIndicator, {
-        size: "large"
+        size: "large",
+        color: theme.colors.primary
       })
     });
   }

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

@@ -3,26 +3,32 @@
 import React from 'react';
 import { Pressable, StyleSheet, Text, View } from 'react-native';
 import i18n from "../../Translation/index.js";
-import AppContext from "../Contexts/AppContext.js";
+import { useTheme } from "../Contexts/ThemeContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LanguageSelector = () => {
-  const appContext = React.useContext(AppContext);
+  const theme = useTheme();
+  const isEnglish = i18n.language.startsWith('en');
+  const isTurkish = i18n.language.startsWith('tr');
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [/*#__PURE__*/_jsx(Pressable, {
       onPress: () => i18n.changeLanguage('en'),
       children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.buttonText, i18n.language.startsWith('en') ? styles.buttonTextSelected : null, {
-          color: appContext.branding.primaryColor
+        style: [styles.buttonText, isEnglish && styles.buttonTextSelected, isEnglish && {
+          color: theme.colors.primary
         }],
         children: "EN"
       })
     }), /*#__PURE__*/_jsx(View, {
-      style: styles.verticalSeperator
+      style: [styles.verticalSeperator, {
+        borderColor: theme.colors.border
+      }]
     }), /*#__PURE__*/_jsx(Pressable, {
       onPress: () => i18n.changeLanguage('tr'),
       children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.buttonText, i18n.language.startsWith('tr') ? styles.buttonTextSelected : null],
+        style: [styles.buttonText, isTurkish && styles.buttonTextSelected, isTurkish && {
+          color: theme.colors.primary
+        }],
         children: "TR"
       })
     })]
@@ -38,16 +44,14 @@ const styles = StyleSheet.create({
   },
   buttonText: {
     fontSize: 18,
-    color: 'black'
+    color: '#999999'
   },
   buttonTextSelected: {
-    color: '#000000',
     fontWeight: 'bold'
   },
   verticalSeperator: {
     borderLeftWidth: 1,
-    height: 24,
-    borderColor: 'black'
+    height: 24
   }
 });
 export default LanguageSelector;