idmission-web-sdk 1.0.382 → 1.0.383

package/dist/components/camera/CameraProvider.d.ts

@@ -1,27 +1,14 @@
-import React, { MutableRefObject, ReactElement } from 'react';
-import { Camera } from '../../lib/camera/Camera';
-export type CameraState = {
-    videoRef: MutableRefObject<HTMLVideoElement | null>;
-    videoLoaded: boolean;
-    setVideoLoaded: (value: boolean) => void;
-    cameraRef: MutableRefObject<Camera | null>;
-    cameraReady: boolean;
-    cameraAccessDenied: boolean;
-    retryCameraAccess: () => void;
-    releaseCameraAccess: () => void;
-    iphoneContinuityCameraAvailable: boolean;
-    iphoneContinuityCameraAllowed: boolean;
-    setIphoneContinuityCameraAllowed: (value: boolean) => void;
-    takePhoto: () => Promise<Blob | null>;
-};
-export declare const CameraStateContext: React.Context<CameraState>;
+import React, { ReactElement } from 'react';
+import { CaptureDevice } from '../../lib/camera/Camera';
+export declare const CameraStateContext: React.Context<CaptureDevice>;
 export type CameraProviderProps = {
     children: ReactElement;
+    requestAccessAutomatically?: boolean;
     preferFrontFacingCamera?: boolean;
     preferContinuityCamera?: boolean;
-    requestMicrophoneAccess?: boolean;
+    requireMicrophoneAccess?: boolean;
     maxVideoWidth?: number;
     maxFps?: number;
     debugMode?: boolean;
 };
-export declare const CameraProvider: ({ children, preferFrontFacingCamera, preferContinuityCamera, requestMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }: CameraProviderProps) => ReactElement;
+export declare const CameraProvider: ({ children, requestAccessAutomatically, preferFrontFacingCamera, preferContinuityCamera, requireMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }: CameraProviderProps) => ReactElement;

package/dist/components/camera/MicrophoneAccessDeniedOverlay.d.ts

@@ -0,0 +1,30 @@
+import { ReactElement } from 'react';
+import { LoaderButtonColors } from '../common/LoaderButton';
+import { CustomerSuppliedVerbiage } from '../../lib/locales';
+export type MicrophoneAccessDeniedOverlayAssets = {
+    imageUrl?: string;
+};
+export type MicrophoneAccessDeniedOverlayClassNames = {
+    container?: string;
+    inner?: string;
+    imageContainer?: string;
+    image?: string;
+    heading?: string;
+    description?: string;
+    retryBtn?: string;
+};
+export type MicrophoneAccessDeniedOverlayColors = {
+    retryBtn?: LoaderButtonColors;
+};
+export type MicrophoneAccessDeniedOverlayVerbiage = {
+    headingText?: CustomerSuppliedVerbiage;
+    descriptionText?: CustomerSuppliedVerbiage;
+    retryBtnText?: CustomerSuppliedVerbiage;
+};
+export type MicrophoneAccessDeniedOverlayProps = {
+    assets?: MicrophoneAccessDeniedOverlayAssets;
+    classNames?: MicrophoneAccessDeniedOverlayClassNames;
+    colors?: MicrophoneAccessDeniedOverlayColors;
+    verbiage?: MicrophoneAccessDeniedOverlayVerbiage;
+};
+export declare const MicrophoneAccessDeniedOverlay: ({ assets, classNames, colors, verbiage: rawVerbiage, }: MicrophoneAccessDeniedOverlayProps) => ReactElement;

package/dist/components/face_liveness/FaceLivenessCapture.d.ts

