chore(liveness): Update state machine flow for no lights

.changeset/cyan-spiders-dream.md

@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui-react-liveness": patch
+---
+
+chore(liveness): Update state machine flow for no lights

packages/react-liveness/package.json

@@ -81,7 +81,7 @@
       "name": "FaceLivenessDetector",
       "path": "dist/esm/index.mjs",
       "import": "{ FaceLivenessDetector }",
-      "limit": "280 kB"
+      "limit": "281 kB"
     }
   ]
 }

packages/react-liveness/src/components/FaceLivenessDetector/LivenessCheck/LivenessCameraModule.tsx

@@ -39,7 +39,11 @@ import {
   DefaultCancelButton,
   DefaultRecordingIcon,
 } from '../shared/DefaultStartScreenComponents';
+import { FACE_MOVEMENT_CHALLENGE } from '../service/utils/constants';
 
+export const selectChallengeType = createLivenessSelector(
+  (state) => state.context.parsedSessionInformation?.Challenge?.Name
+);
 export const selectVideoConstraints = createLivenessSelector(
   (state) => state.context.videoAssociatedParams?.videoConstraints
 );
@@ -109,6 +113,9 @@ export const LivenessCameraModule = (
 
   const [state, send] = useLivenessActor();
 
+  const isFaceMovementChallenge =
+    useLivenessSelector(selectChallengeType) === FACE_MOVEMENT_CHALLENGE.type;
+
   const videoStream = useLivenessSelector(selectVideoStream);
   const videoConstraints = useLivenessSelector(selectVideoConstraints);
   const selectedDeviceId = useLivenessSelector(selectSelectedDeviceId);
@@ -290,13 +297,11 @@ export const LivenessCameraModule = (
 
   // We don't show full screen camera on the pre check screen (isStartView/isWaitingForCamera)
   const shouldShowFullScreenCamera =
-    isMobileScreen &&
-    !isStartView &&
-    !shouldShowCenteredLoader;
+    isMobileScreen && !isStartView && !shouldShowCenteredLoader;
 
   return (
     <>
-      {photoSensitivityWarning}
+      {!isFaceMovementChallenge && photoSensitivityWarning}
 
       {shouldShowCenteredLoader && (
         <Flex className={LivenessClassNames.ConnectingLoader}>

packages/react-liveness/src/components/FaceLivenessDetector/LivenessCheck/__tests__/LivenessCameraModule.test.tsx

@@ -360,6 +360,52 @@ describe('LivenessCameraModule', () => {
     expect(matchIndicator).toHaveLength(0);
   });
 
+  it('should render photosensitivity warning when challenge is FaceMovementAndLightChallenge and isNotRecording is true', async () => {
+    isNotRecording = true;
+    mockStateMatchesAndSelectors();
+    mockUseLivenessSelector.mockReturnValue('FaceMovementAndLightChallenge');
+
+    renderWithLivenessProvider(
+      <LivenessCameraModule
+        isMobileScreen={false}
+        isRecordingStopped={false}
+        hintDisplayText={hintDisplayText}
+        streamDisplayText={streamDisplayText}
+        errorDisplayText={errorDisplayText}
+        cameraDisplayText={cameraDisplayText}
+        instructionDisplayText={instructionDisplayText}
+      />
+    );
+
+    const photosensitivityWarning = screen.queryByText(
+      instructionDisplayText.photosensitivityWarningHeadingText
+    );
+    expect(photosensitivityWarning).toBeInTheDocument();
+  });
+
+  it('should not render photosensitivity warning when challenge is FaceMovementChallenge and isNotRecording is true', async () => {
+    isNotRecording = true;
+    mockStateMatchesAndSelectors();
+    mockUseLivenessSelector.mockReturnValue('FaceMovementChallenge');
+
+    renderWithLivenessProvider(
+      <LivenessCameraModule
+        isMobileScreen={false}
+        isRecordingStopped={false}
+        hintDisplayText={hintDisplayText}
+        streamDisplayText={streamDisplayText}
+        errorDisplayText={errorDisplayText}
+        cameraDisplayText={cameraDisplayText}
+        instructionDisplayText={instructionDisplayText}
+      />
+    );
+
+    const photosensitivityWarning = screen.queryByText(
+      instructionDisplayText.photosensitivityWarningHeadingText
+    );
+    expect(photosensitivityWarning).not.toBeInTheDocument();
+  });
+
   it('should create appropriate selectors', () => {
     const expectedConstraints = { width: 100 };
     const expectedStream = { getTracks: () => [] };
@@ -470,7 +516,6 @@ describe('LivenessCameraModule', () => {
   });
 
   it('should show a full screen camera', async () => {
-    isStart = false;
     isInitCamera = false;
     isInitWebsocket = false;
     isWaitingForCamera = false;