idmission-web-sdk 2.3.151 → 2.3.153
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/face_liveness/FaceLivenessCapture.d.ts.map +1 -1
- package/dist/components/face_liveness/FaceLivenessWizard.d.ts.map +1 -1
- package/dist/components/submission/SubmissionSuccess.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +318 -170
- 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 +318 -170
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +318 -170
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
package/dist/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.153';
|
|
208
208
|
|
|
209
209
|
function getPlatform() {
|
|
210
210
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -467,38 +467,38 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
467
467
|
if (!portalLocation) return element;
|
|
468
468
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
469
469
|
};
|
|
470
|
-
var GuidanceMessage = styled.div(templateObject_2$
|
|
470
|
+
var GuidanceMessage = styled.div(templateObject_2$K || (templateObject_2$K = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n border-radius: 8px;\n z-index: 10001;\n padding: 16px 24px;\n font-size: 18px;\n font-weight: bold;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n border-radius: 8px;\n z-index: 10001;\n padding: 16px 24px;\n font-size: 18px;\n font-weight: bold;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])), function (props) {
|
|
471
471
|
var _a, _b, _c, _d, _e, _f;
|
|
472
472
|
return (_f = (_a = props.$background) !== null && _a !== void 0 ? _a : (_e = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.guidanceMessages) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'default']) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : 'white';
|
|
473
473
|
}, function (props) {
|
|
474
474
|
var _a, _b, _c, _d, _e, _f;
|
|
475
475
|
return (_f = (_a = props.$textColor) !== null && _a !== void 0 ? _a : (_e = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.guidanceMessages) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'default']) === null || _e === void 0 ? void 0 : _e.textColor) !== null && _f !== void 0 ? _f : 'black';
|
|
476
476
|
});
|
|
477
|
-
var templateObject_1$P, templateObject_2$
|
|
477
|
+
var templateObject_1$P, templateObject_2$K;
|
|
478
478
|
|
|
479
479
|
var wavesAnimation = keyframes(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"], ["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"])));
|
|
480
|
-
var progressBarAnimation = keyframes(templateObject_2$
|
|
481
|
-
var dualRingSpinnerAnimation = keyframes(templateObject_3$
|
|
482
|
-
var progressBorderAnimation = keyframes(templateObject_4$
|
|
483
|
-
var templateObject_1$O, templateObject_2$
|
|
480
|
+
var progressBarAnimation = keyframes(templateObject_2$J || (templateObject_2$J = __makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"], ["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
481
|
+
var dualRingSpinnerAnimation = keyframes(templateObject_3$v || (templateObject_3$v = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
482
|
+
var progressBorderAnimation = keyframes(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
483
|
+
var templateObject_1$O, templateObject_2$J, templateObject_3$v, templateObject_4$p;
|
|
484
484
|
|
|
485
485
|
var OverlayContainer = styled.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: auto;\n\n background: ", ";\n ", "\n\n z-index: 10000;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: auto;\n\n background: ", ";\n ", "\n\n z-index: 10000;\n"])), function (props) {
|
|
486
486
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
487
487
|
}, function (props) {
|
|
488
488
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
489
489
|
});
|
|
490
|
-
var OverlayInner$2 = styled.div(templateObject_2$
|
|
490
|
+
var OverlayInner$2 = styled.div(templateObject_2$I || (templateObject_2$I = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
|
|
491
491
|
var _a;
|
|
492
492
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
493
493
|
}, function (props) {
|
|
494
494
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
495
495
|
});
|
|
496
|
-
var OverlayImageContainer = styled.div(templateObject_3$
|
|
497
|
-
var OverlayImageRow = styled.div(templateObject_4$
|
|
498
|
-
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$
|
|
499
|
-
var ButtonsColumn = styled.div(templateObject_6$
|
|
500
|
-
var WideButton = styled(LoaderButton)(templateObject_7$
|
|
501
|
-
var WideBorderButton = styled(WideButton)(templateObject_8$
|
|
496
|
+
var OverlayImageContainer = styled.div(templateObject_3$u || (templateObject_3$u = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
|
|
497
|
+
var OverlayImageRow = styled.div(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
498
|
+
var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
499
|
+
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"])));
|
|
500
|
+
var WideButton = styled(LoaderButton)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
501
|
+
var WideBorderButton = styled(WideButton)(templateObject_8$5 || (templateObject_8$5 = __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) {
|
|
502
502
|
var _a, _b;
|
|
503
503
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
504
504
|
}, function (props) {
|
|
@@ -508,34 +508,34 @@ var WideBorderButton = styled(WideButton)(templateObject_8$4 || (templateObject_
|
|
|
508
508
|
var _a, _b;
|
|
509
509
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
510
510
|
});
|
|
511
|
-
var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$
|
|
512
|
-
var LoadingOverlayHeader = styled.div(templateObject_10$
|
|
511
|
+
var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"])));
|
|
512
|
+
var LoadingOverlayHeader = styled.div(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
|
|
513
513
|
var _a;
|
|
514
514
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
515
515
|
}, function (props) {
|
|
516
516
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
517
517
|
});
|
|
518
|
-
var LoadingOverlayGuidanceMessage = styled(GuidanceMessage)(templateObject_11$
|
|
519
|
-
var LoadingOverlayImageContainer = styled(OverlayImageContainer)(templateObject_12$
|
|
518
|
+
var LoadingOverlayGuidanceMessage = styled(GuidanceMessage)(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n"])));
|
|
519
|
+
var LoadingOverlayImageContainer = styled(OverlayImageContainer)(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n padding: 0;\n max-height: 100%;\n pointer-events: none;\n"], ["\n padding: 0;\n max-height: 100%;\n pointer-events: none;\n"])));
|
|
520
520
|
var LoadingOverlayProgressBarBackground = styled.div.attrs({
|
|
521
521
|
className: 'loading-overlay-progress-bar-background'
|
|
522
|
-
})(templateObject_13$
|
|
522
|
+
})(templateObject_13$2 || (templateObject_13$2 = __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"])));
|
|
523
523
|
var LoadingOverlayProgressBar = styled.span.attrs({
|
|
524
524
|
className: 'loading-overlay-progress-bar'
|
|
525
|
-
})(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n top: 0;\n position: absolute;\n"], ["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n top: 0;\n position: absolute;\n"])), function (props) {
|
|
525
|
+
})(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n top: 0;\n position: absolute;\n"], ["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n top: 0;\n position: absolute;\n"])), function (props) {
|
|
526
526
|
return props.$progress;
|
|
527
527
|
});
|
|
528
528
|
var LoadingOverlayProgressIndicator = styled.span.attrs({
|
|
529
529
|
className: 'loading-overlay-progress-indicator'
|
|
530
|
-
})(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: block;\n height: 100%;\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n display: block;\n height: 100%;\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
|
|
531
|
-
var LoadingOverlayButtonsRow = styled(ButtonsRow$2)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"])));
|
|
532
|
-
var LoadingOverlayLoadingListContainer = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
533
|
-
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"])));
|
|
534
|
-
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"])));
|
|
535
|
-
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"])));
|
|
536
|
-
var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
537
|
-
var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
538
|
-
var templateObject_1$N, templateObject_2$
|
|
530
|
+
})(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n display: block;\n height: 100%;\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n display: block;\n height: 100%;\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
|
|
531
|
+
var LoadingOverlayButtonsRow = styled(ButtonsRow$2)(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"])));
|
|
532
|
+
var LoadingOverlayLoadingListContainer = styled.div(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
533
|
+
var LoadingOverlayLoadingList = styled.ul(templateObject_18$1 || (templateObject_18$1 = __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"])));
|
|
534
|
+
var LoadingOverlayLoadingListItem = styled.li(templateObject_19$1 || (templateObject_19$1 = __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"])));
|
|
535
|
+
var LoadingOverlayProgressContainer = styled.div(templateObject_20$1 || (templateObject_20$1 = __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"])));
|
|
536
|
+
var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
537
|
+
var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
538
|
+
var templateObject_1$N, templateObject_2$I, templateObject_3$u, templateObject_4$o, templateObject_5$g, templateObject_6$a, templateObject_7$6, templateObject_8$5, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1;
|
|
539
539
|
|
|
540
540
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
541
541
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -3271,7 +3271,7 @@ function getFrameDimensions(frame) {
|
|
|
3271
3271
|
}
|
|
3272
3272
|
|
|
3273
3273
|
var InvisibleCanvasContainer = styled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n user-select: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n user-select: none;\n"])));
|
|
3274
|
-
var InvisibleCanvas = styled.canvas(templateObject_2$
|
|
3274
|
+
var InvisibleCanvas = styled.canvas(templateObject_2$H || (templateObject_2$H = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
3275
3275
|
function drawToCanvas(canvas, frame, width, height) {
|
|
3276
3276
|
if (!canvas) return;
|
|
3277
3277
|
var ctx = canvas.getContext('2d');
|
|
@@ -3291,7 +3291,7 @@ function clearCanvas(canvas) {
|
|
|
3291
3291
|
var _a;
|
|
3292
3292
|
(_a = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.clearRect(0, 0, canvas === null || canvas === void 0 ? void 0 : canvas.width, canvas === null || canvas === void 0 ? void 0 : canvas.height);
|
|
3293
3293
|
}
|
|
3294
|
-
var templateObject_1$M, templateObject_2$
|
|
3294
|
+
var templateObject_1$M, templateObject_2$H;
|
|
3295
3295
|
|
|
3296
3296
|
function useFrameLoop(fn, options) {
|
|
3297
3297
|
if (options === void 0) {
|
|
@@ -5094,13 +5094,13 @@ function CameraTamperSeal(_a) {
|
|
|
5094
5094
|
}, messageText)));
|
|
5095
5095
|
}
|
|
5096
5096
|
var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5097
|
-
var StyledOverlayHeading = styled.h3(templateObject_2$
|
|
5097
|
+
var StyledOverlayHeading = styled.h3(templateObject_2$G || (templateObject_2$G = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5098
5098
|
function useCameraStore(selector) {
|
|
5099
5099
|
var store = useContext(CameraStoreContext);
|
|
5100
5100
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5101
5101
|
return useStore(store, selector);
|
|
5102
5102
|
}
|
|
5103
|
-
var templateObject_1$L, templateObject_2$
|
|
5103
|
+
var templateObject_1$L, templateObject_2$G;
|
|
5104
5104
|
|
|
5105
5105
|
var DocumentDetectionModelContext = /*#__PURE__*/createContext({
|
|
5106
5106
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6838,11 +6838,11 @@ function DebugStatsPane(_a) {
|
|
|
6838
6838
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
6839
6839
|
}
|
|
6840
6840
|
var DebugStatsPaneDiv = styled.span(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n pointer-events: none;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n pointer-events: none;\n"])));
|
|
6841
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$
|
|
6841
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n pointer-events: none;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n pointer-events: none;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6842
6842
|
var $flipX = _a.$flipX;
|
|
6843
6843
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6844
6844
|
});
|
|
6845
|
-
var ObjectDetectionDebugBox = styled.div(templateObject_3$
|
|
6845
|
+
var ObjectDetectionDebugBox = styled.div(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6846
6846
|
var $color = _a.$color;
|
|
6847
6847
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
6848
6848
|
}, function (_a) {
|
|
@@ -6852,7 +6852,7 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$s || (templateObject_3
|
|
|
6852
6852
|
var $flipX = _a.$flipX;
|
|
6853
6853
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6854
6854
|
});
|
|
6855
|
-
var FaceDetectionKeypointMarker = styled.div(templateObject_4$
|
|
6855
|
+
var FaceDetectionKeypointMarker = styled.div(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
|
|
6856
6856
|
var $color = _a.$color;
|
|
6857
6857
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6858
6858
|
}, function (_a) {
|
|
@@ -7049,7 +7049,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
7049
7049
|
}
|
|
7050
7050
|
});
|
|
7051
7051
|
}
|
|
7052
|
-
var templateObject_1$K, templateObject_2$
|
|
7052
|
+
var templateObject_1$K, templateObject_2$F, templateObject_3$t, templateObject_4$n;
|
|
7053
7053
|
|
|
7054
7054
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
7055
7055
|
var _b = _a.classNames,
|
|
@@ -7089,11 +7089,11 @@ var Container$7 = styled.div(templateObject_1$J || (templateObject_1$J = __makeT
|
|
|
7089
7089
|
var _a, _b, _c;
|
|
7090
7090
|
return (_c = (_b = (_a = props.theme.idCapture) === null || _a === void 0 ? void 0 : _a.overrideWrongDocumentTypeGuidance) === null || _b === void 0 ? void 0 : _b.textColor) !== null && _c !== void 0 ? _c : 'black';
|
|
7091
7091
|
});
|
|
7092
|
-
var InnerContainer = styled.div(templateObject_2$
|
|
7093
|
-
var Message = styled.span(templateObject_3$
|
|
7094
|
-
var ButtonContainer = styled.div(templateObject_4$
|
|
7095
|
-
var Button$1 = styled(LoaderButton)(templateObject_5$
|
|
7096
|
-
var templateObject_1$J, templateObject_2$
|
|
7092
|
+
var InnerContainer = styled.div(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
|
|
7093
|
+
var Message = styled.span(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
7094
|
+
var ButtonContainer = styled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
7095
|
+
var Button$1 = styled(LoaderButton)(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
7096
|
+
var templateObject_1$J, templateObject_2$E, templateObject_3$s, templateObject_4$m, templateObject_5$f;
|
|
7097
7097
|
|
|
7098
7098
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
7099
7099
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -7421,10 +7421,10 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
7421
7421
|
}, verbiage.retryBtnText)));
|
|
7422
7422
|
};
|
|
7423
7423
|
var StyledOverlayInner$3 = styled(OverlayInner$2)(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
7424
|
-
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$
|
|
7425
|
-
var Description$4 = styled.p(templateObject_3$
|
|
7426
|
-
var RetryButton$1 = styled(LoaderButton)(templateObject_4$
|
|
7427
|
-
var templateObject_1$I, templateObject_2$
|
|
7424
|
+
var StyledOverlayImageContainer$1 = styled(OverlayImageContainer)(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
7425
|
+
var Description$4 = styled.p(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
7426
|
+
var RetryButton$1 = styled(LoaderButton)(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
7427
|
+
var templateObject_1$I, templateObject_2$D, templateObject_3$r, templateObject_4$l;
|
|
7428
7428
|
|
|
7429
7429
|
var ExitCaptureStyledButton = styled.button(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 10002;\n border: none;\n border-radius: 4px;\n background: var(--idm-color-secondary-200);\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 10002;\n border: none;\n border-radius: 4px;\n background: var(--idm-color-secondary-200);\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
|
|
7430
7430
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
@@ -7946,20 +7946,20 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7946
7946
|
}))));
|
|
7947
7947
|
}
|
|
7948
7948
|
var LoadingGraphicWrapper = styled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
7949
|
-
var LoadingGraphicSvg = styled.svg(templateObject_2$
|
|
7949
|
+
var LoadingGraphicSvg = styled.svg(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"])), function (props) {
|
|
7950
7950
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7951
7951
|
}, function (props) {
|
|
7952
7952
|
return props.$frame >= 5 ? 10 : 0;
|
|
7953
7953
|
}, function (props) {
|
|
7954
7954
|
return props.$borderColor;
|
|
7955
7955
|
});
|
|
7956
|
-
var LoadingGraphicCardGroup = styled.g(templateObject_3$
|
|
7956
|
+
var LoadingGraphicCardGroup = styled.g(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7957
7957
|
return props.$offScreen ? '-500px' : '0';
|
|
7958
7958
|
});
|
|
7959
|
-
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$
|
|
7959
|
+
var LoadingGraphicPhoneGroup = styled.g(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
|
|
7960
7960
|
return props.$offScreen ? '40px' : '0';
|
|
7961
7961
|
});
|
|
7962
|
-
var templateObject_1$G, templateObject_2$
|
|
7962
|
+
var templateObject_1$G, templateObject_2$C, templateObject_3$q, templateObject_4$k;
|
|
7963
7963
|
|
|
7964
7964
|
function LoadingListItemIndicator(_a) {
|
|
7965
7965
|
var _b = _a.state,
|
|
@@ -8235,28 +8235,28 @@ var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$F || (template
|
|
|
8235
8235
|
var _a, _b, _c, _d;
|
|
8236
8236
|
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.textColor) !== null && _d !== void 0 ? _d : 'black';
|
|
8237
8237
|
});
|
|
8238
|
-
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$
|
|
8239
|
-
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$
|
|
8240
|
-
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$
|
|
8241
|
-
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$
|
|
8238
|
+
var ContinuityCameraCheckboxContainer$1 = styled.div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"])));
|
|
8239
|
+
var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: flex;\n gap: 8px;\n align-items: center;\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n display: flex;\n gap: 8px;\n align-items: center;\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
|
|
8240
|
+
var ContinuityCameraCheckbox$1 = styled.input(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
8241
|
+
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
8242
8242
|
var _a, _b, _c, _d;
|
|
8243
8243
|
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.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
|
|
8244
8244
|
}, function (props) {
|
|
8245
8245
|
var _a, _b, _c, _d, _e, _f;
|
|
8246
8246
|
return ((_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.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
8247
8247
|
});
|
|
8248
|
-
var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templateObject_6$
|
|
8248
|
+
var ProgressBarBackground$1 = styled(LoadingOverlayProgressBarBackground)(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
8249
8249
|
var _a, _b, _c, _d;
|
|
8250
8250
|
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.progressBarBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
8251
8251
|
}, function (props) {
|
|
8252
8252
|
var _a, _b, _c, _d;
|
|
8253
8253
|
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;
|
|
8254
8254
|
});
|
|
8255
|
-
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$
|
|
8255
|
+
var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
8256
8256
|
var _a, _b, _c, _d;
|
|
8257
8257
|
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.progressBarIndicatorColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-primary-500)';
|
|
8258
8258
|
});
|
|
8259
|
-
var ContinueButton$1 = styled(LoaderButton)(templateObject_8$
|
|
8259
|
+
var ContinueButton$1 = styled(LoaderButton)(templateObject_8$4 || (templateObject_8$4 = __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) {
|
|
8260
8260
|
var _a, _b, _c, _d, _e, _f;
|
|
8261
8261
|
return ((_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.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
8262
8262
|
}, function (props) {
|
|
@@ -8275,10 +8275,10 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_8$3 || (templateObjec
|
|
|
8275
8275
|
var _a, _b, _c, _d;
|
|
8276
8276
|
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';
|
|
8277
8277
|
});
|
|
8278
|
-
var templateObject_1$F, templateObject_2$
|
|
8278
|
+
var templateObject_1$F, templateObject_2$B, templateObject_3$p, templateObject_4$j, templateObject_5$e, templateObject_6$9, templateObject_7$5, templateObject_8$4;
|
|
8279
8279
|
|
|
8280
8280
|
var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
8281
|
-
var ContinuityCameraCheckbox = styled.input(templateObject_2$
|
|
8281
|
+
var ContinuityCameraCheckbox = styled.input(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
8282
8282
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
8283
8283
|
var _b, _c, _d, _e;
|
|
8284
8284
|
var onDismissed = _a.onDismissed,
|
|
@@ -8399,7 +8399,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
8399
8399
|
}
|
|
8400
8400
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
8401
8401
|
};
|
|
8402
|
-
var templateObject_1$E, templateObject_2$
|
|
8402
|
+
var templateObject_1$E, templateObject_2$A;
|
|
8403
8403
|
|
|
8404
8404
|
var components$1 = {
|
|
8405
8405
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -8458,8 +8458,8 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
8458
8458
|
};
|
|
8459
8459
|
|
|
8460
8460
|
var Card = styled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100% - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"], ["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100% - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
8461
|
-
var FlexCard = styled(Card)(templateObject_2$
|
|
8462
|
-
var templateObject_1$D, templateObject_2$
|
|
8461
|
+
var FlexCard = styled(Card)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
8462
|
+
var templateObject_1$D, templateObject_2$z;
|
|
8463
8463
|
|
|
8464
8464
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'idBarcodeImage', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
8465
8465
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -8522,12 +8522,12 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
8522
8522
|
}, verbiage.retryText)))));
|
|
8523
8523
|
};
|
|
8524
8524
|
var Heading$a = styled.h1(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"], ["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
|
|
8525
|
-
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
8526
|
-
var ImageRow = styled(OverlayImageRow)(templateObject_3$
|
|
8527
|
-
var ImageCol$1 = styled.div(templateObject_4$
|
|
8528
|
-
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$
|
|
8529
|
-
var DebugPre = styled.pre(templateObject_6$
|
|
8530
|
-
var templateObject_1$C, templateObject_2$
|
|
8525
|
+
var ImagesContainer = styled(OverlayImageContainer)(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"], ["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
8526
|
+
var ImageRow = styled(OverlayImageRow)(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"], ["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"])));
|
|
8527
|
+
var ImageCol$1 = styled.div(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"], ["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
|
|
8528
|
+
var StyledImage = styled(CapturedDocumentImg)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
8529
|
+
var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
|
|
8530
|
+
var templateObject_1$C, templateObject_2$y, templateObject_3$o, templateObject_4$i, templateObject_5$d, templateObject_6$8;
|
|
8531
8531
|
|
|
8532
8532
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
8533
8533
|
var _this = this;
|
|
@@ -8584,7 +8584,7 @@ var IdCardGuideImageContainer = styled(IdCardBorder)(templateObject_1$B || (temp
|
|
|
8584
8584
|
}, function (props) {
|
|
8585
8585
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8586
8586
|
});
|
|
8587
|
-
var IdCardGuideImage = styled.img(templateObject_2$
|
|
8587
|
+
var IdCardGuideImage = styled.img(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n max-height: 100%;\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n max-height: 100%;\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
8588
8588
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
8589
8589
|
}, function (props) {
|
|
8590
8590
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -8734,17 +8734,17 @@ function IdCardBorderSvg(_a) {
|
|
|
8734
8734
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
8735
8735
|
}));
|
|
8736
8736
|
}
|
|
8737
|
-
var IdCardBorderContainer = styled.div(templateObject_3$
|
|
8738
|
-
var IdCardBorderInner = styled.div(templateObject_4$
|
|
8739
|
-
var SvgOverlay = styled.svg(templateObject_5$
|
|
8740
|
-
var IdCardBorderRect = styled.rect(templateObject_6$
|
|
8737
|
+
var IdCardBorderContainer = styled.div(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n align-items: center;\n justify-content: center;\n display: flex;\n position: relative;\n margin: auto;\n\n & .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(3) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(4) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n align-items: center;\n justify-content: center;\n display: flex;\n position: relative;\n margin: auto;\n\n & .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(3) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(4) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
|
|
8738
|
+
var IdCardBorderInner = styled.div(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n max-height: 100%;\n max-width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"], ["\n max-height: 100%;\n max-width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"])));
|
|
8739
|
+
var SvgOverlay = styled.svg(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
|
|
8740
|
+
var IdCardBorderRect = styled.rect(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"], ["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])), progressBorderAnimation, function (props) {
|
|
8741
8741
|
var _a;
|
|
8742
8742
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
8743
8743
|
}, function (props) {
|
|
8744
8744
|
var _a;
|
|
8745
8745
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
8746
8746
|
});
|
|
8747
|
-
var templateObject_1$B, templateObject_2$
|
|
8747
|
+
var templateObject_1$B, templateObject_2$x, templateObject_3$n, templateObject_4$h, templateObject_5$c, templateObject_6$7;
|
|
8748
8748
|
|
|
8749
8749
|
var defaultIdCaptureGuideImages = {
|
|
8750
8750
|
portrait: {
|
|
@@ -8936,12 +8936,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8936
8936
|
var Wrapper$1 = styled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])), function (props) {
|
|
8937
8937
|
return props.$isLandscape ? 'height: 100%;' : 'height: 100%;';
|
|
8938
8938
|
});
|
|
8939
|
-
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_2$
|
|
8939
|
+
var FlipImageContainer = styled(IdCardGuideImageContainer)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n height: 100%; // todo: branch between desktop and mobile\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n height: 100%; // todo: branch between desktop and mobile\n"])), function (props) {
|
|
8940
8940
|
return props.$transitionTime;
|
|
8941
8941
|
}, function (props) {
|
|
8942
8942
|
return props.$transforms;
|
|
8943
8943
|
});
|
|
8944
|
-
var templateObject_1$A, templateObject_2$
|
|
8944
|
+
var templateObject_1$A, templateObject_2$w;
|
|
8945
8945
|
|
|
8946
8946
|
var GuideOrientationContext = /*#__PURE__*/createContext({
|
|
8947
8947
|
orientation: 'landscape',
|
|
@@ -9230,9 +9230,9 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
9230
9230
|
}).join(' ');
|
|
9231
9231
|
};
|
|
9232
9232
|
var StyledPageContainer = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
|
|
9233
|
-
var GuidesContainer = styled.div(templateObject_2$
|
|
9234
|
-
var GuideCenterRow = styled.div(templateObject_3$
|
|
9235
|
-
var GuideRegion = styled.div(templateObject_4$
|
|
9233
|
+
var GuidesContainer = styled.div(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
9234
|
+
var GuideCenterRow = styled.div(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"])));
|
|
9235
|
+
var GuideRegion = styled.div(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
9236
9236
|
var _a, _b, _c, _d, _e;
|
|
9237
9237
|
return (_e = (_a = props.$maskColor) !== null && _a !== void 0 ? _a : (_d = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.idCapture) === null || _c === void 0 ? void 0 : _c.guideOverlay) === null || _d === void 0 ? void 0 : _d.backgroundColor) !== null && _e !== void 0 ? _e : 'rgba(0, 0, 0, 0.5)';
|
|
9238
9238
|
}, function (props) {
|
|
@@ -9243,23 +9243,23 @@ var GuideRegion = styled.div(templateObject_4$f || (templateObject_4$f = __makeT
|
|
|
9243
9243
|
}, function (props) {
|
|
9244
9244
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
9245
9245
|
});
|
|
9246
|
-
var Spacer = styled(GuideRegion)(templateObject_5$
|
|
9247
|
-
var GuideCenterRegion = styled.div(templateObject_6$
|
|
9246
|
+
var Spacer = styled(GuideRegion)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
9247
|
+
var GuideCenterRegion = styled.div(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"], ["\n ", "\n ", "\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])), function (props) {
|
|
9248
9248
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
9249
9249
|
}, function (props) {
|
|
9250
9250
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
9251
9251
|
});
|
|
9252
|
-
var GuideCenterBorder = styled.div(templateObject_7$
|
|
9252
|
+
var GuideCenterBorder = styled.div(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n max-width: 100%;\n position: relative;\n ", "\n"], ["\n box-sizing: border-box;\n border: ", ";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n max-width: 100%;\n position: relative;\n ", "\n"])), function (props) {
|
|
9253
9253
|
var _a, _b;
|
|
9254
9254
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
9255
9255
|
}, function (props) {
|
|
9256
9256
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
9257
9257
|
});
|
|
9258
|
-
var GuideText = styled.span(templateObject_8$
|
|
9259
|
-
var GuideCenterInner = styled.div(templateObject_9$
|
|
9258
|
+
var GuideText = styled.span(templateObject_8$3 || (templateObject_8$3 = __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"])));
|
|
9259
|
+
var GuideCenterInner = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n top: 0;\n margin: auto;\n ", "\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n position: relative;\n top: 0;\n margin: auto;\n ", "\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
9260
9260
|
return props.$isLandscape ? 'height: 100%;' : 'width: 90%;';
|
|
9261
9261
|
});
|
|
9262
|
-
var templateObject_1$y, templateObject_2$
|
|
9262
|
+
var templateObject_1$y, templateObject_2$v, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$6, templateObject_7$4, templateObject_8$3, templateObject_9$2;
|
|
9263
9263
|
|
|
9264
9264
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
9265
9265
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -9403,8 +9403,8 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
9403
9403
|
var CanvasWrapper$1 = styled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
9404
9404
|
return props.$maskColor;
|
|
9405
9405
|
});
|
|
9406
|
-
var Canvas$1 = styled.canvas(templateObject_2$
|
|
9407
|
-
var templateObject_1$x, templateObject_2$
|
|
9406
|
+
var Canvas$1 = styled.canvas(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9407
|
+
var templateObject_1$x, templateObject_2$u;
|
|
9408
9408
|
|
|
9409
9409
|
function IdCaptureGuides(_a) {
|
|
9410
9410
|
var _b = _a.guideType,
|
|
@@ -9485,11 +9485,11 @@ var Spinner = styled.div(templateObject_1$w || (templateObject_1$w = __makeTempl
|
|
|
9485
9485
|
var $color = _a.$color;
|
|
9486
9486
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
9487
9487
|
}, dualRingSpinnerAnimation);
|
|
9488
|
-
var SpinnerPageContainer = styled.div(templateObject_2$
|
|
9488
|
+
var SpinnerPageContainer = styled.div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"])));
|
|
9489
9489
|
function SpinnerPage() {
|
|
9490
9490
|
return /*#__PURE__*/React__default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__default.createElement(Spinner, null));
|
|
9491
9491
|
}
|
|
9492
|
-
var templateObject_1$w, templateObject_2$
|
|
9492
|
+
var templateObject_1$w, templateObject_2$t;
|
|
9493
9493
|
|
|
9494
9494
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
9495
9495
|
var _b = _a.classNames,
|
|
@@ -9577,10 +9577,10 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
9577
9577
|
})));
|
|
9578
9578
|
};
|
|
9579
9579
|
var StyledSpinner = styled(Spinner)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
|
|
9580
|
-
var ImagePreviewWrapper = styled.div(templateObject_2$
|
|
9581
|
-
var ImagePreviewText = styled.div(templateObject_3$
|
|
9582
|
-
var ImagePreviewImageWrapper = styled.div(templateObject_4$
|
|
9583
|
-
var templateObject_1$v, templateObject_2$
|
|
9580
|
+
var ImagePreviewWrapper = styled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
9581
|
+
var ImagePreviewText = styled.div(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
9582
|
+
var ImagePreviewImageWrapper = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
9583
|
+
var templateObject_1$v, templateObject_2$s, templateObject_3$l, templateObject_4$f;
|
|
9584
9584
|
|
|
9585
9585
|
var documentCaptureInitialState = {
|
|
9586
9586
|
documents: [],
|
|
@@ -9929,8 +9929,8 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9929
9929
|
var CanvasWrapper = styled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
|
|
9930
9930
|
return props.$maskColor;
|
|
9931
9931
|
});
|
|
9932
|
-
var Canvas = styled.canvas(templateObject_2$
|
|
9933
|
-
var templateObject_1$u, templateObject_2$
|
|
9932
|
+
var Canvas = styled.canvas(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9933
|
+
var templateObject_1$u, templateObject_2$r;
|
|
9934
9934
|
|
|
9935
9935
|
var CameraFeedWrapper = styled.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9936
9936
|
return props.$mode === 'snapToGuides' ? "display: flex;\n position: absolute;\n left: ".concat(props.$x, "px;\n top: ").concat(props.$y, "px;\n width: ").concat(props.$w, "px;\n height: ").concat(props.$h, "px;") : "";
|
|
@@ -10116,20 +10116,20 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
10116
10116
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
10117
10117
|
};
|
|
10118
10118
|
var CaptureContainer = styled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
10119
|
-
var HeadingRow = styled.div(templateObject_2$
|
|
10119
|
+
var HeadingRow = styled.div(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
10120
10120
|
return props.$maskColor;
|
|
10121
10121
|
});
|
|
10122
|
-
var Heading$9 = styled.h1(templateObject_3$
|
|
10123
|
-
var FooterRow = styled.div(templateObject_4$
|
|
10122
|
+
var Heading$9 = styled.h1(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
10123
|
+
var FooterRow = styled.div(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"], ["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])), function (props) {
|
|
10124
10124
|
return props.$maskColor;
|
|
10125
10125
|
});
|
|
10126
|
-
var Instructions = styled.div(templateObject_5$
|
|
10126
|
+
var Instructions = styled.div(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
10127
10127
|
var _a, _b, _c;
|
|
10128
10128
|
return (_c = (_b = (_a = props.theme.documentCapture) === null || _a === void 0 ? void 0 : _a.instructions) === null || _b === void 0 ? void 0 : _b.maxHeight) !== null && _c !== void 0 ? _c : '8rem';
|
|
10129
10129
|
});
|
|
10130
|
-
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$
|
|
10131
|
-
var PreviewImage = styled.img(templateObject_7$
|
|
10132
|
-
var templateObject_1$r, templateObject_2$
|
|
10130
|
+
var StyledButtonsRow$8 = styled(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
10131
|
+
var PreviewImage = styled.img(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
10132
|
+
var templateObject_1$r, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$a, templateObject_6$5, templateObject_7$3;
|
|
10133
10133
|
|
|
10134
10134
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
10135
10135
|
var onSuccess = _a.onSuccess,
|
|
@@ -10401,12 +10401,12 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
10401
10401
|
}, verbiage.doneBtnText))))));
|
|
10402
10402
|
};
|
|
10403
10403
|
var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
10404
|
-
var Heading$8 = styled.h3(templateObject_2$
|
|
10405
|
-
var Description$3 = styled.p(templateObject_3$
|
|
10406
|
-
var Instruction = styled.p(templateObject_4$
|
|
10407
|
-
var ImageCol = styled.div(templateObject_5$
|
|
10408
|
-
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$
|
|
10409
|
-
var templateObject_1$q, templateObject_2$
|
|
10404
|
+
var Heading$8 = styled.h3(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10405
|
+
var Description$3 = styled.p(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10406
|
+
var Instruction = styled.p(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
10407
|
+
var ImageCol = styled.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
10408
|
+
var StyledButtonsRow$7 = styled(ButtonsRow$2)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
10409
|
+
var templateObject_1$q, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$4;
|
|
10410
10410
|
|
|
10411
10411
|
function ScalingCameraFeed() {
|
|
10412
10412
|
var _a = useIdCaptureStore(),
|
|
@@ -10762,20 +10762,20 @@ var ScreenContainer = styled.div(templateObject_1$p || (templateObject_1$p = __m
|
|
|
10762
10762
|
var _a;
|
|
10763
10763
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
10764
10764
|
});
|
|
10765
|
-
var ScreenPanel = styled.div(templateObject_2$
|
|
10766
|
-
var SelectIdCardScreenPanel = styled(ScreenPanel)(templateObject_3$
|
|
10767
|
-
var ScreenPanelHeading = styled.h3(templateObject_4$
|
|
10768
|
-
var ScreenActionsBar = styled.div(templateObject_5$
|
|
10769
|
-
var DashedSeparator = styled.div(templateObject_6$
|
|
10770
|
-
var OrWrapper = styled.div(templateObject_7$
|
|
10771
|
-
var UploadIdBackHelpText = styled.p(templateObject_8$
|
|
10772
|
-
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"])));
|
|
10773
|
-
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"])));
|
|
10774
|
-
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) {
|
|
10765
|
+
var ScreenPanel = styled.div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"])));
|
|
10766
|
+
var SelectIdCardScreenPanel = styled(ScreenPanel)(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"], ["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"])));
|
|
10767
|
+
var ScreenPanelHeading = styled.h3(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
10768
|
+
var ScreenActionsBar = styled.div(templateObject_5$8 || (templateObject_5$8 = __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"])));
|
|
10769
|
+
var DashedSeparator = styled.div(templateObject_6$3 || (templateObject_6$3 = __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"])));
|
|
10770
|
+
var OrWrapper = styled.div(templateObject_7$2 || (templateObject_7$2 = __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"])));
|
|
10771
|
+
var UploadIdBackHelpText = styled.p(templateObject_8$2 || (templateObject_8$2 = __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"])));
|
|
10772
|
+
var Button = styled(WideBorderButton)(templateObject_9$1 || (templateObject_9$1 = __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"])));
|
|
10773
|
+
var Modal = styled.div(templateObject_10$1 || (templateObject_10$1 = __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"])));
|
|
10774
|
+
var Dialog = styled.div(templateObject_11$1 || (templateObject_11$1 = __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) {
|
|
10775
10775
|
var _a;
|
|
10776
10776
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
10777
10777
|
});
|
|
10778
|
-
var ModalCloseButton = styled.button(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
10778
|
+
var ModalCloseButton = styled.button(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
|
|
10779
10779
|
function XIcon(props) {
|
|
10780
10780
|
return /*#__PURE__*/React__default.createElement("svg", _assign({
|
|
10781
10781
|
width: "25",
|
|
@@ -11026,7 +11026,7 @@ function IdDocumentIcon(props) {
|
|
|
11026
11026
|
strokeWidth: "3"
|
|
11027
11027
|
}));
|
|
11028
11028
|
}
|
|
11029
|
-
var InlineSvg = styled.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
11029
|
+
var InlineSvg = styled.svg(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
11030
11030
|
function humanFileSize(bytes, si, dp) {
|
|
11031
11031
|
if (si === void 0) {
|
|
11032
11032
|
si = false;
|
|
@@ -11047,7 +11047,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
11047
11047
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
11048
11048
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
11049
11049
|
}
|
|
11050
|
-
var templateObject_1$p, templateObject_2$
|
|
11050
|
+
var templateObject_1$p, templateObject_2$o, templateObject_3$i, templateObject_4$c, templateObject_5$8, templateObject_6$3, templateObject_7$2, templateObject_8$2, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1;
|
|
11051
11051
|
|
|
11052
11052
|
var lastDocumentDetectedAtDefaults = {
|
|
11053
11053
|
idCardFront: null,
|
|
@@ -11865,8 +11865,8 @@ function HeadGuide(_a) {
|
|
|
11865
11865
|
height: parentHeight
|
|
11866
11866
|
})));
|
|
11867
11867
|
}
|
|
11868
|
-
var AbsoluteSvg = styled.svg(templateObject_2$
|
|
11869
|
-
var RelativeSvgContainer = styled.div(templateObject_3$
|
|
11868
|
+
var AbsoluteSvg = styled.svg(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
|
|
11869
|
+
var RelativeSvgContainer = styled.div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"])), function (props) {
|
|
11870
11870
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
11871
11871
|
});
|
|
11872
11872
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -12093,10 +12093,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
12093
12093
|
status: status
|
|
12094
12094
|
}));
|
|
12095
12095
|
}
|
|
12096
|
-
var templateObject_1$o, templateObject_2$
|
|
12096
|
+
var templateObject_1$o, templateObject_2$n, templateObject_3$h;
|
|
12097
12097
|
|
|
12098
12098
|
var FaceCaptureGuideContainer = styled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
|
|
12099
|
-
var FaceCaptureGuideInner = styled.div(templateObject_2$
|
|
12099
|
+
var FaceCaptureGuideInner = styled.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
12100
12100
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
12101
12101
|
var _b = _a.classNames,
|
|
12102
12102
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -12118,7 +12118,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
12118
12118
|
verticalAlign: "center"
|
|
12119
12119
|
})));
|
|
12120
12120
|
};
|
|
12121
|
-
var templateObject_1$n, templateObject_2$
|
|
12121
|
+
var templateObject_1$n, templateObject_2$m;
|
|
12122
12122
|
|
|
12123
12123
|
var defaultSelfieCaptureModelLoadTimeoutMs = 45000;
|
|
12124
12124
|
var detector = null;
|
|
@@ -12904,11 +12904,11 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
12904
12904
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
12905
12905
|
};
|
|
12906
12906
|
var StyledOverlayInner$1 = styled(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12907
|
-
var Heading$7 = styled.h3(templateObject_2$
|
|
12908
|
-
var Description$2 = styled.p(templateObject_3$
|
|
12909
|
-
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$
|
|
12910
|
-
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$
|
|
12911
|
-
var templateObject_1$m, templateObject_2$
|
|
12907
|
+
var Heading$7 = styled.h3(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12908
|
+
var Description$2 = styled.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12909
|
+
var ImageContainer$6 = styled(OverlayImageContainer)(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12910
|
+
var StyledButtonsRow$6 = styled(ButtonsRow$2)(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12911
|
+
var templateObject_1$m, templateObject_2$l, templateObject_3$g, templateObject_4$b, templateObject_5$7;
|
|
12912
12912
|
|
|
12913
12913
|
var initialState$4 = {
|
|
12914
12914
|
busy: false,
|
|
@@ -13101,9 +13101,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
13101
13101
|
}));
|
|
13102
13102
|
};
|
|
13103
13103
|
var Container$6 = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
13104
|
-
var CaptureButtonContainer$1 = styled.div(templateObject_2$
|
|
13105
|
-
var CaptureButton$1 = styled(LoaderButton)(templateObject_3$
|
|
13106
|
-
var templateObject_1$l, templateObject_2$
|
|
13104
|
+
var CaptureButtonContainer$1 = styled.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n box-sizing: border-box;\n padding: 0 12px 12px;\n"], ["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n box-sizing: border-box;\n padding: 0 12px 12px;\n"])));
|
|
13105
|
+
var CaptureButton$1 = styled(LoaderButton)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n margin: 0 auto;\n width: 100%;\n border-radius: 30px;\n"], ["\n margin: 0 auto;\n width: 100%;\n border-radius: 30px;\n"])));
|
|
13106
|
+
var templateObject_1$l, templateObject_2$k, templateObject_3$f;
|
|
13107
13107
|
|
|
13108
13108
|
var initialState$3 = {
|
|
13109
13109
|
requestState: 'CAPTURING',
|
|
@@ -13366,8 +13366,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
|
|
|
13366
13366
|
}, [modelError, onFailure, onDenied, state.timesLivenessCheckFailed]);
|
|
13367
13367
|
var callOnTimeoutHooks = useCallback(function () {
|
|
13368
13368
|
onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout();
|
|
13369
|
-
|
|
13370
|
-
}, [onDenied, onTimeout]);
|
|
13369
|
+
}, [onTimeout]);
|
|
13371
13370
|
useTimeout(timeoutDurationMs, callOnTimeoutHooks, state.requestState === 'PASSED' || !!modelError, state.requestState === 'IN_PROGRESS');
|
|
13372
13371
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13373
13372
|
guidanceLivenessCheckFailedText: 'Could not verify your face.',
|
|
@@ -13490,8 +13489,8 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
13490
13489
|
}, verbiage.retryBtnText)))));
|
|
13491
13490
|
};
|
|
13492
13491
|
var ImageContainer$5 = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
|
|
13493
|
-
var Heading$6 = styled.h3(templateObject_2$
|
|
13494
|
-
var templateObject_1$k, templateObject_2$
|
|
13492
|
+
var Heading$6 = styled.h3(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
|
|
13493
|
+
var templateObject_1$k, templateObject_2$j;
|
|
13495
13494
|
|
|
13496
13495
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
13497
13496
|
var _b = _a.canRetry,
|
|
@@ -13541,8 +13540,8 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
13541
13540
|
}, verbiage.exitBtnText)))));
|
|
13542
13541
|
};
|
|
13543
13542
|
var ImageContainer$4 = styled(OverlayImageContainer)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
13544
|
-
var Heading$5 = styled.h3(templateObject_2$
|
|
13545
|
-
var templateObject_1$j, templateObject_2$
|
|
13543
|
+
var Heading$5 = styled.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
13544
|
+
var templateObject_1$j, templateObject_2$i;
|
|
13546
13545
|
|
|
13547
13546
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
13548
13547
|
var _b;
|
|
@@ -13586,10 +13585,10 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
13586
13585
|
}, verbiage.retryBtnText)));
|
|
13587
13586
|
};
|
|
13588
13587
|
var StyledOverlayInner = styled(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
13589
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$
|
|
13590
|
-
var Description$1 = styled.p(templateObject_3$
|
|
13591
|
-
var RetryButton = styled(LoaderButton)(templateObject_4$
|
|
13592
|
-
var templateObject_1$i, templateObject_2$
|
|
13588
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
13589
|
+
var Description$1 = styled.p(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
13590
|
+
var RetryButton = styled(LoaderButton)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
13591
|
+
var templateObject_1$i, templateObject_2$h, templateObject_3$e, templateObject_4$a;
|
|
13593
13592
|
|
|
13594
13593
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
13595
13594
|
var onDismissed = _a.onDismissed,
|
|
@@ -13682,8 +13681,8 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
13682
13681
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
13683
13682
|
};
|
|
13684
13683
|
var StyledGuidanceMessage = styled(GuidanceMessage)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
13685
|
-
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$
|
|
13686
|
-
var templateObject_1$h, templateObject_2$
|
|
13684
|
+
var StyledButtonsRow$5 = styled(ButtonsRow$2)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
13685
|
+
var templateObject_1$h, templateObject_2$g;
|
|
13687
13686
|
|
|
13688
13687
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
13689
13688
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -13858,25 +13857,25 @@ var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$g || (templateOb
|
|
|
13858
13857
|
var _a, _b, _c, _d;
|
|
13859
13858
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.textColor) !== null && _d !== void 0 ? _d : 'black';
|
|
13860
13859
|
});
|
|
13861
|
-
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$
|
|
13860
|
+
var ButtonsRow = styled(LoadingOverlayButtonsRow)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
13862
13861
|
var _a, _b, _c, _d;
|
|
13863
13862
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
|
|
13864
13863
|
}, function (props) {
|
|
13865
13864
|
var _a, _b, _c, _d, _e, _f;
|
|
13866
13865
|
return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
13867
13866
|
});
|
|
13868
|
-
var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(templateObject_3$
|
|
13867
|
+
var ProgressBarBackground = styled(LoadingOverlayProgressBarBackground)(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
13869
13868
|
var _a, _b, _c, _d;
|
|
13870
13869
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
13871
13870
|
}, function (props) {
|
|
13872
13871
|
var _a, _b, _c, _d;
|
|
13873
13872
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
|
|
13874
13873
|
});
|
|
13875
|
-
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$
|
|
13874
|
+
var ProgressIndicator = styled(LoadingOverlayProgressIndicator)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
13876
13875
|
var _a, _b, _c, _d;
|
|
13877
13876
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarIndicatorColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
|
|
13878
13877
|
});
|
|
13879
|
-
var ContinueButton = styled(LoaderButton)(templateObject_5$
|
|
13878
|
+
var ContinueButton = styled(LoaderButton)(templateObject_5$6 || (templateObject_5$6 = __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 box-shadow: none;\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 box-shadow: none;\n }\n"])), function (props) {
|
|
13880
13879
|
var _a, _b, _c, _d, _e, _f;
|
|
13881
13880
|
return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
13882
13881
|
}, function (props) {
|
|
@@ -13895,7 +13894,7 @@ var ContinueButton = styled(LoaderButton)(templateObject_5$5 || (templateObject_
|
|
|
13895
13894
|
var _a, _b, _c, _d;
|
|
13896
13895
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) !== null && _d !== void 0 ? _d : 'none';
|
|
13897
13896
|
});
|
|
13898
|
-
var templateObject_1$g, templateObject_2$
|
|
13897
|
+
var templateObject_1$g, templateObject_2$f, templateObject_3$d, templateObject_4$9, templateObject_5$6;
|
|
13899
13898
|
|
|
13900
13899
|
var components = {
|
|
13901
13900
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -14065,6 +14064,8 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
|
14065
14064
|
setSelfieImage(dataUrlToBase64Sync(dataURL));
|
|
14066
14065
|
}
|
|
14067
14066
|
onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(submissionResponse, livenessCheckRequest);
|
|
14067
|
+
} else {
|
|
14068
|
+
setCaptureState('FAILED');
|
|
14068
14069
|
}
|
|
14069
14070
|
onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout();
|
|
14070
14071
|
}, [allowLivenessFailure, livenessCheckRequest, onSuccess, onTimeout, selfieGuidanceCanvasRef, setSelfieImage, submissionResponse]);
|
|
@@ -14217,18 +14218,63 @@ function FaceLivenessWizardWithProviders(_a) {
|
|
|
14217
14218
|
}, /*#__PURE__*/React__default.createElement(FaceLivenessWizard, _assign({}, faceLivenessProps))));
|
|
14218
14219
|
}
|
|
14219
14220
|
|
|
14221
|
+
var quickFactConfig = [{
|
|
14222
|
+
key: 'uniqueRequestId',
|
|
14223
|
+
label: 'Unique Request ID'
|
|
14224
|
+
}, {
|
|
14225
|
+
key: 'verificationResult',
|
|
14226
|
+
label: 'Overall Decision'
|
|
14227
|
+
}, {
|
|
14228
|
+
key: 'verificationResultCode',
|
|
14229
|
+
label: 'Result Code'
|
|
14230
|
+
}, {
|
|
14231
|
+
key: 'verificationResultId',
|
|
14232
|
+
label: 'Result ID'
|
|
14233
|
+
}, {
|
|
14234
|
+
key: 'realScore',
|
|
14235
|
+
label: 'Real Score'
|
|
14236
|
+
}, {
|
|
14237
|
+
key: 'estimatedAge',
|
|
14238
|
+
label: 'Estimated Age'
|
|
14239
|
+
}];
|
|
14240
|
+
var isRecord = function isRecord(value) {
|
|
14241
|
+
return typeof value === 'object' && value !== null;
|
|
14242
|
+
};
|
|
14243
|
+
var isDisplayablePrimitive = function isDisplayablePrimitive(value) {
|
|
14244
|
+
return ['string', 'number', 'boolean'].includes(typeof value);
|
|
14245
|
+
};
|
|
14246
|
+
var formatValue = function formatValue(value) {
|
|
14247
|
+
if (typeof value === 'boolean') return value ? 'Yes' : 'No';
|
|
14248
|
+
return "".concat(value);
|
|
14249
|
+
};
|
|
14250
|
+
var formatDecisionName = function formatDecisionName(rawKey) {
|
|
14251
|
+
return rawKey.replace(/^Decision_/, '').replace(/_/g, ' ');
|
|
14252
|
+
};
|
|
14253
|
+
var isDecisionDetail = function isDecisionDetail(value) {
|
|
14254
|
+
return isRecord(value) && (value.DecisionResult !== undefined || value.DecisionStateCode !== undefined);
|
|
14255
|
+
};
|
|
14220
14256
|
var SubmissionSuccess = function SubmissionSuccess() {
|
|
14221
|
-
var _a
|
|
14222
|
-
|
|
14223
|
-
|
|
14224
|
-
|
|
14225
|
-
|
|
14226
|
-
|
|
14227
|
-
|
|
14228
|
-
|
|
14229
|
-
|
|
14257
|
+
var _a;
|
|
14258
|
+
var _b = useContext(SubmissionContext),
|
|
14259
|
+
submissionRequest = _b.submissionRequest,
|
|
14260
|
+
submissionResponse = _b.submissionResponse;
|
|
14261
|
+
var _c = useState(false),
|
|
14262
|
+
showRequestBody = _c[0],
|
|
14263
|
+
setShowRequestBody = _c[1];
|
|
14264
|
+
var _d = useState(false),
|
|
14265
|
+
showResponseBody = _d[0],
|
|
14266
|
+
setShowResponseBody = _d[1];
|
|
14267
|
+
var _e = useState(true),
|
|
14268
|
+
truncateImages = _e[0],
|
|
14269
|
+
setTruncateImages = _e[1];
|
|
14270
|
+
var status = submissionResponse === null || submissionResponse === void 0 ? void 0 : submissionResponse.status;
|
|
14271
|
+
var resultData = useMemo(function () {
|
|
14272
|
+
var _a;
|
|
14273
|
+
return (_a = submissionResponse === null || submissionResponse === void 0 ? void 0 : submissionResponse.resultData) !== null && _a !== void 0 ? _a : {};
|
|
14274
|
+
}, [submissionResponse]);
|
|
14230
14275
|
var requestBodyDisplay = useMemo(function () {
|
|
14231
14276
|
var _a, _b, _c, _d, _e, _f;
|
|
14277
|
+
if (!submissionRequest) return 'No request payload captured.';
|
|
14232
14278
|
var body = JSON.parse(JSON.stringify(submissionRequest));
|
|
14233
14279
|
if (truncateImages) {
|
|
14234
14280
|
if ((_b = (_a = body === null || body === void 0 ? void 0 : body.customerData) === null || _a === void 0 ? void 0 : _a.idData) === null || _b === void 0 ? void 0 : _b.idImageFront) body.customerData.idData.idImageFront = truncate(body.customerData.idData.idImageFront, 200);
|
|
@@ -14237,26 +14283,128 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
14237
14283
|
}
|
|
14238
14284
|
return JSON.stringify(body, null, 2);
|
|
14239
14285
|
}, [submissionRequest, truncateImages]);
|
|
14240
|
-
|
|
14286
|
+
var responseBodyDisplay = useMemo(function () {
|
|
14287
|
+
if (!submissionResponse) return 'No response payload yet.';
|
|
14288
|
+
return JSON.stringify(submissionResponse, null, 2);
|
|
14289
|
+
}, [submissionResponse]);
|
|
14290
|
+
var quickFacts = useMemo(function () {
|
|
14291
|
+
return quickFactConfig.map(function (field) {
|
|
14292
|
+
var value = resultData[field.key];
|
|
14293
|
+
if (!isDisplayablePrimitive(value)) return null;
|
|
14294
|
+
return {
|
|
14295
|
+
label: field.label,
|
|
14296
|
+
value: formatValue(value),
|
|
14297
|
+
key: field.key
|
|
14298
|
+
};
|
|
14299
|
+
}).filter(Boolean);
|
|
14300
|
+
}, [resultData]);
|
|
14301
|
+
var consumedKeys = useMemo(function () {
|
|
14302
|
+
return new Set(__spreadArray(['verificationResultDetails'], quickFactConfig.map(function (item) {
|
|
14303
|
+
return item.key;
|
|
14304
|
+
}), true));
|
|
14305
|
+
}, []);
|
|
14306
|
+
var additionalDetails = useMemo(function () {
|
|
14307
|
+
return Object.entries(resultData).filter(function (_a) {
|
|
14308
|
+
var key = _a[0],
|
|
14309
|
+
value = _a[1];
|
|
14310
|
+
if (consumedKeys.has(key)) return false;
|
|
14311
|
+
if (!isDisplayablePrimitive(value)) return false;
|
|
14312
|
+
return true;
|
|
14313
|
+
}).map(function (_a) {
|
|
14314
|
+
var key = _a[0],
|
|
14315
|
+
value = _a[1];
|
|
14316
|
+
return {
|
|
14317
|
+
label: formatDecisionName(key),
|
|
14318
|
+
value: formatValue(value)
|
|
14319
|
+
};
|
|
14320
|
+
}).sort(function (a, b) {
|
|
14321
|
+
return a.label.localeCompare(b.label);
|
|
14322
|
+
});
|
|
14323
|
+
}, [consumedKeys, resultData]);
|
|
14324
|
+
var decisionDetails = useMemo(function () {
|
|
14325
|
+
var rawDetails = resultData.verificationResultDetails;
|
|
14326
|
+
if (!isRecord(rawDetails)) return [];
|
|
14327
|
+
return Object.entries(rawDetails).map(function (_a) {
|
|
14328
|
+
var _b, _c;
|
|
14329
|
+
var key = _a[0],
|
|
14330
|
+
value = _a[1];
|
|
14331
|
+
if (!isDecisionDetail(value)) return null;
|
|
14332
|
+
return {
|
|
14333
|
+
name: formatDecisionName(key),
|
|
14334
|
+
result: (_b = value.DecisionResult) !== null && _b !== void 0 ? _b : '—',
|
|
14335
|
+
code: (_c = value.DecisionStateCode) !== null && _c !== void 0 ? _c : '—'
|
|
14336
|
+
};
|
|
14337
|
+
}).filter(Boolean);
|
|
14338
|
+
}, [resultData]);
|
|
14339
|
+
return /*#__PURE__*/React__default.createElement(Container$5, null, /*#__PURE__*/React__default.createElement(Hero, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Title, null, "Submission completed!"), /*#__PURE__*/React__default.createElement(Subtitle, null, (_a = status === null || status === void 0 ? void 0 : status.statusMessage) !== null && _a !== void 0 ? _a : 'Review the summary below.')), (status === null || status === void 0 ? void 0 : status.statusCode) && ( /*#__PURE__*/React__default.createElement(StatusBadge, {
|
|
14340
|
+
"data-variant": status.statusCode === '000' ? 'success' : 'error'
|
|
14341
|
+
}, "Status ", status.statusCode))), quickFacts.length > 0 && ( /*#__PURE__*/React__default.createElement(Section, null, /*#__PURE__*/React__default.createElement(SectionTitle, null, "At-a-glance overview"), /*#__PURE__*/React__default.createElement(SummaryGrid, null, quickFacts.map(function (fact) {
|
|
14342
|
+
return /*#__PURE__*/React__default.createElement(SummaryCard, {
|
|
14343
|
+
key: fact.key
|
|
14344
|
+
}, /*#__PURE__*/React__default.createElement(SummaryLabel, null, fact.label), /*#__PURE__*/React__default.createElement(SummaryValue, null, fact.value));
|
|
14345
|
+
})))), decisionDetails.length > 0 && ( /*#__PURE__*/React__default.createElement(Section, null, /*#__PURE__*/React__default.createElement(SectionTitle, null, "Decision breakdown"), /*#__PURE__*/React__default.createElement(SectionDescription, null, "High-level verdicts returned by the verification service."), /*#__PURE__*/React__default.createElement(DecisionList, null, decisionDetails.map(function (detail) {
|
|
14346
|
+
return /*#__PURE__*/React__default.createElement(DecisionCard, {
|
|
14347
|
+
key: detail.name
|
|
14348
|
+
}, /*#__PURE__*/React__default.createElement(DecisionName, null, detail.name), /*#__PURE__*/React__default.createElement(DecisionValues, null, /*#__PURE__*/React__default.createElement(DecisionResult, {
|
|
14349
|
+
"data-variant": detail.result === 'OK' ? 'success' : 'warning'
|
|
14350
|
+
}, detail.result), /*#__PURE__*/React__default.createElement(DecisionCode, null, "Code ", detail.code)));
|
|
14351
|
+
})))), additionalDetails.length > 0 && ( /*#__PURE__*/React__default.createElement(Section, null, /*#__PURE__*/React__default.createElement(SectionTitle, null, "Additional details"), /*#__PURE__*/React__default.createElement(DetailGrid, null, additionalDetails.map(function (detail) {
|
|
14352
|
+
return /*#__PURE__*/React__default.createElement(DetailItem, {
|
|
14353
|
+
key: detail.label
|
|
14354
|
+
}, /*#__PURE__*/React__default.createElement(SummaryLabel, null, detail.label), /*#__PURE__*/React__default.createElement(SummaryValue, null, detail.value));
|
|
14355
|
+
})))), /*#__PURE__*/React__default.createElement(Section, null, /*#__PURE__*/React__default.createElement(SectionTitle, null, "Raw payloads"), /*#__PURE__*/React__default.createElement(SectionDescription, null, "Need to dig deeper? Expand the payloads below to inspect the full JSON."), /*#__PURE__*/React__default.createElement(JsonControls, null, /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
14241
14356
|
onClick: function onClick() {
|
|
14242
|
-
return setShowRequestBody(
|
|
14357
|
+
return setShowRequestBody(function (prev) {
|
|
14358
|
+
return !prev;
|
|
14359
|
+
});
|
|
14243
14360
|
}
|
|
14244
|
-
}, showRequestBody ? 'Hide' : 'Show
|
|
14361
|
+
}, showRequestBody ? 'Hide request JSON' : 'Show request JSON'), /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
14362
|
+
onClick: function onClick() {
|
|
14363
|
+
return setShowResponseBody(function (prev) {
|
|
14364
|
+
return !prev;
|
|
14365
|
+
});
|
|
14366
|
+
}
|
|
14367
|
+
}, showResponseBody ? 'Hide response JSON' : 'Show response JSON')), showRequestBody && ( /*#__PURE__*/React__default.createElement(JsonBlock, null, /*#__PURE__*/React__default.createElement(JsonBlockHeader, null, /*#__PURE__*/React__default.createElement(JsonBlockTitle, null, "Request Body"), /*#__PURE__*/React__default.createElement(LoaderButton, {
|
|
14245
14368
|
style: {
|
|
14246
|
-
marginLeft:
|
|
14369
|
+
marginLeft: 'auto'
|
|
14247
14370
|
},
|
|
14248
14371
|
onClick: function onClick() {
|
|
14249
|
-
return setTruncateImages(
|
|
14372
|
+
return setTruncateImages(function (prev) {
|
|
14373
|
+
return !prev;
|
|
14374
|
+
});
|
|
14250
14375
|
}
|
|
14251
|
-
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__default.createElement("
|
|
14376
|
+
}, truncateImages ? 'Display full images' : 'Truncate images')), /*#__PURE__*/React__default.createElement("pre", null, requestBodyDisplay))), showResponseBody && ( /*#__PURE__*/React__default.createElement(JsonBlock, null, /*#__PURE__*/React__default.createElement(JsonBlockHeader, null, /*#__PURE__*/React__default.createElement(JsonBlockTitle, null, "Response Body")), /*#__PURE__*/React__default.createElement("pre", null, responseBodyDisplay)))));
|
|
14252
14377
|
};
|
|
14253
|
-
var Container$5 = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding:
|
|
14254
|
-
|
|
14255
|
-
|
|
14378
|
+
var Container$5 = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding: 24px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n background: #f6f7fb;\n"], ["\n padding: 24px;\n overflow: auto;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n background: #f6f7fb;\n"])));
|
|
14379
|
+
var Hero = styled.div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 16px;\n margin-bottom: 24px;\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 16px;\n margin-bottom: 24px;\n"])));
|
|
14380
|
+
var Title = styled.h3(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n margin: 0;\n font-size: 24px;\n"], ["\n margin: 0;\n font-size: 24px;\n"])));
|
|
14381
|
+
var Subtitle = styled.p(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin: 4px 0 0;\n color: #4c4f5f;\n"], ["\n margin: 4px 0 0;\n color: #4c4f5f;\n"])));
|
|
14382
|
+
var StatusBadge = styled.span(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 16px;\n border-radius: 999px;\n font-weight: 600;\n background: #dde2f9;\n color: #1d1f26;\n\n &[data-variant='success'] {\n background: #ddf6e5;\n color: #116149;\n }\n\n &[data-variant='error'] {\n background: #ffe3e3;\n color: #a11a1a;\n }\n"], ["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 16px;\n border-radius: 999px;\n font-weight: 600;\n background: #dde2f9;\n color: #1d1f26;\n\n &[data-variant='success'] {\n background: #ddf6e5;\n color: #116149;\n }\n\n &[data-variant='error'] {\n background: #ffe3e3;\n color: #a11a1a;\n }\n"])));
|
|
14383
|
+
var Section = styled.section(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n margin-bottom: 32px;\n"], ["\n margin-bottom: 32px;\n"])));
|
|
14384
|
+
var SectionTitle = styled.h5(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n margin: 0 0 8px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-size: 12px;\n color: #6f7487;\n"], ["\n margin: 0 0 8px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-size: 12px;\n color: #6f7487;\n"])));
|
|
14385
|
+
var SectionDescription = styled.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n margin: 0 0 16px;\n color: #4c4f5f;\n"], ["\n margin: 0 0 16px;\n color: #4c4f5f;\n"])));
|
|
14386
|
+
var SummaryGrid = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n"])));
|
|
14387
|
+
var SummaryCard = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background: #fff;\n border-radius: 12px;\n padding: 16px;\n box-shadow: 0 4px 24px rgba(16, 24, 64, 0.08);\n display: flex;\n flex-direction: column;\n gap: 8px;\n"], ["\n background: #fff;\n border-radius: 12px;\n padding: 16px;\n box-shadow: 0 4px 24px rgba(16, 24, 64, 0.08);\n display: flex;\n flex-direction: column;\n gap: 8px;\n"])));
|
|
14388
|
+
var SummaryLabel = styled.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #8a8fa7;\n"], ["\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #8a8fa7;\n"])));
|
|
14389
|
+
var SummaryValue = styled.span(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: 18px;\n font-weight: 600;\n color: #1d1f26;\n word-break: break-word;\n"], ["\n font-size: 18px;\n font-weight: 600;\n color: #1d1f26;\n word-break: break-word;\n"])));
|
|
14390
|
+
var DecisionList = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n"])));
|
|
14391
|
+
var DecisionCard = styled(SummaryCard)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n"], ["\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
14392
|
+
var DecisionName = styled.span(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-weight: 600;\n color: #1d1f26;\n text-transform: capitalize;\n"], ["\n font-weight: 600;\n color: #1d1f26;\n text-transform: capitalize;\n"])));
|
|
14393
|
+
var DecisionValues = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n text-align: right;\n"], ["\n display: flex;\n flex-direction: column;\n text-align: right;\n"])));
|
|
14394
|
+
var DecisionResult = styled.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-weight: 600;\n color: #1d1f26;\n\n &[data-variant='success'] {\n color: #116149;\n }\n\n &[data-variant='warning'] {\n color: #b86e00;\n }\n"], ["\n font-weight: 600;\n color: #1d1f26;\n\n &[data-variant='success'] {\n color: #116149;\n }\n\n &[data-variant='warning'] {\n color: #b86e00;\n }\n"])));
|
|
14395
|
+
var DecisionCode = styled.span(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-size: 12px;\n color: #6f7487;\n"], ["\n font-size: 12px;\n color: #6f7487;\n"])));
|
|
14396
|
+
var DetailGrid = styled.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n"])));
|
|
14397
|
+
var DetailItem = styled(SummaryCard)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n min-height: 110px;\n"], ["\n min-height: 110px;\n"])));
|
|
14398
|
+
var JsonControls = styled.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 16px;\n"], ["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 16px;\n"])));
|
|
14399
|
+
var JsonBlock = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n background: #0f172a;\n color: #e2e8f0;\n border-radius: 12px;\n padding: 16px;\n margin-bottom: 16px;\n box-shadow: 0 8px 30px rgba(3, 7, 18, 0.4);\n\n pre {\n margin: 0;\n max-height: 300px;\n overflow: auto;\n font-size: 12px;\n line-height: 1.4;\n }\n"], ["\n background: #0f172a;\n color: #e2e8f0;\n border-radius: 12px;\n padding: 16px;\n margin-bottom: 16px;\n box-shadow: 0 8px 30px rgba(3, 7, 18, 0.4);\n\n pre {\n margin: 0;\n max-height: 300px;\n overflow: auto;\n font-size: 12px;\n line-height: 1.4;\n }\n"])));
|
|
14400
|
+
var JsonBlockHeader = styled.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n"], ["\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n"])));
|
|
14401
|
+
var JsonBlockTitle = styled.h6(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: #fff;\n"], ["\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: #fff;\n"])));
|
|
14402
|
+
function truncate(str, maxChars) {
|
|
14403
|
+
var truncated = str.split('').splice(0, maxChars).join('');
|
|
14256
14404
|
if (truncated.length < str.length) truncated += '...';
|
|
14257
14405
|
return truncated;
|
|
14258
14406
|
}
|
|
14259
|
-
var templateObject_1$f;
|
|
14407
|
+
var templateObject_1$f, templateObject_2$e, templateObject_3$c, templateObject_4$8, templateObject_5$5, templateObject_6$2, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
|
|
14260
14408
|
|
|
14261
14409
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
14262
14410
|
var document = _a.document,
|