@@ -2,7 +2,6 @@ import { ReactElement } from 'react';
 import { SelfieCaptureClassNames, SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
 import { SelfieProgressPreviewClassNames } from '../common/SelfieProgressPreview';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
-import { SelfieCaptureLoadingOverlayProps } from '../selfie_capture/SelfieCaptureLoadingOverlay';
 export type FaceLivenessCaptureClassNames = SelfieCaptureClassNames & {
     imagePreview?: SelfieProgressPreviewClassNames;
 };
@@ -24,6 +23,5 @@ export type FaceLivenessCaptureProps = {
     colors?: FaceLivenessCaptureColors;
     verbiage?: FaceLivenessCaptureVerbiage;
     debugMode?: boolean;
-    selfieCaptureLoadingOverlayProps?: SelfieCaptureLoadingOverlayProps;
 };
-export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, silentFallback, classNames, colors, verbiage: rawVerbiage, debugMode, selfieCaptureLoadingOverlayProps, }: FaceLivenessCaptureProps) => ReactElement;
+export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, silentFallback, classNames, colors, verbiage: rawVerbiage, debugMode, }: FaceLivenessCaptureProps) => ReactElement;

package/dist/components/fallback_flows/SelfieCapture.d.ts

@@ -1,7 +1,6 @@
 import { ReactElement } from 'react';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
 import { LoaderButtonColors } from '../common/LoaderButton';
