@aws-amplify/ui-react-liveness 3.0.16 → 3.0.18

package/dist/esm/components/FaceLivenessDetector/displayText.mjs

@@ -1,5 +1,7 @@
 const defaultErrorDisplayText = {
     errorLabelText: 'Error',
+    connectionTimeoutHeaderText: 'Connection time out',
+    connectionTimeoutMessageText: 'Connection has timed out.',
     timeoutHeaderText: 'Time out',
     timeoutMessageText: "Face didn't fit inside oval in time limit. Try again and completely fill the oval with face in it.",
     faceDistanceHeaderText: 'Forward movement detected',

package/dist/esm/components/FaceLivenessDetector/service/machine/machine.mjs

@@ -7,7 +7,7 @@ import { BlazeFaceFaceDetection } from '../utils/blazefaceFaceDetection.mjs';
 import { getFaceMatchStateInLivenessOval } from '../utils/getFaceMatchStateInLivenessOval.mjs';
 import { LivenessStreamProvider } from '../utils/streamProvider.mjs';
 import { FreshnessColorDisplay } from '../utils/freshnessColorDisplay.mjs';
-import { isServerSesssionInformationEvent, isDisconnectionEvent, isValidationExceptionEvent, isInternalServerExceptionEvent, isThrottlingExceptionEvent, isServiceQuotaExceededExceptionEvent, isInvalidSignatureRegionException } from '../utils/eventUtils.mjs';
+import { isServerSesssionInformationEvent, isDisconnectionEvent, isValidationExceptionEvent, isInternalServerExceptionEvent, isThrottlingExceptionEvent, isServiceQuotaExceededExceptionEvent, isInvalidSignatureRegionException, isConnectionTimeoutError } from '../utils/eventUtils.mjs';
 import { STATIC_VIDEO_CONSTRAINTS } from '../../utils/helpers.mjs';
 import { WS_CLOSURE_CODE } from '../utils/constants.mjs';
 
@@ -56,14 +56,20 @@ const responseStreamActor = async (callback) => {
         }
     }
     catch (error) {
-        let returnedError = error;
         if (isInvalidSignatureRegionException(error)) {
-            returnedError = new Error('Invalid region in FaceLivenessDetector or credentials are scoped to the wrong region.');
-        }
-        if (returnedError instanceof Error) {
             callback({
                 type: 'SERVER_ERROR',
-                data: { error: returnedError },
+                data: {
+                    error: new Error('Invalid region in FaceLivenessDetector or credentials are scoped to the wrong region.'),
+                },
+            });
+        }
+        else if (error instanceof Error) {
+            callback({
+                type: isConnectionTimeoutError(error)
+                    ? 'CONNECTION_TIMEOUT'
+                    : 'SERVER_ERROR',
+                data: { error },
             });
         }
     }
@@ -141,6 +147,10 @@ const livenessMachine = createMachine({
             target: 'error',
             actions: 'updateErrorStateForServer',
         },
+        CONNECTION_TIMEOUT: {
+            target: 'error',
+            actions: 'updateErrorStateForConnectionTimeout',
+        },
         RUNTIME_ERROR: {
             target: 'error',
         },
@@ -298,7 +308,7 @@ const livenessMachine = createMachine({
                         },
                     },
                 },
-                // If `hasFaceMatchedInOval` is true, then move to `delayBeforeFlash`, which pauses 
+                // If `hasFaceMatchedInOval` is true, then move to `delayBeforeFlash`, which pauses
                 // for one second to show "Hold still" text before moving to `flashFreshnessColors`.
                 // If not, move back to ovalMatching and re-evaluate match state
                 checkMatch: {
@@ -592,6 +602,9 @@ const livenessMachine = createMachine({
             },
         }),
         resetErrorState: assign({ errorState: (_) => undefined }),
+        updateErrorStateForConnectionTimeout: assign({
+            errorState: (_) => LivenessErrorState.CONNECTION_TIMEOUT,
+        }),
         updateErrorStateForTimeout: assign({
             errorState: (_, event) => event.data?.errorState || LivenessErrorState.TIMEOUT,
         }),

package/dist/esm/components/FaceLivenessDetector/service/types/error.mjs

