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
package/dist/sdk2.esm.js
CHANGED
|
@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
204
204
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
205
205
|
};
|
|
206
206
|
|
|
207
|
-
var webSdkVersion = '2.3.
|
|
207
|
+
var webSdkVersion = '2.3.3';
|
|
208
208
|
|
|
209
209
|
function getPlatform() {
|
|
210
210
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -477,7 +477,7 @@ var OverlayImageRow = styled.div(templateObject_4$l || (templateObject_4$l = __m
|
|
|
477
477
|
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
478
478
|
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"])));
|
|
479
479
|
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"])));
|
|
480
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
480
|
+
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) {
|
|
481
481
|
var _a, _b;
|
|
482
482
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
483
483
|
}, function (props) {
|
|
@@ -506,7 +506,7 @@ var LoadingOverlayLoadingListContainer = styled.div(templateObject_17 || (templa
|
|
|
506
506
|
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"])));
|
|
507
507
|
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"])));
|
|
508
508
|
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"])));
|
|
509
|
-
var templateObject_1$L, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$
|
|
509
|
+
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;
|
|
510
510
|
|
|
511
511
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
512
512
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -7433,7 +7433,7 @@ var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templa
|
|
|
7433
7433
|
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;
|
|
7434
7434
|
});
|
|
7435
7435
|
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);
|
|
7436
|
-
var CustomLoadingGraphic$1 = styled.img(templateObject_8$
|
|
7436
|
+
var CustomLoadingGraphic$1 = styled.img(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
7437
7437
|
var ContinueButtonContainer$1 = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
7438
7438
|
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) {
|
|
7439
7439
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -7454,7 +7454,7 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_10$1 || (templateObje
|
|
|
7454
7454
|
var _a, _b, _c, _d;
|
|
7455
7455
|
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';
|
|
7456
7456
|
});
|
|
7457
|
-
var templateObject_1$D, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$
|
|
7457
|
+
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;
|
|
7458
7458
|
|
|
7459
7459
|
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"])));
|
|
7460
7460
|
var ContinuityCameraCheckbox = styled.input(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
@@ -8408,9 +8408,9 @@ var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = _
|
|
|
8408
8408
|
}, function (props) {
|
|
8409
8409
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
8410
8410
|
});
|
|
8411
|
-
var GuideText = styled.span(templateObject_8$
|
|
8411
|
+
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"])));
|
|
8412
8412
|
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"])));
|
|
8413
|
-
var templateObject_1$x, templateObject_2$s, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$
|
|
8413
|
+
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;
|
|
8414
8414
|
|
|
8415
8415
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
8416
8416
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -9923,7 +9923,7 @@ var ScreenPanelHeading = styled.h3(templateObject_4$9 || (templateObject_4$9 = _
|
|
|
9923
9923
|
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"])));
|
|
9924
9924
|
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"])));
|
|
9925
9925
|
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"])));
|
|
9926
|
-
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"])));
|
|
9926
|
+
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"])));
|
|
9927
9927
|
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"])));
|
|
9928
9928
|
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"])));
|
|
9929
9929
|
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) {
|
|
@@ -10202,7 +10202,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
10202
10202
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
10203
10203
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
10204
10204
|
}
|
|
10205
|
-
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;
|
|
10205
|
+
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;
|
|
10206
10206
|
|
|
10207
10207
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
10208
10208
|
var _b, _c, _d, _e, _f;
|
|
@@ -13032,7 +13032,7 @@ var SignaturePaperBacking = styled.div(templateObject_1$c || (templateObject_1$c
|
|
|
13032
13032
|
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, ";") : "";
|
|
13033
13033
|
});
|
|
13034
13034
|
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"])));
|
|
13035
|
-
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) {
|
|
13035
|
+
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) {
|
|
13036
13036
|
var _a, _b, _c;
|
|
13037
13037
|
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)';
|
|
13038
13038
|
}, function (props) {
|
|
@@ -13041,6 +13041,12 @@ var SignaturePad = styled.div(templateObject_3$9 || (templateObject_3$9 = __make
|
|
|
13041
13041
|
}, function (props) {
|
|
13042
13042
|
var _a, _b, _c;
|
|
13043
13043
|
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';
|
|
13044
|
+
}, function (props) {
|
|
13045
|
+
var _a, _b, _c;
|
|
13046
|
+
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)';
|
|
13047
|
+
}, function (props) {
|
|
13048
|
+
var _a, _b, _c;
|
|
13049
|
+
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";
|
|
13044
13050
|
});
|
|
13045
13051
|
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"])));
|
|
13046
13052
|
var templateObject_1$c, templateObject_2$b, templateObject_3$9, templateObject_4$4;
|
|
@@ -13499,6 +13505,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13499
13505
|
onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
|
|
13500
13506
|
_d = _a.minSignaturePadPoints,
|
|
13501
13507
|
minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
|
|
13508
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13502
13509
|
_e = _a.classNames,
|
|
13503
13510
|
classNames = _e === void 0 ? {} : _e,
|
|
13504
13511
|
_f = _a.verbiage,
|
|
@@ -13530,6 +13537,8 @@ function VideoSignatureGuides(_a) {
|
|
|
13530
13537
|
var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
|
|
13531
13538
|
var canClear = isSigning && !signaturePadEmpty;
|
|
13532
13539
|
var canSubmit = isSigning && signatureValid;
|
|
13540
|
+
var displayEmptyState = requestedAction === 'CAPTURE_SIGNATURE' && signaturePadEmpty;
|
|
13541
|
+
var EmptyContent = signaturePadEmptyContent;
|
|
13533
13542
|
return /*#__PURE__*/React__default.createElement(Container$2, {
|
|
13534
13543
|
className: classNames.container
|
|
13535
13544
|
}, /*#__PURE__*/React__default.createElement(Inner$1, {
|
|
@@ -13549,7 +13558,7 @@ function VideoSignatureGuides(_a) {
|
|
|
13549
13558
|
"$disabled": requestedAction === 'VERIFY_LIVENESS'
|
|
13550
13559
|
}, /*#__PURE__*/React__default.createElement(SignaturePad, {
|
|
13551
13560
|
ref: ref,
|
|
13552
|
-
className: classNames.signatureCanvasInner
|
|
13561
|
+
className: cn(classNames.signatureCanvasInner, displayEmptyState && 'empty')
|
|
13553
13562
|
}, /*#__PURE__*/React__default.createElement(SignatureCanvas, {
|
|
13554
13563
|
ref: signaturePad,
|
|
13555
13564
|
canvasProps: canvasProps,
|
|
@@ -13564,7 +13573,9 @@ function VideoSignatureGuides(_a) {
|
|
|
13564
13573
|
});
|
|
13565
13574
|
setSignatureValid(points.length >= minSignaturePadPoints);
|
|
13566
13575
|
}
|
|
13567
|
-
})
|
|
13576
|
+
}), displayEmptyState && EmptyContent && ( /*#__PURE__*/React__default.createElement(EmptyContentContainer, {
|
|
13577
|
+
className: classNames.emptyContentContainer
|
|
13578
|
+
}, typeof EmptyContent === 'string' ? EmptyContent : ( /*#__PURE__*/React__default.createElement(EmptyContent, null))))), /*#__PURE__*/React__default.createElement(SignatureButtonsContainer, {
|
|
13568
13579
|
className: classNames.signatureButtonsRow
|
|
13569
13580
|
}, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
13570
13581
|
variant: "secondary",
|
|
@@ -13598,7 +13609,11 @@ var SignatureCanvasContainer = styled.div(templateObject_6$2 || (templateObject_
|
|
|
13598
13609
|
return props.$disabled ? 'opacity: 0.5; pointer-events: none;' : '';
|
|
13599
13610
|
});
|
|
13600
13611
|
var AcceptBtn = styled(LoaderButton)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13601
|
-
var
|
|
13612
|
+
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) {
|
|
13613
|
+
var _a, _b, _c;
|
|
13614
|
+
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';
|
|
13615
|
+
});
|
|
13616
|
+
var templateObject_1$a, templateObject_2$9, templateObject_3$8, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8;
|
|
13602
13617
|
|
|
13603
13618
|
var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
|
|
13604
13619
|
var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
@@ -13610,6 +13625,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13610
13625
|
guidesComponent = _a.guidesComponent,
|
|
13611
13626
|
_c = _a.minSignaturePadPoints,
|
|
13612
13627
|
minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
|
|
13628
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13613
13629
|
_d = _a.classNames,
|
|
13614
13630
|
classNames = _d === void 0 ? {} : _d,
|
|
13615
13631
|
_e = _a.colors,
|
|
@@ -13674,6 +13690,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13674
13690
|
status: "success",
|
|
13675
13691
|
classNames: classNames.videoSignatureGuidesClassNames,
|
|
13676
13692
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
13693
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
13677
13694
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13678
13695
|
return setTimeout(clearRecordedData, 100);
|
|
13679
13696
|
} : undefined
|
|
@@ -13755,6 +13772,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13755
13772
|
captureAudio = _d === void 0 ? false : _d,
|
|
13756
13773
|
_e = _a.minSignaturePadPoints,
|
|
13757
13774
|
minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
|
|
13775
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
13758
13776
|
_f = _a.allowSignatureAfterLivenessCheckFailure,
|
|
13759
13777
|
allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
|
|
13760
13778
|
_g = _a.restartVideoOnSignaturePadCleared,
|
|
@@ -13860,9 +13878,10 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13860
13878
|
var guidesComponent = useCallback(function (props) {
|
|
13861
13879
|
return /*#__PURE__*/React__default.createElement(VideoSignatureWizardGuides, _assign({}, props, {
|
|
13862
13880
|
classNames: classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames,
|
|
13863
|
-
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared
|
|
13881
|
+
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
13882
|
+
signaturePadEmptyContent: signaturePadEmptyContent
|
|
13864
13883
|
}));
|
|
13865
|
-
}, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared]);
|
|
13884
|
+
}, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared, signaturePadEmptyContent]);
|
|
13866
13885
|
var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
|
|
13867
13886
|
var onExitAfterFailure = useCallback(function (resp, req) {
|
|
13868
13887
|
onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
|
|
@@ -13906,6 +13925,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
13906
13925
|
onFaceNotDetected: onSignatureCaptureFacesNotDetected,
|
|
13907
13926
|
onExit: onExitCapture,
|
|
13908
13927
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
13928
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
13909
13929
|
restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
|
|
13910
13930
|
guidesComponent: guidesComponent,
|
|
13911
13931
|
classNames: classNames,
|
|
@@ -13932,11 +13952,13 @@ function VideoSignatureWizardGuides(_a) {
|
|
|
13932
13952
|
var status = _a.status,
|
|
13933
13953
|
classNames = _a.classNames,
|
|
13934
13954
|
_b = _a.restartVideoOnSignaturePadCleared,
|
|
13935
|
-
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b
|
|
13955
|
+
restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
|
|
13956
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent;
|
|
13936
13957
|
var clearRecordedData = useVideoSignatureContext().clearRecordedData;
|
|
13937
13958
|
return /*#__PURE__*/React__default.createElement(VideoSignatureGuides, {
|
|
13938
13959
|
classNames: classNames,
|
|
13939
13960
|
faceGuideStatus: status,
|
|
13961
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
13940
13962
|
requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS',
|
|
13941
13963
|
onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? function () {
|
|
13942
13964
|
return setTimeout(clearRecordedData, 100);
|
|
@@ -15569,42 +15591,44 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15569
15591
|
sendBase64DocumentsInSwaggerProxy = _a.sendBase64DocumentsInSwaggerProxy,
|
|
15570
15592
|
customerDataMatchConfig = _a.customerDataMatchConfig,
|
|
15571
15593
|
useDocumentServiceForLivenessChecks = _a.useDocumentServiceForLivenessChecks,
|
|
15594
|
+
_c = _a.captureOnly,
|
|
15595
|
+
captureOnly = _c === void 0 ? false : _c,
|
|
15572
15596
|
precapturedDocuments = _a.precapturedDocuments,
|
|
15573
|
-
|
|
15574
|
-
loadingOverlayMode =
|
|
15597
|
+
_d = _a.loadingOverlayMode,
|
|
15598
|
+
loadingOverlayMode = _d === void 0 ? 'default' : _d,
|
|
15575
15599
|
customOverlayContent = _a.customOverlayContent,
|
|
15576
15600
|
onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
|
|
15577
|
-
|
|
15578
|
-
idCaptureRequirement =
|
|
15579
|
-
|
|
15580
|
-
allowSinglePageIdCapture =
|
|
15581
|
-
|
|
15582
|
-
separateIdCardCaptureSequence =
|
|
15583
|
-
|
|
15584
|
-
idCaptureThresholds =
|
|
15585
|
-
|
|
15586
|
-
skipSuccessScreen =
|
|
15601
|
+
_e = _a.idCaptureRequirement,
|
|
15602
|
+
idCaptureRequirement = _e === void 0 ? 'idCardOrPassport' : _e,
|
|
15603
|
+
_f = _a.allowSinglePageIdCapture,
|
|
15604
|
+
allowSinglePageIdCapture = _f === void 0 ? false : _f,
|
|
15605
|
+
_g = _a.separateIdCardCaptureSequence,
|
|
15606
|
+
separateIdCardCaptureSequence = _g === void 0 ? false : _g,
|
|
15607
|
+
_h = _a.idCaptureThresholds,
|
|
15608
|
+
idCaptureThresholds = _h === void 0 ? defaultIdCaptureThresholds : _h,
|
|
15609
|
+
_j = _a.skipSuccessScreen,
|
|
15610
|
+
skipSuccessScreen = _j === void 0 ? false : _j,
|
|
15587
15611
|
instructions = _a.instructions,
|
|
15588
|
-
|
|
15589
|
-
guideType =
|
|
15590
|
-
|
|
15591
|
-
guideImages =
|
|
15592
|
-
|
|
15593
|
-
portraitGuidesOnMobile =
|
|
15594
|
-
|
|
15595
|
-
rotateLoadingOverlayImageWhenPortrait =
|
|
15596
|
-
|
|
15597
|
-
modelLoadTimeoutMs =
|
|
15598
|
-
|
|
15599
|
-
forceFallbackMode =
|
|
15600
|
-
|
|
15601
|
-
allowIdCardBackToFrontCapture =
|
|
15602
|
-
|
|
15603
|
-
enableOverrideWrongDocumentTypeDialog =
|
|
15604
|
-
|
|
15605
|
-
allowOverrideWrongDocumentTypeAfterMs =
|
|
15606
|
-
|
|
15607
|
-
allowUploadingDocumentsFromStorage =
|
|
15612
|
+
_k = _a.guideType,
|
|
15613
|
+
guideType = _k === void 0 ? 'fit' : _k,
|
|
15614
|
+
_l = _a.guideImages,
|
|
15615
|
+
guideImages = _l === void 0 ? defaultIdCaptureGuideImages : _l,
|
|
15616
|
+
_m = _a.portraitGuidesOnMobile,
|
|
15617
|
+
portraitGuidesOnMobile = _m === void 0 ? true : _m,
|
|
15618
|
+
_o = _a.rotateLoadingOverlayImageWhenPortrait,
|
|
15619
|
+
rotateLoadingOverlayImageWhenPortrait = _o === void 0 ? true : _o,
|
|
15620
|
+
_p = _a.modelLoadTimeoutMs,
|
|
15621
|
+
modelLoadTimeoutMs = _p === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _p,
|
|
15622
|
+
_q = _a.forceFallbackMode,
|
|
15623
|
+
forceFallbackMode = _q === void 0 ? false : _q,
|
|
15624
|
+
_r = _a.allowIdCardBackToFrontCapture,
|
|
15625
|
+
allowIdCardBackToFrontCapture = _r === void 0 ? false : _r,
|
|
15626
|
+
_s = _a.enableOverrideWrongDocumentTypeDialog,
|
|
15627
|
+
enableOverrideWrongDocumentTypeDialog = _s === void 0 ? false : _s,
|
|
15628
|
+
_t = _a.allowOverrideWrongDocumentTypeAfterMs,
|
|
15629
|
+
allowOverrideWrongDocumentTypeAfterMs = _t === void 0 ? 8000 : _t,
|
|
15630
|
+
_u = _a.allowUploadingDocumentsFromStorage,
|
|
15631
|
+
allowUploadingDocumentsFromStorage = _u === void 0 ? false : _u,
|
|
15608
15632
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
15609
15633
|
onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
|
|
15610
15634
|
onDocumentUploadProgress = _a.onDocumentUploadProgress,
|
|
@@ -15620,28 +15644,28 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15620
15644
|
onModelError = _a.onModelError,
|
|
15621
15645
|
onCameraAccessDenied = _a.onCameraAccessDenied,
|
|
15622
15646
|
onCameraTamperingDetected = _a.onCameraTamperingDetected,
|
|
15623
|
-
|
|
15624
|
-
theme =
|
|
15625
|
-
|
|
15626
|
-
assets =
|
|
15627
|
-
|
|
15628
|
-
classNames =
|
|
15629
|
-
|
|
15630
|
-
colors =
|
|
15631
|
-
|
|
15632
|
-
verbiage =
|
|
15633
|
-
|
|
15634
|
-
captureSignature =
|
|
15635
|
-
|
|
15636
|
-
captureSignatureVideo =
|
|
15637
|
-
|
|
15638
|
-
captureAdditionalDocuments =
|
|
15639
|
-
|
|
15640
|
-
geolocationEnabled =
|
|
15641
|
-
|
|
15642
|
-
geolocationRequired =
|
|
15643
|
-
|
|
15644
|
-
debugMode =
|
|
15647
|
+
_v = _a.theme,
|
|
15648
|
+
theme = _v === void 0 ? 'default' : _v,
|
|
15649
|
+
_w = _a.assets,
|
|
15650
|
+
assets = _w === void 0 ? {} : _w,
|
|
15651
|
+
_x = _a.classNames,
|
|
15652
|
+
classNames = _x === void 0 ? {} : _x,
|
|
15653
|
+
_y = _a.colors,
|
|
15654
|
+
colors = _y === void 0 ? {} : _y,
|
|
15655
|
+
_z = _a.verbiage,
|
|
15656
|
+
verbiage = _z === void 0 ? {} : _z,
|
|
15657
|
+
_0 = _a.captureSignature,
|
|
15658
|
+
captureSignature = _0 === void 0 ? false : _0,
|
|
15659
|
+
_1 = _a.captureSignatureVideo,
|
|
15660
|
+
captureSignatureVideo = _1 === void 0 ? false : _1,
|
|
15661
|
+
_2 = _a.captureAdditionalDocuments,
|
|
15662
|
+
captureAdditionalDocuments = _2 === void 0 ? [] : _2,
|
|
15663
|
+
_3 = _a.geolocationEnabled,
|
|
15664
|
+
geolocationEnabled = _3 === void 0 ? true : _3,
|
|
15665
|
+
_4 = _a.geolocationRequired,
|
|
15666
|
+
geolocationRequired = _4 === void 0 ? false : _4,
|
|
15667
|
+
_5 = _a.debugMode,
|
|
15668
|
+
debugMode = _5 === void 0 ? false : _5;
|
|
15645
15669
|
useLanguage(lang);
|
|
15646
15670
|
useDebugLogging(debugMode);
|
|
15647
15671
|
var idCaptureProps = useMemo(function () {
|
|
@@ -15714,7 +15738,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
15714
15738
|
}, /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
15715
15739
|
theme: theme
|
|
15716
15740
|
}, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
|
|
15717
|
-
action: SubmissionAction.VALIDATE,
|
|
15741
|
+
action: captureOnly ? SubmissionAction.NONE : SubmissionAction.VALIDATE,
|
|
15718
15742
|
submissionUrl: submissionUrl,
|
|
15719
15743
|
clientRequestID: clientRequestID,
|
|
15720
15744
|
documentServiceUrl: documentServiceUrl,
|
|
@@ -17629,6 +17653,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17629
17653
|
idCardForFaceMatch = _a.idCardForFaceMatch,
|
|
17630
17654
|
_f = _a.minSignaturePadPoints,
|
|
17631
17655
|
minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
|
|
17656
|
+
signaturePadEmptyContent = _a.signaturePadEmptyContent,
|
|
17632
17657
|
_g = _a.modelLoadTimeoutMs,
|
|
17633
17658
|
modelLoadTimeoutMs = _g === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _g,
|
|
17634
17659
|
_h = _a.allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17689,6 +17714,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17689
17714
|
skipSuccessScreen: skipSuccessScreen,
|
|
17690
17715
|
captureAudio: captureAudio,
|
|
17691
17716
|
minSignaturePadPoints: minSignaturePadPoints,
|
|
17717
|
+
signaturePadEmptyContent: signaturePadEmptyContent,
|
|
17692
17718
|
modelLoadTimeoutMs: modelLoadTimeoutMs,
|
|
17693
17719
|
faceLivenessProps: faceLivenessProps,
|
|
17694
17720
|
allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
|
|
@@ -17700,7 +17726,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
17700
17726
|
onModelError: onModelError,
|
|
17701
17727
|
onUserCancel: onUserCancel
|
|
17702
17728
|
};
|
|
17703
|
-
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17729
|
+
}, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, signaturePadEmptyContent, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
|
|
17704
17730
|
})))));
|
|
17705
17731
|
};
|
|
17706
17732
|
|