idmission-web-sdk 1.0.359 → 1.0.361
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.
- package/README.md +1 -1
- package/dist/components/camera/CameraProvider.d.ts +19 -6
- package/dist/components/face_liveness/FaceLivenessCapture.d.ts +3 -1
- package/dist/components/fallback_flows/SelfieCapture.d.ts +3 -8
- package/dist/components/id_capture/HighPerformanceObjectDetectionModelsProvider.d.ts +1 -1
- package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts +0 -275
- package/dist/components/selfie_capture/SelfieCaptureLoadingOverlay.d.ts +0 -5
- package/dist/components/submission/SubmissionProvider.d.ts +0 -2
- package/dist/components/video_id/IdVideoCapture.d.ts +1 -1
- package/dist/components/video_id/IdVideoCaptureSuccess.d.ts +1 -2
- package/dist/contexts/SubmissionContext.d.ts +1 -2
- package/dist/lib/barcode/Parse.d.ts +50 -2
- package/dist/lib/camera/Camera.d.ts +18 -27
- package/dist/lib/camera/useVideoRecorder.d.ts +4 -8
- package/dist/lib/locales/es/translation.d.ts +2 -2
- package/dist/lib/locales/index.d.ts +2 -2
- package/dist/sdk2.cjs.development.js +1542 -1943
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +1542 -1943
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +1542 -1943
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/stories/CustomerFlows/CustomerIdAndBiometricsEnrollment.stories.d.ts +0 -4
- package/dist/stories/CustomerFlows/IdAndFaceValidation.stories.d.ts +0 -4
- package/dist/stories/CustomerFlows/IdValidation.stories.d.ts +2 -6
- package/dist/stories/CustomerFlows/SignatureKYC.stories.d.ts +0 -1
- package/dist/stories/CustomerFlows/VideoIdValidation.stories.d.ts +0 -4
- package/dist/version.d.ts +1 -1
- package/package.json +2 -2
- package/dist/components/camera/MicrophoneAccessDeniedOverlay.d.ts +0 -30
- package/dist/lib/utils/logger.d.ts +0 -14
- package/dist/lib/utils/resizeFile.d.ts +0 -14
package/README.md
CHANGED
|
@@ -703,7 +703,7 @@ Render a fullscreen capture component that performs IDValidation and FaceValidat
|
|
|
703
703
|
<tr><td><code>showIdCardBackDurationMs</code> (optional)</td><td>the duration of time in milliseconds that the user is instructed to show the back of their ID card during video capture. Defaults to 5000ms.</td></tr>
|
|
704
704
|
<tr><td><code>readTextPrompt</code> (optional)</td><td>an optional text prompt to display on screen for the user to read during video capture after the ID card has been shown. Leave blank to skip the read text screen.</td></tr>
|
|
705
705
|
<tr><td><code>readTextTimeoutDurationMs</code> (optional)</td><td>the duration of time in milliseconds that the user is allowed to spend reading the <code>readTextPrompt</code>. Defaults to 15000 (15 seconds).</td></tr>
|
|
706
|
-
<tr><td><code>readTextMinReadingMs</code> (optional)</td><td>the duration of time in milliseconds that the user is forced to spend reading the `readTextPrompt` before they can click the Done button. Defaults to
|
|
706
|
+
<tr><td><code>readTextMinReadingMs</code> (optional)</td><td>the duration of time in milliseconds that the user is forced to spend reading the `readTextPrompt` before they can click the Done button. Defaults to 10000 (10 seconds).</td></tr>
|
|
707
707
|
<tr><td><code>skipSuccessScreen</code> (optional)</td><td>boolean or async function to indicate whether to proceed automatically after capture guidance is satisfied. If an async function is supplied returning a boolean, it will be evaluated at the time of capture guidance satisfaction. Defaults to false.</td></tr>
|
|
708
708
|
<tr><td><code>skipIdCapture</code> (optional)</td><td>boolean to indicate whether to skip the initial ID capture flow. Note that when this flag is set, submission to IDmission's servers will not be attempted; it should be used in tandem with onSubmit. Defaults to false.</td></tr>
|
|
709
709
|
<tr><td><code>skipShowIdCardBack</code> (optional)</td><td>boolean or async function to indicate whether to instruct the user to show the back of their ID card during video capture. If an async function is supplied returning a boolean, it will be evaluated at the time of ID front video capture completion. Defaults to false.</td></tr>
|
|
@@ -1,14 +1,27 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export
|
|
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>;
|
|
4
18
|
export type CameraProviderProps = {
|
|
5
19
|
children: ReactElement;
|
|
6
|
-
requestAccessAutomatically?: boolean;
|
|
7
20
|
preferFrontFacingCamera?: boolean;
|
|
8
21
|
preferContinuityCamera?: boolean;
|
|
9
|
-
|
|
22
|
+
requestMicrophoneAccess?: boolean;
|
|
10
23
|
maxVideoWidth?: number;
|
|
11
24
|
maxFps?: number;
|
|
12
25
|
debugMode?: boolean;
|
|
13
26
|
};
|
|
14
|
-
export declare const CameraProvider: ({ children,
|
|
27
|
+
export declare const CameraProvider: ({ children, preferFrontFacingCamera, preferContinuityCamera, requestMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }: CameraProviderProps) => ReactElement;
|
|
@@ -2,6 +2,7 @@ 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';
|
|
5
6
|
export type FaceLivenessCaptureClassNames = SelfieCaptureClassNames & {
|
|
6
7
|
imagePreview?: SelfieProgressPreviewClassNames;
|
|
7
8
|
};
|
|
@@ -23,5 +24,6 @@ export type FaceLivenessCaptureProps = {
|
|
|
23
24
|
colors?: FaceLivenessCaptureColors;
|
|
24
25
|
verbiage?: FaceLivenessCaptureVerbiage;
|
|
25
26
|
debugMode?: boolean;
|
|
27
|
+
selfieCaptureLoadingOverlayProps?: SelfieCaptureLoadingOverlayProps;
|
|
26
28
|
};
|
|
27
|
-
export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, silentFallback, classNames, colors, verbiage: rawVerbiage, debugMode, }: FaceLivenessCaptureProps) => ReactElement;
|
|
29
|
+
export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, silentFallback, classNames, colors, verbiage: rawVerbiage, debugMode, selfieCaptureLoadingOverlayProps, }: FaceLivenessCaptureProps) => ReactElement;
|
|
@@ -1,6 +1,7 @@
|
|
|
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';
|
|
4
5
|
export type SelfieCaptureFallbackClassNames = {
|
|
5
6
|
container?: string;
|
|
6
7
|
inner?: string;
|
|
@@ -11,7 +12,6 @@ export type SelfieCaptureFallbackClassNames = {
|
|
|
11
12
|
buttonsRow?: string;
|
|
12
13
|
captureBtn?: string;
|
|
13
14
|
doneBtn?: string;
|
|
14
|
-
retryCaptureBtn?: string;
|
|
15
15
|
};
|
|
16
16
|
export type SelfieCaptureFallbackColors = {
|
|
17
17
|
captureBtn?: LoaderButtonColors;
|
|
@@ -23,10 +23,6 @@ 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;
|
|
30
26
|
};
|
|
31
27
|
export type SelfieCaptureFallbackProps = {
|
|
32
28
|
onFinished?: (imageData: string) => void;
|
|
@@ -35,7 +31,6 @@ export type SelfieCaptureFallbackProps = {
|
|
|
35
31
|
colors?: SelfieCaptureFallbackColors;
|
|
36
32
|
verbiage?: SelfieCaptureFallbackVerbiage;
|
|
37
33
|
silentFallback?: boolean;
|
|
38
|
-
|
|
39
|
-
guidanceMessage?: string;
|
|
34
|
+
selfieCaptureLoadingOverlayProps?: SelfieCaptureLoadingOverlayProps;
|
|
40
35
|
};
|
|
41
|
-
export declare const SelfieCaptureFallback: ({ onFinished, onCapture, classNames, colors, verbiage: rawVerbiage, silentFallback,
|
|
36
|
+
export declare const SelfieCaptureFallback: ({ onFinished, onCapture, classNames, colors, verbiage: rawVerbiage, silentFallback, selfieCaptureLoadingOverlayProps: overlayProps, }: 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/
|
|
5
|
+
export declare const objectDetectorModelPath = "https://websdk-cdn-dev.idmission.com/assets/models/mpobjtest/model_fp16.tflite";
|
|
6
6
|
export type DetectedObject = {
|
|
7
7
|
box: {
|
|
8
8
|
xMin: number;
|
|
@@ -548,281 +548,6 @@ 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
|
-
}>;
|
|
826
551
|
export declare const GuideCenterRegion: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
827
552
|
$minWidth?: number | undefined;
|
|
828
553
|
$isMirrored?: boolean | undefined;
|
|
@@ -2,11 +2,9 @@ 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';
|
|
6
5
|
export type SelfieCaptureLoadingOverlayAssets = {
|
|
7
6
|
instructionImageUrl?: string;
|
|
8
7
|
cameraAccessDenied?: CameraAccessDeniedOverlayAssets;
|
|
9
|
-
microphoneAccessDenied?: MicrophoneAccessDeniedOverlayAssets;
|
|
10
8
|
};
|
|
11
9
|
export type SelfieCaptureLoadingOverlayClassNames = {
|
|
12
10
|
container?: string;
|
|
@@ -20,7 +18,6 @@ export type SelfieCaptureLoadingOverlayClassNames = {
|
|
|
20
18
|
continueBtn?: string;
|
|
21
19
|
cancelBtn?: string;
|
|
22
20
|
cameraAccessDenied?: CameraAccessDeniedOverlayClassNames;
|
|
23
|
-
microphoneAccessDenied?: MicrophoneAccessDeniedOverlayClassNames;
|
|
24
21
|
progressContainer?: string;
|
|
25
22
|
progressBackground?: string;
|
|
26
23
|
progressBar?: string;
|
|
@@ -32,7 +29,6 @@ export type SelfieCaptureLoadingOverlayClassNames = {
|
|
|
32
29
|
export type SelfieCaptureLoadingOverlayColors = {
|
|
33
30
|
continueBtn?: LoaderButtonColors;
|
|
34
31
|
cameraAccessDenied?: CameraAccessDeniedOverlayColors;
|
|
35
|
-
microphoneAccessDenied?: MicrophoneAccessDeniedOverlayColors;
|
|
36
32
|
};
|
|
37
33
|
export type SelfieCaptureLoadingOverlayVerbiage = {
|
|
38
34
|
headingText?: CustomerSuppliedVerbiage;
|
|
@@ -45,7 +41,6 @@ export type SelfieCaptureLoadingOverlayVerbiage = {
|
|
|
45
41
|
modelsReadyText?: CustomerSuppliedVerbiage;
|
|
46
42
|
cameraInitializedText?: CustomerSuppliedVerbiage;
|
|
47
43
|
cameraAccessDenied?: CameraAccessDeniedOverlayVerbiage;
|
|
48
|
-
microphoneAccessDenied?: MicrophoneAccessDeniedOverlayVerbiage;
|
|
49
44
|
};
|
|
50
45
|
export type SelfieCaptureLoadingOverlayProps = {
|
|
51
46
|
onDismissed?: () => void;
|
|
@@ -21,7 +21,6 @@ export type SubmissionState = {
|
|
|
21
21
|
idCaptureVideoUrl: string | null;
|
|
22
22
|
idCaptureVideoIdFrontImage: string | null;
|
|
23
23
|
idCaptureVideoIdBackImage: string | null;
|
|
24
|
-
idCaptureVideoAudioUrl: string | null;
|
|
25
24
|
idCaptureVideoAudioStartsAt: number | null;
|
|
26
25
|
additionalDocuments: UploadedDocument[] | null;
|
|
27
26
|
setIdFrontImage: (image: string) => void;
|
|
@@ -33,7 +32,6 @@ export type SubmissionState = {
|
|
|
33
32
|
setIdCaptureVideoUrl: (videoDataUrl: string) => void;
|
|
34
33
|
setIdCaptureVideoIdFrontImage: (image: string) => void;
|
|
35
34
|
setIdCaptureVideoIdBackImage: (image: string) => void;
|
|
36
|
-
setIdCaptureVideoAudioUrl: (videoDataUrl: string) => void;
|
|
37
35
|
setIdCaptureVideoAudioStartsAt: (value: number) => void;
|
|
38
36
|
setExpectedAudioText: (value: string) => void;
|
|
39
37
|
setAdditionalDocuments: (uploadedDocuments: UploadedDocument[]) => void;
|
|
@@ -32,7 +32,7 @@ export type IdVideoCaptureVerbiage = {
|
|
|
32
32
|
captureBtnText?: CustomerSuppliedVerbiage;
|
|
33
33
|
};
|
|
34
34
|
export type IdVideoCaptureProps = {
|
|
35
|
-
onComplete?: (videoUrl: string
|
|
35
|
+
onComplete?: (videoUrl: string) => void;
|
|
36
36
|
onIdFrontImageCaptured?: (imageUrl: string) => void;
|
|
37
37
|
onIdBackImageCaptured?: (imageUrl: string) => void;
|
|
38
38
|
onFaceNotDetected?: () => void;
|
|
@@ -26,7 +26,6 @@ export type IdVideoCaptureSuccessVerbiage = {
|
|
|
26
26
|
};
|
|
27
27
|
export type IdVideoCaptureSuccessProps = {
|
|
28
28
|
videoUrl: string;
|
|
29
|
-
audioUrl: string | null;
|
|
30
29
|
idFrontImageUrl: string;
|
|
31
30
|
idBackImageUrl?: string;
|
|
32
31
|
onDoneClick?: () => void;
|
|
@@ -35,4 +34,4 @@ export type IdVideoCaptureSuccessProps = {
|
|
|
35
34
|
colors?: IdVideoCaptureSuccessColors;
|
|
36
35
|
verbiage?: IdVideoCaptureSuccessVerbiage;
|
|
37
36
|
};
|
|
38
|
-
export declare const IdVideoCaptureSuccess: ({ videoUrl,
|
|
37
|
+
export declare const IdVideoCaptureSuccess: ({ videoUrl, idFrontImageUrl, idBackImageUrl, onDoneClick, onRetryClick, classNames, colors, verbiage: rawVerbiage, }: IdVideoCaptureSuccessProps) => ReactElement;
|
|
@@ -1,5 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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: {
|
|
3
39
|
baseUrl: string;
|
|
4
40
|
tokenId: string;
|
|
5
41
|
}): 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
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export type Camera = {
|
|
3
3
|
stream: MediaStream;
|
|
4
4
|
isRearFacing: boolean;
|
|
@@ -24,47 +24,38 @@ 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
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
};
|
|
37
|
-
export type CaptureDevice = {
|
|
38
|
-
videoRef: MutableRefObject<HTMLVideoElement | null>;
|
|
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>;
|
|
39
36
|
videoDevice: MediaDeviceInfo | null;
|
|
40
37
|
videoLoaded: boolean;
|
|
41
|
-
setVideoLoaded: (
|
|
42
|
-
|
|
43
|
-
cameraRef: MutableRefObject<Camera | null>;
|
|
38
|
+
setVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
39
|
+
cameraRef: import("react").MutableRefObject<Camera | null>;
|
|
44
40
|
cameraReady: boolean;
|
|
45
41
|
cameraAccessDenied: boolean;
|
|
46
|
-
|
|
47
|
-
releaseCameraAccess:
|
|
42
|
+
retryCameraAccess: () => void;
|
|
43
|
+
releaseCameraAccess: typeof releaseCameraAccess;
|
|
48
44
|
iphoneContinuityCameraAvailable: boolean;
|
|
49
45
|
iphoneContinuityCameraAllowed: boolean;
|
|
50
|
-
setIphoneContinuityCameraAllowed: (
|
|
46
|
+
setIphoneContinuityCameraAllowed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
51
47
|
takePhoto: () => Promise<Blob | null>;
|
|
52
|
-
audioStream: MediaStream | null;
|
|
53
|
-
microphoneReady: boolean;
|
|
54
|
-
microphoneAccessDenied: boolean;
|
|
55
|
-
requestMicrophoneAccess: () => void;
|
|
56
48
|
};
|
|
57
|
-
export declare function usePreferredCaptureDevice({ requestAccessAutomatically, preferFrontFacingCamera, preferContinuityCamera, requireMicrophoneAccess, maxVideoWidth, maxFps, debugMode, }?: UsePreferredCaptureDeviceParams): CaptureDevice;
|
|
58
49
|
export declare const useDualResCaptureDevice: () => {
|
|
59
|
-
minVideoRef: MutableRefObject<HTMLVideoElement | null>;
|
|
60
|
-
maxVideoRef: MutableRefObject<HTMLVideoElement | null>;
|
|
50
|
+
minVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
|
|
51
|
+
maxVideoRef: import("react").MutableRefObject<HTMLVideoElement | null>;
|
|
61
52
|
minCamera: Camera | null;
|
|
62
53
|
maxCamera: Camera | null;
|
|
63
54
|
maxCameraReady: boolean;
|
|
64
55
|
minVideoLoaded: boolean;
|
|
65
56
|
maxVideoLoaded: boolean;
|
|
66
57
|
setMinVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
67
|
-
setMaxVideoLoaded: (
|
|
58
|
+
setMaxVideoLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
68
59
|
takeFullResPhoto: () => Promise<Blob | null>;
|
|
69
60
|
};
|
|
70
61
|
export {};
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import { Camera } from './Camera';
|
|
2
|
-
export declare const useVideoRecorder: (camera: Camera | null
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
startRecordingAudio: () => void;
|
|
7
|
-
stopRecordingVideo: () => void;
|
|
8
|
-
stopRecordingAudio: () => void;
|
|
2
|
+
export declare const useVideoRecorder: (camera: Camera | null) => {
|
|
3
|
+
isRecording: boolean;
|
|
4
|
+
startRecording: () => void;
|
|
5
|
+
stopRecording: () => void;
|
|
9
6
|
videoUrl: string | null;
|
|
10
|
-
audioUrl: string | null;
|
|
11
7
|
};
|
|
@@ -7,8 +7,8 @@ declare const _default: {
|
|
|
7
7
|
'Location access blocked': string;
|
|
8
8
|
Continue: string;
|
|
9
9
|
'Processing...': string;
|
|
10
|
-
'Your camera permission is disabled': string;
|
|
11
|
-
'This application requires access to your camera to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera access to the current browser.': string;
|
|
10
|
+
'Your camera or microphone permission is disabled': string;
|
|
11
|
+
'This application requires access to your camera and microphone to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera and microphone access to the current browser.': string;
|
|
12
12
|
'Your microphone permission is disabled': string;
|
|
13
13
|
'This application requires access to your microphone to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for microphone permissions, you must go to settings and provide microphone access to the current browser.': string;
|
|
14
14
|
'Your location permission is disabled': string;
|