@@ -2,6 +2,7 @@
  * The liveness error states
  */
 const LivenessErrorState = {
+    CONNECTION_TIMEOUT: 'CONNECTION_TIMEOUT',
     TIMEOUT: 'TIMEOUT',
     RUNTIME_ERROR: 'RUNTIME_ERROR',
     FRESHNESS_TIMEOUT: 'FRESHNESS_TIMEOUT',

package/dist/esm/components/FaceLivenessDetector/service/utils/createStreamingClient/CustomWebSocketFetchHandler.mjs

@@ -9,6 +9,7 @@ import { WS_CLOSURE_CODE } from '../constants.mjs';
  * Because of this the file is not fully typed at this time but we should eventually work on fully typing this file.
  */
 const DEFAULT_WS_CONNECTION_TIMEOUT_MS = 2000;
+const WEBSOCKET_CONNECTION_TIMEOUT_MESSAGE = 'Websocket connection timeout';
 const isWebSocketRequest = (request) => request.protocol === 'ws:' || request.protocol === 'wss:';
 const isReadableStream = (payload) => typeof ReadableStream === 'function' && payload instanceof ReadableStream;
 /**
@@ -108,11 +109,7 @@ class CustomWebSocketFetchHandler {
         return new Promise((resolve, reject) => {
             const timeout = setTimeout(() => {
                 this.removeNotUsableSockets(socket.url);
-                reject({
-                    $metadata: {
-                        httpStatusCode: 500,
-                    },
-                });
+                reject(new Error(WEBSOCKET_CONNECTION_TIMEOUT_MESSAGE));
             }, connectionTimeout);
             socket.onopen = () => {
                 clearTimeout(timeout);
@@ -196,4 +193,4 @@ class CustomWebSocketFetchHandler {
     }
 }
 
-export { CustomWebSocketFetchHandler };
+export { CustomWebSocketFetchHandler, WEBSOCKET_CONNECTION_TIMEOUT_MESSAGE };

package/dist/esm/components/FaceLivenessDetector/service/utils/eventUtils.mjs

@@ -1,7 +1,13 @@
+import { WEBSOCKET_CONNECTION_TIMEOUT_MESSAGE } from './createStreamingClient/CustomWebSocketFetchHandler.mjs';
+
 const isServerSesssionInformationEvent = (value) => {
     return !!value
         ?.ServerSessionInformationEvent;
 };
+const isConnectionTimeoutError = (error) => {
+    const { message } = error;
+    return message.includes(WEBSOCKET_CONNECTION_TIMEOUT_MESSAGE);
+};
 const isDisconnectionEvent = (value) => {
     return !!value
         ?.DisconnectionEvent;
@@ -27,4 +33,4 @@ const isInvalidSignatureRegionException = (error) => {
     return (name === 'InvalidSignatureException' && message.includes('valid region'));
 };
 
-export { isDisconnectionEvent, isInternalServerExceptionEvent, isInvalidSignatureRegionException, isServerSesssionInformationEvent, isServiceQuotaExceededExceptionEvent, isThrottlingExceptionEvent, isValidationExceptionEvent };
+export { isConnectionTimeoutError, isDisconnectionEvent, isInternalServerExceptionEvent, isInvalidSignatureRegionException, isServerSesssionInformationEvent, isServiceQuotaExceededExceptionEvent, isThrottlingExceptionEvent, isValidationExceptionEvent };

package/dist/esm/components/FaceLivenessDetector/shared/FaceLivenessErrorModal.mjs

@@ -19,10 +19,14 @@ import { LivenessClassNames } from '../types/classNames.mjs';
 
 const renderToastErrorModal = (props) => {
     const { error: errorState, displayText } = props;
-    const { errorLabelText, timeoutHeaderText, timeoutMessageText, faceDistanceHeaderText, faceDistanceMessageText, multipleFacesHeaderText, multipleFacesMessageText, clientHeaderText, clientMessageText, serverHeaderText, serverMessageText, } = displayText;
+    const { connectionTimeoutHeaderText, connectionTimeoutMessageText, errorLabelText, timeoutHeaderText, timeoutMessageText, faceDistanceHeaderText, faceDistanceMessageText, multipleFacesHeaderText, multipleFacesMessageText, clientHeaderText, clientMessageText, serverHeaderText, serverMessageText, } = displayText;
     let heading;
     let message;
     switch (errorState) {
+        case LivenessErrorState.CONNECTION_TIMEOUT:
+            heading = connectionTimeoutHeaderText;
+            message = connectionTimeoutMessageText;
+            break;
         case LivenessErrorState.TIMEOUT:
             heading = timeoutHeaderText;
             message = timeoutMessageText;

package/dist/esm/components/FaceLivenessDetector/utils/getDisplayText.mjs

@@ -12,7 +12,7 @@ function getDisplayText(overrideDisplayText) {
         ...defaultLivenessDisplayText,
         ...overrideDisplayText,
     };
-    const { a11yVideoLabelText, cameraMinSpecificationsHeadingText, cameraMinSpecificationsMessageText, cameraNotFoundHeadingText, cameraNotFoundMessageText, cancelLivenessCheckText, clientHeaderText, clientMessageText, errorLabelText, hintCanNotIdentifyText, hintCenterFaceText, hintCenterFaceInstructionText, hintFaceOffCenterText, hintConnectingText, hintFaceDetectedText, hintHoldFaceForFreshnessText, hintIlluminationNormalText, hintIlluminationTooBrightText, hintIlluminationTooDarkText, hintMoveFaceFrontOfCameraText, hintTooManyFacesText, hintTooCloseText, hintTooFarText, hintVerifyingText, hintCheckCompleteText, hintMatchIndicatorText, faceDistanceHeaderText, faceDistanceMessageText, goodFitCaptionText, goodFitAltText, landscapeHeaderText, landscapeMessageText, multipleFacesHeaderText, multipleFacesMessageText, photosensitivityWarningBodyText, photosensitivityWarningHeadingText, photosensitivityWarningInfoText, photosensitivityWarningLabelText, photosensitivyWarningBodyText, photosensitivyWarningHeadingText, photosensitivyWarningInfoText, photosensitivyWarningLabelText, portraitMessageText, retryCameraPermissionsText, recordingIndicatorText, serverHeaderText, serverMessageText, startScreenBeginCheckText, timeoutHeaderText, timeoutMessageText, tooFarCaptionText, tooFarAltText, tryAgainText, waitingCameraPermissionText, } = displayText;
+    const { a11yVideoLabelText, cameraMinSpecificationsHeadingText, cameraMinSpecificationsMessageText, cameraNotFoundHeadingText, cameraNotFoundMessageText, cancelLivenessCheckText, connectionTimeoutHeaderText, connectionTimeoutMessageText, clientHeaderText, clientMessageText, errorLabelText, hintCanNotIdentifyText, hintCenterFaceText, hintCenterFaceInstructionText, hintFaceOffCenterText, hintConnectingText, hintFaceDetectedText, hintHoldFaceForFreshnessText, hintIlluminationNormalText, hintIlluminationTooBrightText, hintIlluminationTooDarkText, hintMoveFaceFrontOfCameraText, hintTooManyFacesText, hintTooCloseText, hintTooFarText, hintVerifyingText, hintCheckCompleteText, hintMatchIndicatorText, faceDistanceHeaderText, faceDistanceMessageText, goodFitCaptionText, goodFitAltText, landscapeHeaderText, landscapeMessageText, multipleFacesHeaderText, multipleFacesMessageText, photosensitivityWarningBodyText, photosensitivityWarningHeadingText, photosensitivityWarningInfoText, photosensitivityWarningLabelText, photosensitivyWarningBodyText, photosensitivyWarningHeadingText, photosensitivyWarningInfoText, photosensitivyWarningLabelText, portraitMessageText, retryCameraPermissionsText, recordingIndicatorText, serverHeaderText, serverMessageText, startScreenBeginCheckText, timeoutHeaderText, timeoutMessageText, tooFarCaptionText, tooFarAltText, tryAgainText, waitingCameraPermissionText, } = displayText;
     const hintDisplayText = {
         hintMoveFaceFrontOfCameraText,
         hintTooManyFacesText,
@@ -61,6 +61,8 @@ function getDisplayText(overrideDisplayText) {
         recordingIndicatorText,
     };
     const errorDisplayText = {
+        connectionTimeoutHeaderText,
+        connectionTimeoutMessageText,
         errorLabelText,
         timeoutHeaderText,
         timeoutMessageText,

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.0.16';
+const VERSION = '3.0.18';
 
 export { VERSION };

package/dist/index.js

@@ -85,6 +85,7 @@ var FaceMatchState;
  * The liveness error states
  */
 const LivenessErrorState = {
+    CONNECTION_TIMEOUT: 'CONNECTION_TIMEOUT',
     TIMEOUT: 'TIMEOUT',
     RUNTIME_ERROR: 'RUNTIME_ERROR',
     FRESHNESS_TIMEOUT: 'FRESHNESS_TIMEOUT',
@@ -791,7 +792,7 @@ function getFaceMatchStateInLivenessOval({ face, ovalDetails, initialFaceInterse
     return { faceMatchState, faceMatchPercentage };
 }
 
-const VERSION = '3.0.16';
+const VERSION = '3.0.18';
 
 const BASE_USER_AGENT = `ui-react-liveness/${VERSION}`;
 const getLivenessUserAgent = () => {
@@ -803,6 +804,7 @@ const getLivenessUserAgent = () => {
  * Because of this the file is not fully typed at this time but we should eventually work on fully typing this file.
  */
 const DEFAULT_WS_CONNECTION_TIMEOUT_MS = 2000;
+const WEBSOCKET_CONNECTION_TIMEOUT_MESSAGE = 'Websocket connection timeout';
 const isWebSocketRequest = (request) => request.protocol === 'ws:' || request.protocol === 'wss:';
 const isReadableStream = (payload) => typeof ReadableStream === 'function' && payload instanceof ReadableStream;
 /**
@@ -902,11 +904,7 @@ class CustomWebSocketFetchHandler {
         return new Promise((resolve, reject) => {
             const timeout = setTimeout(() => {
                 this.removeNotUsableSockets(socket.url);
-                reject({
-                    $metadata: {
-                        httpStatusCode: 500,
-                    },
-                });
+                reject(new Error(WEBSOCKET_CONNECTION_TIMEOUT_MESSAGE));
             }, connectionTimeout);
             socket.onopen = () => {
                 clearTimeout(timeout);
@@ -1309,6 +1307,10 @@ const isServerSesssionInformationEvent = (value) => {
     return !!value
         ?.ServerSessionInformationEvent;
 };
+const isConnectionTimeoutError = (error) => {
+    const { message } = error;
+    return message.includes(WEBSOCKET_CONNECTION_TIMEOUT_MESSAGE);
+};
 const isDisconnectionEvent = (value) => {
     return !!value
         ?.DisconnectionEvent;
@@ -1392,14 +1394,20 @@ const responseStreamActor = async (callback) => {
         }
     }
     catch (error) {
-        let returnedError = error;
         if (isInvalidSignatureRegionException(error)) {
-            returnedError = new Error('Invalid region in FaceLivenessDetector or credentials are scoped to the wrong region.');
-        }
-        if (returnedError instanceof Error) {
             callback({
                 type: 'SERVER_ERROR',
-                data: { error: returnedError },
+                data: {
+                    error: new Error('Invalid region in FaceLivenessDetector or credentials are scoped to the wrong region.'),
+                },
+            });
+        }
+        else if (error instanceof Error) {
+            callback({
+                type: isConnectionTimeoutError(error)
+                    ? 'CONNECTION_TIMEOUT'
+                    : 'SERVER_ERROR',
+                data: { error },
             });
         }
     }
@@ -1477,6 +1485,10 @@ const livenessMachine = xstate.createMachine({
             target: 'error',
             actions: 'updateErrorStateForServer',
         },
+        CONNECTION_TIMEOUT: {
+            target: 'error',
+            actions: 'updateErrorStateForConnectionTimeout',
+        },
         RUNTIME_ERROR: {
             target: 'error',
         },
@@ -1634,7 +1646,7 @@ const livenessMachine = xstate.createMachine({
                         },
                     },
                 },
-                // If `hasFaceMatchedInOval` is true, then move to `delayBeforeFlash`, which pauses 
+                // If `hasFaceMatchedInOval` is true, then move to `delayBeforeFlash`, which pauses
                 // for one second to show "Hold still" text before moving to `flashFreshnessColors`.
                 // If not, move back to ovalMatching and re-evaluate match state
                 checkMatch: {
@@ -1928,6 +1940,9 @@ const livenessMachine = xstate.createMachine({
             },
         }),
         resetErrorState: xstate.assign({ errorState: (_) => undefined }),
+        updateErrorStateForConnectionTimeout: xstate.assign({
+            errorState: (_) => LivenessErrorState.CONNECTION_TIMEOUT,
+        }),
         updateErrorStateForTimeout: xstate.assign({
             errorState: (_, event) => event.data?.errorState || LivenessErrorState.TIMEOUT,
         }),
@@ -2722,6 +2737,8 @@ const RecordingIcon = ({ children }) => {
 
 const defaultErrorDisplayText = {
     errorLabelText: 'Error',
+    connectionTimeoutHeaderText: 'Connection time out',
+    connectionTimeoutMessageText: 'Connection has timed out.',
     timeoutHeaderText: 'Time out',
     timeoutMessageText: "Face didn't fit inside oval in time limit. Try again and completely fill the oval with face in it.",
     faceDistanceHeaderText: 'Forward movement detected',
@@ -2782,10 +2799,14 @@ const defaultLivenessDisplayText = {
 
 const renderToastErrorModal = (props) => {
     const { error: errorState, displayText } = props;
-    const { errorLabelText, timeoutHeaderText, timeoutMessageText, faceDistanceHeaderText, faceDistanceMessageText, multipleFacesHeaderText, multipleFacesMessageText, clientHeaderText, clientMessageText, serverHeaderText, serverMessageText, } = displayText;
+    const { connectionTimeoutHeaderText, connectionTimeoutMessageText, errorLabelText, timeoutHeaderText, timeoutMessageText, faceDistanceHeaderText, faceDistanceMessageText, multipleFacesHeaderText, multipleFacesMessageText, clientHeaderText, clientMessageText, serverHeaderText, serverMessageText, } = displayText;
     let heading;
     let message;
     switch (errorState) {
+        case LivenessErrorState.CONNECTION_TIMEOUT:
+            heading = connectionTimeoutHeaderText;
+            message = connectionTimeoutMessageText;
+            break;
         case LivenessErrorState.TIMEOUT:
             heading = timeoutHeaderText;
             message = timeoutMessageText;
@@ -3191,7 +3212,7 @@ function getDisplayText(overrideDisplayText) {
         ...defaultLivenessDisplayText,
         ...overrideDisplayText,
     };
-    const { a11yVideoLabelText, cameraMinSpecificationsHeadingText, cameraMinSpecificationsMessageText, cameraNotFoundHeadingText, cameraNotFoundMessageText, cancelLivenessCheckText, clientHeaderText, clientMessageText, errorLabelText, hintCanNotIdentifyText, hintCenterFaceText, hintCenterFaceInstructionText, hintFaceOffCenterText, hintConnectingText, hintFaceDetectedText, hintHoldFaceForFreshnessText, hintIlluminationNormalText, hintIlluminationTooBrightText, hintIlluminationTooDarkText, hintMoveFaceFrontOfCameraText, hintTooManyFacesText, hintTooCloseText, hintTooFarText, hintVerifyingText, hintCheckCompleteText, hintMatchIndicatorText, faceDistanceHeaderText, faceDistanceMessageText, goodFitCaptionText, goodFitAltText, landscapeHeaderText, landscapeMessageText, multipleFacesHeaderText, multipleFacesMessageText, photosensitivityWarningBodyText, photosensitivityWarningHeadingText, photosensitivityWarningInfoText, photosensitivityWarningLabelText, photosensitivyWarningBodyText, photosensitivyWarningHeadingText, photosensitivyWarningInfoText, photosensitivyWarningLabelText, portraitMessageText, retryCameraPermissionsText, recordingIndicatorText, serverHeaderText, serverMessageText, startScreenBeginCheckText, timeoutHeaderText, timeoutMessageText, tooFarCaptionText, tooFarAltText, tryAgainText, waitingCameraPermissionText, } = displayText;
+    const { a11yVideoLabelText, cameraMinSpecificationsHeadingText, cameraMinSpecificationsMessageText, cameraNotFoundHeadingText, cameraNotFoundMessageText, cancelLivenessCheckText, connectionTimeoutHeaderText, connectionTimeoutMessageText, clientHeaderText, clientMessageText, errorLabelText, hintCanNotIdentifyText, hintCenterFaceText, hintCenterFaceInstructionText, hintFaceOffCenterText, hintConnectingText, hintFaceDetectedText, hintHoldFaceForFreshnessText, hintIlluminationNormalText, hintIlluminationTooBrightText, hintIlluminationTooDarkText, hintMoveFaceFrontOfCameraText, hintTooManyFacesText, hintTooCloseText, hintTooFarText, hintVerifyingText, hintCheckCompleteText, hintMatchIndicatorText, faceDistanceHeaderText, faceDistanceMessageText, goodFitCaptionText, goodFitAltText, landscapeHeaderText, landscapeMessageText, multipleFacesHeaderText, multipleFacesMessageText, photosensitivityWarningBodyText, photosensitivityWarningHeadingText, photosensitivityWarningInfoText, photosensitivityWarningLabelText, photosensitivyWarningBodyText, photosensitivyWarningHeadingText, photosensitivyWarningInfoText, photosensitivyWarningLabelText, portraitMessageText, retryCameraPermissionsText, recordingIndicatorText, serverHeaderText, serverMessageText, startScreenBeginCheckText, timeoutHeaderText, timeoutMessageText, tooFarCaptionText, tooFarAltText, tryAgainText, waitingCameraPermissionText, } = displayText;
     const hintDisplayText = {
         hintMoveFaceFrontOfCameraText,
         hintTooManyFacesText,
@@ -3240,6 +3261,8 @@ function getDisplayText(overrideDisplayText) {
         recordingIndicatorText,
     };
     const errorDisplayText = {
+        connectionTimeoutHeaderText,
+        connectionTimeoutMessageText,
         errorLabelText,
         timeoutHeaderText,
         timeoutMessageText,

package/dist/styles.css

@@ -718,7 +718,7 @@
   --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
-  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black);
+  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-background-primary);
   --amplify-components-loader-width: var(--amplify-font-sizes-medium);
   --amplify-components-loader-height: var(--amplify-font-sizes-medium);
   --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);

package/dist/types/components/FaceLivenessDetector/displayText.d.ts

@@ -60,6 +60,8 @@ export type StreamDisplayText = {
 };
 export declare const defaultErrorDisplayText: {
     errorLabelText: string;
+    connectionTimeoutHeaderText: string;
+    connectionTimeoutMessageText: string;
     timeoutHeaderText: string;
     timeoutMessageText: string;
     faceDistanceHeaderText: string;

package/dist/types/components/FaceLivenessDetector/service/types/error.d.ts

@@ -2,6 +2,7 @@
  * The liveness error states
  */
 export declare const LivenessErrorState: {
+    readonly CONNECTION_TIMEOUT: "CONNECTION_TIMEOUT";
     readonly TIMEOUT: "TIMEOUT";
     readonly RUNTIME_ERROR: "RUNTIME_ERROR";
     readonly FRESHNESS_TIMEOUT: "FRESHNESS_TIMEOUT";

package/dist/types/components/FaceLivenessDetector/service/types/machine.d.ts

@@ -53,7 +53,7 @@ export interface LivenessContext {
     shouldDisconnect?: boolean;
     videoAssociatedParams?: VideoAssociatedParams;
 }
-export type LivenessEventTypes = 'BEGIN' | 'START_RECORDING' | 'TIMEOUT' | 'ERROR' | 'CANCEL' | 'SET_SESSION_INFO' | 'DISCONNECT_EVENT' | 'SET_DOM_AND_CAMERA_DETAILS' | 'UPDATE_DEVICE_AND_STREAM' | 'SERVER_ERROR' | 'RUNTIME_ERROR' | 'RETRY_CAMERA_CHECK' | 'MOBILE_LANDSCAPE_WARNING';
+export type LivenessEventTypes = 'BEGIN' | 'CONNECTION_TIMEOUT' | 'START_RECORDING' | 'TIMEOUT' | 'ERROR' | 'CANCEL' | 'SET_SESSION_INFO' | 'DISCONNECT_EVENT' | 'SET_DOM_AND_CAMERA_DETAILS' | 'UPDATE_DEVICE_AND_STREAM' | 'SERVER_ERROR' | 'RUNTIME_ERROR' | 'RETRY_CAMERA_CHECK' | 'MOBILE_LANDSCAPE_WARNING';
 export type LivenessEventData = Record<PropertyKey, any>;
 export interface LivenessEvent {
     type: LivenessEventTypes;
@@ -66,7 +66,7 @@ export interface StreamActorCallback {
         type: 'DISCONNECT_EVENT';
     }): void;
     (params: {
-        type: 'SERVER_ERROR';
+        type: 'SERVER_ERROR' | 'CONNECTION_TIMEOUT';
         data: {
             error: Error;
         };

package/dist/types/components/FaceLivenessDetector/service/utils/createStreamingClient/CustomWebSocketFetchHandler.d.ts

@@ -1,5 +1,6 @@
 import { HttpRequest, HttpResponse } from '@smithy/protocol-http';
 import { Provider, RequestHandler, RequestHandlerMetadata } from '@smithy/types';
+export declare const WEBSOCKET_CONNECTION_TIMEOUT_MESSAGE = "Websocket connection timeout";
 export interface WebSocketFetchHandlerOptions {
     /**
      * The maximum time in milliseconds that the connection phase of a request

package/dist/types/components/FaceLivenessDetector/service/utils/eventUtils.d.ts

@@ -1,5 +1,6 @@
 import { LivenessResponseStream } from '@aws-sdk/client-rekognitionstreaming';
 export declare const isServerSesssionInformationEvent: (value: unknown) => value is LivenessResponseStream.ServerSessionInformationEventMember;
+export declare const isConnectionTimeoutError: (error: unknown) => error is Error;
 export declare const isDisconnectionEvent: (value: unknown) => value is LivenessResponseStream.DisconnectionEventMember;
 export declare const isValidationExceptionEvent: (value: unknown) => value is LivenessResponseStream.ValidationExceptionMember;
 export declare const isInternalServerExceptionEvent: (value: unknown) => value is LivenessResponseStream.InternalServerExceptionMember;

package/dist/types/components/FaceLivenessDetector/service/utils/liveness.d.ts

@@ -61,6 +61,7 @@ export declare function estimateIllumination(videoEl: HTMLVideoElement): Illumin
  */
 export declare function isCameraDeviceVirtual(device: MediaDeviceInfo): boolean;
 export declare const LivenessErrorStateStringMap: {
+    CONNECTION_TIMEOUT: string;
     RUNTIME_ERROR: string;
     SERVER_ERROR: string;
     TIMEOUT: string;

package/dist/types/components/FaceLivenessDetector/shared/FaceLivenessErrorModal.d.ts

@@ -13,6 +13,8 @@ export declare const renderErrorModal: ({ errorState, overrideErrorDisplayText,
     errorState: ErrorState;
     overrideErrorDisplayText?: Partial<{
         errorLabelText: string;
+        connectionTimeoutHeaderText: string;
+        connectionTimeoutMessageText: string;
         timeoutHeaderText: string;
         timeoutMessageText: string;
         faceDistanceHeaderText: string;

package/dist/types/components/FaceLivenessDetector/shared/Hint.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IlluminationState, FaceMatchState } from '../service';
 import { HintDisplayText } from '../displayText';
-export declare const selectErrorState: import("../hooks").LivenessSelectorFn<"TIMEOUT" | "RUNTIME_ERROR" | "FRESHNESS_TIMEOUT" | "SERVER_ERROR" | "CAMERA_FRAMERATE_ERROR" | "CAMERA_ACCESS_ERROR" | "FACE_DISTANCE_ERROR" | "MOBILE_LANDSCAPE_ERROR" | "MULTIPLE_FACES_ERROR" | undefined>;
+export declare const selectErrorState: import("../hooks").LivenessSelectorFn<"CONNECTION_TIMEOUT" | "TIMEOUT" | "RUNTIME_ERROR" | "FRESHNESS_TIMEOUT" | "SERVER_ERROR" | "CAMERA_FRAMERATE_ERROR" | "CAMERA_ACCESS_ERROR" | "FACE_DISTANCE_ERROR" | "MOBILE_LANDSCAPE_ERROR" | "MULTIPLE_FACES_ERROR" | undefined>;
 export declare const selectFaceMatchState: import("../hooks").LivenessSelectorFn<FaceMatchState | undefined>;
 export declare const selectIlluminationState: import("../hooks").LivenessSelectorFn<IlluminationState | undefined>;
 export declare const selectIsFaceFarEnoughBeforeRecording: import("../hooks").LivenessSelectorFn<boolean | undefined>;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.0.16";
+export declare const VERSION = "3.0.18";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-liveness",
-  "version": "3.0.16",
+  "version": "3.0.18",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -42,13 +42,13 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "aws-amplify": "^6.0.2",
+    "aws-amplify": "^6.0.26",
     "react": "^16.14.0 || ^17.0 || ^18.0",
     "react-dom": "^16.14.0 || ^17.0 || ^18.0"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.12",
-    "@aws-amplify/ui-react": "6.1.6",
+    "@aws-amplify/ui": "6.0.13",
+    "@aws-amplify/ui-react": "6.1.8",
     "@aws-sdk/client-rekognitionstreaming": "3.398.0",
     "@aws-sdk/util-format-url": "^3.410.0",
     "@smithy/eventstream-serde-browser": "^2.0.4",