idmission-web-sdk 2.1.48 → 2.1.50
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/dist/components/CompositeWizard.d.ts +2 -11
- package/dist/{contexts/GuideOrientationContext.d.ts → components/GuideOrientationContextProvider.d.ts} +6 -2
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts +3 -0
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +3 -0
- package/dist/components/customer_flows/IdValidation.d.ts +7 -0
- package/dist/components/customer_flows/SignatureKYC.d.ts +5 -1
- package/dist/components/customer_flows/VideoIdValidation.d.ts +8 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts +4 -2
- package/dist/components/guide_images/backToFront.d.ts +2 -0
- package/dist/components/guide_images/byUrl.d.ts +4 -0
- package/dist/components/guide_images/defaults.d.ts +36 -0
- package/dist/components/guide_images/index.d.ts +6 -0
- package/dist/components/guide_images/merge.d.ts +2 -0
- package/dist/components/guide_images/orientation.d.ts +1 -0
- package/dist/components/guide_images/types.d.ts +14 -0
- package/dist/components/guide_images/useGuideImages.d.ts +2 -0
- package/dist/components/id_capture/FlipIdPrompt.d.ts +3 -8
- package/dist/components/id_capture/IdCapture.d.ts +1 -6
- package/dist/components/id_capture/IdCaptureFitGuide.d.ts +4 -4
- package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts +4 -14
- package/dist/components/id_capture/IdCaptureGuides.d.ts +4 -6
- package/dist/components/id_capture/IdCaptureLoadingOverlay.d.ts +2 -0
- package/dist/components/id_capture/IdCaptureLoadingOverlayDefault.d.ts +1 -1
- package/dist/components/id_capture/IdCaptureWizard.d.ts +7 -7
- package/dist/components/selfie_capture/SelfieCaptureLoadingOverlay.d.ts +3 -1
- package/dist/components/selfie_capture/SelfieCaptureLoadingOverlayDefault.d.ts +1 -1
- package/dist/components/video_id/IdVideoCapture.d.ts +4 -6
- package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts +3 -6
- package/dist/components/video_id/IdVideoCaptureGuides.d.ts +3 -6
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts +7 -4
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts +4 -2
- package/dist/sdk2.cjs.development.js +633 -545
- 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 +633 -545
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +633 -545
- 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/version.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/GuideOrientationProvider.d.ts +0 -4
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IdCaptureWizardProps } from './id_capture/IdCaptureWizard';
|
|
3
3
|
import { FaceLivenessWizardProps } from './face_liveness/FaceLivenessWizard';
|
|
4
|
-
import { SubmissionAction, SubmissionResponse } from '../contexts/SubmissionContext';
|
|
5
4
|
import { AdditionalDocumentCaptureWizardProps } from './additional_document_capture/AdditionalDocumentCaptureWizard';
|
|
6
5
|
import { SignatureCaptureProps } from './signature_capture/SignatureCapture';
|
|
7
6
|
import { VideoSignatureWizardProps } from './video_signature_capture/VideoSignatureWizard';
|
|
8
7
|
import { VideoIdWizardProps } from './video_id/IdVideoCaptureWizard';
|
|
9
8
|
export type CompositeWizardCheck = 'IdCapture' | 'FaceLiveness' | 'SignatureCapture' | 'VideoSignatureCapture' | 'AdditionalDocumentCapture' | 'VideoIdCapture';
|
|
10
|
-
export type
|
|
9
|
+
export type CompositeWizardProps = {
|
|
11
10
|
checks: CompositeWizardCheck[];
|
|
12
11
|
idCaptureProps?: IdCaptureWizardProps;
|
|
13
12
|
faceLivenessProps?: FaceLivenessWizardProps;
|
|
@@ -21,12 +20,4 @@ export type CompositeWizardComponentProps = {
|
|
|
21
20
|
onMicrophoneAccessDenied?: () => void;
|
|
22
21
|
debugMode?: boolean;
|
|
23
22
|
};
|
|
24
|
-
export
|
|
25
|
-
sessionId: string;
|
|
26
|
-
submissionAction?: SubmissionAction;
|
|
27
|
-
submissionUrl?: string;
|
|
28
|
-
authUrl?: string;
|
|
29
|
-
onComplete?: (submissionResponse: SubmissionResponse) => void;
|
|
30
|
-
};
|
|
31
|
-
export declare const CompositeWizard: (props: CompositeWizardProps) => ReactElement;
|
|
32
|
-
export declare const CompositeWizardComponent: ({ checks: userChecks, idCaptureProps, faceLivenessProps, additionalDocumentCaptureProps, signatureCaptureProps, videoSignatureCaptureProps, videoIdCaptureProps, captureSignature, captureSignatureVideo, onCameraAccessDenied, onMicrophoneAccessDenied, debugMode, }: CompositeWizardComponentProps) => ReactElement;
|
|
23
|
+
export declare function CompositeWizard({ checks: userChecks, idCaptureProps, faceLivenessProps, additionalDocumentCaptureProps, signatureCaptureProps, videoSignatureCaptureProps, videoIdCaptureProps, captureSignature, captureSignatureVideo, onCameraAccessDenied, onMicrophoneAccessDenied, debugMode, }: CompositeWizardProps): ReactElement;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RefCallback, SyntheticEvent } from 'react';
|
|
1
|
+
import React, { ReactElement, ReactNode, RefCallback, SyntheticEvent } from 'react';
|
|
2
2
|
export type GuideOrientationState = {
|
|
3
3
|
orientation: 'portrait' | 'landscape';
|
|
4
4
|
wrapperWidth: number;
|
|
@@ -12,4 +12,8 @@ export type GuideOrientationState = {
|
|
|
12
12
|
}) => void;
|
|
13
13
|
onImageLoaded: (e: SyntheticEvent) => void;
|
|
14
14
|
};
|
|
15
|
-
export declare const GuideOrientationContext:
|
|
15
|
+
export declare const GuideOrientationContext: React.Context<GuideOrientationState>;
|
|
16
|
+
export default function GuideOrientationContextProvider({ children, }: {
|
|
17
|
+
children: ReactNode;
|
|
18
|
+
}): ReactElement;
|
|
19
|
+
export declare function useGuideOrientationContext(): GuideOrientationState;
|
|
@@ -14,6 +14,7 @@ import { IdCaptureGuideType } from '../id_capture/IdCaptureGuides';
|
|
|
14
14
|
import { SelfieCaptureLoadingOverlayMode } from '../selfie_capture/SelfieCaptureLoadingOverlay';
|
|
15
15
|
import { IdCaptureLoadingOverlayMode } from '../id_capture/IdCaptureLoadingOverlay';
|
|
16
16
|
import { IdCaptureThresholds } from '../id_capture/IdCaptureModelsProvider';
|
|
17
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
17
18
|
export type CustomerEnrollmentAssets = {
|
|
18
19
|
idCapture?: IdCaptureWizardAssets;
|
|
19
20
|
faceLiveness?: FaceLivenessAssets;
|
|
@@ -108,6 +109,8 @@ export interface CustomerEnrollmentProps extends PropsWithChildren {
|
|
|
108
109
|
idCaptureInstructions?: ReactNode;
|
|
109
110
|
/** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */
|
|
110
111
|
idCaptureGuideType?: IdCaptureGuideType;
|
|
112
|
+
/** Object containing any overrides for the guide overlay images during ID capture. Images must be supplied for in both portrait and landscape orientations for both sides of the ID card. Each image must include a url, width, and height -- this is due to some interesting behavior in Safari where the image measurements cannot be trusted. */
|
|
113
|
+
idCaptureGuideImages?: IdCaptureGuideImages;
|
|
111
114
|
/** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `true`. */
|
|
112
115
|
idCapturePortraitGuidesOnMobile?: boolean;
|
|
113
116
|
/** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
|
|
@@ -15,6 +15,7 @@ import { IdCaptureGuideType } from '../id_capture/IdCaptureGuides';
|
|
|
15
15
|
import { SelfieCaptureLoadingOverlayMode } from '../selfie_capture/SelfieCaptureLoadingOverlay';
|
|
16
16
|
import { IdCaptureLoadingOverlayMode } from '../id_capture/IdCaptureLoadingOverlay';
|
|
17
17
|
import { IdCaptureThresholds } from '../id_capture/IdCaptureModelsProvider';
|
|
18
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
18
19
|
export type IdAndFaceValidationAssets = {
|
|
19
20
|
idCapture?: IdCaptureWizardAssets;
|
|
20
21
|
faceLiveness?: FaceLivenessAssets;
|
|
@@ -105,6 +106,8 @@ export interface IdAndFaceValidationProps extends PropsWithChildren {
|
|
|
105
106
|
idCaptureInstructions?: ReactNode;
|
|
106
107
|
/** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */
|
|
107
108
|
idCaptureGuideType?: IdCaptureGuideType;
|
|
109
|
+
/** Object containing any overrides for the guide overlay images during ID capture. Images must be supplied for in both portrait and landscape orientations for both sides of the ID card. Each image must include a url, width, and height -- this is due to some interesting behavior in Safari where the image measurements cannot be trusted. */
|
|
110
|
+
idCaptureGuideImages?: IdCaptureGuideImages;
|
|
108
111
|
/** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `true`. */
|
|
109
112
|
idCapturePortraitGuidesOnMobile?: boolean;
|
|
110
113
|
/** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
|
|
@@ -13,6 +13,7 @@ import { CapturedDocuments } from '../id_capture/CapturedDocuments';
|
|
|
13
13
|
import { IdCaptureGuideType } from '../id_capture/IdCaptureGuides';
|
|
14
14
|
import { IdCaptureLoadingOverlayMode } from '../id_capture/IdCaptureLoadingOverlay';
|
|
15
15
|
import { IdCaptureThresholds } from '../id_capture/IdCaptureModelsProvider';
|
|
16
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
16
17
|
export type IdValidationAssets = IdCaptureWizardAssets;
|
|
17
18
|
export type IdValidationClassNames = IdCaptureWizardClassNames & {
|
|
18
19
|
additionalDocumentCapture?: AdditionalDocumentCaptureWizardClassNames;
|
|
@@ -78,6 +79,8 @@ export interface IdValidationProps extends PropsWithChildren {
|
|
|
78
79
|
customerDataMatchConfig?: CustomerDataMatchConfig;
|
|
79
80
|
/** String indicating which ID capture loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
|
|
80
81
|
loadingOverlayMode?: IdCaptureLoadingOverlayMode;
|
|
82
|
+
/** React component to render if the warmup overlay needs to be completely replaced. Note that 100px padding should be applied to the bottom as the loading progress will be displayed over this content. **/
|
|
83
|
+
customOverlayContent?: () => ReactNode;
|
|
81
84
|
/** String to indicate which types of documents should be captured. Valid values: `idCard`, `passport`, `idCardOrPassport`, `idCardAndPassport`. Default is `idCardOrPassport`. */
|
|
82
85
|
idCaptureRequirement?: IdCaptureRequirementOption;
|
|
83
86
|
/** Boolean to indicate whether the success screen should be shown in after the ID card front is captured, rather than the flip animation. Defaults to `false`. */
|
|
@@ -90,6 +93,8 @@ export interface IdValidationProps extends PropsWithChildren {
|
|
|
90
93
|
instructions?: ReactNode;
|
|
91
94
|
/** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */
|
|
92
95
|
guideType?: IdCaptureGuideType;
|
|
96
|
+
/** Object containing any overrides for the guide overlay images during ID capture. Images must be supplied for in both portrait and landscape orientations for both sides of the ID card. Each image must include a url, width, and height -- this is due to some interesting behavior in Safari where the image measurements cannot be trusted. */
|
|
97
|
+
guideImages?: IdCaptureGuideImages;
|
|
93
98
|
/** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `true`. */
|
|
94
99
|
portraitGuidesOnMobile?: boolean;
|
|
95
100
|
/** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
|
|
@@ -132,6 +137,8 @@ export interface IdValidationProps extends PropsWithChildren {
|
|
|
132
137
|
onModelError?: (error: Error) => void;
|
|
133
138
|
/** Callback function that fires when the camera access is denied. */
|
|
134
139
|
onCameraAccessDenied?: () => void;
|
|
140
|
+
/** Callback function that fires when the continue button is clicked on the loading overlay **/
|
|
141
|
+
onCustomOverlyDismissed?: () => void;
|
|
135
142
|
/** Boolean or async function indicating whether the user should be prompted to sign the screen before submission. Defaults to `false`. */
|
|
136
143
|
captureSignature?: boolean | (() => Promise<boolean>);
|
|
137
144
|
/** Boolean or async function indicating whether the user should be prompted to record themselves signing the screen before submission. Defaults to `false`. */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from 'react';
|
|
1
|
+
import { FC, PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
import { LangOption } from '../../lib/locales';
|
|
3
3
|
import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
|
|
4
4
|
import { OnBeforeDocumentUpload, OnDocumentUploaded, OnDocumentUploadFailed, OnDocumentUploadProgress } from '../submission/SubmissionProvider';
|
|
@@ -40,8 +40,12 @@ export interface SignatureKYCProps extends PropsWithChildren {
|
|
|
40
40
|
onModelError?: (error: Error) => void;
|
|
41
41
|
/** Callback function that fires when the camera access is denied. */
|
|
42
42
|
onCameraAccessDenied?: () => void;
|
|
43
|
+
/** Callback function that fires when the continue button is clicked on the loading overlay **/
|
|
44
|
+
onCustomOverlyDismissed?: () => void;
|
|
43
45
|
/** String indicating which loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
|
|
44
46
|
loadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
|
|
47
|
+
/** React component to render if the warmup overlay needs to be completely replaced. Note that 100px padding should be applied to the bottom as the loading progress will be displayed over this content. **/
|
|
48
|
+
customOverlayContent?: () => ReactNode;
|
|
45
49
|
/** 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`. */
|
|
46
50
|
skipSuccessScreen?: boolean | (() => Promise<boolean>);
|
|
47
51
|
/** String containing a base64 image or document service ID pointing to an ID card front image that should be used to match the user's face against. Leave blank to disable face matching. */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from 'react';
|
|
1
|
+
import { FC, PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
import { CardData, CustomerDataMatchConfig, IdData, LivenessCheckRequest, PersonalData, SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
|
|
3
3
|
import { OnBeforeDocumentUpload, OnDocumentUploaded, OnDocumentUploadFailed, OnDocumentUploadProgress } from '../submission/SubmissionProvider';
|
|
4
4
|
import { CustomerSuppliedVerbiage, LangOption } from '../../lib/locales';
|
|
@@ -14,6 +14,7 @@ import { IdCaptureGuideType } from '../id_capture/IdCaptureGuides';
|
|
|
14
14
|
import { SelfieCaptureLoadingOverlayMode } from '../selfie_capture/SelfieCaptureLoadingOverlay';
|
|
15
15
|
import { IdCaptureLoadingOverlayMode } from '../id_capture/IdCaptureLoadingOverlay';
|
|
16
16
|
import { VideoIdCaptureThresholds } from '../video_id/IdVideoCapture';
|
|
17
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
17
18
|
export type VideoIdValidationAssets = VideoIdWizardAssets;
|
|
18
19
|
export type VideoIdValidationClassNames = VideoIdWizardClassNames & {
|
|
19
20
|
additionalDocumentCapture?: AdditionalDocumentCaptureWizardClassNames;
|
|
@@ -101,6 +102,8 @@ export interface VideoIdValidationProps extends PropsWithChildren {
|
|
|
101
102
|
onCameraAccessDenied?: () => void;
|
|
102
103
|
/** Callback function that fires when the microphone access is denied. */
|
|
103
104
|
onMicrophoneAccessDenied?: () => void;
|
|
105
|
+
/** Callback function that fires when the continue button is clicked on the loading overlay **/
|
|
106
|
+
onCustomOverlyDismissed?: () => void;
|
|
104
107
|
/** Object containing any overrides for IDValidation. */
|
|
105
108
|
idCaptureProps?: IdCaptureWizardProps;
|
|
106
109
|
/** Object containing any overrides for FaceLiveness. */
|
|
@@ -127,10 +130,14 @@ export interface VideoIdValidationProps extends PropsWithChildren {
|
|
|
127
130
|
skipIdCapture?: boolean;
|
|
128
131
|
/** 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`. */
|
|
129
132
|
skipShowIdCardBack?: boolean | (() => Promise<boolean>);
|
|
133
|
+
/** React component to render if the warmup overlay needs to be completely replaced. Note that 100px padding should be applied to the bottom as the loading progress will be displayed over this content. **/
|
|
134
|
+
customOverlayContent?: () => ReactNode;
|
|
130
135
|
/** String indicating which ID capture loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
|
|
131
136
|
idCaptureLoadingOverlayMode?: IdCaptureLoadingOverlayMode;
|
|
132
137
|
/** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */
|
|
133
138
|
idCaptureGuideType?: IdCaptureGuideType;
|
|
139
|
+
/** Object containing any overrides for the guide overlay images during ID capture. Images must be supplied for in both portrait and landscape orientations for both sides of the ID card. Each image must include a url, width, and height -- this is due to some interesting behavior in Safari where the image measurements cannot be trusted. */
|
|
140
|
+
idCaptureGuideImages?: IdCaptureGuideImages;
|
|
134
141
|
/** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `true`. */
|
|
135
142
|
idCapturePortraitGuidesOnMobile?: boolean;
|
|
136
143
|
/** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentType, ReactElement } from 'react';
|
|
1
|
+
import { ComponentType, ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { FaceLivenessCaptureClassNames, FaceLivenessCaptureColors, FaceLivenessCaptureVerbiage } from './FaceLivenessCapture';
|
|
3
3
|
import { FaceLivenessSuccessClassNames, FaceLivenessSuccessColors, FaceLivenessSuccessVerbiage } from './FaceLivenessSuccess';
|
|
4
4
|
import { FaceLivenessFailureAssets, FaceLivenessFailureClassNames, FaceLivenessFailureColors, FaceLivenessFailureVerbiage } from './FaceLivenessFailure';
|
|
@@ -33,7 +33,9 @@ export type FaceLivenessWizardProps = {
|
|
|
33
33
|
onExitAfterFailure?: (resp: SubmissionResponse | null, req: LivenessCheckRequest | null) => void;
|
|
34
34
|
onUserCancel?: () => void;
|
|
35
35
|
onModelError?: (error: Error) => void;
|
|
36
|
+
onCustomOverlyDismissed?: () => void;
|
|
36
37
|
loadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
|
|
38
|
+
customOverlayContent?: () => ReactNode;
|
|
37
39
|
timeoutDurationMs?: number;
|
|
38
40
|
modelLoadTimeoutMs?: number;
|
|
39
41
|
maxRetries?: number;
|
|
@@ -50,4 +52,4 @@ export type FaceLivenessWizardProps = {
|
|
|
50
52
|
verbiage?: FaceLivenessVerbiage;
|
|
51
53
|
debugMode?: boolean;
|
|
52
54
|
};
|
|
53
|
-
export declare const FaceLivenessWizard: ({ onComplete, onSuccess, onTimeout, onExitCapture, onExitAfterFailure, onUserCancel, loadingOverlayMode, timeoutDurationMs, maxRetries, skipSuccessScreen, renderCameraFeed, releaseCameraAccessOnExit, silentFallback, guidesComponent, disableCapturePreview, requireVerticalFaceCentering, assets, classNames, colors, verbiage, debugMode, }: FaceLivenessWizardProps) => ReactElement;
|
|
55
|
+
export declare const FaceLivenessWizard: ({ onComplete, onSuccess, onTimeout, onExitCapture, onExitAfterFailure, onUserCancel, loadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, timeoutDurationMs, maxRetries, skipSuccessScreen, renderCameraFeed, releaseCameraAccessOnExit, silentFallback, guidesComponent, disableCapturePreview, requireVerticalFaceCentering, assets, classNames, colors, verbiage, debugMode, }: FaceLivenessWizardProps) => ReactElement;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export declare const defaultIdCaptureGuideImages: {
|
|
2
|
+
portrait: {
|
|
3
|
+
SHOW_ID_FRONT: {
|
|
4
|
+
url: string;
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
};
|
|
8
|
+
SHOW_ID_BACK: {
|
|
9
|
+
url: string;
|
|
10
|
+
width: number;
|
|
11
|
+
height: number;
|
|
12
|
+
};
|
|
13
|
+
SHOW_PASSPORT: {
|
|
14
|
+
url: string;
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
landscape: {
|
|
20
|
+
SHOW_ID_FRONT: {
|
|
21
|
+
url: string;
|
|
22
|
+
width: number;
|
|
23
|
+
height: number;
|
|
24
|
+
};
|
|
25
|
+
SHOW_ID_BACK: {
|
|
26
|
+
url: string;
|
|
27
|
+
width: number;
|
|
28
|
+
height: number;
|
|
29
|
+
};
|
|
30
|
+
SHOW_PASSPORT: {
|
|
31
|
+
url: string;
|
|
32
|
+
width: number;
|
|
33
|
+
height: number;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getOrientation(allowPortraitOnMobile: boolean): 'portrait' | 'landscape';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type IdCaptureGuideImages = {
|
|
2
|
+
portrait: IdCaptureGuidesForOrientation;
|
|
3
|
+
landscape: IdCaptureGuidesForOrientation;
|
|
4
|
+
};
|
|
5
|
+
export type IdCaptureGuidesForOrientation = {
|
|
6
|
+
SHOW_ID_FRONT: IdCaptureGuideImage;
|
|
7
|
+
SHOW_ID_BACK: IdCaptureGuideImage;
|
|
8
|
+
SHOW_PASSPORT: IdCaptureGuideImage;
|
|
9
|
+
};
|
|
10
|
+
export type IdCaptureGuideImage = {
|
|
11
|
+
url: string;
|
|
12
|
+
width: number;
|
|
13
|
+
height: number;
|
|
14
|
+
};
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
3
|
-
|
|
4
|
-
idCardFrontPortraitImageUrl?: string;
|
|
5
|
-
idCardFrontLandscapeImageUrl?: string;
|
|
6
|
-
idCardBackPortraitImageUrl?: string;
|
|
7
|
-
idCardBackLandscapeImageUrl?: string;
|
|
8
|
-
};
|
|
3
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
9
4
|
export type FlipIdPromptClassNames = {
|
|
10
5
|
frontImageContainer?: string;
|
|
11
6
|
backImageContainer?: string;
|
|
@@ -16,6 +11,7 @@ export type FlipIdPromptVerbiage = {
|
|
|
16
11
|
instructionText?: CustomerSuppliedVerbiage;
|
|
17
12
|
};
|
|
18
13
|
export type FlipIdPromptProps = {
|
|
14
|
+
images?: IdCaptureGuideImages;
|
|
19
15
|
width?: number;
|
|
20
16
|
height?: number;
|
|
21
17
|
padding?: number;
|
|
@@ -25,8 +21,7 @@ export type FlipIdPromptProps = {
|
|
|
25
21
|
borderRadius?: number;
|
|
26
22
|
isMirrored?: boolean;
|
|
27
23
|
portraitGuidesOnMobile?: boolean;
|
|
28
|
-
assets?: FlipIdPromptAssets;
|
|
29
24
|
classNames?: FlipIdPromptClassNames;
|
|
30
25
|
verbiage?: FlipIdPromptVerbiage;
|
|
31
26
|
};
|
|
32
|
-
export declare const FlipIdPrompt: ({ width, height, borderWidth, borderColor, borderRadius, isMirrored, portraitGuidesOnMobile,
|
|
27
|
+
export declare const FlipIdPrompt: ({ images, width, height, borderWidth, borderColor, borderRadius, isMirrored, portraitGuidesOnMobile, classNames, }: FlipIdPromptProps) => ReactElement;
|
|
@@ -6,10 +6,6 @@ import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
|
6
6
|
import { CapturedDocumentType } from './CapturedDocuments';
|
|
7
7
|
import { IdCaptureFitGuideClassNames } from './IdCaptureFitGuide';
|
|
8
8
|
import { OverrideWrongDocumentTypeGuidanceDialogClassNames, OverrideWrongDocumentTypeGuidanceDialogVerbiage } from './OverrideWrongDocumentTypeGuidanceDialog';
|
|
9
|
-
export type IdCaptureAssets = {
|
|
10
|
-
portraitGuidesImageUrl?: string;
|
|
11
|
-
landscapeGuidesImageUrl?: string;
|
|
12
|
-
};
|
|
13
9
|
export type IdCaptureClassNames = {
|
|
14
10
|
container?: string;
|
|
15
11
|
guides?: IdCaptureFitGuideClassNames;
|
|
@@ -50,10 +46,9 @@ export type IdCaptureProps = {
|
|
|
50
46
|
guidanceSatisfied?: boolean;
|
|
51
47
|
onPrediction?: (prediction: IdCapturePrediction) => void;
|
|
52
48
|
onCapture?: (frame: string, width: number, height: number, documentType: CapturedDocumentType, metadata: CaptureAttemptMetadata) => void;
|
|
53
|
-
assets?: IdCaptureAssets;
|
|
54
49
|
classNames?: IdCaptureClassNames;
|
|
55
50
|
colors?: IdCaptureColors;
|
|
56
51
|
verbiage?: IdCaptureVerbiage;
|
|
57
52
|
debugMode?: boolean;
|
|
58
53
|
};
|
|
59
|
-
export declare const IdCapture: ({ requiredDocumentType, thresholds, guidanceMessage, guidanceSatisfied, onCapture,
|
|
54
|
+
export declare const IdCapture: ({ requiredDocumentType, thresholds, guidanceMessage, guidanceSatisfied, onCapture, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdCaptureProps) => React.ReactElement;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IdCaptureGuideAction,
|
|
2
|
+
import { IdCaptureGuideAction, IdCaptureGuideOverlayClassNames } from './IdCaptureGuideOverlay';
|
|
3
3
|
import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
|
|
4
|
-
|
|
4
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
5
5
|
export type IdCaptureFitGuideClassNames = IdCaptureGuideOverlayClassNames & {
|
|
6
6
|
canvasWrapper?: string;
|
|
7
7
|
canvas?: string;
|
|
@@ -21,7 +21,7 @@ export type IdCaptureFitGuideProps = {
|
|
|
21
21
|
requestedAction?: IdCaptureGuideAction;
|
|
22
22
|
status?: IdCardGuideStatus;
|
|
23
23
|
progress?: number;
|
|
24
|
-
|
|
24
|
+
images?: IdCaptureGuideImages;
|
|
25
25
|
classNames?: IdCaptureFitGuideClassNames;
|
|
26
26
|
};
|
|
27
|
-
export declare const IdCaptureFitGuide: ({ aspectRatio, maskColor, borderRadius, borderColor, borderWidth, padding, imageVisible, isMirrored, isBackToFront, portraitGuidesOnMobile, instruction, requestedAction, status, progress,
|
|
27
|
+
export declare const IdCaptureFitGuide: ({ aspectRatio, maskColor, borderRadius, borderColor, borderWidth, padding, imageVisible, isMirrored, isBackToFront, portraitGuidesOnMobile, instruction, requestedAction, status, progress, images, classNames, }: IdCaptureFitGuideProps) => React.JSX.Element;
|
|
@@ -1,15 +1,7 @@
|
|
|
1
1
|
import React, { ReactElement } from 'react';
|
|
2
2
|
import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
idCardFrontPortraitImageUrl?: string;
|
|
6
|
-
idCardFrontLandscapeImageUrl?: string;
|
|
7
|
-
idCardBackPortraitImageUrl?: string;
|
|
8
|
-
idCardBackLandscapeImageUrl?: string;
|
|
9
|
-
passportPortraitImageUrl?: string;
|
|
10
|
-
passportLandscapeImageUrl?: string;
|
|
11
|
-
flipIdPrompt?: FlipIdPromptAssets;
|
|
12
|
-
};
|
|
3
|
+
import { FlipIdPromptClassNames } from './FlipIdPrompt';
|
|
4
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
13
5
|
export type IdCaptureGuideOverlayClassNames = {
|
|
14
6
|
container?: string;
|
|
15
7
|
inner?: string;
|
|
@@ -27,10 +19,8 @@ export type IdCaptureGuideOverlayClassNames = {
|
|
|
27
19
|
flipIdPrompt?: FlipIdPromptClassNames;
|
|
28
20
|
};
|
|
29
21
|
export type IdCaptureGuideOverlayProps = {
|
|
30
|
-
assets?: IdCaptureGuideOverlayAssets;
|
|
31
22
|
classNames?: IdCaptureGuideOverlayClassNames;
|
|
32
|
-
|
|
33
|
-
height?: number;
|
|
23
|
+
images?: IdCaptureGuideImages;
|
|
34
24
|
padding?: number;
|
|
35
25
|
imagePadding?: number;
|
|
36
26
|
imageVisible?: boolean;
|
|
@@ -49,7 +39,7 @@ export type IdCaptureGuideOverlayProps = {
|
|
|
49
39
|
onClick?: () => void;
|
|
50
40
|
};
|
|
51
41
|
export type IdCaptureGuideAction = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'SHOW_PASSPORT';
|
|
52
|
-
export declare const IdCaptureGuideOverlay: ({
|
|
42
|
+
export declare const IdCaptureGuideOverlay: ({ classNames, images: userSuppliedImages, padding: userSuppliedPadding, imagePadding: userSuppliedImagePadding, imageVisible, borderWidth, borderColor, idCardBorderWidth, idCardBorderColor, maskColor, isMirrored, isBackToFront, portraitGuidesOnMobile, instruction, requestedAction, progress, status, onClick, }: IdCaptureGuideOverlayProps) => ReactElement;
|
|
53
43
|
export declare const GuidesContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
54
44
|
export declare const GuideCenterRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
55
45
|
export declare const GuideRegion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IdCaptureFitGuideClassNames } from './IdCaptureFitGuide';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { IdCaptureGuideAction } from './IdCaptureGuideOverlay';
|
|
4
4
|
import { IdCaptureColors, IdCaptureVerbiage } from './IdCapture';
|
|
5
|
-
import { FlipIdPromptAssets } from './FlipIdPrompt';
|
|
6
5
|
import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
|
|
7
|
-
|
|
6
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
8
7
|
export type IdCaptureGuidesClassNames = IdCaptureFitGuideClassNames;
|
|
9
8
|
export type IdCaptureGuideType = 'fit' | 'overlay';
|
|
10
9
|
export type IdCaptureGuidesProps = {
|
|
@@ -14,10 +13,9 @@ export type IdCaptureGuidesProps = {
|
|
|
14
13
|
portraitGuidesOnMobile?: boolean;
|
|
15
14
|
requestedAction?: IdCaptureGuideAction;
|
|
16
15
|
isBackToFront?: boolean;
|
|
17
|
-
|
|
18
|
-
assets?: IdCaptureGuidesAssets;
|
|
16
|
+
images?: IdCaptureGuideImages;
|
|
19
17
|
classNames?: IdCaptureGuidesClassNames;
|
|
20
18
|
colors?: IdCaptureColors;
|
|
21
19
|
verbiage?: IdCaptureVerbiage;
|
|
22
20
|
};
|
|
23
|
-
export declare function IdCaptureGuides({ guideType, status, progress, portraitGuidesOnMobile, requestedAction, isBackToFront,
|
|
21
|
+
export declare function IdCaptureGuides({ guideType, status, progress, portraitGuidesOnMobile, requestedAction, isBackToFront, images, classNames, colors, verbiage: rawVerbiage, }: IdCaptureGuidesProps): React.JSX.Element;
|
|
@@ -47,12 +47,14 @@ export type IdCaptureLoadingOverlayVerbiage = {
|
|
|
47
47
|
export type IdCaptureLoadingOverlayProps = {
|
|
48
48
|
onDismissed?: () => void;
|
|
49
49
|
onUserCancel?: () => void;
|
|
50
|
+
onCustomOverlyDismissed?: () => void;
|
|
50
51
|
instructions?: ReactNode;
|
|
51
52
|
rotateImage?: boolean;
|
|
52
53
|
assets?: IdCaptureLoadingOverlayAssets;
|
|
53
54
|
classNames?: IdCaptureLoadingOverlayClassNames;
|
|
54
55
|
colors?: IdCaptureLoadingOverlayColors;
|
|
55
56
|
verbiage?: IdCaptureLoadingOverlayVerbiage;
|
|
57
|
+
customOverlayContent?: () => ReactNode;
|
|
56
58
|
};
|
|
57
59
|
export type IdCaptureLoadingOverlayMode = 'default' | 'legacy';
|
|
58
60
|
export declare const IdCaptureLoadingOverlay: ({ mode, ...props }: IdCaptureLoadingOverlayProps & {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IdCaptureLoadingOverlayProps } from './IdCaptureLoadingOverlay';
|
|
3
|
-
export declare const IdCaptureLoadingOverlayDefault: ({ onDismissed, onUserCancel, instructions, rotateImage, assets, classNames, colors, verbiage: rawVerbiage, }: IdCaptureLoadingOverlayProps) => ReactElement;
|
|
3
|
+
export declare const IdCaptureLoadingOverlayDefault: ({ onDismissed, onUserCancel, onCustomOverlyDismissed, instructions, rotateImage, assets, classNames, colors, verbiage: rawVerbiage, customOverlayContent, }: IdCaptureLoadingOverlayProps) => ReactElement;
|
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { IdCaptureClassNames, IdCaptureColors, IdCaptureVerbiage } from './IdCapture';
|
|
3
3
|
import { IdCaptureLoadingOverlayAssets, IdCaptureLoadingOverlayClassNames, IdCaptureLoadingOverlayColors, IdCaptureLoadingOverlayMode, IdCaptureLoadingOverlayVerbiage } from './IdCaptureLoadingOverlay';
|
|
4
4
|
import { FlipIdPromptVerbiage } from './FlipIdPrompt';
|
|
5
5
|
import { CapturedDocuments } from './CapturedDocuments';
|
|
6
6
|
import { IdCaptureSuccessClassNames, IdCaptureSuccessColors, IdCaptureSuccessVerbiage } from './IdCaptureSuccess';
|
|
7
7
|
import { IdCaptureThresholds } from './IdCaptureModelsProvider';
|
|
8
8
|
import { IdCaptureRequirementOption } from './IdCaptureRequirementOption';
|
|
9
|
-
import {
|
|
9
|
+
import { IdCaptureGuidesClassNames, IdCaptureGuideType } from './IdCaptureGuides';
|
|
10
10
|
import { IdCaptureFallbackClassNames, IdCaptureFallbackColors, IdCaptureFallbackVerbiage } from '../fallback_flows/IdCapture';
|
|
11
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
11
12
|
export type IdCaptureWizardAssets = {
|
|
12
13
|
documentDetectionModelUrl?: string;
|
|
13
14
|
focusModelUrl?: string;
|
|
14
15
|
loadingOverlay?: IdCaptureLoadingOverlayAssets;
|
|
15
|
-
guides?: IdCaptureGuidesAssets;
|
|
16
|
-
idCardFront?: IdCaptureAssets;
|
|
17
|
-
idCardBack?: IdCaptureAssets;
|
|
18
|
-
passport?: IdCaptureAssets;
|
|
19
16
|
};
|
|
20
17
|
export type IdCaptureWizardClassNames = {
|
|
21
18
|
container?: string;
|
|
@@ -50,7 +47,9 @@ export type IdCaptureWizardProps = {
|
|
|
50
47
|
onExitCapture?: () => void;
|
|
51
48
|
onUserCancel?: () => void;
|
|
52
49
|
onModelError?: (error: Error) => void;
|
|
50
|
+
onCustomOverlyDismissed?: () => void;
|
|
53
51
|
loadingOverlayMode?: IdCaptureLoadingOverlayMode;
|
|
52
|
+
customOverlayContent?: () => ReactNode;
|
|
54
53
|
modelLoadTimeoutMs?: number;
|
|
55
54
|
precapturedDocuments?: CapturedDocuments;
|
|
56
55
|
captureRequirement?: IdCaptureRequirementOption;
|
|
@@ -67,10 +66,11 @@ export type IdCaptureWizardProps = {
|
|
|
67
66
|
allowIdCardBackToFrontCapture?: boolean;
|
|
68
67
|
enableOverrideWrongDocumentTypeDialog?: boolean;
|
|
69
68
|
allowOverrideWrongDocumentTypeAfterMs?: number;
|
|
69
|
+
guideImages?: IdCaptureGuideImages;
|
|
70
70
|
assets?: IdCaptureWizardAssets;
|
|
71
71
|
classNames?: IdCaptureWizardClassNames;
|
|
72
72
|
colors?: IdCaptureWizardColors;
|
|
73
73
|
verbiage?: IdCaptureWizardVerbiage;
|
|
74
74
|
debugMode?: boolean;
|
|
75
75
|
};
|
|
76
|
-
export declare const IdCaptureWizard: ({ onSuccess, onExitCapture, onUserCancel, loadingOverlayMode, precapturedDocuments, captureRequirement, separateIdCardCaptureSequence, thresholds, skipSuccessScreen, instructions, releaseCameraAccessOnExit, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, silentFallback, forceFallbackMode, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;
|
|
76
|
+
export declare const IdCaptureWizard: ({ onSuccess, onExitCapture, onUserCancel, loadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, precapturedDocuments, captureRequirement, separateIdCardCaptureSequence, thresholds, skipSuccessScreen, instructions, releaseCameraAccessOnExit, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, silentFallback, forceFallbackMode, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, guideImages, assets, classNames, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ReactNode } 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';
|
|
@@ -50,10 +50,12 @@ export type SelfieCaptureLoadingOverlayVerbiage = {
|
|
|
50
50
|
export type SelfieCaptureLoadingOverlayProps = {
|
|
51
51
|
onDismissed?: () => void;
|
|
52
52
|
onUserCancel?: () => void;
|
|
53
|
+
onCustomOverlyDismissed?: () => void;
|
|
53
54
|
assets?: SelfieCaptureLoadingOverlayAssets;
|
|
54
55
|
classNames?: SelfieCaptureLoadingOverlayClassNames;
|
|
55
56
|
colors?: SelfieCaptureLoadingOverlayColors;
|
|
56
57
|
verbiage?: SelfieCaptureLoadingOverlayVerbiage;
|
|
58
|
+
customOverlayContent?: () => ReactNode;
|
|
57
59
|
};
|
|
58
60
|
export type SelfieCaptureLoadingOverlayMode = 'default' | 'legacy';
|
|
59
61
|
export declare const SelfieCaptureLoadingOverlay: ({ mode, ...props }: SelfieCaptureLoadingOverlayProps & {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { SelfieCaptureLoadingOverlayProps } from './SelfieCaptureLoadingOverlay';
|
|
3
|
-
export declare const SelfieCaptureLoadingOverlayDefault: ({ onDismissed, onUserCancel, assets, classNames, colors, verbiage: rawVerbiage, }: SelfieCaptureLoadingOverlayProps) => ReactElement;
|
|
3
|
+
export declare const SelfieCaptureLoadingOverlayDefault: ({ onDismissed, onUserCancel, onCustomOverlyDismissed, assets, classNames, colors, verbiage: rawVerbiage, customOverlayContent, }: SelfieCaptureLoadingOverlayProps) => ReactElement;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IdCaptureThresholds } from '../id_capture/IdCaptureModelsProvider';
|
|
3
|
-
import {
|
|
3
|
+
import { IdVideoCaptureGuidesClassNames, IdVideoCaptureGuidesVerbiage } from './IdVideoCaptureGuides';
|
|
4
4
|
import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
5
5
|
import { LoaderButtonColors } from '../common/LoaderButton';
|
|
6
6
|
import { ReadTextPromptClassNames, ReadTextPromptVerbiage } from '../read_text_prompt/ReadTextPrompt';
|
|
7
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
7
8
|
export type Action = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'READ_TEXT';
|
|
8
|
-
export type IdVideoCaptureAssets = {
|
|
9
|
-
guides?: IdVideoCaptureGuidesAssets;
|
|
10
|
-
};
|
|
11
9
|
export type IdVideoCaptureClassNames = {
|
|
12
10
|
container?: string;
|
|
13
11
|
cameraFeed?: string;
|
|
@@ -50,6 +48,7 @@ export type IdVideoCaptureProps = {
|
|
|
50
48
|
onRecordingFailed?: () => void;
|
|
51
49
|
onExitCapture?: () => void;
|
|
52
50
|
idCaptureModelsEnabled?: boolean;
|
|
51
|
+
idCardCaptureGuideImages?: IdCaptureGuideImages;
|
|
53
52
|
videoIdCaptureThresholds?: VideoIdCaptureThresholds;
|
|
54
53
|
idCardFrontDelay?: number;
|
|
55
54
|
skipShowIdCardBack?: boolean | (() => Promise<boolean>);
|
|
@@ -60,10 +59,9 @@ export type IdVideoCaptureProps = {
|
|
|
60
59
|
disableFaceDetectionWhileAudioCapture: boolean;
|
|
61
60
|
disableFaceDetectionWhileAudioCaptureMsDelay: number;
|
|
62
61
|
mergeAVStreams?: boolean;
|
|
63
|
-
assets?: IdVideoCaptureAssets;
|
|
64
62
|
classNames?: IdVideoCaptureClassNames;
|
|
65
63
|
colors?: IdVideoCaptureColors;
|
|
66
64
|
verbiage?: IdVideoCaptureVerbiage;
|
|
67
65
|
debugMode?: boolean;
|
|
68
66
|
};
|
|
69
|
-
export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, onRecordingFailed, onExitCapture, idCaptureModelsEnabled, idCardFrontDelay, videoIdCaptureThresholds, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, mergeAVStreams,
|
|
67
|
+
export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, onRecordingFailed, onExitCapture, idCaptureModelsEnabled, idCardCaptureGuideImages, idCardFrontDelay, videoIdCaptureThresholds, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, mergeAVStreams, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import React, { CSSProperties, ReactElement } from 'react';
|
|
2
|
-
|
|
3
|
-
frontImageUrl?: string;
|
|
4
|
-
backImageUrl?: string;
|
|
5
|
-
};
|
|
2
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
6
3
|
export type IdVideoCaptureFlipIdPromptClassNames = {
|
|
7
4
|
frontImageContainer?: string;
|
|
8
5
|
backImageContainer?: string;
|
|
@@ -10,14 +7,14 @@ export type IdVideoCaptureFlipIdPromptClassNames = {
|
|
|
10
7
|
backImage?: string;
|
|
11
8
|
};
|
|
12
9
|
export type IdVideoCaptureFlipIdPromptProps = {
|
|
10
|
+
idCaptureGuideImages?: IdCaptureGuideImages;
|
|
13
11
|
classNames?: IdVideoCaptureFlipIdPromptClassNames;
|
|
14
|
-
assets?: IdVideoCaptureFlipIdPromptAssets;
|
|
15
12
|
borderWidth?: number;
|
|
16
13
|
borderColor?: string;
|
|
17
14
|
borderRadius?: number;
|
|
18
15
|
imageStyle?: CSSProperties;
|
|
19
16
|
};
|
|
20
|
-
export declare const IdVideoCaptureFlipIdPrompt: ({
|
|
17
|
+
export declare const IdVideoCaptureFlipIdPrompt: ({ idCaptureGuideImages, classNames, borderWidth, borderColor, borderRadius, imageStyle, }: IdVideoCaptureFlipIdPromptProps) => ReactElement;
|
|
21
18
|
export declare const FlipImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<React.HTMLAttributes<HTMLDivElement> & {
|
|
22
19
|
status?: import("./IdVideoCaptureGuidesCommon").IdCardGuideStatus;
|
|
23
20
|
borderWidth?: number | string;
|
|
@@ -3,11 +3,8 @@ import { IdVideoCaptureFlipIdPromptClassNames } from './IdVideoCaptureFlipIdProm
|
|
|
3
3
|
import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
4
4
|
import { IdCardGuideStatus } from './IdVideoCaptureGuidesCommon';
|
|
5
5
|
import { FaceGuideStatus } from '../face_liveness/FaceCaptureGuideOverlay';
|
|
6
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
6
7
|
export type Action = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'VERIFY_LIVENESS';
|
|
7
|
-
export type IdVideoCaptureGuidesAssets = {
|
|
8
|
-
frontImageUrl?: string;
|
|
9
|
-
backImageUrl?: string;
|
|
10
|
-
};
|
|
11
8
|
export type IdVideoCaptureGuidesClassNames = {
|
|
12
9
|
container?: string;
|
|
13
10
|
faceGuideContainer?: string;
|
|
@@ -36,11 +33,11 @@ export type IdVideoCaptureGuidesProps = {
|
|
|
36
33
|
idCardGuideBorderWidth?: number;
|
|
37
34
|
idCardGuideBorderColor?: string;
|
|
38
35
|
idCardCaptureProgress?: number;
|
|
39
|
-
|
|
36
|
+
idCardCaptureGuideImages?: IdCaptureGuideImages;
|
|
40
37
|
classNames?: IdVideoCaptureGuidesClassNames;
|
|
41
38
|
verbiage?: IdVideoCaptureGuidesVerbiage;
|
|
42
39
|
};
|
|
43
|
-
export declare const IdVideoCaptureGuides: ({ requestedAction, satisfied, faceGuideStatus, faceGuideBorderWidth, faceGuideBorderColor, idCardGuideStatus, idCardGuideBorderWidth, idCardGuideBorderColor, idCardCaptureProgress,
|
|
40
|
+
export declare const IdVideoCaptureGuides: ({ requestedAction, satisfied, faceGuideStatus, faceGuideBorderWidth, faceGuideBorderColor, idCardGuideStatus, idCardGuideBorderWidth, idCardGuideBorderColor, idCardCaptureProgress, idCardCaptureGuideImages: userSuppliedImages, classNames, verbiage: rawVerbiage, }: IdVideoCaptureGuidesProps) => ReactElement;
|
|
44
41
|
export declare const IdCardGuideInstructionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
45
42
|
export declare const IdCardGuideInstructions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$textColor" | "$variant" | "$background"> & {
|
|
46
43
|
$background?: string;
|