@trustchex/react-native-sdk 1.381.0 → 1.409.0

package/lib/module/Screens/Dynamic/LivenessDetectionScreen.js

@@ -3,7 +3,7 @@
 import Svg, { Rect as SvgRect, Circle, Mask } from 'react-native-svg';
 import { useNavigation } from '@react-navigation/native';
 import React, { useState, useReducer, useContext, useEffect, 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 } from 'react-native-safe-area-context';
 import NativeCircularProgress from "../../Shared/Components/NativeCircularProgress.js";
 import FaceCamera from "../../Shared/Components/FaceCamera.js";
@@ -14,7 +14,9 @@ import { useTranslation } from 'react-i18next';
 import StyledButton from "../../Shared/Components/StyledButton.js";
 import LottieView from 'lottie-react-native';
 import { speak, resetLastMessage } from "../../Shared/Libs/tts.utils.js";
+import { useStatusBarWhiteBackground } from "../../Shared/Libs/status-bar.utils.js";
 import { trackFunnelStep, useScreenTracking, trackVerificationStart, trackVerificationComplete } from "../../Shared/Libs/analytics.utils.js";
+import { useKeepAwake } from "../../Shared/Libs/native-keep-awake.utils.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   width: windowWidth,
@@ -31,6 +33,7 @@ const PREVIEW_EDGE_OFFSET = 10;
 const TURN_ANGLE_LIMIT = 15;
 const LOOK_STRAIGHT_ANGLE_LIMIT = 10;
 const LivenessDetectionScreen = () => {
+  useKeepAwake();
   const [camera, setCamera] = useState(null);
   const navigation = useNavigation();
   const appContext = useContext(AppContext);
@@ -44,6 +47,9 @@ const LivenessDetectionScreen = () => {
 
   // Track screen view and exit
   useScreenTracking('liveness_detection');
+
+  // Configure status bar for white background
+  useStatusBarWhiteBackground();
   const [initialState, setInitialState] = useState({
     brightnessLow: false,
     faceDetected: false,
@@ -95,7 +101,21 @@ const LivenessDetectionScreen = () => {
   const [instructionList, setInstructionList] = useState([]);
   const [hasGuideShown, setHasGuideShown] = useState(false);
   const stoppingRecordingRef = useRef(false); // Track if we're already stopping to prevent multiple calls
-  const lastVoiceGuidanceMessage = useRef('');
+
+  // 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).filter(instruction => !['START', 'FINISH'].includes(instruction) && (
     // Look straight and blink is always included
@@ -115,7 +135,6 @@ const LivenessDetectionScreen = () => {
       processComplete: false,
       videoPath: ''
     });
-    lastVoiceGuidanceMessage.current = '';
     resetLastMessage();
   }, [instructions, appContext.currentWorkflowStep?.data?.allowedLivenessInstructionTypes]);
   const isCommandInProgress = useRef(false);
@@ -251,7 +270,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)
@@ -295,8 +313,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);
     }
@@ -652,6 +669,9 @@ 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 /*#__PURE__*/_jsxs(_Fragment, {
     children: [hasGuideShown ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(FaceCamera, {