@trustchex/react-native-sdk 1.381.0 → 1.409.0

package/src/Screens/Dynamic/IdentityDocumentEIDScanningScreen.tsx

@@ -17,8 +17,10 @@ import {
   trackVerificationStart,
   trackVerificationComplete,
 } from '../../Shared/Libs/analytics.utils';
+import { useKeepAwake } from '../../Shared/Libs/native-keep-awake.utils';
 
 const IdentityDocumentEIDScanningScreen = () => {
+  useKeepAwake();
   const appContext = useContext(AppContext);
   const navigationManagerRef = React.useRef<NavigationManagerRef>(null);
   const insets = useSafeAreaInsets();
@@ -77,6 +79,10 @@ const IdentityDocumentEIDScanningScreen = () => {
     );
   }, [appContext.currentWorkflowStep]);
 
+  if (!appContext.currentWorkflowStep) {
+    return null;
+  }
+
   return (
     <SafeAreaView style={styles.safeAreaContainer}>
       {documentNumber && dateOfBirth && dateOfExpiry ? (

package/src/Screens/Dynamic/IdentityDocumentScanningScreen.tsx

@@ -17,8 +17,10 @@ import {
   trackVerificationStart,
   trackVerificationComplete,
 } from '../../Shared/Libs/analytics.utils';
+import { useKeepAwake } from '../../Shared/Libs/native-keep-awake.utils';
 
 const IdentityDocumentScanningScreen = () => {
+  useKeepAwake();
   const [idFrontSideData, setIDFrontSideData] =
     useState<DocumentScannedData | null>(null);
   const [idBackSideData, setIDBackSideData] =
@@ -145,6 +147,10 @@ const IdentityDocumentScanningScreen = () => {
     );
   }, [appContext.currentWorkflowStep]);
 
+  if (!appContext.currentWorkflowStep) {
+    return null;
+  }
+
   return (
     <SafeAreaView style={styles.container}>
       <IdentityDocumentCamera

package/src/Screens/Dynamic/LivenessDetectionScreen.tsx

@@ -8,7 +8,14 @@ import React, {
   useCallback,
   useRef,
 } from 'react';
-import { StyleSheet, Text, View, Dimensions, Vibration } from 'react-native';
+import {
+  StyleSheet,
+  Text,
+  View,
+  Dimensions,
+  Vibration,
+  StatusBar,
+} from 'react-native';
 import {
   useSafeAreaInsets,
   SafeAreaView,
@@ -25,12 +32,14 @@ import { useTranslation } from 'react-i18next';
 import StyledButton from '../../Shared/Components/StyledButton';
 import LottieView from 'lottie-react-native';
 import { speak, resetLastMessage } from '../../Shared/Libs/tts.utils';
+import { useStatusBarWhiteBackground } from '../../Shared/Libs/status-bar.utils';
 import {
   trackFunnelStep,
   useScreenTracking,
   trackVerificationStart,
   trackVerificationComplete,
 } from '../../Shared/Libs/analytics.utils';
+import { useKeepAwake } from '../../Shared/Libs/native-keep-awake.utils';
 
 const { width: windowWidth, height: windowHeight } = Dimensions.get('window');
 
@@ -78,6 +87,7 @@ type PossibleActions = {
 }[keyof Actions];
 
 const LivenessDetectionScreen = () => {
+  useKeepAwake();
   const [camera, setCamera] = useState<TrustchexCameraHandle | null>(null);
   const navigation = useNavigation();
   const appContext = useContext(AppContext);
@@ -90,6 +100,9 @@ const LivenessDetectionScreen = () => {
   // Track screen view and exit
   useScreenTracking('liveness_detection');
 
+  // Configure status bar for white background
+  useStatusBarWhiteBackground();
+
   const [initialState, setInitialState] = useState<StateType>({
     brightnessLow: false,
     faceDetected: false,
@@ -142,7 +155,21 @@ const LivenessDetectionScreen = () => {
   const [instructionList, setInstructionList] = useState<string[]>([]);
   const [hasGuideShown, setHasGuideShown] = useState(false);
   const stoppingRecordingRef = useRef(false); // Track if we're already stopping to prevent multiple calls
-  const lastVoiceGuidanceMessage = useRef<string>('');
+
+  // Configure status bar for white background
+  useStatusBarWhiteBackground();
+
+  // Update status bar when guide visibility changes
+  useEffect(() => {
+    if (hasGuideShown) {
+      // Camera view - use light icons
+      StatusBar.setBarStyle('light-content', true);
+    } else {
+      // Guide screen with white background - use dark icons
+      StatusBar.setBarStyle('dark-content', true);
+      StatusBar.setBackgroundColor('#ffffff', true);
+    }
+  }, [hasGuideShown]);
 
   useEffect(() => {
     const il = Object.keys(instructions)
@@ -175,7 +202,6 @@ const LivenessDetectionScreen = () => {
       processComplete: false,
       videoPath: '',
     });
-    lastVoiceGuidanceMessage.current = '';
     resetLastMessage();
   }, [
     instructions,
@@ -350,7 +376,6 @@ const LivenessDetectionScreen = () => {
         const nextInstruction = state.instructionList[nextInstructionIndex];
 
         // Reset TTS state when moving to any new instruction to ensure it speaks
-        lastVoiceGuidanceMessage.current = '';
         resetLastMessage();
 
         // Calculate progress based on actual action steps (excluding START and FINISH)
@@ -404,8 +429,7 @@ const LivenessDetectionScreen = () => {
     // Let the instruction advance first, then speak the next instruction
 
     // Only speak if message changed and is not empty
-    if (text && text !== lastVoiceGuidanceMessage.current) {
-      lastVoiceGuidanceMessage.current = text;
+    if (text) {
       // Bypass interval for liveness instructions to ensure all instructions are spoken
       speak(text, true);
     }
@@ -818,6 +842,10 @@ const LivenessDetectionScreen = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []); // Empty array = only run on mount/unmount
 
+  if (!appContext.currentWorkflowStep || !appContext.currentWorkflowStep.data) {
+    return null;
+  }
+
   return (
     <>
       {hasGuideShown ? (