idmission-web-sdk 1.0.382 → 1.0.384

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/components/camera/CameraProvider.d.ts +6 -19
  2. package/dist/components/camera/MicrophoneAccessDeniedOverlay.d.ts +30 -0
  3. package/dist/components/face_liveness/FaceLivenessCapture.d.ts +1 -3
  4. package/dist/components/fallback_flows/SelfieCapture.d.ts +8 -3
  5. package/dist/components/id_capture/HighPerformanceObjectDetectionModelsProvider.d.ts +1 -1
  6. package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts +275 -0
  7. package/dist/components/selfie_capture/SelfieCaptureLoadingOverlay.d.ts +5 -0
  8. package/dist/components/submission/SubmissionProvider.d.ts +2 -0
  9. package/dist/components/video_id/IdVideoCapture.d.ts +3 -2
  10. package/dist/components/video_id/IdVideoCaptureSuccess.d.ts +2 -1
  11. package/dist/contexts/SubmissionContext.d.ts +2 -1
  12. package/dist/lib/barcode/Parse.d.ts +2 -50
  13. package/dist/lib/camera/Camera.d.ts +27 -18
  14. package/dist/lib/camera/useVideoRecorder.d.ts +10 -4
  15. package/dist/lib/locales/es/translation.d.ts +2 -2
  16. package/dist/lib/locales/index.d.ts +2 -2
  17. package/dist/lib/utils/logger.d.ts +14 -0
  18. package/dist/lib/utils/resizeFile.d.ts +14 -0
  19. package/dist/sdk2.cjs.development.js +1868 -1339
  20. package/dist/sdk2.cjs.development.js.map +1 -1
  21. package/dist/sdk2.cjs.production.js +1 -1
  22. package/dist/sdk2.cjs.production.js.map +1 -1
  23. package/dist/sdk2.esm.js +1868 -1339
  24. package/dist/sdk2.esm.js.map +1 -1
  25. package/dist/sdk2.umd.development.js +1871 -1343
  26. package/dist/sdk2.umd.development.js.map +1 -1
  27. package/dist/sdk2.umd.production.js +1 -1
  28. package/dist/sdk2.umd.production.js.map +1 -1
  29. package/dist/stories/CustomerFlows/CustomerIdAndBiometricsEnrollment.stories.d.ts +4 -0
  30. package/dist/stories/CustomerFlows/IdAndFaceValidation.stories.d.ts +4 -0
  31. package/dist/stories/CustomerFlows/IdValidation.stories.d.ts +6 -2
  32. package/dist/stories/CustomerFlows/SignatureKYC.stories.d.ts +1 -0
  33. package/dist/stories/CustomerFlows/VideoIdValidation.stories.d.ts +4 -0
  34. package/dist/version.d.ts +1 -1
  35. package/package.json +2 -2
@@ -1,27 +1,14 @@
1
- import React, { MutableRefObject, ReactElement } from 'react';
2
- import { Camera } from '../../lib/camera/Camera';
3
- export type CameraState = {
4
- videoRef: MutableRefObject<HTMLVideoElement | null>;
5
- videoLoaded: boolean;
6
- setVideoLoaded: (value: boolean) => void;
7
- cameraRef: MutableRefObject<Camera | null>;
8
- cameraReady: boolean;
9
- cameraAccessDenied: boolean;
10
- retryCameraAccess: () => void;
11
- releaseCameraAccess: () => void;
12
- iphoneContinuityCameraAvailable: boolean;
13
- iphoneContinuityCameraAllowed: boolean;
14
- setIphoneContinuityCameraAllowed: (value: boolean) => void;
15
- takePhoto: () => Promise<Blob | null>;
16
- };
17
- export declare const CameraStateContext: React.Context<CameraState>;
1
+ import React, { ReactElement } from 'react';
2
+ import { CaptureDevice } from '../../lib/camera/Camera';
3
+ export declare const CameraStateContext: React.Context<CaptureDevice>;
18
4
  export type CameraProviderProps = {
19
5
  children: ReactElement;
6
+ requestAccessAutomatically?: boolean;
20
7
  preferFrontFacingCamera?: boolean;
21
8
  preferContinuityCamera?: boolean;
22
- requestMicrophoneAccess?: boolean;
9
+ requireMicrophoneAccess?: boolean;
23
10
  maxVideoWidth?: number;
24
11
  maxFps?: number;
25
12
  debugMode?: boolean;
26
13
  };