-import { SelfieCaptureLoadingOverlayProps } from '../selfie_capture/SelfieCaptureLoadingOverlay';
 export type SelfieCaptureFallbackClassNames = {
     container?: string;
     inner?: string;
@@ -12,6 +11,7 @@ export type SelfieCaptureFallbackClassNames = {
     buttonsRow?: string;
     captureBtn?: string;
     doneBtn?: string;
+    retryCaptureBtn?: string;
 };
 export type SelfieCaptureFallbackColors = {
     captureBtn?: LoaderButtonColors;
@@ -23,6 +23,10 @@ export type SelfieCaptureFallbackVerbiage = {
     captureBtnText?: CustomerSuppliedVerbiage;
     doneBtnText?: CustomerSuppliedVerbiage;
     doneBtnLoadingText?: CustomerSuppliedVerbiage;
+    livenessFailedText?: CustomerSuppliedVerbiage;
+    livenessFailedReasonText?: CustomerSuppliedVerbiage;
+    retryButtonText?: CustomerSuppliedVerbiage;
+    retryCaptureButtonText?: CustomerSuppliedVerbiage;
 };
 export type SelfieCaptureFallbackProps = {
     onFinished?: (imageData: string) => void;
@@ -31,6 +35,7 @@ export type SelfieCaptureFallbackProps = {
     colors?: SelfieCaptureFallbackColors;
     verbiage?: SelfieCaptureFallbackVerbiage;
     silentFallback?: boolean;
-    selfieCaptureLoadingOverlayProps?: SelfieCaptureLoadingOverlayProps;
+    invalidSelfie?: boolean;
+    guidanceMessage?: string;
 };
-export declare const SelfieCaptureFallback: ({ onFinished, onCapture, classNames, colors, verbiage: rawVerbiage, silentFallback, selfieCaptureLoadingOverlayProps: overlayProps, }: SelfieCaptureFallbackProps) => ReactElement;
+export declare const SelfieCaptureFallback: ({ onFinished, onCapture, classNames, colors, verbiage: rawVerbiage, silentFallback, invalidSelfie, guidanceMessage, }: SelfieCaptureFallbackProps) => ReactElement;

package/dist/components/id_capture/HighPerformanceObjectDetectionModelsProvider.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { MutableRefObject, ReactElement, ReactNode } from 'react';
 import { ObjectDetector } from '@mediapipe/tasks-vision';
 export declare const visionTasksBasePath = "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@latest/wasm";
-export declare const objectDetectorModelPath = "https://websdk-cdn-dev.idmission.com/assets/models/mpobjtest/model_fp16.tflite";
+export declare const objectDetectorModelPath = "https://websdk-cdn-dev.idmission.com/assets/models/docdetectmp20240517/model_fp16.tflite";
 export type DetectedObject = {
     box: {
         xMin: number;

package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts

@@ -548,6 +548,281 @@ export declare const GuideRegion: import("styled-components").IStyledComponent<"
     $minHeight?: number | undefined;
     $maskColor?: string | undefined;
 }>>;
+export declare const Spacer: import("styled-components").IStyledComponent<"web", {
+    key?: React.Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    children?: React.ReactNode | Iterable<React.ReactNode>;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    $minWidth?: number | undefined;
+    $minHeight?: number | undefined;
+    $maskColor?: string | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}>;
 export declare const GuideCenterRegion: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $minWidth?: number | undefined;
     $isMirrored?: boolean | undefined;

package/dist/components/selfie_capture/SelfieCaptureLoadingOverlay.d.ts

@@ -2,9 +2,11 @@ import React from 'react';
 import { CameraAccessDeniedOverlayAssets, CameraAccessDeniedOverlayClassNames, CameraAccessDeniedOverlayColors, CameraAccessDeniedOverlayVerbiage } from '../camera/CameraAccessDeniedOverlay';
 import { LoaderButtonColors } from '../common/LoaderButton';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
+import { MicrophoneAccessDeniedOverlayAssets, MicrophoneAccessDeniedOverlayClassNames, MicrophoneAccessDeniedOverlayColors, MicrophoneAccessDeniedOverlayVerbiage } from '../camera/MicrophoneAccessDeniedOverlay';
 export type SelfieCaptureLoadingOverlayAssets = {
     instructionImageUrl?: string;
     cameraAccessDenied?: CameraAccessDeniedOverlayAssets;
+    microphoneAccessDenied?: MicrophoneAccessDeniedOverlayAssets;
 };
 export type SelfieCaptureLoadingOverlayClassNames = {
     container?: string;
@@ -18,6 +20,7 @@ export type SelfieCaptureLoadingOverlayClassNames = {
     continueBtn?: string;
     cancelBtn?: string;
     cameraAccessDenied?: CameraAccessDeniedOverlayClassNames;
+    microphoneAccessDenied?: MicrophoneAccessDeniedOverlayClassNames;
     progressContainer?: string;
     progressBackground?: string;
     progressBar?: string;
@@ -29,6 +32,7 @@ export type SelfieCaptureLoadingOverlayClassNames = {
 export type SelfieCaptureLoadingOverlayColors = {
     continueBtn?: LoaderButtonColors;
     cameraAccessDenied?: CameraAccessDeniedOverlayColors;
+    microphoneAccessDenied?: MicrophoneAccessDeniedOverlayColors;
 };
 export type SelfieCaptureLoadingOverlayVerbiage = {
     headingText?: CustomerSuppliedVerbiage;
@@ -41,6 +45,7 @@ export type SelfieCaptureLoadingOverlayVerbiage = {
     modelsReadyText?: CustomerSuppliedVerbiage;
     cameraInitializedText?: CustomerSuppliedVerbiage;
     cameraAccessDenied?: CameraAccessDeniedOverlayVerbiage;
+    microphoneAccessDenied?: MicrophoneAccessDeniedOverlayVerbiage;
 };
 export type SelfieCaptureLoadingOverlayProps = {
     onDismissed?: () => void;

package/dist/components/submission/SubmissionProvider.d.ts

@@ -21,6 +21,7 @@ export type SubmissionState = {
     idCaptureVideoUrl: string | null;
     idCaptureVideoIdFrontImage: string | null;
     idCaptureVideoIdBackImage: string | null;
+    idCaptureVideoAudioUrl: string | null;
     idCaptureVideoAudioStartsAt: number | null;
     additionalDocuments: UploadedDocument[] | null;
     setIdFrontImage: (image: string) => void;
@@ -32,6 +33,7 @@ export type SubmissionState = {
     setIdCaptureVideoUrl: (videoDataUrl: string) => void;
     setIdCaptureVideoIdFrontImage: (image: string) => void;
     setIdCaptureVideoIdBackImage: (image: string) => void;
+    setIdCaptureVideoAudioUrl: (videoDataUrl: string) => void;
     setIdCaptureVideoAudioStartsAt: (value: number) => void;
     setExpectedAudioText: (value: string) => void;
     setAdditionalDocuments: (uploadedDocuments: UploadedDocument[]) => void;

package/dist/components/video_id/IdVideoCapture.d.ts

@@ -32,7 +32,7 @@ export type IdVideoCaptureVerbiage = {
     captureBtnText?: CustomerSuppliedVerbiage;
 };
 export type IdVideoCaptureProps = {
-    onComplete?: (videoUrl: string) => void;
+    onComplete?: (videoUrl: string, audioUrl: string | null) => void;
     onIdFrontImageCaptured?: (imageUrl: string) => void;
     onIdBackImageCaptured?: (imageUrl: string) => void;
     onFaceNotDetected?: () => void;

package/dist/components/video_id/IdVideoCaptureSuccess.d.ts

@@ -26,6 +26,7 @@ export type IdVideoCaptureSuccessVerbiage = {
 };
 export type IdVideoCaptureSuccessProps = {
     videoUrl: string;
+    audioUrl: string | null;
     idFrontImageUrl: string;
     idBackImageUrl?: string;
     onDoneClick?: () => void;
@@ -34,4 +35,4 @@ export type IdVideoCaptureSuccessProps = {
     colors?: IdVideoCaptureSuccessColors;
     verbiage?: IdVideoCaptureSuccessVerbiage;
 };
-export declare const IdVideoCaptureSuccess: ({ videoUrl, idFrontImageUrl, idBackImageUrl, onDoneClick, onRetryClick, classNames, colors, verbiage: rawVerbiage, }: IdVideoCaptureSuccessProps) => ReactElement;
+export declare const IdVideoCaptureSuccess: ({ videoUrl, audioUrl, idFrontImageUrl, idBackImageUrl, onDoneClick, onRetryClick, classNames, colors, verbiage: rawVerbiage, }: IdVideoCaptureSuccessProps) => ReactElement;

package/dist/contexts/SubmissionContext.d.ts

@@ -38,7 +38,8 @@ export type SubmissionRequest = {
         biometricData?: {
             selfie?: string;
             videoData?: string;
-            voiceStartsAt?: number;
+            voiceData?: string;
+            voiceStartTime?: number;
             expectedAudioText?: string;
         };
         signatureData?: {

package/dist/lib/barcode/Parse.d.ts

@@ -1,53 +1,5 @@
-declare function processBarcode(rawValue: string): Promise<unknown>;
-declare const companyXSLTData: {
-    code: string;
-    match_pattern: string;
-    xslt_template: string;
-    is_disabled: string;
-    Country: string;
-    State: string;
-    DocumentType: string;
-    Side: string;
-    barcode_type: string;
-}[];
-declare function isBarcodePresentForSelectedCriteria(idSide: string): Promise<{
-    code: string;
-    match_pattern: string;
-    xslt_template: string;
-    is_disabled: string;
-    Country: string;
-    State: string;
-    DocumentType: string;
-    Side: string;
-    barcode_type: string;
-} | null>;
-type XSLTResponse = {
-    data: {
-        data: {
-            response: {
-                status: {
-                    code: string;
-                };
-                listData: {
-                    fieldValues: string[];
-                };
-            };
-        };
-    };
-};
-declare function getCompanyXSLTData(serviceParams: {
+export declare function processBarcode(rawValue: string): Promise<unknown>;
+export declare function getCompanyXSLTData(serviceParams: {
     baseUrl: string;
     tokenId: string;
 }): Promise<void>;
-declare function getXSLTDataHandler(resp: XSLTResponse | null): void;
-declare function transformBarcodeUsingXSLT(barcodeScanResult: string, xsl: string): Promise<unknown>;
-declare class Transformation {
-    xml: string;
-    xmlDoc: any;
-    xslt: any;
-    xsltDoc: any;
-    setXml(x: string): this;
-    setXslt(x: string): this;
-    transform(): Promise<unknown>;
-}
-declare function browserSupportsXSLT(): boolean;

package/dist/lib/camera/Camera.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { MutableRefObject } from 'react';
 export type Camera = {
     stream: MediaStream;
     isRearFacing: boolean;
@@ -24,38 +24,47 @@ export type FacingMode = 'user' | 'environment' | 'left' | 'right';
 export declare function listAvailableCameras(facingMode?: FacingMode, requestMicAccess?: boolean): Promise<MediaDeviceInfo[]>;
 export declare function obtainCameraAccess(stream: MediaStream, deviceLabel: string, video?: HTMLVideoElement | null): Camera;
 export declare function releaseCameraAccess(): void;
-export declare const useHighestResCaptureDevice: ({ preferFrontFacingCamera, preferContinuityCamera, requestMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }?: {
-    preferFrontFacingCamera: boolean;
-    preferContinuityCamera: boolean;
-    requestMicrophoneAccess: boolean;
-    maxVideoWidth?: number | undefined;
-    maxFps?: number | undefined;
-    debugMode?: boolean | undefined;
-}) => {
-    videoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
+export declare function releaseMicrophoneAccess(): void;
+type UsePreferredCaptureDeviceParams = {
+    requestAccessAutomatically?: boolean;
+    preferFrontFacingCamera?: boolean;
+    preferContinuityCamera?: boolean;
+    requireMicrophoneAccess?: boolean;
+    maxVideoWidth?: number;
+    maxFps?: number;
+    debugMode?: boolean;
+};
+export type CaptureDevice = {
+    videoRef: MutableRefObject<HTMLVideoElement | null>;
     videoDevice: MediaDeviceInfo | null;
     videoLoaded: boolean;
-    setVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    cameraRef: import("react").MutableRefObject<Camera | null>;
+    setVideoLoaded: (value: boolean) => void;
+    onVideoUnmounted: (videoElement: HTMLVideoElement) => void;
+    cameraRef: MutableRefObject<Camera | null>;
     cameraReady: boolean;
     cameraAccessDenied: boolean;
-    retryCameraAccess: () => void;
-    releaseCameraAccess: typeof releaseCameraAccess;
+    requestCameraAccess: () => void;
+    releaseCameraAccess: () => void;
     iphoneContinuityCameraAvailable: boolean;
     iphoneContinuityCameraAllowed: boolean;
-    setIphoneContinuityCameraAllowed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setIphoneContinuityCameraAllowed: (value: boolean) => void;
     takePhoto: () => Promise<Blob | null>;
+    audioStream: MediaStream | null;
+    microphoneReady: boolean;
+    microphoneAccessDenied: boolean;
+    requestMicrophoneAccess: () => void;
 };
+export declare function usePreferredCaptureDevice({ requestAccessAutomatically, preferFrontFacingCamera, preferContinuityCamera, requireMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }?: UsePreferredCaptureDeviceParams): CaptureDevice;
 export declare const useDualResCaptureDevice: () => {
-    minVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
-    maxVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
+    minVideoRef: MutableRefObject<HTMLVideoElement | null>;
+    maxVideoRef: MutableRefObject<HTMLVideoElement | null>;
     minCamera: Camera | null;
     maxCamera: Camera | null;
     maxCameraReady: boolean;
     minVideoLoaded: boolean;
     maxVideoLoaded: boolean;
     setMinVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setMaxVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setMaxVideoLoaded: (value: boolean) => void;
     takeFullResPhoto: () => Promise<Blob | null>;
 };
 export {};

package/dist/lib/camera/useVideoRecorder.d.ts

@@ -1,7 +1,11 @@
 import { Camera } from './Camera';
-export declare const useVideoRecorder: (camera: Camera | null) => {
-    isRecording: boolean;
-    startRecording: () => void;
-    stopRecording: () => void;
+export declare const useVideoRecorder: (camera: Camera | null, audioStream?: MediaStream | null) => {
+    isRecordingVideo: boolean;
+    isRecordingAudio: boolean;
+    startRecordingVideo: () => void;
+    startRecordingAudio: () => void;
+    stopRecordingVideo: () => void;
+    stopRecordingAudio: () => void;
     videoUrl: string | null;
+    audioUrl: string | null;
 };