idmission-web-sdk 2.3.1 → 2.3.3
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/common/signature.d.ts.map +1 -1
- package/dist/components/customer_flows/IdValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdValidation.d.ts.map +1 -1
- package/dist/components/customer_flows/SignatureKYC.d.ts +3 -1
- package/dist/components/customer_flows/SignatureKYC.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts +2 -1
- package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts +4 -2
- package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts.map +1 -1
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts +3 -2
- package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +98 -72
- 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 +98 -72
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +98 -72
- 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/themes/index.d.ts +3 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +3 -3
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
212
212
|
};
|
|
213
213
|
|
|
214
|
-
var webSdkVersion = '2.3.
|
|
214
|
+
var webSdkVersion = '2.3.3';
|
|
215
215
|
|
|
216
216
|
function getPlatform() {
|
|
217
217
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -484,7 +484,7 @@
|
|
|
484
484
|
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
485
485
|
var ButtonsColumn = styled.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
486
486
|
var WideButton = styled(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
487
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
487
|
+
var WideBorderButton = styled(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
488
488
|
var _a, _b;
|
|
489
489
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
490
490
|
}, function (props) {
|
|
@@ -513,7 +513,7 @@
|
|
|
513
513
|
var LoadingOverlayLoadingList = styled.ul(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
514
514
|
var LoadingOverlayLoadingListItem = styled.li(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
|
|
515
515
|
var LoadingOverlayProgressContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
516
|
-
var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$
|
|
516
|
+
var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$4, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
|
|
517
517
|
|
|
518
518
|
function _extends() {
|
|
519
519
|
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
@@ -16571,7 +16571,7 @@
|
|
|
16571
16571
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
|
|
16572
16572
|
});
|
|
16573
16573
|
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
|
|
16574
|
-
var CustomLoadingGraphic$1 = styled.img(templateObject_8$
|
|
16574
|
+
var CustomLoadingGraphic$1 = styled.img(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
16575
16575
|
var ContinueButtonContainer$1 = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
16576
16576
|
var ContinueButton$1 = styled(LoaderButton)(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n\n &.disabled {\n background: ", ";\n color: ", ";\n border: ", ";\n }\n"])), function (props) {
|
|
16577
16577
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -16592,7 +16592,7 @@
|
|
|
16592
16592
|
var _a, _b, _c, _d;
|
|
16593
16593
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnDisabledBorder) !== null && _d !== void 0 ? _d : 'none';
|
|
16594
16594
|
});
|
|
16595
|
-
var templateObject_1$D, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$
|
|
16595
|
+
var templateObject_1$D, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$2, templateObject_10$1;
|
|
16596
16596
|
|
|
16597
16597
|
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
16598
16598
|
var ContinuityCameraCheckbox = styled.input(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
@@ -17546,9 +17546,9 @@
|
|
|
17546
17546
|
}, function (props) {
|
|
17547
17547
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
17548
17548
|
});
|
|
17549
|
-
var GuideText = styled.span(templateObject_8$
|
|
17549
|
+
var GuideText = styled.span(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
17550
17550
|
var GuideCenterInner = styled.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
|
|
17551
|
-
var templateObject_1$x, templateObject_2$s, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$
|
|
17551
|
+
var templateObject_1$x, templateObject_2$s, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$1;
|
|
17552
17552
|
|
|
17553
17553
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
17554
17554
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -19061,7 +19061,7 @@
|
|
|
19061
19061
|
var ScreenActionsBar = styled.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
|
|
19062
19062
|
var DashedSeparator = styled.div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
19063
19063
|
var OrWrapper = styled.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
19064
|
-
var UploadIdBackHelpText = styled.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
19064
|
+
var UploadIdBackHelpText = styled.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
|
|
19065
19065
|
var Button = styled(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
|
|
19066
19066
|
var Modal = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
19067
19067
|
var Dialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
|
|
@@ -19340,7 +19340,7 @@
|
|
|
19340
19340
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
19341
19341
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
19342
19342
|
}
|
|
19343
|
-
var templateObject_1$o, templateObject_2$l, templateObject_3$f, templateObject_4$9, templateObject_5$6, templateObject_6$4, templateObject_7$3, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
19343
|
+
var templateObject_1$o, templateObject_2$l, templateObject_3$f, templateObject_4$9, templateObject_5$6, templateObject_6$4, templateObject_7$3, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
19344
19344
|
|
|
19345
19345
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
19346
19346
|
var _b, _c, _d, _e, _f;
|
|
@@ -22938,7 +22938,7 @@
|
|
|
22938
22938
|
return ((_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.backgroundPosition) ? "background-position: ".concat((_b = props.theme.signatureCapture) === null || _b === void 0 ? void 0 : _b.backgroundPosition, ";") : "";
|
|
22939
22939
|
});
|
|
22940
22940
|
var SignatureCanvasContainer$1 = styled.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
22941
|
-
var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
|
|
22941
|
+
var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n }\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n\n &.empty {\n background: ", ";\n border: ", ";\n }\n"])), function (props) {
|
|
22942
22942
|
var _a, _b, _c;
|
|
22943
22943
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.background) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
|
|
22944
22944
|
}, function (props) {
|
|
@@ -22947,6 +22947,12 @@
|
|
|
22947
22947
|
}, function (props) {
|
|
22948
22948
|
var _a, _b, _c;
|
|
22949
22949
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.borderRadius) !== null && _c !== void 0 ? _c : '16px';
|
|
22950
|
+
}, function (props) {
|
|
22951
|
+
var _a, _b, _c;
|
|
22952
|
+
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyBackground) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
|
|
22953
|
+
}, function (props) {
|
|
22954
|
+
var _a, _b, _c;
|
|
22955
|
+
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyBorder) !== null && _c !== void 0 ? _c : "1px solid #dedede";
|
|
22950
22956
|
});
|
|
22951
22957
|
var SignatureButtonsContainer = styled(ButtonsRow$2)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
22952
22958
|
var templateObject_1$c, templateObject_2$b, templateObject_3$9, templateObject_4$4;
|
|
@@ -23405,6 +23411,7 @@
|
|
|
23405
23411
|
onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
|
|
23406
23412
|
_d = _a.minSignaturePadPoints,
|
|
23407
23413
|
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
23414
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
23408
23415
|
_e = _a.classNames,
|
|
23409
23416
|
classNames = _e === void 0 ? {} : _e,
|
|
23410
23417
|
_f = _a.verbiage,
|
|
@@ -23436,6 +23443,8 @@
|
|
|
23436
23443
|
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
23437
23444
|
var canClear = isSigning && !signaturePadEmpty;
|
|
23438
23445
|
var canSubmit = isSigning && signatureValid;
|
|
23446
|
+
var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty;
|
|
23447
|
+
var EmptyContent = signaturePadEmptyContent;
|
|
23439
23448
|
return /*#__PURE__*/React.createElement(Container$2, {
|
|
23440
23449
|
className: classNames.container
|
|
23441
23450
|
}, /*#__PURE__*/React.createElement(Inner$1, {
|
|
@@ -23455,7 +23464,7 @@
|
|
|
23455
23464
|
"$disabled": requestedAction === 'VERIFY_LIVENESS'
|
|
23456
23465
|
}, /*#__PURE__*/React.createElement(SignaturePad, {
|
|
23457
23466
|
ref: ref,
|
|
23458
|
-
className: classNames.signatureCanvasInner
|
|
23467
|
+
className: clsx(classNames.signatureCanvasInner, displayEmptyState && 'empty')
|
|
23459
23468
|
}, /*#__PURE__*/React.createElement(SignatureCanvas, {
|
|
23460
23469
|
ref: signaturePad,
|
|
23461
23470
|
canvasProps: canvasProps,
|
|
@@ -23470,7 +23479,9 @@
|
|
|
23470
23479
|
});
|
|
23471
23480
|
setSignatureValid(points.length >= minSignaturePadPoints);
|
|
23472
23481
|
}
|
|
23473
|
-
})
|
|
23482
|
+
}), displayEmptyState && EmptyContent && ( /*#__PURE__*/React.createElement(EmptyContentContainer, {
|
|
23483
|
+
className: classNames.emptyContentContainer
|
|
23484
|
+
}, typeof EmptyContent === 'string' ? EmptyContent : ( /*#__PURE__*/React.createElement(EmptyContent, null))))), /*#__PURE__*/React.createElement(SignatureButtonsContainer, {
|
|
23474
23485
|
className: classNames.signatureButtonsRow
|
|
23475
23486
|
}, /*#__PURE__*/React.createElement(LoaderButton, {
|
|
23476
23487
|
variant: "secondary",
|
|
@@ -23504,7 +23515,11 @@
|
|
|
23504
23515
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
23505
23516
|
});
|
|
23506
23517
|
var AcceptBtn = styled(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
23507
|
-
var
|
|
23518
|
+
var EmptyContentContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n color: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n pointer-events: none;\n color: ", ";\n"])), function (props) {
|
|
23519
|
+
var _a, _b, _c;
|
|
23520
|
+
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.emptyTextColor) !== null && _c !== void 0 ? _c : 'black';
|
|
23521
|
+
});
|
|
23522
|
+
var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8;
|
|
23508
23523
|
|
|
23509
23524
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
23510
23525
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
@@ -23516,6 +23531,7 @@
|
|
|
23516
23531
|
guidesComponent = _a.guidesComponent,
|
|
23517
23532
|
_c = _a.minSignaturePadPoints,
|
|
23518
23533
|
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
23534
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
23519
23535
|
_d = _a.classNames,
|
|
23520
23536
|
classNames = _d === void 0 ? {} : _d,
|
|
23521
23537
|
_e = _a.colors,
|
|
@@ -23580,6 +23596,7 @@
|
|
|
23580
23596
|
status: "success",
|
|
23581
23597
|
classNames: classNames.videoSignatureGuidesClassNames,
|
|
23582
23598
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
23599
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
23583
23600
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
23584
23601
|
return setTimeout(clearRecordedData, 100);
|
|
23585
23602
|
} : undefined
|
|
@@ -23661,6 +23678,7 @@
|
|
|
23661
23678
|
captureAudio = _d === void 0 ? false : _d,
|
|
23662
23679
|
_e = _a.minSignaturePadPoints,
|
|
23663
23680
|
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
23681
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
23664
23682
|
_f = _a.allowSignatureAfterLivenessCheckFailure,
|
|
23665
23683
|
allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
|
|
23666
23684
|
_g = _a.restartVideoOnSignaturePadCleared,
|
|
@@ -23766,9 +23784,10 @@
|
|
|
23766
23784
|
var guidesComponent = React.useCallback(function (props) {
|
|
23767
23785
|
return /*#__PURE__*/React.createElement(VideoSignatureWizardGuides, _assign({}, props, {
|
|
23768
23786
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames,
|
|
23769
|
-
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared
|
|
23787
|
+
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
23788
|
+
signaturePadEmptyContent: signaturePadEmptyContent
|
|
23770
23789
|
}));
|
|
23771
|
-
}, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared]);
|
|
23790
|
+
}, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared, signaturePadEmptyContent]);
|
|
23772
23791
|
var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
|
|
23773
23792
|
var onExitAfterFailure = React.useCallback(function (resp, req) {
|
|
23774
23793
|
onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
|
|
@@ -23812,6 +23831,7 @@
|
|
|
23812
23831
|
onFaceNotDetected: onSignatureCaptureFacesNotDetected,
|
|
23813
23832
|
onExit: onExitCapture,
|
|
23814
23833
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
23834
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
23815
23835
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
23816
23836
|
guidesComponent: guidesComponent,
|
|
23817
23837
|
classNames: classNames,
|
|
@@ -23838,11 +23858,13 @@
|
|
|
23838
23858
|
var status = _a.status,
|
|
23839
23859
|
classNames = _a.classNames,
|
|
23840
23860
|
_b = _a.restartVideoOnSignaturePadCleared,
|
|
23841
|
-
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b
|
|
23861
|
+
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
23862
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent;
|
|
23842
23863
|
var clearRecordedData = useVideoSignatureContext().clearRecordedData;
|
|
23843
23864
|
return /*#__PURE__*/React.createElement(VideoSignatureGuides, {
|
|
23844
23865
|
classNames: classNames,
|
|
23845
23866
|
faceGuideStatus: status,
|
|
23867
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
23846
23868
|
requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS',
|
|
23847
23869
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
23848
23870
|
return setTimeout(clearRecordedData, 100);
|
|
@@ -25475,42 +25497,44 @@
|
|
|
25475
25497
|
sendBase64DocumentsInSwaggerProxy = _a.sendBase64DocumentsInSwaggerProxy,
|
|
25476
25498
|
customerDataMatchConfig = _a.customerDataMatchConfig,
|
|
25477
25499
|
useDocumentServiceForLivenessChecks = _a.useDocumentServiceForLivenessChecks,
|
|
25500
|
+
_c = _a.captureOnly,
|
|
25501
|
+
captureOnly = _c === void 0 ? false : _c,
|
|
25478
25502
|
precapturedDocuments = _a.precapturedDocuments,
|
|
25479
|
-
|
|
25480
|
-
loadingOverlayMode =
|
|
25503
|
+
_d = _a.loadingOverlayMode,
|
|
25504
|
+
loadingOverlayMode = _d === void 0 ? 'default' : _d,
|
|
25481
25505
|
customOverlayContent = _a.customOverlayContent,
|
|
25482
25506
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
25483
|
-
|
|
25484
|
-
idCaptureRequirement =
|
|
25485
|
-
|
|
25486
|
-
allowSinglePageIdCapture =
|
|
25487
|
-
|
|
25488
|
-
separateIdCardCaptureSequence =
|
|
25489
|
-
|
|
25490
|
-
idCaptureThresholds =
|
|
25491
|
-
|
|
25492
|
-
skipSuccessScreen =
|
|
25507
|
+
_e = _a.idCaptureRequirement,
|
|
25508
|
+
idCaptureRequirement = _e === void 0 ? 'idCardOrPassport' : _e,
|
|
25509
|
+
_f = _a.allowSinglePageIdCapture,
|
|
25510
|
+
allowSinglePageIdCapture = _f === void 0 ? false : _f,
|
|
25511
|
+
_g = _a.separateIdCardCaptureSequence,
|
|
25512
|
+
separateIdCardCaptureSequence = _g === void 0 ? false : _g,
|
|
25513
|
+
_h = _a.idCaptureThresholds,
|
|
25514
|
+
idCaptureThresholds = _h === void 0 ? defaultIdCaptureThresholds : _h,
|
|
25515
|
+
_j = _a.skipSuccessScreen,
|
|
25516
|
+
skipSuccessScreen = _j === void 0 ? false : _j,
|
|
25493
25517
|
instructions = _a.instructions,
|
|
25494
|
-
|
|
25495
|
-
guideType =
|
|
25496
|
-
|
|
25497
|
-
guideImages =
|
|
25498
|
-
|
|
25499
|
-
portraitGuidesOnMobile =
|
|
25500
|
-
|
|
25501
|
-
rotateLoadingOverlayImageWhenPortrait =
|
|
25502
|
-
|
|
25503
|
-
modelLoadTimeoutMs =
|
|
25504
|
-
|
|
25505
|
-
forceFallbackMode =
|
|
25506
|
-
|
|
25507
|
-
allowIdCardBackToFrontCapture =
|
|
25508
|
-
|
|
25509
|
-
enableOverrideWrongDocumentTypeDialog =
|
|
25510
|
-
|
|
25511
|
-
allowOverrideWrongDocumentTypeAfterMs =
|
|
25512
|
-
|
|
25513
|
-
allowUploadingDocumentsFromStorage =
|
|
25518
|
+
_k = _a.guideType,
|
|
25519
|
+
guideType = _k === void 0 ? 'fit' : _k,
|
|
25520
|
+
_l = _a.guideImages,
|
|
25521
|
+
guideImages = _l === void 0 ? defaultIdCaptureGuideImages : _l,
|
|
25522
|
+
_m = _a.portraitGuidesOnMobile,
|
|
25523
|
+
portraitGuidesOnMobile = _m === void 0 ? true : _m,
|
|
25524
|
+
_o = _a.rotateLoadingOverlayImageWhenPortrait,
|
|
25525
|
+
rotateLoadingOverlayImageWhenPortrait = _o === void 0 ? true : _o,
|
|
25526
|
+
_p = _a.modelLoadTimeoutMs,
|
|
25527
|
+
modelLoadTimeoutMs = _p === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _p,
|
|
25528
|
+
_q = _a.forceFallbackMode,
|
|
25529
|
+
forceFallbackMode = _q === void 0 ? false : _q,
|
|
25530
|
+
_r = _a.allowIdCardBackToFrontCapture,
|
|
25531
|
+
allowIdCardBackToFrontCapture = _r === void 0 ? false : _r,
|
|
25532
|
+
_s = _a.enableOverrideWrongDocumentTypeDialog,
|
|
25533
|
+
enableOverrideWrongDocumentTypeDialog = _s === void 0 ? false : _s,
|
|
25534
|
+
_t = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
25535
|
+
allowOverrideWrongDocumentTypeAfterMs = _t === void 0 ? 8000 : _t,
|
|
25536
|
+
_u = _a.allowUploadingDocumentsFromStorage,
|
|
25537
|
+
allowUploadingDocumentsFromStorage = _u === void 0 ? false : _u,
|
|
25514
25538
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
25515
25539
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
25516
25540
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -25526,28 +25550,28 @@
|
|
|
25526
25550
|
onModelError = _a.onModelError,
|
|
25527
25551
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
25528
25552
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
25529
|
-
|
|
25530
|
-
theme =
|
|
25531
|
-
|
|
25532
|
-
assets =
|
|
25533
|
-
|
|
25534
|
-
classNames =
|
|
25535
|
-
|
|
25536
|
-
colors =
|
|
25537
|
-
|
|
25538
|
-
verbiage =
|
|
25539
|
-
|
|
25540
|
-
captureSignature =
|
|
25541
|
-
|
|
25542
|
-
captureSignatureVideo =
|
|
25543
|
-
|
|
25544
|
-
captureAdditionalDocuments =
|
|
25545
|
-
|
|
25546
|
-
geolocationEnabled =
|
|
25547
|
-
|
|
25548
|
-
geolocationRequired =
|
|
25549
|
-
|
|
25550
|
-
debugMode =
|
|
25553
|
+
_v = _a.theme,
|
|
25554
|
+
theme = _v === void 0 ? 'default' : _v,
|
|
25555
|
+
_w = _a.assets,
|
|
25556
|
+
assets = _w === void 0 ? {} : _w,
|
|
25557
|
+
_x = _a.classNames,
|
|
25558
|
+
classNames = _x === void 0 ? {} : _x,
|
|
25559
|
+
_y = _a.colors,
|
|
25560
|
+
colors = _y === void 0 ? {} : _y,
|
|
25561
|
+
_z = _a.verbiage,
|
|
25562
|
+
verbiage = _z === void 0 ? {} : _z,
|
|
25563
|
+
_0 = _a.captureSignature,
|
|
25564
|
+
captureSignature = _0 === void 0 ? false : _0,
|
|
25565
|
+
_1 = _a.captureSignatureVideo,
|
|
25566
|
+
captureSignatureVideo = _1 === void 0 ? false : _1,
|
|
25567
|
+
_2 = _a.captureAdditionalDocuments,
|
|
25568
|
+
captureAdditionalDocuments = _2 === void 0 ? [] : _2,
|
|
25569
|
+
_3 = _a.geolocationEnabled,
|
|
25570
|
+
geolocationEnabled = _3 === void 0 ? true : _3,
|
|
25571
|
+
_4 = _a.geolocationRequired,
|
|
25572
|
+
geolocationRequired = _4 === void 0 ? false : _4,
|
|
25573
|
+
_5 = _a.debugMode,
|
|
25574
|
+
debugMode = _5 === void 0 ? false : _5;
|
|
25551
25575
|
useLanguage(lang);
|
|
25552
25576
|
useDebugLogging(debugMode);
|
|
25553
25577
|
var idCaptureProps = React.useMemo(function () {
|
|
@@ -25620,7 +25644,7 @@
|
|
|
25620
25644
|
}, /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
25621
25645
|
theme: theme
|
|
25622
25646
|
}, /*#__PURE__*/React.createElement(SubmissionProvider, {
|
|
25623
|
-
action: SubmissionAction.VALIDATE,
|
|
25647
|
+
action: captureOnly ? SubmissionAction.NONE : SubmissionAction.VALIDATE,
|
|
25624
25648
|
submissionUrl: submissionUrl,
|
|
25625
25649
|
clientRequestID: clientRequestID,
|
|
25626
25650
|
documentServiceUrl: documentServiceUrl,
|
|
@@ -27535,6 +27559,7 @@
|
|
|
27535
27559
|
idCardForFaceMatch = _a.idCardForFaceMatch,
|
|
27536
27560
|
_f = _a.minSignaturePadPoints,
|
|
27537
27561
|
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
27562
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
27538
27563
|
_g = _a.modelLoadTimeoutMs,
|
|
27539
27564
|
modelLoadTimeoutMs = _g === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _g,
|
|
27540
27565
|
_h = _a.allowSignatureAfterLivenessCheckFailure,
|
|
@@ -27595,6 +27620,7 @@
|
|
|
27595
27620
|
skipSuccessScreen: skipSuccessScreen,
|
|
27596
27621
|
captureAudio: captureAudio,
|
|
27597
27622
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
27623
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
27598
27624
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
27599
27625
|
faceLivenessProps: faceLivenessProps,
|
|
27600
27626
|
allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
|
|
@@ -27606,7 +27632,7 @@
|
|
|
27606
27632
|
onModelError: onModelError,
|
|
27607
27633
|
onUserCancel: onUserCancel
|
|
27608
27634
|
};
|
|
27609
|
-
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
27635
|
+
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, signaturePadEmptyContent, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
27610
27636
|
})))));
|
|
27611
27637
|
};
|
|
27612
27638
|
|