idmission-web-sdk 2.3.151 → 2.3.152
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/submission/SubmissionSuccess.d.ts.map +1 -1
- package/dist/sdk2.cjs.development.js +315 -168
- 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 +315 -168
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +315 -168
- 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
|
@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
235
235
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
236
236
|
};
|
|
237
237
|
|
|
238
|
-
var webSdkVersion = '2.3.
|
|
238
|
+
var webSdkVersion = '2.3.152';
|
|
239
239
|
|
|
240
240
|
function getPlatform() {
|
|
241
241
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -498,38 +498,38 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
498
498
|
if (!portalLocation) return element;
|
|
499
499
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
500
500
|
};
|
|
501
|
-
var GuidanceMessage = styled__default.default.div(templateObject_2$
|
|
501
|
+
var GuidanceMessage = styled__default.default.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) {
|
|
502
502
|
var _a, _b, _c, _d, _e, _f;
|
|
503
503
|
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';
|
|
504
504
|
}, function (props) {
|
|
505
505
|
var _a, _b, _c, _d, _e, _f;
|
|
506
506
|
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';
|
|
507
507
|
});
|
|
508
|
-
var templateObject_1$P, templateObject_2$
|
|
508
|
+
var templateObject_1$P, templateObject_2$K;
|
|
509
509
|
|
|
510
510
|
var wavesAnimation = styled.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"])));
|
|
511
|
-
var progressBarAnimation = styled.keyframes(templateObject_2$
|
|
512
|
-
var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$
|
|
513
|
-
var progressBorderAnimation = styled.keyframes(templateObject_4$
|
|
514
|
-
var templateObject_1$O, templateObject_2$
|
|
511
|
+
var progressBarAnimation = styled.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"])));
|
|
512
|
+
var dualRingSpinnerAnimation = styled.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"])));
|
|
513
|
+
var progressBorderAnimation = styled.keyframes(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
514
|
+
var templateObject_1$O, templateObject_2$J, templateObject_3$v, templateObject_4$p;
|
|
515
515
|
|
|
516
516
|
var OverlayContainer = styled__default.default.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) {
|
|
517
517
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
518
518
|
}, function (props) {
|
|
519
519
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
520
520
|
});
|
|
521
|
-
var OverlayInner$2 = styled__default.default.div(templateObject_2$
|
|
521
|
+
var OverlayInner$2 = styled__default.default.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) {
|
|
522
522
|
var _a;
|
|
523
523
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
524
524
|
}, function (props) {
|
|
525
525
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
526
526
|
});
|
|
527
|
-
var OverlayImageContainer = styled__default.default.div(templateObject_3$
|
|
528
|
-
var OverlayImageRow = styled__default.default.div(templateObject_4$
|
|
529
|
-
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$
|
|
530
|
-
var ButtonsColumn = styled__default.default.div(templateObject_6$
|
|
531
|
-
var WideButton = styled__default.default(LoaderButton)(templateObject_7$
|
|
532
|
-
var WideBorderButton = styled__default.default(WideButton)(templateObject_8$
|
|
527
|
+
var OverlayImageContainer = styled__default.default.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"])));
|
|
528
|
+
var OverlayImageRow = styled__default.default.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"])));
|
|
529
|
+
var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
|
|
530
|
+
var ButtonsColumn = styled__default.default.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"])));
|
|
531
|
+
var WideButton = styled__default.default(LoaderButton)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
|
|
532
|
+
var WideBorderButton = styled__default.default(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) {
|
|
533
533
|
var _a, _b;
|
|
534
534
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
|
|
535
535
|
}, function (props) {
|
|
@@ -539,34 +539,34 @@ var WideBorderButton = styled__default.default(WideButton)(templateObject_8$4 ||
|
|
|
539
539
|
var _a, _b;
|
|
540
540
|
return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
|
|
541
541
|
});
|
|
542
|
-
var LoadingOverlayInner = styled__default.default(OverlayInner$2)(templateObject_9$
|
|
543
|
-
var LoadingOverlayHeader = styled__default.default.div(templateObject_10$
|
|
542
|
+
var LoadingOverlayInner = styled__default.default(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"])));
|
|
543
|
+
var LoadingOverlayHeader = styled__default.default.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) {
|
|
544
544
|
var _a;
|
|
545
545
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
546
546
|
}, function (props) {
|
|
547
547
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
548
548
|
});
|
|
549
|
-
var LoadingOverlayGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_11$
|
|
550
|
-
var LoadingOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_12$
|
|
549
|
+
var LoadingOverlayGuidanceMessage = styled__default.default(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"])));
|
|
550
|
+
var LoadingOverlayImageContainer = styled__default.default(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"])));
|
|
551
551
|
var LoadingOverlayProgressBarBackground = styled__default.default.div.attrs({
|
|
552
552
|
className: 'loading-overlay-progress-bar-background'
|
|
553
|
-
})(templateObject_13$
|
|
553
|
+
})(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"])));
|
|
554
554
|
var LoadingOverlayProgressBar = styled__default.default.span.attrs({
|
|
555
555
|
className: 'loading-overlay-progress-bar'
|
|
556
|
-
})(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) {
|
|
556
|
+
})(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) {
|
|
557
557
|
return props.$progress;
|
|
558
558
|
});
|
|
559
559
|
var LoadingOverlayProgressIndicator = styled__default.default.span.attrs({
|
|
560
560
|
className: 'loading-overlay-progress-indicator'
|
|
561
|
-
})(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);
|
|
562
|
-
var LoadingOverlayButtonsRow = styled__default.default(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"])));
|
|
563
|
-
var LoadingOverlayLoadingListContainer = styled__default.default.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"])));
|
|
564
|
-
var LoadingOverlayLoadingList = styled__default.default.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"])));
|
|
565
|
-
var LoadingOverlayLoadingListItem = styled__default.default.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"])));
|
|
566
|
-
var LoadingOverlayProgressContainer = styled__default.default.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"])));
|
|
567
|
-
var LoadingOverlayCustomLoadingGraphic = styled__default.default.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
568
|
-
var LoadingOverlayContinueButtonContainer = styled__default.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
569
|
-
var templateObject_1$N, templateObject_2$
|
|
561
|
+
})(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);
|
|
562
|
+
var LoadingOverlayButtonsRow = styled__default.default(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"])));
|
|
563
|
+
var LoadingOverlayLoadingListContainer = styled__default.default.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"])));
|
|
564
|
+
var LoadingOverlayLoadingList = styled__default.default.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"])));
|
|
565
|
+
var LoadingOverlayLoadingListItem = styled__default.default.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"])));
|
|
566
|
+
var LoadingOverlayProgressContainer = styled__default.default.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"])));
|
|
567
|
+
var LoadingOverlayCustomLoadingGraphic = styled__default.default.img(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
|
|
568
|
+
var LoadingOverlayContinueButtonContainer = styled__default.default.div(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
569
|
+
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;
|
|
570
570
|
|
|
571
571
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
572
572
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -3302,7 +3302,7 @@ function getFrameDimensions(frame) {
|
|
|
3302
3302
|
}
|
|
3303
3303
|
|
|
3304
3304
|
var InvisibleCanvasContainer = styled__default.default.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"])));
|
|
3305
|
-
var InvisibleCanvas = styled__default.default.canvas(templateObject_2$
|
|
3305
|
+
var InvisibleCanvas = styled__default.default.canvas(templateObject_2$H || (templateObject_2$H = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
3306
3306
|
function drawToCanvas(canvas, frame, width, height) {
|
|
3307
3307
|
if (!canvas) return;
|
|
3308
3308
|
var ctx = canvas.getContext('2d');
|
|
@@ -3322,7 +3322,7 @@ function clearCanvas(canvas) {
|
|
|
3322
3322
|
var _a;
|
|
3323
3323
|
(_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);
|
|
3324
3324
|
}
|
|
3325
|
-
var templateObject_1$M, templateObject_2$
|
|
3325
|
+
var templateObject_1$M, templateObject_2$H;
|
|
3326
3326
|
|
|
3327
3327
|
function useFrameLoop(fn, options) {
|
|
3328
3328
|
if (options === void 0) {
|
|
@@ -5125,13 +5125,13 @@ function CameraTamperSeal(_a) {
|
|
|
5125
5125
|
}, messageText)));
|
|
5126
5126
|
}
|
|
5127
5127
|
var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
5128
|
-
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$
|
|
5128
|
+
var StyledOverlayHeading = styled__default.default.h3(templateObject_2$G || (templateObject_2$G = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
5129
5129
|
function useCameraStore(selector) {
|
|
5130
5130
|
var store = React.useContext(CameraStoreContext);
|
|
5131
5131
|
if (!store) throw new Error('useCameraStore cannot be used without Provider');
|
|
5132
5132
|
return zustand.useStore(store, selector);
|
|
5133
5133
|
}
|
|
5134
|
-
var templateObject_1$L, templateObject_2$
|
|
5134
|
+
var templateObject_1$L, templateObject_2$G;
|
|
5135
5135
|
|
|
5136
5136
|
var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
|
|
5137
5137
|
startDocumentDetection: function startDocumentDetection() {
|
|
@@ -6869,11 +6869,11 @@ function DebugStatsPane(_a) {
|
|
|
6869
6869
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
6870
6870
|
}
|
|
6871
6871
|
var DebugStatsPaneDiv = styled__default.default.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"])));
|
|
6872
|
-
var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$
|
|
6872
|
+
var ObjectDetectionDebugOverlayDiv = styled__default.default.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) {
|
|
6873
6873
|
var $flipX = _a.$flipX;
|
|
6874
6874
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6875
6875
|
});
|
|
6876
|
-
var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$
|
|
6876
|
+
var ObjectDetectionDebugBox = styled__default.default.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) {
|
|
6877
6877
|
var $color = _a.$color;
|
|
6878
6878
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
6879
6879
|
}, function (_a) {
|
|
@@ -6883,7 +6883,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$s ||
|
|
|
6883
6883
|
var $flipX = _a.$flipX;
|
|
6884
6884
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
6885
6885
|
});
|
|
6886
|
-
var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$
|
|
6886
|
+
var FaceDetectionKeypointMarker = styled__default.default.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) {
|
|
6887
6887
|
var $color = _a.$color;
|
|
6888
6888
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
6889
6889
|
}, function (_a) {
|
|
@@ -7080,7 +7080,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
7080
7080
|
}
|
|
7081
7081
|
});
|
|
7082
7082
|
}
|
|
7083
|
-
var templateObject_1$K, templateObject_2$
|
|
7083
|
+
var templateObject_1$K, templateObject_2$F, templateObject_3$t, templateObject_4$n;
|
|
7084
7084
|
|
|
7085
7085
|
function OverrideWrongDocumentTypeGuidanceDialog(_a) {
|
|
7086
7086
|
var _b = _a.classNames,
|
|
@@ -7120,11 +7120,11 @@ var Container$7 = styled__default.default.div(templateObject_1$J || (templateObj
|
|
|
7120
7120
|
var _a, _b, _c;
|
|
7121
7121
|
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';
|
|
7122
7122
|
});
|
|
7123
|
-
var InnerContainer = styled__default.default.div(templateObject_2$
|
|
7124
|
-
var Message = styled__default.default.span(templateObject_3$
|
|
7125
|
-
var ButtonContainer = styled__default.default.div(templateObject_4$
|
|
7126
|
-
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$
|
|
7127
|
-
var templateObject_1$J, templateObject_2$
|
|
7123
|
+
var InnerContainer = styled__default.default.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"])));
|
|
7124
|
+
var Message = styled__default.default.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"])));
|
|
7125
|
+
var ButtonContainer = styled__default.default.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
|
|
7126
|
+
var Button$1 = styled__default.default(LoaderButton)(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
7127
|
+
var templateObject_1$J, templateObject_2$E, templateObject_3$s, templateObject_4$m, templateObject_5$f;
|
|
7128
7128
|
|
|
7129
7129
|
// This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
|
|
7130
7130
|
// We have removed all options and made it compliant with React Compiler/React 19.
|
|
@@ -7452,10 +7452,10 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
7452
7452
|
}, verbiage.retryBtnText)));
|
|
7453
7453
|
};
|
|
7454
7454
|
var StyledOverlayInner$3 = styled__default.default(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"])));
|
|
7455
|
-
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
7456
|
-
var Description$4 = styled__default.default.p(templateObject_3$
|
|
7457
|
-
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$
|
|
7458
|
-
var templateObject_1$I, templateObject_2$
|
|
7455
|
+
var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
7456
|
+
var Description$4 = styled__default.default.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"])));
|
|
7457
|
+
var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
7458
|
+
var templateObject_1$I, templateObject_2$D, templateObject_3$r, templateObject_4$l;
|
|
7459
7459
|
|
|
7460
7460
|
var ExitCaptureStyledButton = styled__default.default.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"])));
|
|
7461
7461
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
@@ -7977,20 +7977,20 @@ function IdCaptureLoadingGraphicMobile(_a) {
|
|
|
7977
7977
|
}))));
|
|
7978
7978
|
}
|
|
7979
7979
|
var LoadingGraphicWrapper = styled__default.default.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"])));
|
|
7980
|
-
var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$
|
|
7980
|
+
var LoadingGraphicSvg = styled__default.default.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) {
|
|
7981
7981
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
7982
7982
|
}, function (props) {
|
|
7983
7983
|
return props.$frame >= 5 ? 10 : 0;
|
|
7984
7984
|
}, function (props) {
|
|
7985
7985
|
return props.$borderColor;
|
|
7986
7986
|
});
|
|
7987
|
-
var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$
|
|
7987
|
+
var LoadingGraphicCardGroup = styled__default.default.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) {
|
|
7988
7988
|
return props.$offScreen ? '-500px' : '0';
|
|
7989
7989
|
});
|
|
7990
|
-
var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$
|
|
7990
|
+
var LoadingGraphicPhoneGroup = styled__default.default.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) {
|
|
7991
7991
|
return props.$offScreen ? '40px' : '0';
|
|
7992
7992
|
});
|
|
7993
|
-
var templateObject_1$G, templateObject_2$
|
|
7993
|
+
var templateObject_1$G, templateObject_2$C, templateObject_3$q, templateObject_4$k;
|
|
7994
7994
|
|
|
7995
7995
|
function LoadingListItemIndicator(_a) {
|
|
7996
7996
|
var _b = _a.state,
|
|
@@ -8266,28 +8266,28 @@ var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject
|
|
|
8266
8266
|
var _a, _b, _c, _d;
|
|
8267
8267
|
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';
|
|
8268
8268
|
});
|
|
8269
|
-
var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_2$
|
|
8270
|
-
var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_3$
|
|
8271
|
-
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_4$
|
|
8272
|
-
var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObject_5$
|
|
8269
|
+
var ContinuityCameraCheckboxContainer$1 = styled__default.default.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"])));
|
|
8270
|
+
var ContinuityCameraCheckboxInner = styled__default.default(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"])));
|
|
8271
|
+
var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
8272
|
+
var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
8273
8273
|
var _a, _b, _c, _d;
|
|
8274
8274
|
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';
|
|
8275
8275
|
}, function (props) {
|
|
8276
8276
|
var _a, _b, _c, _d, _e, _f;
|
|
8277
8277
|
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, ";") : '';
|
|
8278
8278
|
});
|
|
8279
|
-
var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_6$
|
|
8279
|
+
var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
8280
8280
|
var _a, _b, _c, _d;
|
|
8281
8281
|
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)';
|
|
8282
8282
|
}, function (props) {
|
|
8283
8283
|
var _a, _b, _c, _d;
|
|
8284
8284
|
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;
|
|
8285
8285
|
});
|
|
8286
|
-
var ProgressIndicator$1 = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_7$
|
|
8286
|
+
var ProgressIndicator$1 = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
8287
8287
|
var _a, _b, _c, _d;
|
|
8288
8288
|
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)';
|
|
8289
8289
|
});
|
|
8290
|
-
var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_8$
|
|
8290
|
+
var ContinueButton$1 = styled__default.default(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) {
|
|
8291
8291
|
var _a, _b, _c, _d, _e, _f;
|
|
8292
8292
|
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, ";") : '';
|
|
8293
8293
|
}, function (props) {
|
|
@@ -8306,10 +8306,10 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_8$3
|
|
|
8306
8306
|
var _a, _b, _c, _d;
|
|
8307
8307
|
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';
|
|
8308
8308
|
});
|
|
8309
|
-
var templateObject_1$F, templateObject_2$
|
|
8309
|
+
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;
|
|
8310
8310
|
|
|
8311
8311
|
var ContinuityCameraCheckboxContainer = styled__default.default.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"])));
|
|
8312
|
-
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$
|
|
8312
|
+
var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
8313
8313
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
8314
8314
|
var _b, _c, _d, _e;
|
|
8315
8315
|
var onDismissed = _a.onDismissed,
|
|
@@ -8430,7 +8430,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
8430
8430
|
}
|
|
8431
8431
|
}, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
8432
8432
|
};
|
|
8433
|
-
var templateObject_1$E, templateObject_2$
|
|
8433
|
+
var templateObject_1$E, templateObject_2$A;
|
|
8434
8434
|
|
|
8435
8435
|
var components$1 = {
|
|
8436
8436
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -8489,8 +8489,8 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
8489
8489
|
};
|
|
8490
8490
|
|
|
8491
8491
|
var Card = styled__default.default.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"])));
|
|
8492
|
-
var FlexCard = styled__default.default(Card)(templateObject_2$
|
|
8493
|
-
var templateObject_1$D, templateObject_2$
|
|
8492
|
+
var FlexCard = styled__default.default(Card)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
8493
|
+
var templateObject_1$D, templateObject_2$z;
|
|
8494
8494
|
|
|
8495
8495
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'idBarcodeImage', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
8496
8496
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
@@ -8553,12 +8553,12 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
8553
8553
|
}, verbiage.retryText)))));
|
|
8554
8554
|
};
|
|
8555
8555
|
var Heading$a = styled__default.default.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"])));
|
|
8556
|
-
var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
8557
|
-
var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$
|
|
8558
|
-
var ImageCol$1 = styled__default.default.div(templateObject_4$
|
|
8559
|
-
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$
|
|
8560
|
-
var DebugPre = styled__default.default.pre(templateObject_6$
|
|
8561
|
-
var templateObject_1$C, templateObject_2$
|
|
8556
|
+
var ImagesContainer = styled__default.default(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"])));
|
|
8557
|
+
var ImageRow = styled__default.default(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"])));
|
|
8558
|
+
var ImageCol$1 = styled__default.default.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"])));
|
|
8559
|
+
var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
8560
|
+
var DebugPre = styled__default.default.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"])));
|
|
8561
|
+
var templateObject_1$C, templateObject_2$y, templateObject_3$o, templateObject_4$i, templateObject_5$d, templateObject_6$8;
|
|
8562
8562
|
|
|
8563
8563
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
8564
8564
|
var _this = this;
|
|
@@ -8615,7 +8615,7 @@ var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateOb
|
|
|
8615
8615
|
}, function (props) {
|
|
8616
8616
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8617
8617
|
});
|
|
8618
|
-
var IdCardGuideImage = styled__default.default.img(templateObject_2$
|
|
8618
|
+
var IdCardGuideImage = styled__default.default.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) {
|
|
8619
8619
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
8620
8620
|
}, function (props) {
|
|
8621
8621
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -8765,17 +8765,17 @@ function IdCardBorderSvg(_a) {
|
|
|
8765
8765
|
className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
|
|
8766
8766
|
}));
|
|
8767
8767
|
}
|
|
8768
|
-
var IdCardBorderContainer = styled__default.default.div(templateObject_3$
|
|
8769
|
-
var IdCardBorderInner = styled__default.default.div(templateObject_4$
|
|
8770
|
-
var SvgOverlay = styled__default.default.svg(templateObject_5$
|
|
8771
|
-
var IdCardBorderRect = styled__default.default.rect(templateObject_6$
|
|
8768
|
+
var IdCardBorderContainer = styled__default.default.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);
|
|
8769
|
+
var IdCardBorderInner = styled__default.default.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"])));
|
|
8770
|
+
var SvgOverlay = styled__default.default.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"])));
|
|
8771
|
+
var IdCardBorderRect = styled__default.default.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) {
|
|
8772
8772
|
var _a;
|
|
8773
8773
|
return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
|
|
8774
8774
|
}, function (props) {
|
|
8775
8775
|
var _a;
|
|
8776
8776
|
return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
|
|
8777
8777
|
});
|
|
8778
|
-
var templateObject_1$B, templateObject_2$
|
|
8778
|
+
var templateObject_1$B, templateObject_2$x, templateObject_3$n, templateObject_4$h, templateObject_5$c, templateObject_6$7;
|
|
8779
8779
|
|
|
8780
8780
|
var defaultIdCaptureGuideImages = {
|
|
8781
8781
|
portrait: {
|
|
@@ -8967,12 +8967,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
8967
8967
|
var Wrapper$1 = styled__default.default.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) {
|
|
8968
8968
|
return props.$isLandscape ? 'height: 100%;' : 'height: 100%;';
|
|
8969
8969
|
});
|
|
8970
|
-
var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_2$
|
|
8970
|
+
var FlipImageContainer = styled__default.default(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) {
|
|
8971
8971
|
return props.$transitionTime;
|
|
8972
8972
|
}, function (props) {
|
|
8973
8973
|
return props.$transforms;
|
|
8974
8974
|
});
|
|
8975
|
-
var templateObject_1$A, templateObject_2$
|
|
8975
|
+
var templateObject_1$A, templateObject_2$w;
|
|
8976
8976
|
|
|
8977
8977
|
var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
8978
8978
|
orientation: 'landscape',
|
|
@@ -9261,9 +9261,9 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
9261
9261
|
}).join(' ');
|
|
9262
9262
|
};
|
|
9263
9263
|
var StyledPageContainer = styled__default.default.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"])));
|
|
9264
|
-
var GuidesContainer = styled__default.default.div(templateObject_2$
|
|
9265
|
-
var GuideCenterRow = styled__default.default.div(templateObject_3$
|
|
9266
|
-
var GuideRegion = styled__default.default.div(templateObject_4$
|
|
9264
|
+
var GuidesContainer = styled__default.default.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"])));
|
|
9265
|
+
var GuideCenterRow = styled__default.default.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"])));
|
|
9266
|
+
var GuideRegion = styled__default.default.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) {
|
|
9267
9267
|
var _a, _b, _c, _d, _e;
|
|
9268
9268
|
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)';
|
|
9269
9269
|
}, function (props) {
|
|
@@ -9274,23 +9274,23 @@ var GuideRegion = styled__default.default.div(templateObject_4$f || (templateObj
|
|
|
9274
9274
|
}, function (props) {
|
|
9275
9275
|
return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
|
|
9276
9276
|
});
|
|
9277
|
-
var Spacer = styled__default.default(GuideRegion)(templateObject_5$
|
|
9278
|
-
var GuideCenterRegion = styled__default.default.div(templateObject_6$
|
|
9277
|
+
var Spacer = styled__default.default(GuideRegion)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n display: block;\n width: auto;\n"], ["\n display: block;\n width: auto;\n"])));
|
|
9278
|
+
var GuideCenterRegion = styled__default.default.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) {
|
|
9279
9279
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
9280
9280
|
}, function (props) {
|
|
9281
9281
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
9282
9282
|
});
|
|
9283
|
-
var GuideCenterBorder = styled__default.default.div(templateObject_7$
|
|
9283
|
+
var GuideCenterBorder = styled__default.default.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) {
|
|
9284
9284
|
var _a, _b;
|
|
9285
9285
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
9286
9286
|
}, function (props) {
|
|
9287
9287
|
return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
|
|
9288
9288
|
});
|
|
9289
|
-
var GuideText = styled__default.default.span(templateObject_8$
|
|
9290
|
-
var GuideCenterInner = styled__default.default.div(templateObject_9$
|
|
9289
|
+
var GuideText = styled__default.default.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"])));
|
|
9290
|
+
var GuideCenterInner = styled__default.default.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) {
|
|
9291
9291
|
return props.$isLandscape ? 'height: 100%;' : 'width: 90%;';
|
|
9292
9292
|
});
|
|
9293
|
-
var templateObject_1$y, templateObject_2$
|
|
9293
|
+
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;
|
|
9294
9294
|
|
|
9295
9295
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
9296
9296
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -9434,8 +9434,8 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
9434
9434
|
var CanvasWrapper$1 = styled__default.default.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) {
|
|
9435
9435
|
return props.$maskColor;
|
|
9436
9436
|
});
|
|
9437
|
-
var Canvas$1 = styled__default.default.canvas(templateObject_2$
|
|
9438
|
-
var templateObject_1$x, templateObject_2$
|
|
9437
|
+
var Canvas$1 = styled__default.default.canvas(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9438
|
+
var templateObject_1$x, templateObject_2$u;
|
|
9439
9439
|
|
|
9440
9440
|
function IdCaptureGuides(_a) {
|
|
9441
9441
|
var _b = _a.guideType,
|
|
@@ -9516,11 +9516,11 @@ var Spinner = styled__default.default.div(templateObject_1$w || (templateObject_
|
|
|
9516
9516
|
var $color = _a.$color;
|
|
9517
9517
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
9518
9518
|
}, dualRingSpinnerAnimation);
|
|
9519
|
-
var SpinnerPageContainer = styled__default.default.div(templateObject_2$
|
|
9519
|
+
var SpinnerPageContainer = styled__default.default.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"])));
|
|
9520
9520
|
function SpinnerPage() {
|
|
9521
9521
|
return /*#__PURE__*/React__namespace.default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
|
|
9522
9522
|
}
|
|
9523
|
-
var templateObject_1$w, templateObject_2$
|
|
9523
|
+
var templateObject_1$w, templateObject_2$t;
|
|
9524
9524
|
|
|
9525
9525
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
9526
9526
|
var _b = _a.classNames,
|
|
@@ -9608,10 +9608,10 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
9608
9608
|
})));
|
|
9609
9609
|
};
|
|
9610
9610
|
var StyledSpinner = styled__default.default(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"])));
|
|
9611
|
-
var ImagePreviewWrapper = styled__default.default.div(templateObject_2$
|
|
9612
|
-
var ImagePreviewText = styled__default.default.div(templateObject_3$
|
|
9613
|
-
var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$
|
|
9614
|
-
var templateObject_1$v, templateObject_2$
|
|
9611
|
+
var ImagePreviewWrapper = styled__default.default.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"])));
|
|
9612
|
+
var ImagePreviewText = styled__default.default.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"])));
|
|
9613
|
+
var ImagePreviewImageWrapper = styled__default.default.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"])));
|
|
9614
|
+
var templateObject_1$v, templateObject_2$s, templateObject_3$l, templateObject_4$f;
|
|
9615
9615
|
|
|
9616
9616
|
var documentCaptureInitialState = {
|
|
9617
9617
|
documents: [],
|
|
@@ -9960,8 +9960,8 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
9960
9960
|
var CanvasWrapper = styled__default.default.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) {
|
|
9961
9961
|
return props.$maskColor;
|
|
9962
9962
|
});
|
|
9963
|
-
var Canvas = styled__default.default.canvas(templateObject_2$
|
|
9964
|
-
var templateObject_1$u, templateObject_2$
|
|
9963
|
+
var Canvas = styled__default.default.canvas(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
9964
|
+
var templateObject_1$u, templateObject_2$r;
|
|
9965
9965
|
|
|
9966
9966
|
var CameraFeedWrapper = styled__default.default.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
9967
9967
|
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;") : "";
|
|
@@ -10147,20 +10147,20 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
10147
10147
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
10148
10148
|
};
|
|
10149
10149
|
var CaptureContainer = styled__default.default.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"])));
|
|
10150
|
-
var HeadingRow = styled__default.default.div(templateObject_2$
|
|
10150
|
+
var HeadingRow = styled__default.default.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) {
|
|
10151
10151
|
return props.$maskColor;
|
|
10152
10152
|
});
|
|
10153
|
-
var Heading$9 = styled__default.default.h1(templateObject_3$
|
|
10154
|
-
var FooterRow = styled__default.default.div(templateObject_4$
|
|
10153
|
+
var Heading$9 = styled__default.default.h1(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
10154
|
+
var FooterRow = styled__default.default.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) {
|
|
10155
10155
|
return props.$maskColor;
|
|
10156
10156
|
});
|
|
10157
|
-
var Instructions = styled__default.default.div(templateObject_5$
|
|
10157
|
+
var Instructions = styled__default.default.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) {
|
|
10158
10158
|
var _a, _b, _c;
|
|
10159
10159
|
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';
|
|
10160
10160
|
});
|
|
10161
|
-
var StyledButtonsRow$8 = styled__default.default(ButtonsRow$2)(templateObject_6$
|
|
10162
|
-
var PreviewImage = styled__default.default.img(templateObject_7$
|
|
10163
|
-
var templateObject_1$r, templateObject_2$
|
|
10161
|
+
var StyledButtonsRow$8 = styled__default.default(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
10162
|
+
var PreviewImage = styled__default.default.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"])));
|
|
10163
|
+
var templateObject_1$r, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$a, templateObject_6$5, templateObject_7$3;
|
|
10164
10164
|
|
|
10165
10165
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
10166
10166
|
var onSuccess = _a.onSuccess,
|
|
@@ -10432,12 +10432,12 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
10432
10432
|
}, verbiage.doneBtnText))))));
|
|
10433
10433
|
};
|
|
10434
10434
|
var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
10435
|
-
var Heading$8 = styled__default.default.h3(templateObject_2$
|
|
10436
|
-
var Description$3 = styled__default.default.p(templateObject_3$
|
|
10437
|
-
var Instruction = styled__default.default.p(templateObject_4$
|
|
10438
|
-
var ImageCol = styled__default.default.div(templateObject_5$
|
|
10439
|
-
var StyledButtonsRow$7 = styled__default.default(ButtonsRow$2)(templateObject_6$
|
|
10440
|
-
var templateObject_1$q, templateObject_2$
|
|
10435
|
+
var Heading$8 = styled__default.default.h3(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10436
|
+
var Description$3 = styled__default.default.p(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10437
|
+
var Instruction = styled__default.default.p(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
10438
|
+
var ImageCol = styled__default.default.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"])));
|
|
10439
|
+
var StyledButtonsRow$7 = styled__default.default(ButtonsRow$2)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
10440
|
+
var templateObject_1$q, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$4;
|
|
10441
10441
|
|
|
10442
10442
|
function ScalingCameraFeed() {
|
|
10443
10443
|
var _a = useIdCaptureStore(),
|
|
@@ -10793,20 +10793,20 @@ var ScreenContainer = styled__default.default.div(templateObject_1$p || (templat
|
|
|
10793
10793
|
var _a;
|
|
10794
10794
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
10795
10795
|
});
|
|
10796
|
-
var ScreenPanel = styled__default.default.div(templateObject_2$
|
|
10797
|
-
var SelectIdCardScreenPanel = styled__default.default(ScreenPanel)(templateObject_3$
|
|
10798
|
-
var ScreenPanelHeading = styled__default.default.h3(templateObject_4$
|
|
10799
|
-
var ScreenActionsBar = styled__default.default.div(templateObject_5$
|
|
10800
|
-
var DashedSeparator = styled__default.default.div(templateObject_6$
|
|
10801
|
-
var OrWrapper = styled__default.default.div(templateObject_7$
|
|
10802
|
-
var UploadIdBackHelpText = styled__default.default.p(templateObject_8$
|
|
10803
|
-
var Button = styled__default.default(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"])));
|
|
10804
|
-
var Modal = styled__default.default.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"])));
|
|
10805
|
-
var Dialog = styled__default.default.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) {
|
|
10796
|
+
var ScreenPanel = styled__default.default.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"])));
|
|
10797
|
+
var SelectIdCardScreenPanel = styled__default.default(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"])));
|
|
10798
|
+
var ScreenPanelHeading = styled__default.default.h3(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
|
|
10799
|
+
var ScreenActionsBar = styled__default.default.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"])));
|
|
10800
|
+
var DashedSeparator = styled__default.default.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"])));
|
|
10801
|
+
var OrWrapper = styled__default.default.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"])));
|
|
10802
|
+
var UploadIdBackHelpText = styled__default.default.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"])));
|
|
10803
|
+
var Button = styled__default.default(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"])));
|
|
10804
|
+
var Modal = styled__default.default.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"])));
|
|
10805
|
+
var Dialog = styled__default.default.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) {
|
|
10806
10806
|
var _a;
|
|
10807
10807
|
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
10808
10808
|
});
|
|
10809
|
-
var ModalCloseButton = styled__default.default.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"])));
|
|
10809
|
+
var ModalCloseButton = styled__default.default.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"])));
|
|
10810
10810
|
function XIcon(props) {
|
|
10811
10811
|
return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
|
|
10812
10812
|
width: "25",
|
|
@@ -11057,7 +11057,7 @@ function IdDocumentIcon(props) {
|
|
|
11057
11057
|
strokeWidth: "3"
|
|
11058
11058
|
}));
|
|
11059
11059
|
}
|
|
11060
|
-
var InlineSvg = styled__default.default.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
11060
|
+
var InlineSvg = styled__default.default.svg(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
|
|
11061
11061
|
function humanFileSize(bytes, si, dp) {
|
|
11062
11062
|
if (si === void 0) {
|
|
11063
11063
|
si = false;
|
|
@@ -11078,7 +11078,7 @@ function humanFileSize(bytes, si, dp) {
|
|
|
11078
11078
|
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
|
|
11079
11079
|
return bytes.toFixed(dp) + ' ' + units[u];
|
|
11080
11080
|
}
|
|
11081
|
-
var templateObject_1$p, templateObject_2$
|
|
11081
|
+
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;
|
|
11082
11082
|
|
|
11083
11083
|
var lastDocumentDetectedAtDefaults = {
|
|
11084
11084
|
idCardFront: null,
|
|
@@ -11896,8 +11896,8 @@ function HeadGuide(_a) {
|
|
|
11896
11896
|
height: parentHeight
|
|
11897
11897
|
})));
|
|
11898
11898
|
}
|
|
11899
|
-
var AbsoluteSvg = styled__default.default.svg(templateObject_2$
|
|
11900
|
-
var RelativeSvgContainer = styled__default.default.div(templateObject_3$
|
|
11899
|
+
var AbsoluteSvg = styled__default.default.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"])));
|
|
11900
|
+
var RelativeSvgContainer = styled__default.default.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) {
|
|
11901
11901
|
return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
|
|
11902
11902
|
});
|
|
11903
11903
|
function SelfieCaptureAnimatedMask(_a) {
|
|
@@ -12124,10 +12124,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
|
|
|
12124
12124
|
status: status
|
|
12125
12125
|
}));
|
|
12126
12126
|
}
|
|
12127
|
-
var templateObject_1$o, templateObject_2$
|
|
12127
|
+
var templateObject_1$o, templateObject_2$n, templateObject_3$h;
|
|
12128
12128
|
|
|
12129
12129
|
var FaceCaptureGuideContainer = styled__default.default.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"])));
|
|
12130
|
-
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$
|
|
12130
|
+
var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
|
|
12131
12131
|
var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
12132
12132
|
var _b = _a.classNames,
|
|
12133
12133
|
classNames = _b === void 0 ? {} : _b,
|
|
@@ -12149,7 +12149,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
12149
12149
|
verticalAlign: "center"
|
|
12150
12150
|
})));
|
|
12151
12151
|
};
|
|
12152
|
-
var templateObject_1$n, templateObject_2$
|
|
12152
|
+
var templateObject_1$n, templateObject_2$m;
|
|
12153
12153
|
|
|
12154
12154
|
var defaultSelfieCaptureModelLoadTimeoutMs = 45000;
|
|
12155
12155
|
var detector = null;
|
|
@@ -12935,11 +12935,11 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
12935
12935
|
}, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
12936
12936
|
};
|
|
12937
12937
|
var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12938
|
-
var Heading$7 = styled__default.default.h3(templateObject_2$
|
|
12939
|
-
var Description$2 = styled__default.default.p(templateObject_3$
|
|
12940
|
-
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$
|
|
12941
|
-
var StyledButtonsRow$6 = styled__default.default(ButtonsRow$2)(templateObject_5$
|
|
12942
|
-
var templateObject_1$m, templateObject_2$
|
|
12938
|
+
var Heading$7 = styled__default.default.h3(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12939
|
+
var Description$2 = styled__default.default.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12940
|
+
var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12941
|
+
var StyledButtonsRow$6 = styled__default.default(ButtonsRow$2)(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12942
|
+
var templateObject_1$m, templateObject_2$l, templateObject_3$g, templateObject_4$b, templateObject_5$7;
|
|
12943
12943
|
|
|
12944
12944
|
var initialState$4 = {
|
|
12945
12945
|
busy: false,
|
|
@@ -13132,9 +13132,9 @@ var SelfieCapture = function SelfieCapture(_a) {
|
|
|
13132
13132
|
}));
|
|
13133
13133
|
};
|
|
13134
13134
|
var Container$6 = styled__default.default.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
|
|
13135
|
-
var CaptureButtonContainer$1 = styled__default.default.div(templateObject_2$
|
|
13136
|
-
var CaptureButton$1 = styled__default.default(LoaderButton)(templateObject_3$
|
|
13137
|
-
var templateObject_1$l, templateObject_2$
|
|
13135
|
+
var CaptureButtonContainer$1 = styled__default.default.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"])));
|
|
13136
|
+
var CaptureButton$1 = styled__default.default(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"])));
|
|
13137
|
+
var templateObject_1$l, templateObject_2$k, templateObject_3$f;
|
|
13138
13138
|
|
|
13139
13139
|
var initialState$3 = {
|
|
13140
13140
|
requestState: 'CAPTURING',
|
|
@@ -13521,8 +13521,8 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
13521
13521
|
}, verbiage.retryBtnText)))));
|
|
13522
13522
|
};
|
|
13523
13523
|
var ImageContainer$5 = styled__default.default.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"])));
|
|
13524
|
-
var Heading$6 = styled__default.default.h3(templateObject_2$
|
|
13525
|
-
var templateObject_1$k, templateObject_2$
|
|
13524
|
+
var Heading$6 = styled__default.default.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"])));
|
|
13525
|
+
var templateObject_1$k, templateObject_2$j;
|
|
13526
13526
|
|
|
13527
13527
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
13528
13528
|
var _b = _a.canRetry,
|
|
@@ -13572,8 +13572,8 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
13572
13572
|
}, verbiage.exitBtnText)))));
|
|
13573
13573
|
};
|
|
13574
13574
|
var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
|
|
13575
|
-
var Heading$5 = styled__default.default.h3(templateObject_2$
|
|
13576
|
-
var templateObject_1$j, templateObject_2$
|
|
13575
|
+
var Heading$5 = styled__default.default.h3(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
|
|
13576
|
+
var templateObject_1$j, templateObject_2$i;
|
|
13577
13577
|
|
|
13578
13578
|
var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
13579
13579
|
var _b;
|
|
@@ -13617,10 +13617,10 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
|
|
|
13617
13617
|
}, verbiage.retryBtnText)));
|
|
13618
13618
|
};
|
|
13619
13619
|
var StyledOverlayInner = styled__default.default(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"])));
|
|
13620
|
-
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$
|
|
13621
|
-
var Description$1 = styled__default.default.p(templateObject_3$
|
|
13622
|
-
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$
|
|
13623
|
-
var templateObject_1$i, templateObject_2$
|
|
13620
|
+
var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
13621
|
+
var Description$1 = styled__default.default.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"])));
|
|
13622
|
+
var RetryButton = styled__default.default(LoaderButton)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
13623
|
+
var templateObject_1$i, templateObject_2$h, templateObject_3$e, templateObject_4$a;
|
|
13624
13624
|
|
|
13625
13625
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
13626
13626
|
var onDismissed = _a.onDismissed,
|
|
@@ -13713,8 +13713,8 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
13713
13713
|
}, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
13714
13714
|
};
|
|
13715
13715
|
var StyledGuidanceMessage = styled__default.default(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"])));
|
|
13716
|
-
var StyledButtonsRow$5 = styled__default.default(ButtonsRow$2)(templateObject_2$
|
|
13717
|
-
var templateObject_1$h, templateObject_2$
|
|
13716
|
+
var StyledButtonsRow$5 = styled__default.default(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"])));
|
|
13717
|
+
var templateObject_1$h, templateObject_2$g;
|
|
13718
13718
|
|
|
13719
13719
|
var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
|
|
13720
13720
|
var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
|
|
@@ -13889,25 +13889,25 @@ var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1
|
|
|
13889
13889
|
var _a, _b, _c, _d;
|
|
13890
13890
|
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';
|
|
13891
13891
|
});
|
|
13892
|
-
var ButtonsRow = styled__default.default(LoadingOverlayButtonsRow)(templateObject_2$
|
|
13892
|
+
var ButtonsRow = styled__default.default(LoadingOverlayButtonsRow)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
|
|
13893
13893
|
var _a, _b, _c, _d;
|
|
13894
13894
|
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';
|
|
13895
13895
|
}, function (props) {
|
|
13896
13896
|
var _a, _b, _c, _d, _e, _f;
|
|
13897
13897
|
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, ";") : '';
|
|
13898
13898
|
});
|
|
13899
|
-
var ProgressBarBackground = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_3$
|
|
13899
|
+
var ProgressBarBackground = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
13900
13900
|
var _a, _b, _c, _d;
|
|
13901
13901
|
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)';
|
|
13902
13902
|
}, function (props) {
|
|
13903
13903
|
var _a, _b, _c, _d;
|
|
13904
13904
|
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;
|
|
13905
13905
|
});
|
|
13906
|
-
var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_4$
|
|
13906
|
+
var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
|
|
13907
13907
|
var _a, _b, _c, _d;
|
|
13908
13908
|
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)';
|
|
13909
13909
|
});
|
|
13910
|
-
var ContinueButton = styled__default.default(LoaderButton)(templateObject_5$
|
|
13910
|
+
var ContinueButton = styled__default.default(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) {
|
|
13911
13911
|
var _a, _b, _c, _d, _e, _f;
|
|
13912
13912
|
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, ";") : '';
|
|
13913
13913
|
}, function (props) {
|
|
@@ -13926,7 +13926,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_5$5 ||
|
|
|
13926
13926
|
var _a, _b, _c, _d;
|
|
13927
13927
|
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';
|
|
13928
13928
|
});
|
|
13929
|
-
var templateObject_1$g, templateObject_2$
|
|
13929
|
+
var templateObject_1$g, templateObject_2$f, templateObject_3$d, templateObject_4$9, templateObject_5$6;
|
|
13930
13930
|
|
|
13931
13931
|
var components = {
|
|
13932
13932
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -14248,18 +14248,63 @@ function FaceLivenessWizardWithProviders(_a) {
|
|
|
14248
14248
|
}, /*#__PURE__*/React__namespace.default.createElement(FaceLivenessWizard, _assign({}, faceLivenessProps))));
|
|
14249
14249
|
}
|
|
14250
14250
|
|
|
14251
|
+
var quickFactConfig = [{
|
|
14252
|
+
key: 'uniqueRequestId',
|
|
14253
|
+
label: 'Unique Request ID'
|
|
14254
|
+
}, {
|
|
14255
|
+
key: 'verificationResult',
|
|
14256
|
+
label: 'Overall Decision'
|
|
14257
|
+
}, {
|
|
14258
|
+
key: 'verificationResultCode',
|
|
14259
|
+
label: 'Result Code'
|
|
14260
|
+
}, {
|
|
14261
|
+
key: 'verificationResultId',
|
|
14262
|
+
label: 'Result ID'
|
|
14263
|
+
}, {
|
|
14264
|
+
key: 'realScore',
|
|
14265
|
+
label: 'Real Score'
|
|
14266
|
+
}, {
|
|
14267
|
+
key: 'estimatedAge',
|
|
14268
|
+
label: 'Estimated Age'
|
|
14269
|
+
}];
|
|
14270
|
+
var isRecord = function isRecord(value) {
|
|
14271
|
+
return typeof value === 'object' && value !== null;
|
|
14272
|
+
};
|
|
14273
|
+
var isDisplayablePrimitive = function isDisplayablePrimitive(value) {
|
|
14274
|
+
return ['string', 'number', 'boolean'].includes(typeof value);
|
|
14275
|
+
};
|
|
14276
|
+
var formatValue = function formatValue(value) {
|
|
14277
|
+
if (typeof value === 'boolean') return value ? 'Yes' : 'No';
|
|
14278
|
+
return "".concat(value);
|
|
14279
|
+
};
|
|
14280
|
+
var formatDecisionName = function formatDecisionName(rawKey) {
|
|
14281
|
+
return rawKey.replace(/^Decision_/, '').replace(/_/g, ' ');
|
|
14282
|
+
};
|
|
14283
|
+
var isDecisionDetail = function isDecisionDetail(value) {
|
|
14284
|
+
return isRecord(value) && (value.DecisionResult !== undefined || value.DecisionStateCode !== undefined);
|
|
14285
|
+
};
|
|
14251
14286
|
var SubmissionSuccess = function SubmissionSuccess() {
|
|
14252
|
-
var _a
|
|
14253
|
-
|
|
14254
|
-
|
|
14255
|
-
|
|
14256
|
-
|
|
14257
|
-
|
|
14258
|
-
|
|
14259
|
-
|
|
14260
|
-
|
|
14287
|
+
var _a;
|
|
14288
|
+
var _b = React.useContext(SubmissionContext),
|
|
14289
|
+
submissionRequest = _b.submissionRequest,
|
|
14290
|
+
submissionResponse = _b.submissionResponse;
|
|
14291
|
+
var _c = React.useState(false),
|
|
14292
|
+
showRequestBody = _c[0],
|
|
14293
|
+
setShowRequestBody = _c[1];
|
|
14294
|
+
var _d = React.useState(false),
|
|
14295
|
+
showResponseBody = _d[0],
|
|
14296
|
+
setShowResponseBody = _d[1];
|
|
14297
|
+
var _e = React.useState(true),
|
|
14298
|
+
truncateImages = _e[0],
|
|
14299
|
+
setTruncateImages = _e[1];
|
|
14300
|
+
var status = submissionResponse === null || submissionResponse === void 0 ? void 0 : submissionResponse.status;
|
|
14301
|
+
var resultData = React.useMemo(function () {
|
|
14302
|
+
var _a;
|
|
14303
|
+
return (_a = submissionResponse === null || submissionResponse === void 0 ? void 0 : submissionResponse.resultData) !== null && _a !== void 0 ? _a : {};
|
|
14304
|
+
}, [submissionResponse]);
|
|
14261
14305
|
var requestBodyDisplay = React.useMemo(function () {
|
|
14262
14306
|
var _a, _b, _c, _d, _e, _f;
|
|
14307
|
+
if (!submissionRequest) return 'No request payload captured.';
|
|
14263
14308
|
var body = JSON.parse(JSON.stringify(submissionRequest));
|
|
14264
14309
|
if (truncateImages) {
|
|
14265
14310
|
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);
|
|
@@ -14268,26 +14313,128 @@ var SubmissionSuccess = function SubmissionSuccess() {
|
|
|
14268
14313
|
}
|
|
14269
14314
|
return JSON.stringify(body, null, 2);
|
|
14270
14315
|
}, [submissionRequest, truncateImages]);
|
|
14271
|
-
|
|
14316
|
+
var responseBodyDisplay = React.useMemo(function () {
|
|
14317
|
+
if (!submissionResponse) return 'No response payload yet.';
|
|
14318
|
+
return JSON.stringify(submissionResponse, null, 2);
|
|
14319
|
+
}, [submissionResponse]);
|
|
14320
|
+
var quickFacts = React.useMemo(function () {
|
|
14321
|
+
return quickFactConfig.map(function (field) {
|
|
14322
|
+
var value = resultData[field.key];
|
|
14323
|
+
if (!isDisplayablePrimitive(value)) return null;
|
|
14324
|
+
return {
|
|
14325
|
+
label: field.label,
|
|
14326
|
+
value: formatValue(value),
|
|
14327
|
+
key: field.key
|
|
14328
|
+
};
|
|
14329
|
+
}).filter(Boolean);
|
|
14330
|
+
}, [resultData]);
|
|
14331
|
+
var consumedKeys = React.useMemo(function () {
|
|
14332
|
+
return new Set(__spreadArray(['verificationResultDetails'], quickFactConfig.map(function (item) {
|
|
14333
|
+
return item.key;
|
|
14334
|
+
}), true));
|
|
14335
|
+
}, []);
|
|
14336
|
+
var additionalDetails = React.useMemo(function () {
|
|
14337
|
+
return Object.entries(resultData).filter(function (_a) {
|
|
14338
|
+
var key = _a[0],
|
|
14339
|
+
value = _a[1];
|
|
14340
|
+
if (consumedKeys.has(key)) return false;
|
|
14341
|
+
if (!isDisplayablePrimitive(value)) return false;
|
|
14342
|
+
return true;
|
|
14343
|
+
}).map(function (_a) {
|
|
14344
|
+
var key = _a[0],
|
|
14345
|
+
value = _a[1];
|
|
14346
|
+
return {
|
|
14347
|
+
label: formatDecisionName(key),
|
|
14348
|
+
value: formatValue(value)
|
|
14349
|
+
};
|
|
14350
|
+
}).sort(function (a, b) {
|
|
14351
|
+
return a.label.localeCompare(b.label);
|
|
14352
|
+
});
|
|
14353
|
+
}, [consumedKeys, resultData]);
|
|
14354
|
+
var decisionDetails = React.useMemo(function () {
|
|
14355
|
+
var rawDetails = resultData.verificationResultDetails;
|
|
14356
|
+
if (!isRecord(rawDetails)) return [];
|
|
14357
|
+
return Object.entries(rawDetails).map(function (_a) {
|
|
14358
|
+
var _b, _c;
|
|
14359
|
+
var key = _a[0],
|
|
14360
|
+
value = _a[1];
|
|
14361
|
+
if (!isDecisionDetail(value)) return null;
|
|
14362
|
+
return {
|
|
14363
|
+
name: formatDecisionName(key),
|
|
14364
|
+
result: (_b = value.DecisionResult) !== null && _b !== void 0 ? _b : '—',
|
|
14365
|
+
code: (_c = value.DecisionStateCode) !== null && _c !== void 0 ? _c : '—'
|
|
14366
|
+
};
|
|
14367
|
+
}).filter(Boolean);
|
|
14368
|
+
}, [resultData]);
|
|
14369
|
+
return /*#__PURE__*/React__namespace.default.createElement(Container$5, null, /*#__PURE__*/React__namespace.default.createElement(Hero, null, /*#__PURE__*/React__namespace.default.createElement("div", null, /*#__PURE__*/React__namespace.default.createElement(Title, null, "Submission completed!"), /*#__PURE__*/React__namespace.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__namespace.default.createElement(StatusBadge, {
|
|
14370
|
+
"data-variant": status.statusCode === '000' ? 'success' : 'error'
|
|
14371
|
+
}, "Status ", status.statusCode))), quickFacts.length > 0 && ( /*#__PURE__*/React__namespace.default.createElement(Section, null, /*#__PURE__*/React__namespace.default.createElement(SectionTitle, null, "At-a-glance overview"), /*#__PURE__*/React__namespace.default.createElement(SummaryGrid, null, quickFacts.map(function (fact) {
|
|
14372
|
+
return /*#__PURE__*/React__namespace.default.createElement(SummaryCard, {
|
|
14373
|
+
key: fact.key
|
|
14374
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SummaryLabel, null, fact.label), /*#__PURE__*/React__namespace.default.createElement(SummaryValue, null, fact.value));
|
|
14375
|
+
})))), decisionDetails.length > 0 && ( /*#__PURE__*/React__namespace.default.createElement(Section, null, /*#__PURE__*/React__namespace.default.createElement(SectionTitle, null, "Decision breakdown"), /*#__PURE__*/React__namespace.default.createElement(SectionDescription, null, "High-level verdicts returned by the verification service."), /*#__PURE__*/React__namespace.default.createElement(DecisionList, null, decisionDetails.map(function (detail) {
|
|
14376
|
+
return /*#__PURE__*/React__namespace.default.createElement(DecisionCard, {
|
|
14377
|
+
key: detail.name
|
|
14378
|
+
}, /*#__PURE__*/React__namespace.default.createElement(DecisionName, null, detail.name), /*#__PURE__*/React__namespace.default.createElement(DecisionValues, null, /*#__PURE__*/React__namespace.default.createElement(DecisionResult, {
|
|
14379
|
+
"data-variant": detail.result === 'OK' ? 'success' : 'warning'
|
|
14380
|
+
}, detail.result), /*#__PURE__*/React__namespace.default.createElement(DecisionCode, null, "Code ", detail.code)));
|
|
14381
|
+
})))), additionalDetails.length > 0 && ( /*#__PURE__*/React__namespace.default.createElement(Section, null, /*#__PURE__*/React__namespace.default.createElement(SectionTitle, null, "Additional details"), /*#__PURE__*/React__namespace.default.createElement(DetailGrid, null, additionalDetails.map(function (detail) {
|
|
14382
|
+
return /*#__PURE__*/React__namespace.default.createElement(DetailItem, {
|
|
14383
|
+
key: detail.label
|
|
14384
|
+
}, /*#__PURE__*/React__namespace.default.createElement(SummaryLabel, null, detail.label), /*#__PURE__*/React__namespace.default.createElement(SummaryValue, null, detail.value));
|
|
14385
|
+
})))), /*#__PURE__*/React__namespace.default.createElement(Section, null, /*#__PURE__*/React__namespace.default.createElement(SectionTitle, null, "Raw payloads"), /*#__PURE__*/React__namespace.default.createElement(SectionDescription, null, "Need to dig deeper? Expand the payloads below to inspect the full JSON."), /*#__PURE__*/React__namespace.default.createElement(JsonControls, null, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
14272
14386
|
onClick: function onClick() {
|
|
14273
|
-
return setShowRequestBody(
|
|
14387
|
+
return setShowRequestBody(function (prev) {
|
|
14388
|
+
return !prev;
|
|
14389
|
+
});
|
|
14274
14390
|
}
|
|
14275
|
-
}, showRequestBody ? 'Hide' : 'Show
|
|
14391
|
+
}, showRequestBody ? 'Hide request JSON' : 'Show request JSON'), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
14392
|
+
onClick: function onClick() {
|
|
14393
|
+
return setShowResponseBody(function (prev) {
|
|
14394
|
+
return !prev;
|
|
14395
|
+
});
|
|
14396
|
+
}
|
|
14397
|
+
}, showResponseBody ? 'Hide response JSON' : 'Show response JSON')), showRequestBody && ( /*#__PURE__*/React__namespace.default.createElement(JsonBlock, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockHeader, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockTitle, null, "Request Body"), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
|
|
14276
14398
|
style: {
|
|
14277
|
-
marginLeft:
|
|
14399
|
+
marginLeft: 'auto'
|
|
14278
14400
|
},
|
|
14279
14401
|
onClick: function onClick() {
|
|
14280
|
-
return setTruncateImages(
|
|
14402
|
+
return setTruncateImages(function (prev) {
|
|
14403
|
+
return !prev;
|
|
14404
|
+
});
|
|
14281
14405
|
}
|
|
14282
|
-
}, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__namespace.default.createElement("
|
|
14406
|
+
}, truncateImages ? 'Display full images' : 'Truncate images')), /*#__PURE__*/React__namespace.default.createElement("pre", null, requestBodyDisplay))), showResponseBody && ( /*#__PURE__*/React__namespace.default.createElement(JsonBlock, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockHeader, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockTitle, null, "Response Body")), /*#__PURE__*/React__namespace.default.createElement("pre", null, responseBodyDisplay)))));
|
|
14283
14407
|
};
|
|
14284
|
-
var Container$5 = styled__default.default.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding:
|
|
14285
|
-
|
|
14286
|
-
|
|
14408
|
+
var Container$5 = styled__default.default.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"])));
|
|
14409
|
+
var Hero = styled__default.default.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"])));
|
|
14410
|
+
var Title = styled__default.default.h3(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n margin: 0;\n font-size: 24px;\n"], ["\n margin: 0;\n font-size: 24px;\n"])));
|
|
14411
|
+
var Subtitle = styled__default.default.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"])));
|
|
14412
|
+
var StatusBadge = styled__default.default.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"])));
|
|
14413
|
+
var Section = styled__default.default.section(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n margin-bottom: 32px;\n"], ["\n margin-bottom: 32px;\n"])));
|
|
14414
|
+
var SectionTitle = styled__default.default.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"])));
|
|
14415
|
+
var SectionDescription = styled__default.default.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"])));
|
|
14416
|
+
var SummaryGrid = styled__default.default.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"])));
|
|
14417
|
+
var SummaryCard = styled__default.default.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"])));
|
|
14418
|
+
var SummaryLabel = styled__default.default.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"])));
|
|
14419
|
+
var SummaryValue = styled__default.default.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"])));
|
|
14420
|
+
var DecisionList = styled__default.default.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"])));
|
|
14421
|
+
var DecisionCard = styled__default.default(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"])));
|
|
14422
|
+
var DecisionName = styled__default.default.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"])));
|
|
14423
|
+
var DecisionValues = styled__default.default.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"])));
|
|
14424
|
+
var DecisionResult = styled__default.default.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"])));
|
|
14425
|
+
var DecisionCode = styled__default.default.span(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-size: 12px;\n color: #6f7487;\n"], ["\n font-size: 12px;\n color: #6f7487;\n"])));
|
|
14426
|
+
var DetailGrid = styled__default.default.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"])));
|
|
14427
|
+
var DetailItem = styled__default.default(SummaryCard)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n min-height: 110px;\n"], ["\n min-height: 110px;\n"])));
|
|
14428
|
+
var JsonControls = styled__default.default.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"])));
|
|
14429
|
+
var JsonBlock = styled__default.default.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"])));
|
|
14430
|
+
var JsonBlockHeader = styled__default.default.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"])));
|
|
14431
|
+
var JsonBlockTitle = styled__default.default.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"])));
|
|
14432
|
+
function truncate(str, maxChars) {
|
|
14433
|
+
var truncated = str.split('').splice(0, maxChars).join('');
|
|
14287
14434
|
if (truncated.length < str.length) truncated += '...';
|
|
14288
14435
|
return truncated;
|
|
14289
14436
|
}
|
|
14290
|
-
var templateObject_1$f;
|
|
14437
|
+
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;
|
|
14291
14438
|
|
|
14292
14439
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
14293
14440
|
var document = _a.document,
|