27
- export declare const CameraProvider: ({ children, preferFrontFacingCamera, preferContinuityCamera, requestMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }: CameraProviderProps) => ReactElement;
14
+ export declare const CameraProvider: ({ children, requestAccessAutomatically, preferFrontFacingCamera, preferContinuityCamera, requireMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }: CameraProviderProps) => ReactElement;
@@ -0,0 +1,30 @@
1
+ import { ReactElement } from 'react';
2
+ import { LoaderButtonColors } from '../common/LoaderButton';
3
+ import { CustomerSuppliedVerbiage } from '../../lib/locales';
4
+ export type MicrophoneAccessDeniedOverlayAssets = {
5
+ imageUrl?: string;
6
+ };
7
+ export type MicrophoneAccessDeniedOverlayClassNames = {
8
+ container?: string;
9
+ inner?: string;
10
+ imageContainer?: string;
11
+ image?: string;
12
+ heading?: string;
13
+ description?: string;
14
+ retryBtn?: string;
15
+ };
16
+ export type MicrophoneAccessDeniedOverlayColors = {
17
+ retryBtn?: LoaderButtonColors;
18
+ };
19
+ export type MicrophoneAccessDeniedOverlayVerbiage = {
20
+ headingText?: CustomerSuppliedVerbiage;
21
+ descriptionText?: CustomerSuppliedVerbiage;
22
+ retryBtnText?: CustomerSuppliedVerbiage;
23
+ };
24
+ export type MicrophoneAccessDeniedOverlayProps = {
25
+ assets?: MicrophoneAccessDeniedOverlayAssets;
26
+ classNames?: MicrophoneAccessDeniedOverlayClassNames;
27
+ colors?: MicrophoneAccessDeniedOverlayColors;
28
+ verbiage?: MicrophoneAccessDeniedOverlayVerbiage;
29
+ };
30
+ export declare const MicrophoneAccessDeniedOverlay: ({ assets, classNames, colors, verbiage: rawVerbiage, }: MicrophoneAccessDeniedOverlayProps) => ReactElement;
@@ -2,7 +2,6 @@ import { ReactElement } from 'react';
2
2
  import { SelfieCaptureClassNames, SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
3
3
  import { SelfieProgressPreviewClassNames } from '../common/SelfieProgressPreview';
4
4
  import { CustomerSuppliedVerbiage } from '../../lib/locales';
5
- import { SelfieCaptureLoadingOverlayProps } from '../selfie_capture/SelfieCaptureLoadingOverlay';
6
5
  export type FaceLivenessCaptureClassNames = SelfieCaptureClassNames & {
7
6
  imagePreview?: SelfieProgressPreviewClassNames;
8
7
  };
@@ -24,6 +23,5 @@ export type FaceLivenessCaptureProps = {
24
23
  colors?: FaceLivenessCaptureColors;
25
24
  verbiage?: FaceLivenessCaptureVerbiage;
26
25
  debugMode?: boolean;
27
- selfieCaptureLoadingOverlayProps?: SelfieCaptureLoadingOverlayProps;
28
26
  };
29
- export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, silentFallback, classNames, colors, verbiage: rawVerbiage, debugMode, selfieCaptureLoadingOverlayProps, }: FaceLivenessCaptureProps) => ReactElement;
27
+ export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, silentFallback, classNames, colors, verbiage: rawVerbiage, debugMode, }: FaceLivenessCaptureProps) => ReactElement;
@@ -1,7 +1,6 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { CustomerSuppliedVerbiage } from '../../lib/locales';
3
3
  import { LoaderButtonColors } from '../common/LoaderButton';
