idmission-web-sdk 0.0.50 → 0.0.51
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 +0 -26
- package/dist/components/id_capture/IdCaptureLoadingOverlay.d.ts +1 -4
- package/dist/components/id_capture/IdCaptureWizard.d.ts +1 -10
- package/dist/sdk2.cjs.development.js +8 -19
- 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 +8 -19
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +8 -19
- 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/package.json +1 -1
package/README.md
CHANGED
|
@@ -90,14 +90,8 @@ Render a fullscreen ID capture component that instructs the user to photograph b
|
|
|
90
90
|
|
|
91
91
|
**ID Capture Colors**
|
|
92
92
|
<table>
|
|
93
|
-
<tr><td><code>loadingContinueBtnBackgroundColor</code></td><td>Default: mint</td></tr>
|
|
94
|
-
<tr><td><code>loadingContinueBtnTextColor</code></td><td>Default: white</td></tr>
|
|
95
93
|
<tr><td><code>guideBoxUnsatisfiedColor</code></td><td>Default: white</td></tr>
|
|
96
94
|
<tr><td><code>guideBoxSatisfiedColor</code></td><td>Default: green</td></tr>
|
|
97
|
-
<tr><td><code>successDoneBtnBackgroundColor</code></td><td>Default: mint</td></tr>
|
|
98
|
-
<tr><td><code>successDoneBtnTextColor</code></td><td>Default: white</td></tr>
|
|
99
|
-
<tr><td><code>successRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
|
|
100
|
-
<tr><td><code>successRetryBtnTextColor</code></td><td>Default: white</td></tr>
|
|
101
95
|
</table>
|
|
102
96
|
|
|
103
97
|
**ID Capture Verbiage**
|
|
@@ -184,22 +178,12 @@ Render a fullscreen capture component that analyzes frames from the user's front
|
|
|
184
178
|
**Face Liveness Colors**
|
|
185
179
|
|
|
186
180
|
<table>
|
|
187
|
-
<tr><td><code>loadingContinueBtnBackgroundColor</code></td><td>Default: mint</td></tr>
|
|
188
|
-
<tr><td><code>loadingContinueBtnTextColor</code></td><td>Default: white</td></tr>
|
|
189
181
|
<tr><td><code>guidesUnsatisfiedColor</code></td><td>Default: white</td></tr>
|
|
190
182
|
<tr><td><code>guidesSatisfiedColor</code></td><td>Default: green</td></tr>
|
|
191
183
|
<tr><td><code>guidanceMessagesSatisfiedBackgroundColor</code></td><td>Default: green</td></tr>
|
|
192
184
|
<tr><td><code>guidanceMessagesUnsatisfiedBackgroundColor</code></td><td>Default: red</td></tr>
|
|
193
185
|
<tr><td><code>guidanceMessagesSatisfiedTextColor</code></td><td>Default: white</td></tr>
|
|
194
186
|
<tr><td><code>guidanceMessagesUnsatisfiedTextColor</code></td><td>Default: white</td></tr>
|
|
195
|
-
<tr><td><code>successDoneBtnBackgroundColor</code></td><td>Default: mint</td></tr>
|
|
196
|
-
<tr><td><code>successDoneBtnTextColor</code></td><td>Default: white</td></tr>
|
|
197
|
-
<tr><td><code>successRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
|
|
198
|
-
<tr><td><code>successRetryBtnTextColor</code></td><td>Default: white</td></tr>
|
|
199
|
-
<tr><td><code>failureRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
|
|
200
|
-
<tr><td><code>failureRetryBtnTextColor</code></td><td>Default: white</td></tr>
|
|
201
|
-
<tr><td><code>failureExitBtnBackgroundColor</code></td><td>Default: darkgray</td></tr>
|
|
202
|
-
<tr><td><code>failureExitBtnTextColor</code></td><td>Default: white</td></tr>
|
|
203
187
|
</table>
|
|
204
188
|
|
|
205
189
|
**Face Liveness Verbiage**
|
|
@@ -470,22 +454,12 @@ Render a fullscreen capture component that analyzes frames from the user's front
|
|
|
470
454
|
**Customer Identification Colors**
|
|
471
455
|
|
|
472
456
|
<table>
|
|
473
|
-
<tr><td><code>loadingContinueBtnBackgroundColor</code></td><td>Default: mint</td></tr>
|
|
474
|
-
<tr><td><code>loadingContinueBtnTextColor</code></td><td>Default: white</td></tr>
|
|
475
457
|
<tr><td><code>guidesUnsatisfiedColor</code></td><td>Default: white</td></tr>
|
|
476
458
|
<tr><td><code>guidesSatisfiedColor</code></td><td>Default: green</td></tr>
|
|
477
459
|
<tr><td><code>guidanceMessagesSatisfiedBackgroundColor</code></td><td>Default: green</td></tr>
|
|
478
460
|
<tr><td><code>guidanceMessagesUnsatisfiedBackgroundColor</code></td><td>Default: red</td></tr>
|
|
479
461
|
<tr><td><code>guidanceMessagesSatisfiedTextColor</code></td><td>Default: white</td></tr>
|
|
480
462
|
<tr><td><code>guidanceMessagesUnsatisfiedTextColor</code></td><td>Default: white</td></tr>
|
|
481
|
-
<tr><td><code>successDoneBtnBackgroundColor</code></td><td>Default: mint</td></tr>
|
|
482
|
-
<tr><td><code>successDoneBtnTextColor</code></td><td>Default: white</td></tr>
|
|
483
|
-
<tr><td><code>successRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
|
|
484
|
-
<tr><td><code>successRetryBtnTextColor</code></td><td>Default: white</td></tr>
|
|
485
|
-
<tr><td><code>failureRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
|
|
486
|
-
<tr><td><code>failureRetryBtnTextColor</code></td><td>Default: white</td></tr>
|
|
487
|
-
<tr><td><code>failureExitBtnBackgroundColor</code></td><td>Default: darkgray</td></tr>
|
|
488
|
-
<tr><td><code>failureExitBtnTextColor</code></td><td>Default: white</td></tr>
|
|
489
463
|
</table>
|
|
490
464
|
|
|
491
465
|
**Customer Identification Verbiage**
|
|
@@ -6,11 +6,8 @@ export type IdCaptureLoadingOverlayProps = {
|
|
|
6
6
|
cameraInitializingText?: string;
|
|
7
7
|
cameraAccessBlockedText?: string;
|
|
8
8
|
continueText?: string;
|
|
9
|
-
continueBtnDisabledBackgroundColor?: string;
|
|
10
|
-
continueBtnBackgroundColor?: string;
|
|
11
|
-
continueBtnTextColor?: string;
|
|
12
9
|
instructionImageUrl?: string;
|
|
13
10
|
accessBlockedImageUrl?: string;
|
|
14
11
|
onDismissed?: () => void;
|
|
15
12
|
};
|
|
16
|
-
export declare const IdCaptureLoadingOverlay: ({ headingText, useContinuityCameraText, modelsWarmingUpText, cameraInitializingText, cameraAccessBlockedText, continueText,
|
|
13
|
+
export declare const IdCaptureLoadingOverlay: ({ headingText, useContinuityCameraText, modelsWarmingUpText, cameraInitializingText, cameraAccessBlockedText, continueText, instructionImageUrl, accessBlockedImageUrl, onDismissed, }: IdCaptureLoadingOverlayProps) => ReactElement;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { IdCaptureColors } from './IdCapture';
|
|
2
3
|
export type IdCaptureAssets = {
|
|
3
4
|
documentDetectionModelUrl?: string;
|
|
4
5
|
focusModelUrl?: string;
|
|
@@ -10,16 +11,6 @@ export type IdCaptureAssets = {
|
|
|
10
11
|
passportPortraitGuidesImageUrl?: string;
|
|
11
12
|
passportLandscapeGuidesImageUrl?: string;
|
|
12
13
|
};
|
|
13
|
-
export type IdCaptureColors = {
|
|
14
|
-
loadingContinueBtnBackgroundColor?: string;
|
|
15
|
-
loadingContinueBtnTextColor?: string;
|
|
16
|
-
guideBoxUnsatisfiedColor?: string;
|
|
17
|
-
guideBoxSatisfiedColor?: string;
|
|
18
|
-
successDoneBtnBackgroundColor?: string;
|
|
19
|
-
successDoneBtnTextColor?: string;
|
|
20
|
-
successRetryBtnBackgroundColor?: string;
|
|
21
|
-
successRetryBtnTextColor?: string;
|
|
22
|
-
};
|
|
23
14
|
export type IdCaptureVerbiage = {
|
|
24
15
|
loadingOverlayHeadingText?: string;
|
|
25
16
|
loadingOverlayUseContinuityCameraText?: string;
|
|
@@ -8855,9 +8855,6 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
|
|
|
8855
8855
|
cameraInitializingText = _a.cameraInitializingText,
|
|
8856
8856
|
cameraAccessBlockedText = _a.cameraAccessBlockedText,
|
|
8857
8857
|
continueText = _a.continueText,
|
|
8858
|
-
continueBtnDisabledBackgroundColor = _a.continueBtnDisabledBackgroundColor,
|
|
8859
|
-
continueBtnBackgroundColor = _a.continueBtnBackgroundColor,
|
|
8860
|
-
continueBtnTextColor = _a.continueBtnTextColor,
|
|
8861
8858
|
_b = _a.instructionImageUrl,
|
|
8862
8859
|
instructionImageUrl = _b === void 0 ? DEFAULT_CDN_URL + '/WebSDK-Instruction-DL-Capture-3-Portrait.png' : _b,
|
|
8863
8860
|
_c = _a.accessBlockedImageUrl,
|
|
@@ -8875,15 +8872,6 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
|
|
|
8875
8872
|
var _e = React.useState(false),
|
|
8876
8873
|
dismissed = _e[0],
|
|
8877
8874
|
setDismissed = _e[1];
|
|
8878
|
-
headingText || (headingText = t('Use your device camera to capture your ID'));
|
|
8879
|
-
useContinuityCameraText || (useContinuityCameraText = t('Use your iPhone as a webcam'));
|
|
8880
|
-
modelsWarmingUpText || (modelsWarmingUpText = t('Models warming up...'));
|
|
8881
|
-
cameraInitializingText || (cameraInitializingText = t('Camera initializing...'));
|
|
8882
|
-
cameraAccessBlockedText || (cameraAccessBlockedText = t('Camera access blocked'));
|
|
8883
|
-
continueText || (continueText = t('Continue'));
|
|
8884
|
-
continueBtnDisabledBackgroundColor || (continueBtnDisabledBackgroundColor = 'gray');
|
|
8885
|
-
continueBtnBackgroundColor || (continueBtnBackgroundColor = 'mint');
|
|
8886
|
-
continueBtnTextColor || (continueBtnTextColor = 'white');
|
|
8887
8875
|
React.useEffect(function () {
|
|
8888
8876
|
if (!buttonRef.current) return;
|
|
8889
8877
|
laddaRef.current = Ladda__namespace.create(buttonRef.current);
|
|
@@ -8922,6 +8910,12 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
|
|
|
8922
8910
|
accessBlockedImageUrl: accessBlockedImageUrl
|
|
8923
8911
|
});
|
|
8924
8912
|
}
|
|
8913
|
+
headingText = headingText || t('Use your device camera to capture your ID');
|
|
8914
|
+
useContinuityCameraText = useContinuityCameraText || t('Use your iPhone as a webcam');
|
|
8915
|
+
modelsWarmingUpText = modelsWarmingUpText || t('Models warming up...');
|
|
8916
|
+
cameraInitializingText = cameraInitializingText || t('Camera initializing...');
|
|
8917
|
+
cameraAccessBlockedText = cameraAccessBlockedText || t('Camera access blocked');
|
|
8918
|
+
continueText = continueText || t('Continue');
|
|
8925
8919
|
return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner, null, /*#__PURE__*/React__default['default'].createElement("h3", null, headingText), /*#__PURE__*/React__default['default'].createElement(OverlayImageWrapper, {
|
|
8926
8920
|
style: {
|
|
8927
8921
|
pointerEvents: 'none'
|
|
@@ -8945,14 +8939,11 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
|
|
|
8945
8939
|
}), /*#__PURE__*/React__default['default'].createElement("label", {
|
|
8946
8940
|
htmlFor: "use-continuity-camera"
|
|
8947
8941
|
}, useContinuityCameraText))), /*#__PURE__*/React__default['default'].createElement("button", {
|
|
8948
|
-
ref: buttonRef,
|
|
8949
8942
|
className: "ladda-button",
|
|
8950
8943
|
"data-style": "expand-right",
|
|
8944
|
+
"data-color": "mint",
|
|
8951
8945
|
disabled: !cameraReady || !modelsReady,
|
|
8952
|
-
|
|
8953
|
-
color: continueBtnTextColor,
|
|
8954
|
-
backgroundColor: !cameraReady || !modelsReady ? continueBtnDisabledBackgroundColor : continueBtnBackgroundColor
|
|
8955
|
-
},
|
|
8946
|
+
ref: buttonRef,
|
|
8956
8947
|
onClick: function onClick() {
|
|
8957
8948
|
setDismissed(true);
|
|
8958
8949
|
onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
|
|
@@ -9636,8 +9627,6 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
9636
9627
|
cameraInitializingText: verbiage.loadingOverlayCameraInitializingText,
|
|
9637
9628
|
cameraAccessBlockedText: verbiage.loadingOverlayCameraAccessBlockedText,
|
|
9638
9629
|
continueText: verbiage.loadingOverlayContinueText,
|
|
9639
|
-
continueBtnBackgroundColor: colors.loadingContinueBtnBackgroundColor,
|
|
9640
|
-
continueBtnTextColor: colors.loadingContinueBtnTextColor,
|
|
9641
9630
|
instructionImageUrl: assets.loadingOverlayInstructionImageUrl,
|
|
9642
9631
|
onDismissed: function onDismissed() {
|
|
9643
9632
|
setOverlayDismissed(true);
|