@authme/identity-verification 2.8.42 → 2.8.44
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/index.cjs.d.ts +1 -0
- package/{index.cjs → index.cjs.js} +4717 -4840
- package/index.esm.d.ts +1 -0
- package/{index.js → index.esm.js} +4717 -4834
- package/package.json +6 -13
- package/src/index.d.ts +5 -5
- package/src/lib/identity-verification-feature-identity-verification.d.ts +42 -42
- package/src/lib/interface/config.interface.d.ts +127 -127
- package/src/lib/interface/index.d.ts +1 -1
- package/src/lib/interface/result.model.d.ts +50 -50
- package/src/lib/lottie/arrow_down.d.ts +215 -215
- package/src/lib/lottie/arrow_left.d.ts +215 -215
- package/src/lib/lottie/arrow_right.d.ts +215 -215
- package/src/lib/lottie/arrow_up.d.ts +215 -215
- package/src/lib/lottie/card_lr.d.ts +182 -182
- package/src/lib/lottie/card_rotate_down.d.ts +396 -396
- package/src/lib/lottie/card_rotate_left.d.ts +396 -396
- package/src/lib/lottie/card_rotate_right.d.ts +396 -396
- package/src/lib/lottie/card_rotate_up.d.ts +412 -412
- package/src/lib/lottie/card_ud.d.ts +182 -182
- package/src/lib/lottie/circle_large_to_sm_mask.d.ts +595 -595
- package/src/lib/lottie/circle_sm_to_large_mask.d.ts +595 -595
- package/src/lib/lottie/fraudScanIntroPageStep1.d.ts +1449 -1449
- package/src/lib/lottie/index.d.ts +16 -16
- package/src/lib/lottie/scan.d.ts +566 -566
- package/src/lib/lottie/success.d.ts +949 -949
- package/src/lib/lottie/tutorial.d.ts +978 -978
- package/src/lib/module/extra.module.d.ts +7 -7
- package/src/lib/module/liveness-verify.module.d.ts +13 -13
- package/src/lib/module/liveness.module.d.ts +14 -14
- package/src/lib/module/mrz.module.d.ts +14 -14
- package/src/lib/module/ocr.module.d.ts +16 -16
- package/src/lib/operator/index.d.ts +19 -19
- package/src/lib/service/card-type-and-country.service.d.ts +5 -5
- package/src/lib/service/event-tracking.service.d.ts +28 -28
- package/src/lib/service/liveness.service.d.ts +10 -10
- package/src/lib/service/ocr.service.d.ts +9 -9
- package/src/lib/status/scan-view.status.d.ts +3 -3
- package/src/lib/ui/basic/index.d.ts +18 -18
- package/src/lib/ui/card-type-and-country.ui.d.ts +3 -3
- package/src/lib/ui/default-images.d.ts +2 -2
- package/src/lib/ui/extra-flow.d.ts +8 -8
- package/src/lib/ui/extra.ui.d.ts +17 -17
- package/src/lib/ui/index.d.ts +5 -5
- package/src/lib/ui/liveness-flow.d.ts +23 -23
- package/src/lib/ui/liveness.ui.d.ts +20 -20
- package/src/lib/ui/ocr-flow.d.ts +118 -118
- package/src/lib/ui/ocr.animate.d.ts +7 -7
- package/src/lib/ui/ocr.ui.d.ts +123 -123
- package/src/lib/ui/shared.d.ts +9 -9
- package/src/lib/ui/ui-init.d.ts +1 -1
- package/src/lib/v2/component/countryCardType.d.ts +3 -3
- package/src/lib/v2/component/frameView.d.ts +2 -2
- package/src/lib/v2/images/index.d.ts +1 -1
- package/src/lib/v2/index.d.ts +6 -6
- package/src/lib/v2/interface/index.d.ts +1 -1
- package/src/lib/v2/thickness.d.ts +22 -73
- package/src/lib/v2/ui/button.d.ts +1 -1
- package/src/lib/v2/ui/confirmPop.d.ts +11 -11
- package/src/lib/v2/ui/fraudScanIntroPage.d.ts +12 -12
- package/src/lib/v2/ui/modal.d.ts +11 -11
- package/src/lib/v2/ui/ocrResultModal.d.ts +13 -13
- package/src/lib/v2/ui/popupView.d.ts +8 -8
- package/src/lib/v2/ui/toast.d.ts +7 -7
- package/src/lib/v2/utilities/index.d.ts +25 -25
- package/src/lib/version.d.ts +1 -1
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export declare const renderLivenessUI: (config: {
|
|
2
|
-
container: HTMLElement;
|
|
3
|
-
videoContainer: HTMLElement;
|
|
4
|
-
video: HTMLVideoElement;
|
|
5
|
-
}) => {
|
|
6
|
-
statusText: HTMLDivElement;
|
|
7
|
-
faceMask: HTMLDivElement;
|
|
8
|
-
titleTextPanel: HTMLDivElement;
|
|
9
|
-
statusTextPanel: HTMLDivElement;
|
|
10
|
-
};
|
|
11
|
-
export declare const setStatusTextTop: (params: {
|
|
12
|
-
maskHeight: number;
|
|
13
|
-
maskTop?: number;
|
|
14
|
-
statusTextPanel: HTMLElement;
|
|
15
|
-
titleTextPanel: HTMLElement;
|
|
16
|
-
}) => void;
|
|
17
|
-
export declare const renderLivenessGuideUI: ({ container, showCloseButton, }: {
|
|
18
|
-
container: HTMLElement;
|
|
19
|
-
showCloseButton: boolean;
|
|
20
|
-
}) => Promise<"continue" | "cancel">;
|
|
1
|
+
export declare const renderLivenessUI: (config: {
|
|
2
|
+
container: HTMLElement;
|
|
3
|
+
videoContainer: HTMLElement;
|
|
4
|
+
video: HTMLVideoElement;
|
|
5
|
+
}) => {
|
|
6
|
+
statusText: HTMLDivElement;
|
|
7
|
+
faceMask: HTMLDivElement;
|
|
8
|
+
titleTextPanel: HTMLDivElement;
|
|
9
|
+
statusTextPanel: HTMLDivElement;
|
|
10
|
+
};
|
|
11
|
+
export declare const setStatusTextTop: (params: {
|
|
12
|
+
maskHeight: number;
|
|
13
|
+
maskTop?: number;
|
|
14
|
+
statusTextPanel: HTMLElement;
|
|
15
|
+
titleTextPanel: HTMLElement;
|
|
16
|
+
}) => void;
|
|
17
|
+
export declare const renderLivenessGuideUI: ({ container, showCloseButton, }: {
|
|
18
|
+
container: HTMLElement;
|
|
19
|
+
showCloseButton: boolean;
|
|
20
|
+
}) => Promise<"continue" | "cancel">;
|
package/src/lib/ui/ocr-flow.d.ts
CHANGED
|
@@ -1,118 +1,118 @@
|
|
|
1
|
-
import { FacingMode } from '@authme/util';
|
|
2
|
-
import { EAuthMeCardClass, CardOCRResult, IDCardAntiFraudResult, PassportResult, EAuthMeIDCardAntiFraudStage, Point, WelcomePageConfig } from '@authme/id-recognition';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import { IdRecognitionConfig, OcrEngineConfig } from '../interface';
|
|
5
|
-
import { AuthmeOCRResult } from '../interface/result.model';
|
|
6
|
-
export declare function startOCR(config: {
|
|
7
|
-
getOptionConfig: () => Promise<any>;
|
|
8
|
-
init: (width: number, height: number) => Promise<OcrEngineConfig>;
|
|
9
|
-
ocrConfig: Required<IdRecognitionConfig>;
|
|
10
|
-
ocrStart: (points: [
|
|
11
|
-
[
|
|
12
|
-
number,
|
|
13
|
-
number
|
|
14
|
-
],
|
|
15
|
-
[
|
|
16
|
-
number,
|
|
17
|
-
number
|
|
18
|
-
],
|
|
19
|
-
[
|
|
20
|
-
number,
|
|
21
|
-
number
|
|
22
|
-
],
|
|
23
|
-
[
|
|
24
|
-
number,
|
|
25
|
-
number
|
|
26
|
-
]
|
|
27
|
-
], type: EAuthMeCardClass, setBorderType: any, setCardBorderColor: any, setBorderSuccess: any, scanAnimationContainer: HTMLElement, successContainer: HTMLElement, frameImage: any, frameText: any, faceMode: FacingMode, cardType: string, retry?: boolean) => Promise<boolean>;
|
|
28
|
-
thicknessStart?: (points: [
|
|
29
|
-
[
|
|
30
|
-
number,
|
|
31
|
-
number
|
|
32
|
-
],
|
|
33
|
-
[
|
|
34
|
-
number,
|
|
35
|
-
number
|
|
36
|
-
],
|
|
37
|
-
[
|
|
38
|
-
number,
|
|
39
|
-
number
|
|
40
|
-
],
|
|
41
|
-
[
|
|
42
|
-
number,
|
|
43
|
-
number
|
|
44
|
-
]
|
|
45
|
-
], type: EAuthMeCardClass, setBorderType: any, setCardBorderColor: any, setBorderSuccess: any, scanAnimationContainer: HTMLElement, successContainer: HTMLElement, frameImage: any, frameText: any, faceMode: FacingMode, cardType: string, cardTypeConfig: object, retry?: boolean) => Promise<{
|
|
46
|
-
thicknessWelcomeSetting: WelcomePageConfig;
|
|
47
|
-
}>;
|
|
48
|
-
onThicknessFrame?: (img: Uint8ClampedArray, base64: {
|
|
49
|
-
jpg: string;
|
|
50
|
-
png: string;
|
|
51
|
-
}, cardType?: string, type?: EAuthMeCardClass) => Promise<any>;
|
|
52
|
-
confirmThickness?: (ImageData: Blob, cardType: string) => Promise<boolean>;
|
|
53
|
-
cardTypes: string[];
|
|
54
|
-
cardTypeConfigs: object[];
|
|
55
|
-
acceptTypes: EAuthMeCardClass[];
|
|
56
|
-
recognition: (img: Uint8ClampedArray, base64: {
|
|
57
|
-
jpg: string;
|
|
58
|
-
png: string;
|
|
59
|
-
}, cardType?: string, type?: EAuthMeCardClass) => Promise<CardOCRResult | PassportResult>;
|
|
60
|
-
confirmImage: (option: {
|
|
61
|
-
type: EAuthMeCardClass;
|
|
62
|
-
cardType: string;
|
|
63
|
-
imageData?: Blob;
|
|
64
|
-
manual?: boolean;
|
|
65
|
-
}) => Promise<boolean>;
|
|
66
|
-
ocrCancel?: (type: EAuthMeCardClass, cardType: string, imageData?: Blob) => Promise<boolean>;
|
|
67
|
-
antiFraudStart: (points: [
|
|
68
|
-
[
|
|
69
|
-
number,
|
|
70
|
-
number
|
|
71
|
-
],
|
|
72
|
-
[
|
|
73
|
-
number,
|
|
74
|
-
number
|
|
75
|
-
],
|
|
76
|
-
[
|
|
77
|
-
number,
|
|
78
|
-
number
|
|
79
|
-
],
|
|
80
|
-
[
|
|
81
|
-
number,
|
|
82
|
-
number
|
|
83
|
-
]
|
|
84
|
-
], setBorderType: any, setCardBorderColor: any, setBorderSuccess: any, scanAnimationContainer: HTMLElement, successContainer: HTMLElement, frameImage: any, frameText: any, faceMode: FacingMode) => Promise<boolean>;
|
|
85
|
-
onAntiFraudFrame: (data: Uint8ClampedArray) => Promise<IDCardAntiFraudResult>;
|
|
86
|
-
setFrameSize: (width: number, height: number, points?: [
|
|
87
|
-
[
|
|
88
|
-
number,
|
|
89
|
-
number
|
|
90
|
-
],
|
|
91
|
-
[
|
|
92
|
-
number,
|
|
93
|
-
number
|
|
94
|
-
],
|
|
95
|
-
[
|
|
96
|
-
number,
|
|
97
|
-
number
|
|
98
|
-
],
|
|
99
|
-
[
|
|
100
|
-
number,
|
|
101
|
-
number
|
|
102
|
-
]
|
|
103
|
-
]) => Promise<void>;
|
|
104
|
-
onSuccess: () => Promise<{
|
|
105
|
-
scanId: string;
|
|
106
|
-
details: {
|
|
107
|
-
[key: string]: string;
|
|
108
|
-
};
|
|
109
|
-
frontImage?: string | null;
|
|
110
|
-
backImage?: string | null;
|
|
111
|
-
frontCropImage?: string | null;
|
|
112
|
-
backCropImage?: string | null;
|
|
113
|
-
ocrResultFilds: any[];
|
|
114
|
-
}>;
|
|
115
|
-
onDestroy: () => Promise<void>;
|
|
116
|
-
getCardMatchROI?: (stage?: string) => Promise<Point[]>;
|
|
117
|
-
getAntiFraudStageList: () => EAuthMeIDCardAntiFraudStage[];
|
|
118
|
-
}): Promise<Observable<AuthmeOCRResult>>;
|
|
1
|
+
import { FacingMode } from '@authme/util';
|
|
2
|
+
import { EAuthMeCardClass, CardOCRResult, IDCardAntiFraudResult, PassportResult, EAuthMeIDCardAntiFraudStage, Point, WelcomePageConfig } from '@authme/id-recognition';
|
|
3
|
+
import { Observable } from 'rxjs';
|
|
4
|
+
import { IdRecognitionConfig, OcrEngineConfig } from '../interface';
|
|
5
|
+
import { AuthmeOCRResult } from '../interface/result.model';
|
|
6
|
+
export declare function startOCR(config: {
|
|
7
|
+
getOptionConfig: () => Promise<any>;
|
|
8
|
+
init: (width: number, height: number) => Promise<OcrEngineConfig>;
|
|
9
|
+
ocrConfig: Required<IdRecognitionConfig>;
|
|
10
|
+
ocrStart: (points: [
|
|
11
|
+
[
|
|
12
|
+
number,
|
|
13
|
+
number
|
|
14
|
+
],
|
|
15
|
+
[
|
|
16
|
+
number,
|
|
17
|
+
number
|
|
18
|
+
],
|
|
19
|
+
[
|
|
20
|
+
number,
|
|
21
|
+
number
|
|
22
|
+
],
|
|
23
|
+
[
|
|
24
|
+
number,
|
|
25
|
+
number
|
|
26
|
+
]
|
|
27
|
+
], type: EAuthMeCardClass, setBorderType: any, setCardBorderColor: any, setBorderSuccess: any, scanAnimationContainer: HTMLElement, successContainer: HTMLElement, frameImage: any, frameText: any, faceMode: FacingMode, cardType: string, retry?: boolean) => Promise<boolean>;
|
|
28
|
+
thicknessStart?: (points: [
|
|
29
|
+
[
|
|
30
|
+
number,
|
|
31
|
+
number
|
|
32
|
+
],
|
|
33
|
+
[
|
|
34
|
+
number,
|
|
35
|
+
number
|
|
36
|
+
],
|
|
37
|
+
[
|
|
38
|
+
number,
|
|
39
|
+
number
|
|
40
|
+
],
|
|
41
|
+
[
|
|
42
|
+
number,
|
|
43
|
+
number
|
|
44
|
+
]
|
|
45
|
+
], type: EAuthMeCardClass, setBorderType: any, setCardBorderColor: any, setBorderSuccess: any, scanAnimationContainer: HTMLElement, successContainer: HTMLElement, frameImage: any, frameText: any, faceMode: FacingMode, cardType: string, cardTypeConfig: object, retry?: boolean) => Promise<{
|
|
46
|
+
thicknessWelcomeSetting: WelcomePageConfig;
|
|
47
|
+
}>;
|
|
48
|
+
onThicknessFrame?: (img: Uint8ClampedArray, base64: {
|
|
49
|
+
jpg: string;
|
|
50
|
+
png: string;
|
|
51
|
+
}, cardType?: string, type?: EAuthMeCardClass) => Promise<any>;
|
|
52
|
+
confirmThickness?: (ImageData: Blob, cardType: string) => Promise<boolean>;
|
|
53
|
+
cardTypes: string[];
|
|
54
|
+
cardTypeConfigs: object[];
|
|
55
|
+
acceptTypes: EAuthMeCardClass[];
|
|
56
|
+
recognition: (img: Uint8ClampedArray, base64: {
|
|
57
|
+
jpg: string;
|
|
58
|
+
png: string;
|
|
59
|
+
}, cardType?: string, type?: EAuthMeCardClass) => Promise<CardOCRResult | PassportResult>;
|
|
60
|
+
confirmImage: (option: {
|
|
61
|
+
type: EAuthMeCardClass;
|
|
62
|
+
cardType: string;
|
|
63
|
+
imageData?: Blob;
|
|
64
|
+
manual?: boolean;
|
|
65
|
+
}) => Promise<boolean>;
|
|
66
|
+
ocrCancel?: (type: EAuthMeCardClass, cardType: string, imageData?: Blob) => Promise<boolean>;
|
|
67
|
+
antiFraudStart: (points: [
|
|
68
|
+
[
|
|
69
|
+
number,
|
|
70
|
+
number
|
|
71
|
+
],
|
|
72
|
+
[
|
|
73
|
+
number,
|
|
74
|
+
number
|
|
75
|
+
],
|
|
76
|
+
[
|
|
77
|
+
number,
|
|
78
|
+
number
|
|
79
|
+
],
|
|
80
|
+
[
|
|
81
|
+
number,
|
|
82
|
+
number
|
|
83
|
+
]
|
|
84
|
+
], setBorderType: any, setCardBorderColor: any, setBorderSuccess: any, scanAnimationContainer: HTMLElement, successContainer: HTMLElement, frameImage: any, frameText: any, faceMode: FacingMode) => Promise<boolean>;
|
|
85
|
+
onAntiFraudFrame: (data: Uint8ClampedArray) => Promise<IDCardAntiFraudResult>;
|
|
86
|
+
setFrameSize: (width: number, height: number, points?: [
|
|
87
|
+
[
|
|
88
|
+
number,
|
|
89
|
+
number
|
|
90
|
+
],
|
|
91
|
+
[
|
|
92
|
+
number,
|
|
93
|
+
number
|
|
94
|
+
],
|
|
95
|
+
[
|
|
96
|
+
number,
|
|
97
|
+
number
|
|
98
|
+
],
|
|
99
|
+
[
|
|
100
|
+
number,
|
|
101
|
+
number
|
|
102
|
+
]
|
|
103
|
+
]) => Promise<void>;
|
|
104
|
+
onSuccess: () => Promise<{
|
|
105
|
+
scanId: string;
|
|
106
|
+
details: {
|
|
107
|
+
[key: string]: string;
|
|
108
|
+
};
|
|
109
|
+
frontImage?: string | null;
|
|
110
|
+
backImage?: string | null;
|
|
111
|
+
frontCropImage?: string | null;
|
|
112
|
+
backCropImage?: string | null;
|
|
113
|
+
ocrResultFilds: any[];
|
|
114
|
+
}>;
|
|
115
|
+
onDestroy: () => Promise<void>;
|
|
116
|
+
getCardMatchROI?: (stage?: string) => Promise<Point[]>;
|
|
117
|
+
getAntiFraudStageList: () => EAuthMeIDCardAntiFraudStage[];
|
|
118
|
+
}): Promise<Observable<AuthmeOCRResult>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function renderCardRotateAnimate(container: HTMLElement, directionTextPanel?: HTMLElement | null, setAnimationFrameState?: (isAnimating: boolean) => void): {
|
|
3
|
-
stopAnimate: () => Promise<unknown>;
|
|
4
|
-
rotateCard: (direction: direction, beforeAnimate?: () => void, stopOn?: number) => Promise<void>;
|
|
5
|
-
getIsRotateCardAnimating: () => boolean;
|
|
6
|
-
};
|
|
7
|
-
export {};
|
|
1
|
+
type direction = 'left' | 'right' | 'up' | 'down';
|
|
2
|
+
export declare function renderCardRotateAnimate(container: HTMLElement, directionTextPanel?: HTMLElement | null, setAnimationFrameState?: (isAnimating: boolean) => void): {
|
|
3
|
+
stopAnimate: () => Promise<unknown>;
|
|
4
|
+
rotateCard: (direction: direction, beforeAnimate?: () => void, stopOn?: number) => Promise<void>;
|
|
5
|
+
getIsRotateCardAnimating: () => boolean;
|
|
6
|
+
};
|
|
7
|
+
export {};
|
package/src/lib/ui/ocr.ui.d.ts
CHANGED
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
import { IdRecognitionCardType, Point } from '@authme/id-recognition';
|
|
2
|
-
import { FacingMode } from '@authme/util';
|
|
3
|
-
export declare enum OcrRotateDirection {
|
|
4
|
-
Left = "perspective(100vw) rotateY(30deg) scale(0.9)",
|
|
5
|
-
Right = "perspective(100vw) rotateY(-30deg) scale(0.9)",
|
|
6
|
-
Top = "perspective(100vw) rotateX(30deg) scale(0.9)",
|
|
7
|
-
Bottom = "perspective(100vw) rotateX(-30deg) scale(0.9)"
|
|
8
|
-
}
|
|
9
|
-
export declare enum OcrRotateDirectionNew {
|
|
10
|
-
Left = "perspective(100vw) rotateY(45deg) scale(0.9)",
|
|
11
|
-
Right = "perspective(100vw) rotateY(-45deg) scale(0.9)",
|
|
12
|
-
Top = "perspective(100vw) rotateX(45deg) scale(0.9)",
|
|
13
|
-
Bottom = "perspective(100vw) rotateX(-45deg) scale(0.9)"
|
|
14
|
-
}
|
|
15
|
-
export declare enum OcrRotateAnimationName {
|
|
16
|
-
Default = "default",
|
|
17
|
-
Left = "slideinLeft",
|
|
18
|
-
LeftToDefault = "slideinLeftToDefault",
|
|
19
|
-
Right = "slideinRight",
|
|
20
|
-
RightToDefault = "slideinRightToDefault",
|
|
21
|
-
Top = "slideinTop",
|
|
22
|
-
TopToDefault = "slideinTopToDefault",
|
|
23
|
-
Bottom = "slideinBottom",
|
|
24
|
-
BottomToDefault = "slideinBottomToDefault"
|
|
25
|
-
}
|
|
26
|
-
export declare
|
|
27
|
-
borderType
|
|
28
|
-
borderColor
|
|
29
|
-
borderOpacity
|
|
30
|
-
lineColor
|
|
31
|
-
lineGradient
|
|
32
|
-
lineGradientOpacity
|
|
33
|
-
successColor
|
|
34
|
-
successOpacity
|
|
35
|
-
textColor
|
|
36
|
-
textOpacity
|
|
37
|
-
imageColor
|
|
38
|
-
imageOpacity
|
|
39
|
-
}
|
|
40
|
-
export interface lottieScanSetting {
|
|
41
|
-
scanAnimationContainer: HTMLElement;
|
|
42
|
-
scanColor?: string;
|
|
43
|
-
scanGradient?: string;
|
|
44
|
-
scanOpacity?: number;
|
|
45
|
-
}
|
|
46
|
-
export interface lottieSuccessSetting {
|
|
47
|
-
animationContainer: HTMLElement;
|
|
48
|
-
successColor?: string;
|
|
49
|
-
successOpacity?: number;
|
|
50
|
-
}
|
|
51
|
-
export declare function setHtmlRotate(htmlElement: HTMLElement, direction: OcrRotateAnimationName): void;
|
|
52
|
-
export declare function setHtmlRotateNew(htmlElement: HTMLElement, direction: OcrRotateAnimationName): void;
|
|
53
|
-
export declare const initScanAnimation: (params: lottieScanSetting) => void;
|
|
54
|
-
export declare const renderCameraSwitch: (config: {
|
|
55
|
-
container: HTMLDivElement;
|
|
56
|
-
}) => {
|
|
57
|
-
cameraSwitchContainer: HTMLDivElement;
|
|
58
|
-
cameraSwitch: HTMLDivElement;
|
|
59
|
-
switchText: HTMLSpanElement;
|
|
60
|
-
cameraHint: HTMLDivElement;
|
|
61
|
-
};
|
|
62
|
-
export declare const renderOCRUI: (config: {
|
|
63
|
-
videoContainer: HTMLDivElement;
|
|
64
|
-
container: HTMLDivElement;
|
|
65
|
-
showStatement: boolean;
|
|
66
|
-
}) => {
|
|
67
|
-
antiFraudInstructionContainer: HTMLDivElement;
|
|
68
|
-
titleTextPanel: HTMLDivElement;
|
|
69
|
-
titleText: HTMLSpanElement;
|
|
70
|
-
hintText: HTMLDivElement;
|
|
71
|
-
statusText: HTMLSpanElement;
|
|
72
|
-
directionTextPanel: HTMLDivElement;
|
|
73
|
-
directionText: HTMLSpanElement;
|
|
74
|
-
directionIcon: HTMLSpanElement;
|
|
75
|
-
statusTextPanel: HTMLDivElement;
|
|
76
|
-
lottieMask: HTMLDivElement;
|
|
77
|
-
arrowAnimationContainer: HTMLDivElement;
|
|
78
|
-
successContainer: HTMLDivElement;
|
|
79
|
-
successBlockDom: HTMLDivElement;
|
|
80
|
-
scanAnimationContainer: HTMLDivElement;
|
|
81
|
-
antiFraudInstructionAnimationContainer: HTMLDivElement;
|
|
82
|
-
confirmImageContainer: HTMLDivElement;
|
|
83
|
-
confirmContainer: HTMLDivElement;
|
|
84
|
-
imageTypeText: HTMLDivElement;
|
|
85
|
-
statementContainer: HTMLDivElement;
|
|
86
|
-
retryBtn: HTMLButtonElement;
|
|
87
|
-
completeBtn: HTMLButtonElement;
|
|
88
|
-
confirmBtn: HTMLButtonElement;
|
|
89
|
-
image: HTMLCanvasElement;
|
|
90
|
-
};
|
|
91
|
-
export declare function renderConfirmUI({ cardType, items, options: { headerIcon, translate, }, }: {
|
|
92
|
-
cardType?: IdRecognitionCardType;
|
|
93
|
-
items?: {
|
|
94
|
-
columns: string[];
|
|
95
|
-
details: {
|
|
96
|
-
[column: string]: string;
|
|
97
|
-
};
|
|
98
|
-
};
|
|
99
|
-
options?: {
|
|
100
|
-
headerIcon?: string;
|
|
101
|
-
translate?: (str: string) => string;
|
|
102
|
-
};
|
|
103
|
-
}): Promise<any>;
|
|
104
|
-
|
|
105
|
-
export declare const renderOCRMask: (params: {
|
|
106
|
-
cardPoints: Point[];
|
|
107
|
-
container: HTMLDivElement;
|
|
108
|
-
mirrored?: boolean;
|
|
109
|
-
cardType?: IdRecognitionCardType;
|
|
110
|
-
}) => {
|
|
111
|
-
setCardPoints: (_newCardPoints: Point[], antiFraud?: boolean, _mirrored?: boolean, normalizeRect?: boolean) => void;
|
|
112
|
-
setCardBorderColor: (status:
|
|
113
|
-
setBorderType: (params: {
|
|
114
|
-
type: BorderType;
|
|
115
|
-
strokeOpacity?: number;
|
|
116
|
-
mirrored?: boolean;
|
|
117
|
-
color?: string;
|
|
118
|
-
}) => void;
|
|
119
|
-
frameImage: (faceMode: FacingMode, zIndex: number, base64: string, color: string | null, opacity: number) => void;
|
|
120
|
-
frameText: (zIndex: number, text: string) => void;
|
|
121
|
-
setBorderSuccess: (color: string, opacity: number) => void;
|
|
122
|
-
};
|
|
123
|
-
export {};
|
|
1
|
+
import { IdRecognitionCardType, Point } from '@authme/id-recognition';
|
|
2
|
+
import { FacingMode } from '@authme/util';
|
|
3
|
+
export declare enum OcrRotateDirection {
|
|
4
|
+
Left = "perspective(100vw) rotateY(30deg) scale(0.9)",
|
|
5
|
+
Right = "perspective(100vw) rotateY(-30deg) scale(0.9)",
|
|
6
|
+
Top = "perspective(100vw) rotateX(30deg) scale(0.9)",
|
|
7
|
+
Bottom = "perspective(100vw) rotateX(-30deg) scale(0.9)"
|
|
8
|
+
}
|
|
9
|
+
export declare enum OcrRotateDirectionNew {
|
|
10
|
+
Left = "perspective(100vw) rotateY(45deg) scale(0.9)",
|
|
11
|
+
Right = "perspective(100vw) rotateY(-45deg) scale(0.9)",
|
|
12
|
+
Top = "perspective(100vw) rotateX(45deg) scale(0.9)",
|
|
13
|
+
Bottom = "perspective(100vw) rotateX(-45deg) scale(0.9)"
|
|
14
|
+
}
|
|
15
|
+
export declare enum OcrRotateAnimationName {
|
|
16
|
+
Default = "default",
|
|
17
|
+
Left = "slideinLeft",
|
|
18
|
+
LeftToDefault = "slideinLeftToDefault",
|
|
19
|
+
Right = "slideinRight",
|
|
20
|
+
RightToDefault = "slideinRightToDefault",
|
|
21
|
+
Top = "slideinTop",
|
|
22
|
+
TopToDefault = "slideinTopToDefault",
|
|
23
|
+
Bottom = "slideinBottom",
|
|
24
|
+
BottomToDefault = "slideinBottomToDefault"
|
|
25
|
+
}
|
|
26
|
+
export declare const OcrFrame: {
|
|
27
|
+
readonly borderType: "cornered";
|
|
28
|
+
readonly borderColor: "#FFF";
|
|
29
|
+
readonly borderOpacity: 1;
|
|
30
|
+
readonly lineColor: "#00C1B6";
|
|
31
|
+
readonly lineGradient: "#7CFFF9";
|
|
32
|
+
readonly lineGradientOpacity: 0.5;
|
|
33
|
+
readonly successColor: "#7CFFF9";
|
|
34
|
+
readonly successOpacity: 1;
|
|
35
|
+
readonly textColor: "#FFF";
|
|
36
|
+
readonly textOpacity: 0.7;
|
|
37
|
+
readonly imageColor: "#FFF";
|
|
38
|
+
readonly imageOpacity: 0.4;
|
|
39
|
+
};
|
|
40
|
+
export interface lottieScanSetting {
|
|
41
|
+
scanAnimationContainer: HTMLElement;
|
|
42
|
+
scanColor?: string;
|
|
43
|
+
scanGradient?: string;
|
|
44
|
+
scanOpacity?: number;
|
|
45
|
+
}
|
|
46
|
+
export interface lottieSuccessSetting {
|
|
47
|
+
animationContainer: HTMLElement;
|
|
48
|
+
successColor?: string;
|
|
49
|
+
successOpacity?: number;
|
|
50
|
+
}
|
|
51
|
+
export declare function setHtmlRotate(htmlElement: HTMLElement, direction: OcrRotateAnimationName): void;
|
|
52
|
+
export declare function setHtmlRotateNew(htmlElement: HTMLElement, direction: OcrRotateAnimationName): void;
|
|
53
|
+
export declare const initScanAnimation: (params: lottieScanSetting) => void;
|
|
54
|
+
export declare const renderCameraSwitch: (config: {
|
|
55
|
+
container: HTMLDivElement;
|
|
56
|
+
}) => {
|
|
57
|
+
cameraSwitchContainer: HTMLDivElement;
|
|
58
|
+
cameraSwitch: HTMLDivElement;
|
|
59
|
+
switchText: HTMLSpanElement;
|
|
60
|
+
cameraHint: HTMLDivElement;
|
|
61
|
+
};
|
|
62
|
+
export declare const renderOCRUI: (config: {
|
|
63
|
+
videoContainer: HTMLDivElement;
|
|
64
|
+
container: HTMLDivElement;
|
|
65
|
+
showStatement: boolean;
|
|
66
|
+
}) => {
|
|
67
|
+
antiFraudInstructionContainer: HTMLDivElement;
|
|
68
|
+
titleTextPanel: HTMLDivElement;
|
|
69
|
+
titleText: HTMLSpanElement;
|
|
70
|
+
hintText: HTMLDivElement;
|
|
71
|
+
statusText: HTMLSpanElement;
|
|
72
|
+
directionTextPanel: HTMLDivElement;
|
|
73
|
+
directionText: HTMLSpanElement;
|
|
74
|
+
directionIcon: HTMLSpanElement;
|
|
75
|
+
statusTextPanel: HTMLDivElement;
|
|
76
|
+
lottieMask: HTMLDivElement;
|
|
77
|
+
arrowAnimationContainer: HTMLDivElement;
|
|
78
|
+
successContainer: HTMLDivElement;
|
|
79
|
+
successBlockDom: HTMLDivElement;
|
|
80
|
+
scanAnimationContainer: HTMLDivElement;
|
|
81
|
+
antiFraudInstructionAnimationContainer: HTMLDivElement;
|
|
82
|
+
confirmImageContainer: HTMLDivElement;
|
|
83
|
+
confirmContainer: HTMLDivElement;
|
|
84
|
+
imageTypeText: HTMLDivElement;
|
|
85
|
+
statementContainer: HTMLDivElement;
|
|
86
|
+
retryBtn: HTMLButtonElement;
|
|
87
|
+
completeBtn: HTMLButtonElement;
|
|
88
|
+
confirmBtn: HTMLButtonElement;
|
|
89
|
+
image: HTMLCanvasElement;
|
|
90
|
+
};
|
|
91
|
+
export declare function renderConfirmUI({ cardType, items, options: { headerIcon, translate, }, }: {
|
|
92
|
+
cardType?: IdRecognitionCardType;
|
|
93
|
+
items?: {
|
|
94
|
+
columns: string[];
|
|
95
|
+
details: {
|
|
96
|
+
[column: string]: string;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
options?: {
|
|
100
|
+
headerIcon?: string;
|
|
101
|
+
translate?: (str: string) => string;
|
|
102
|
+
};
|
|
103
|
+
}): Promise<any>;
|
|
104
|
+
type BorderType = 'cornered' | 'bordered';
|
|
105
|
+
export declare const renderOCRMask: (params: {
|
|
106
|
+
cardPoints: Point[];
|
|
107
|
+
container: HTMLDivElement;
|
|
108
|
+
mirrored?: boolean;
|
|
109
|
+
cardType?: IdRecognitionCardType;
|
|
110
|
+
}) => {
|
|
111
|
+
setCardPoints: (_newCardPoints: Point[], antiFraud?: boolean, _mirrored?: boolean, normalizeRect?: boolean) => void;
|
|
112
|
+
setCardBorderColor: (status: "error" | "pass" | null) => void;
|
|
113
|
+
setBorderType: (params: {
|
|
114
|
+
type: BorderType;
|
|
115
|
+
strokeOpacity?: number;
|
|
116
|
+
mirrored?: boolean;
|
|
117
|
+
color?: string;
|
|
118
|
+
}) => void;
|
|
119
|
+
frameImage: (faceMode: FacingMode, zIndex: number, base64: string, color: string | null, opacity: number) => void;
|
|
120
|
+
frameText: (zIndex: number, text: string) => void;
|
|
121
|
+
setBorderSuccess: (color: string, opacity: number) => void;
|
|
122
|
+
};
|
|
123
|
+
export {};
|
package/src/lib/ui/shared.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Observable, Subject } from 'rxjs';
|
|
2
|
-
declare enum RESIZE_EVENT {
|
|
3
|
-
SCREEN_RESOLUTION_TOO_LOW = "SCREEN_RESOLUTION_TOO_LOW",
|
|
4
|
-
SCREEN_SIZE_CHANGED = "SCREEN_SIZE_CHANGED",
|
|
5
|
-
PASS = "PASS"
|
|
6
|
-
}
|
|
7
|
-
export declare function detectScreenResize$(): any;
|
|
8
|
-
export declare function handleScreenResizeError$(resize$: Observable<RESIZE_EVENT>, unsubscribe$: Subject<void>, shouldResizeTriggerError?: () => boolean): Observable<never>;
|
|
9
|
-
export {};
|
|
1
|
+
import { Observable, Subject } from 'rxjs';
|
|
2
|
+
declare enum RESIZE_EVENT {
|
|
3
|
+
SCREEN_RESOLUTION_TOO_LOW = "SCREEN_RESOLUTION_TOO_LOW",
|
|
4
|
+
SCREEN_SIZE_CHANGED = "SCREEN_SIZE_CHANGED",
|
|
5
|
+
PASS = "PASS"
|
|
6
|
+
}
|
|
7
|
+
export declare function detectScreenResize$(): any;
|
|
8
|
+
export declare function handleScreenResizeError$(resize$: Observable<RESIZE_EVENT>, unsubscribe$: Subject<void>, shouldResizeTriggerError?: () => boolean): Observable<never>;
|
|
9
|
+
export {};
|
package/src/lib/ui/ui-init.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function setCorrectViewHeight(): void;
|
|
1
|
+
export declare function setCorrectViewHeight(): void;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { GetCardTypeAndCountryConfig } from '../../interface';
|
|
2
|
-
import { CardTypeAndCountry } from '../../interface/result.model';
|
|
3
|
-
export declare function renderCardTypeAndCountryConfig(config: GetCardTypeAndCountryConfig): Promise<CardTypeAndCountry>;
|
|
1
|
+
import { GetCardTypeAndCountryConfig } from '../../interface';
|
|
2
|
+
import { CardTypeAndCountry } from '../../interface/result.model';
|
|
3
|
+
export declare function renderCardTypeAndCountryConfig(config: GetCardTypeAndCountryConfig): Promise<CardTypeAndCountry>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FacingMode } from '../interface/index';
|
|
2
|
-
export declare function initFrameView(cardPoints: any, scanId: string, faceMode: FacingMode, scanView: any, cardType: any, cardTypeConfig: any, setBorderType: any, setCardBorderColor: any, setBorderSuccess: any, shouldEncrypt: boolean, encryptDataBase64: any): Promise<void>;
|
|
1
|
+
import { FacingMode } from '../interface/index';
|
|
2
|
+
export declare function initFrameView(cardPoints: any, scanId: string, faceMode: FacingMode, scanView: any, cardType: any, cardTypeConfig: any, setBorderType: any, setCardBorderColor: any, setBorderSuccess: any, shouldEncrypt: boolean, encryptDataBase64: any): Promise<void>;
|