4
- import { SelfieCaptureLoadingOverlayProps } from '../selfie_capture/SelfieCaptureLoadingOverlay';
5
4
  export type SelfieCaptureFallbackClassNames = {
6
5
  container?: string;
7
6
  inner?: string;
@@ -12,6 +11,7 @@ export type SelfieCaptureFallbackClassNames = {
12
11
  buttonsRow?: string;
13
12
  captureBtn?: string;
14
13
  doneBtn?: string;
14
+ retryCaptureBtn?: string;
15
15
  };
16
16
  export type SelfieCaptureFallbackColors = {
17
17
  captureBtn?: LoaderButtonColors;
@@ -23,6 +23,10 @@ export type SelfieCaptureFallbackVerbiage = {
23
23
  captureBtnText?: CustomerSuppliedVerbiage;
24
24
  doneBtnText?: CustomerSuppliedVerbiage;
25
25
  doneBtnLoadingText?: CustomerSuppliedVerbiage;
26
+ livenessFailedText?: CustomerSuppliedVerbiage;
27
+ livenessFailedReasonText?: CustomerSuppliedVerbiage;
28
+ retryButtonText?: CustomerSuppliedVerbiage;
29
+ retryCaptureButtonText?: CustomerSuppliedVerbiage;
26
30
  };
27
31
  export type SelfieCaptureFallbackProps = {
28
32
  onFinished?: (imageData: string) => void;
@@ -31,6 +35,7 @@ export type SelfieCaptureFallbackProps = {
31
35
  colors?: SelfieCaptureFallbackColors;
32
36
  verbiage?: SelfieCaptureFallbackVerbiage;
33
37
  silentFallback?: boolean;
34
- selfieCaptureLoadingOverlayProps?: SelfieCaptureLoadingOverlayProps;
38
+ invalidSelfie?: boolean;
39
+ guidanceMessage?: string;
35
40
  };
36
- export declare const SelfieCaptureFallback: ({ onFinished, onCapture, classNames, colors, verbiage: rawVerbiage, silentFallback, selfieCaptureLoadingOverlayProps: overlayProps, }: SelfieCaptureFallbackProps) => ReactElement;
41
+ export declare const SelfieCaptureFallback: ({ onFinished, onCapture, classNames, colors, verbiage: rawVerbiage, silentFallback, invalidSelfie, guidanceMessage, }: SelfieCaptureFallbackProps) => ReactElement;
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { MutableRefObject, ReactElement, ReactNode } from 'react';
3
3
  import { ObjectDetector } from '@mediapipe/tasks-vision';
4
4
  export declare const visionTasksBasePath = "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@latest/wasm";
5
- export declare const objectDetectorModelPath = "https://websdk-cdn-dev.idmission.com/assets/models/mpobjtest/model_fp16.tflite";
5
+ export declare const objectDetectorModelPath = "https://websdk-cdn-dev.idmission.com/assets/models/docdetectmp20240517/model_fp16.tflite";
6
6
  export type DetectedObject = {
7
7
  box: {
8
8
  xMin: number;
@@ -548,6 +548,281 @@ export declare const GuideRegion: import("styled-components").IStyledComponent<"
548
548
  $minHeight?: number | undefined;
549
549
  $maskColor?: string | undefined;
550
550
  }>>;
551
+ export declare const Spacer: import("styled-components").IStyledComponent<"web", {
552
+ key?: React.Key | null | undefined;
553
+ defaultChecked?: boolean | undefined;
554
+ defaultValue?: string | number | readonly string[] | undefined;
555
+ suppressContentEditableWarning?: boolean | undefined;
556
+ suppressHydrationWarning?: boolean | undefined;
557
+ accessKey?: string | undefined;
558
+ autoFocus?: boolean | undefined;
559
+ className?: string | undefined;
560
+ contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
561
+ contextMenu?: string | undefined;
562
+ dir?: string | undefined;
563
+ draggable?: (boolean | "true" | "false") | undefined;
564
+ hidden?: boolean | undefined;
565
+ id?: string | undefined;
566
+ lang?: string | undefined;
567
+ nonce?: string | undefined;
568
+ placeholder?: string | undefined;
569
+ slot?: string | undefined;
570
+ spellCheck?: (boolean | "true" | "false") | undefined;
571
+ style?: React.CSSProperties | undefined;
572
+ tabIndex?: number | undefined;
573
+ title?: string | undefined;
574
+ translate?: "yes" | "no" | undefined;
575
+ radioGroup?: string | undefined;
576
+ role?: React.AriaRole | undefined;
577
+ about?: string | undefined;
578
+ content?: string | undefined;
579
+ datatype?: string | undefined;
580
+ inlist?: any;
581
+ prefix?: string | undefined;
582
+ property?: string | undefined;
583
+ rel?: string | undefined;
584
+ resource?: string | undefined;
585
+ rev?: string | undefined;
586
+ typeof?: string | undefined;
587
+ vocab?: string | undefined;
588
+ autoCapitalize?: string | undefined;
589
+ autoCorrect?: string | undefined;
590
+ autoSave?: string | undefined;
591
+ color?: string | undefined;
592
+ itemProp?: string | undefined;
593
+ itemScope?: boolean | undefined;
594
+ itemType?: string | undefined;
595
+ itemID?: string | undefined;
596
+ itemRef?: string | undefined;
597
+ results?: number | undefined;
598
+ security?: string | undefined;
599
+ unselectable?: "on" | "off" | undefined;
600
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
601
+ is?: string | undefined;
602
+ children?: React.ReactNode | Iterable<React.ReactNode>;
603
+ "aria-activedescendant"?: string | undefined;
604
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
605
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
606
+ "aria-braillelabel"?: string | undefined;
607
+ "aria-brailleroledescription"?: string | undefined;
608
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
609
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
610
+ "aria-colcount"?: number | undefined;
611
+ "aria-colindex"?: number | undefined;
612
+ "aria-colindextext"?: string | undefined;
613
+ "aria-colspan"?: number | undefined;
614
+ "aria-controls"?: string | undefined;
615
+ "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
616
+ "aria-describedby"?: string | undefined;
617
+ "aria-description"?: string | undefined;
618
+ "aria-details"?: string | undefined;
619
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
620
+ "aria-dropeffect"?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
621
+ "aria-errormessage"?: string | undefined;
622
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
623
+ "aria-flowto"?: string | undefined;
624
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
625
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
626
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
627
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
628
+ "aria-keyshortcuts"?: string | undefined;
629
+ "aria-label"?: string | undefined;
630
+ "aria-labelledby"?: string | undefined;
631
+ "aria-level"?: number | undefined;
632
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
633
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
634
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
635
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
636
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
637
+ "aria-owns"?: string | undefined;
638
+ "aria-placeholder"?: string | undefined;
639
+ "aria-posinset"?: number | undefined;
640
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
641
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
642
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
643
+ "aria-required"?: (boolean | "true" | "false") | undefined;
644
+ "aria-roledescription"?: string | undefined;
645
+ "aria-rowcount"?: number | undefined;
646
+ "aria-rowindex"?: number | undefined;
647
+ "aria-rowindextext"?: string | undefined;
648
+ "aria-rowspan"?: number | undefined;
649
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
650
+ "aria-setsize"?: number | undefined;
651
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
652
+ "aria-valuemax"?: number | undefined;
653
+ "aria-valuemin"?: number | undefined;
654
+ "aria-valuenow"?: number | undefined;
655
+ "aria-valuetext"?: string | undefined;
656
+ dangerouslySetInnerHTML?: {
657
+ __html: string | TrustedHTML;
658
+ } | undefined;
659
+ onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
660
+ onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
661
+ onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
662
+ onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
663
+ onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
664
+ onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
665
+ onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
666
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
667
+ onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
668
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
669
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
670
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
671
+ onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
672
+ onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
673
+ onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
674
+ onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
675
+ onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
676
+ onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
677
+ onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
678
+ onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
679
+ onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
680
+ onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
681
+ onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
682
+ onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
683
+ onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
684
+ onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
685
+ onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
686
+ onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
687
+ onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
688
+ onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
689
+ onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
690
+ onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
691
+ onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
692
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
693
+ onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
694
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
695
+ onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
696
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
697
+ onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
698
+ onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
699
+ onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
700
+ onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
701
+ onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
702
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
703
+ onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
704
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
705
+ onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
706
+ onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
707
+ onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
708
+ onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
709
+ onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
710
+ onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
711
+ onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
712
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
713
+ onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
714
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
715
+ onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
716
+ onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
717
+ onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
718
+ onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
719
+ onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
720
+ onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
721
+ onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
722
+ onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
723
+ onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
724
+ onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
725
+ onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
726
+ onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
727
+ onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
728
+ onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
729
+ onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
730
+ onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
731
+ onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
732
+ onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
733
+ onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
734
+ onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
735
+ onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
736
+ onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
737
+ onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
738
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
739
+ onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
740
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
741
+ onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
742
+ onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
743
+ onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
744
+ onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
745
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
746
+ onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
747
+ onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
748
+ onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
749
+ onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
750
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
751
+ onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
752
+ onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
753
+ onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
754
+ onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
755
+ onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
756
+ onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
757
+ onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
758
+ onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
759
+ onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
760
+ onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
761
+ onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
762
+ onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
763
+ onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
764
+ onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
765
+ onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
766
+ onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
767
+ onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
768
+ onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
769
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
770
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
771
+ onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
772
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
773
+ onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
774
+ onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
775
+ onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
776
+ onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
777
+ onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
778
+ onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
779
+ onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
780
+ onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
781
+ onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
782
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
783
+ onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
784
+ onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
785
+ onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
786
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
787
+ onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
788
+ onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
789
+ onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
790
+ onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
791
+ onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
792
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
793
+ onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
794
+ onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
795
+ onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
796
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
797
+ onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
798
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
799
+ onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
800
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
801
+ onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
802
+ onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
803
+ onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
804
+ onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
805
+ onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
806
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
807
+ onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
808
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
809
+ onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
810
+ onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
811
+ onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
812
+ onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
813
+ onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
814
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
815
+ onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
816
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
817
+ onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
818
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
819
+ onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
820
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
821
+ $minWidth?: number | undefined;
822
+ $minHeight?: number | undefined;
823
+ $maskColor?: string | undefined;
824
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
825
+ }>;
551
826
  export declare const GuideCenterRegion: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
552
827
  $minWidth?: number | undefined;
553
828
  $isMirrored?: boolean | undefined;
@@ -2,9 +2,11 @@ import React from 'react';
2
2
  import { CameraAccessDeniedOverlayAssets, CameraAccessDeniedOverlayClassNames, CameraAccessDeniedOverlayColors, CameraAccessDeniedOverlayVerbiage } from '../camera/CameraAccessDeniedOverlay';
3
3
  import { LoaderButtonColors } from '../common/LoaderButton';
4
4
  import { CustomerSuppliedVerbiage } from '../../lib/locales';
5
+ import { MicrophoneAccessDeniedOverlayAssets, MicrophoneAccessDeniedOverlayClassNames, MicrophoneAccessDeniedOverlayColors, MicrophoneAccessDeniedOverlayVerbiage } from '../camera/MicrophoneAccessDeniedOverlay';
5
6
  export type SelfieCaptureLoadingOverlayAssets = {
6
7
  instructionImageUrl?: string;
7
8
  cameraAccessDenied?: CameraAccessDeniedOverlayAssets;
9
+ microphoneAccessDenied?: MicrophoneAccessDeniedOverlayAssets;
8
10
  };
9
11
  export type SelfieCaptureLoadingOverlayClassNames = {
10
12
  container?: string;
@@ -18,6 +20,7 @@ export type SelfieCaptureLoadingOverlayClassNames = {
18
20
  continueBtn?: string;
19
21
  cancelBtn?: string;
20
22
  cameraAccessDenied?: CameraAccessDeniedOverlayClassNames;
23
+ microphoneAccessDenied?: MicrophoneAccessDeniedOverlayClassNames;
21
24
  progressContainer?: string;
22
25
  progressBackground?: string;
23
26
  progressBar?: string;
@@ -29,6 +32,7 @@ export type SelfieCaptureLoadingOverlayClassNames = {
29
32
  export type SelfieCaptureLoadingOverlayColors = {
30
33
  continueBtn?: LoaderButtonColors;
31
34
  cameraAccessDenied?: CameraAccessDeniedOverlayColors;
35
+ microphoneAccessDenied?: MicrophoneAccessDeniedOverlayColors;
32
36
  };
33
37
  export type SelfieCaptureLoadingOverlayVerbiage = {
34
38
  headingText?: CustomerSuppliedVerbiage;
@@ -41,6 +45,7 @@ export type SelfieCaptureLoadingOverlayVerbiage = {
41
45
  modelsReadyText?: CustomerSuppliedVerbiage;
42
46
  cameraInitializedText?: CustomerSuppliedVerbiage;
43
47
  cameraAccessDenied?: CameraAccessDeniedOverlayVerbiage;
48
+ microphoneAccessDenied?: MicrophoneAccessDeniedOverlayVerbiage;
44
49
  };
45
50
  export type SelfieCaptureLoadingOverlayProps = {
46
51
  onDismissed?: () => void;
@@ -21,6 +21,7 @@ export type SubmissionState = {
21
21
  idCaptureVideoUrl: string | null;
22
22
  idCaptureVideoIdFrontImage: string | null;
23
23
  idCaptureVideoIdBackImage: string | null;
24
+ idCaptureVideoAudioUrl: string | null;
24
25
  idCaptureVideoAudioStartsAt: number | null;
25
26
  additionalDocuments: UploadedDocument[] | null;
26
27
  setIdFrontImage: (image: string) => void;
@@ -32,6 +33,7 @@ export type SubmissionState = {
32
33
  setIdCaptureVideoUrl: (videoDataUrl: string) => void;
33
34
  setIdCaptureVideoIdFrontImage: (image: string) => void;
34
35
  setIdCaptureVideoIdBackImage: (image: string) => void;
36
+ setIdCaptureVideoAudioUrl: (videoDataUrl: string) => void;
35
37
  setIdCaptureVideoAudioStartsAt: (value: number) => void;
36
38
  setExpectedAudioText: (value: string) => void;
37
39
  setAdditionalDocuments: (uploadedDocuments: UploadedDocument[]) => void;
@@ -32,10 +32,11 @@ export type IdVideoCaptureVerbiage = {
32
32
  captureBtnText?: CustomerSuppliedVerbiage;
33
33
  };
34
34
  export type IdVideoCaptureProps = {
35
- onComplete?: (videoUrl: string) => void;
35
+ onComplete?: (videoUrl: string, audioUrl: string | null) => void;
36
36
  onIdFrontImageCaptured?: (imageUrl: string) => void;
37
37
  onIdBackImageCaptured?: (imageUrl: string) => void;
38
38
  onFaceNotDetected?: () => void;
39
+ onRecordingFailed?: () => void;
39
40
  idCaptureModelsEnabled?: boolean;
40
41
  idCardFrontDelay?: number;
41
42
  idCardFrontDetectionThreshold?: number;
@@ -57,4 +58,4 @@ export type IdVideoCaptureProps = {
57
58
  verbiage?: IdVideoCaptureVerbiage;
58
59
  debugMode?: boolean;
59
60
  };
60
- export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, idCaptureModelsEnabled, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
61
+ export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, onRecordingFailed, idCaptureModelsEnabled, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
@@ -26,6 +26,7 @@ export type IdVideoCaptureSuccessVerbiage = {
26
26
  };
27
27
  export type IdVideoCaptureSuccessProps = {
28
28
  videoUrl: string;
29
+ audioUrl: string | null;
29
30
  idFrontImageUrl: string;
30
31
  idBackImageUrl?: string;
31
32
  onDoneClick?: () => void;
@@ -34,4 +35,4 @@ export type IdVideoCaptureSuccessProps = {
34
35
  colors?: IdVideoCaptureSuccessColors;
35
36
  verbiage?: IdVideoCaptureSuccessVerbiage;
36
37
  };
37
- export declare const IdVideoCaptureSuccess: ({ videoUrl, idFrontImageUrl, idBackImageUrl, onDoneClick, onRetryClick, classNames, colors, verbiage: rawVerbiage, }: IdVideoCaptureSuccessProps) => ReactElement;
38
+ export declare const IdVideoCaptureSuccess: ({ videoUrl, audioUrl, idFrontImageUrl, idBackImageUrl, onDoneClick, onRetryClick, classNames, colors, verbiage: rawVerbiage, }: IdVideoCaptureSuccessProps) => ReactElement;
@@ -38,7 +38,8 @@ export type SubmissionRequest = {
38
38
  biometricData?: {
39
39
  selfie?: string;
40
40
  videoData?: string;
41
- voiceStartsAt?: number;
41
+ voiceData?: string;
42
+ voiceStartTime?: number;
42
43
  expectedAudioText?: string;
43
44
  };
44
45
  signatureData?: {
@@ -1,53 +1,5 @@
1
- declare function processBarcode(rawValue: string): Promise<unknown>;
2
- declare const companyXSLTData: {
3
- code: string;
4
- match_pattern: string;
5
- xslt_template: string;
6
- is_disabled: string;
7
- Country: string;
8
- State: string;
9
- DocumentType: string;
10
- Side: string;
11
- barcode_type: string;
12
- }[];
13
- declare function isBarcodePresentForSelectedCriteria(idSide: string): Promise<{
14
- code: string;
15
- match_pattern: string;
16
- xslt_template: string;
17
- is_disabled: string;
18
- Country: string;
19
- State: string;
20
- DocumentType: string;
21
- Side: string;
22
- barcode_type: string;
23
- } | null>;
24
- type XSLTResponse = {
25
- data: {
26
- data: {
27
- response: {
28
- status: {
29
- code: string;
30
- };
31
- listData: {
32
- fieldValues: string[];
33
- };
34
- };
35
- };
36
- };
37
- };
38
- declare function getCompanyXSLTData(serviceParams: {
1
+ export declare function processBarcode(rawValue: string): Promise<unknown>;
2
+ export declare function getCompanyXSLTData(serviceParams: {
39
3
  baseUrl: string;
40
4
  tokenId: string;
41
5
  }): Promise<void>;
42
- declare function getXSLTDataHandler(resp: XSLTResponse | null): void;
43
- declare function transformBarcodeUsingXSLT(barcodeScanResult: string, xsl: string): Promise<unknown>;
44
- declare class Transformation {
45
- xml: string;
46
- xmlDoc: any;
47
- xslt: any;
48
- xsltDoc: any;
49
- setXml(x: string): this;
50
- setXslt(x: string): this;
51
- transform(): Promise<unknown>;
52
- }
53
- declare function browserSupportsXSLT(): boolean;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import { MutableRefObject } from 'react';
2
2
  export type Camera = {
3
3
  stream: MediaStream;
4
4
  isRearFacing: boolean;
@@ -24,38 +24,47 @@ export type FacingMode = 'user' | 'environment' | 'left' | 'right';
24
24
  export declare function listAvailableCameras(facingMode?: FacingMode, requestMicAccess?: boolean): Promise<MediaDeviceInfo[]>;
25
25
  export declare function obtainCameraAccess(stream: MediaStream, deviceLabel: string, video?: HTMLVideoElement | null): Camera;
26
26
  export declare function releaseCameraAccess(): void;
27
- export declare const useHighestResCaptureDevice: ({ preferFrontFacingCamera, preferContinuityCamera, requestMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }?: {
28
- preferFrontFacingCamera: boolean;
29
- preferContinuityCamera: boolean;
30
- requestMicrophoneAccess: boolean;
31
- maxVideoWidth?: number | undefined;
32
- maxFps?: number | undefined;
33
- debugMode?: boolean | undefined;
34
- }) => {
35
- videoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
27
+ export declare function releaseMicrophoneAccess(): void;
28
+ type UsePreferredCaptureDeviceParams = {
29
+ requestAccessAutomatically?: boolean;
30
+ preferFrontFacingCamera?: boolean;
31
+ preferContinuityCamera?: boolean;
32
+ requireMicrophoneAccess?: boolean;
33
+ maxVideoWidth?: number;
34
+ maxFps?: number;
35
+ debugMode?: boolean;
36
+ };
37
+ export type CaptureDevice = {
38
+ videoRef: MutableRefObject<HTMLVideoElement | null>;
36
39
  videoDevice: MediaDeviceInfo | null;
37
40
  videoLoaded: boolean;
38
- setVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
39
- cameraRef: import("react").MutableRefObject<Camera | null>;
41
+ setVideoLoaded: (value: boolean) => void;
42
+ onVideoUnmounted: (videoElement: HTMLVideoElement) => void;
43
+ cameraRef: MutableRefObject<Camera | null>;
40
44
  cameraReady: boolean;
41
45
  cameraAccessDenied: boolean;
42
- retryCameraAccess: () => void;
43
- releaseCameraAccess: typeof releaseCameraAccess;
46
+ requestCameraAccess: () => void;
47
+ releaseCameraAccess: () => void;
44
48
  iphoneContinuityCameraAvailable: boolean;
45
49
  iphoneContinuityCameraAllowed: boolean;
46
- setIphoneContinuityCameraAllowed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
50
+ setIphoneContinuityCameraAllowed: (value: boolean) => void;
47
51
  takePhoto: () => Promise<Blob | null>;
52
+ audioStream: MediaStream | null;
53
+ microphoneReady: boolean;
54
+ microphoneAccessDenied: boolean;
55
+ requestMicrophoneAccess: () => void;
48
56
  };
57
+ export declare function usePreferredCaptureDevice({ requestAccessAutomatically, preferFrontFacingCamera, preferContinuityCamera, requireMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }?: UsePreferredCaptureDeviceParams): CaptureDevice;
49
58
  export declare const useDualResCaptureDevice: () => {
50
- minVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
51
- maxVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
59
+ minVideoRef: MutableRefObject<HTMLVideoElement | null>;
60
+ maxVideoRef: MutableRefObject<HTMLVideoElement | null>;
52
61
  minCamera: Camera | null;
53
62
  maxCamera: Camera | null;
54
63
  maxCameraReady: boolean;
55
64
  minVideoLoaded: boolean;
56
65
  maxVideoLoaded: boolean;
57
66
  setMinVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
58
- setMaxVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
67
+ setMaxVideoLoaded: (value: boolean) => void;
59
68
  takeFullResPhoto: () => Promise<Blob | null>;
60
69
  };
61
70
  export {};